@charset "UTF-8";
/********** common **********/
@-webkit-keyframes bubble { 50% { opacity: .2;
    -webkit-transform: scale(0.35);
    transform: scale(0.35); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes bubble { 50% { opacity: .2;
    -webkit-transform: scale(0.35);
    transform: scale(0.35); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes ani { 0% { opacity: 0; }
  100% { opacity: 1; } }

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

@-webkit-keyframes grow { from { width: 0; } }

@keyframes grow { from { width: 0; } }

/*flex*/
/*img-ico-before*/
/********** form custom **********/
/* checkbox layout */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; font-style: normal; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture { display: block; }

body { line-height: 1; }

ul { list-style: none; }

ol { list-style-position: inside; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

strong { font-weight: normal; }

span, strong, em, i { display: block; background-repeat: no-repeat; }

em { font-style: normal; }

a { color: inherit; text-decoration: none; -webkit-transition: all ease 0.8s; transition: all ease 0.8s; }

button { font-family: "Pretendard-Regular"; background: transparent; border: none; outline: none; cursor: pointer; }

a, button { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

* { box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent !important; }

img { display: block; max-width: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

input[type="text"], input[type="password"], input[type="checkbox"], input[type="number"], input[type="tel"], input[type="email"] { outline: none; background: transparent; color: #000; padding: 0 10px; }

input::-ms-clear { display: none; }

input:-webkit-autofill { background: #fff !important; -webkit-text-fill-color: #000 !important; }

html, body { width: 100%; font-family: "Pretendard-Regular"; font-size: 62.5%; color: #000; }

::-moz-selection, ::-moz-selection { color: #fff; background: #ff7700; }

::-moz-selection, ::selection { color: #fff; background: #ff7700; }

@font-face { font-family: "Pretendard-Light"; src: url("../font/Pretendard-Light.eot"); src: url("../font/Pretendard-Light.eot?#iefix") format("embedded-opentype"), url("../font/Pretendard-Light.woff") format("woff"); }

@font-face { font-family: "Pretendard-Regular"; src: url("../font/Pretendard-Regular.eot"); src: url("../font/Pretendard-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Pretendard-Regular.woff") format("woff"); }

@font-face { font-family: "Pretendard-Medium"; src: url("../font/Pretendard-Medium.eot"); /* IE9 Compat Modes */ src: url("../font/Pretendard-Medium.eot?#iefix") format("embedded-opentype"), url("../font/Pretendard-Medium.woff") format("woff"); }

@font-face { font-family: "Pretendard-SemiBold"; src: url("../font/Pretendard-SemiBold.eot"); /* IE9 Compat Modes */ src: url("../font/Pretendard-SemiBold?#iefix") format("embedded-opentype"), url("../font/Pretendard-SemiBold.woff") format("woff"); }

@font-face { font-family: "Pretendard-Bold"; src: url("../font/Pretendard-Bold.eot"); /* IE9 Compat Modes */ src: url("../font/Pretendard-Bold?#iefix") format("embedded-opentype"), url("../font/Pretendard-Bold.woff") format("woff"); }

@font-face { font-family: "Pretendard-ExtraBold"; src: url("../font/Pretendard-ExtraBold.eot"); src: url("../font/Pretendard-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../font/Pretendard-ExtraBold.woff") format("woff"); }

@font-face { font-family: "Pretendard-Black"; src: url("../font/Pretendard-Black.eot"); /* IE9 Compat Modes */ src: url("../font/nPretendard-Black.eot?#iefix") format("embedded-opentype"), url("../font/Pretendard-Black.woff") format("woff"); }

@font-face { font-family: 'Dongle'; font-weight: 700; font-style: normal; src: url("https://cdn.jsdelivr.net/gh/webfontworld/yangheeryu/DongleBold.eot"); src: url("https://cdn.jsdelivr.net/gh/webfontworld/yangheeryu/DongleBold?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/gh/webfontworld/yangheeryu/DongleBold.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/webfontworld/yangheeryu/DongleBold.woff") format("woff"), url("https://cdn.jsdelivr.net/gh/webfontworld/yangheeryu/DongleBold.ttf") format("truetype"); font-display: swap; }

@font-face { font-family: 'GmarketSansMedium'; src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff"); font-weight: normal; font-style: normal; }

/********** scrollbar **********/
::-webkit-scrollbar { width: 6px; height: 6px; background: #fff; }

::-webkit-scrollbar-thumb { height: 6px; background: #d2d2d2; border-radius: 3px; }

/********** input **********/
/* input */
input[type="search"] { text-align: left; border: none; width: 80%; padding: 0; outline: none; }

input[type="search"]:focus { outline: none; }

/*textarea*/
textarea { resize: none; }

/*input error*/
input[type="text"].error, input[type="password"].error, input[type="number"].error, input[type="email"].error, textarea.error { border: 0.1rem solid #f07171; color: #f07171 !important; position: relative; background: url("/contents/images/common/icon_problem_red.png") 99% center no-repeat; background-size: 1.2rem 1.2rem; }

/* radio basic */
textarea { resize: none; font-family: "Pretendard-Regular"; display: block; width: 100%; height: 48px; padding: 16px; line-height: 1.5; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c6c6c6; border-radius: 6px; font-size: 1.6rem; background-color: transparent; color: #000; outline: none; }

textarea:focus { outline: none; }

input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="email"] { font-family: "Pretendard-Regular"; display: block; width: 100%; height: 48px; padding: 16px; line-height: 1.5; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c6c6c6; border-radius: 6px; font-size: 1.6rem; background-color: transparent; color: #000; outline: none; }

input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="tel"]:disabled, input[type="url"]:disabled, input[type="email"]:disabled { color: #999; background-color: #eaeaea; border-color: #999; }

input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus { outline: none; border: 1px solid #d0d0d0; }

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: #999; }

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { color: #999; }

input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder { color: #999; }

input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, input[type="tel"]::placeholder, input[type="url"]::placeholder, input[type="email"]::placeholder { color: #999; }

input[type="text"].error, input[type="password"].error, input[type="number"].error, input[type="tel"].error, input[type="url"].error, input[type="email"].error { border: 1px solid #f07171; color: #f07171 !important; position: relative; background: url("/contents/images/common/icon_problem_red.png") 99% center no-repeat; background-size: 12px 12px; }

input[type="text"].size01, input[type="password"].size01, input[type="number"].size01, input[type="tel"].size01, input[type="url"].size01, input[type="email"].size01 { width: 100px; }

input[type="text"].size02, input[type="password"].size02, input[type="number"].size02, input[type="tel"].size02, input[type="url"].size02, input[type="email"].size02 { width: 200px; }

input[type="text"].size03, input[type="password"].size03, input[type="number"].size03, input[type="tel"].size03, input[type="url"].size03, input[type="email"].size03 { width: 300px; }

input[type="text"].size04, input[type="password"].size04, input[type="number"].size04, input[type="tel"].size04, input[type="url"].size04, input[type="email"].size04 { width: 400px; }

input[type="text"].size05, input[type="password"].size05, input[type="number"].size05, input[type="tel"].size05, input[type="url"].size05, input[type="email"].size05 { width: 500px; }

input[type="text"].size06, input[type="password"].size06, input[type="number"].size06, input[type="tel"].size06, input[type="url"].size06, input[type="email"].size06 { width: 600px; }

input[type="text"].size07, input[type="password"].size07, input[type="number"].size07, input[type="tel"].size07, input[type="url"].size07, input[type="email"].size07 { width: 700px; }

input[type="text"].size08, input[type="password"].size08, input[type="number"].size08, input[type="tel"].size08, input[type="url"].size08, input[type="email"].size08 { width: 800px; }

input[type="text"].size09, input[type="password"].size09, input[type="number"].size09, input[type="tel"].size09, input[type="url"].size09, input[type="email"].size09 { width: 900px; }

input[type="text"].size10, input[type="password"].size10, input[type="number"].size10, input[type="tel"].size10, input[type="url"].size10, input[type="email"].size10 { width: 1000px; }

@media screen and (max-width: 767px) { input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="email"] { height: 42px; } }

input[type="search"] { text-align: left; border: none; width: 80%; padding: 0; outline: none; }

input[type="search"]:focus { outline: none; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type="radio"], input[type="checkbox"] { display: none; }

input[type="radio"] + label, input[type="checkbox"] + label { font-size: 1.5rem; vertical-align: middle; }

input[type="radio"] + label:last-of-type, input[type="checkbox"] + label:last-of-type { margin-right: 0; }

input[type="radio"] + label::before, input[type="checkbox"] + label::before { content: ""; display: block; vertical-align: middle; }

input[type="radio"]:checked + label::before, input[type="checkbox"]:checked + label::before { content: ""; }

.selectBox { width: 100%; }

.selectBox select { display: inline-block; vertical-align: middle; min-width: 100%; height: 4.8rem; padding: 0 1.6rem; font-size: 1.6rem; line-height: 1.6rem; color: #000; border-radius: 0.6rem; border: 1px solid #c6c6c6; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; background: #fff url("../images/common/ico_arrow_gray.svg") no-repeat right 16px center/16px; }

@media screen and (max-width: 767px) { .selectBox select { height: 3.6rem; font-size: 1.4rem; border-radius: 0.8rem; padding: 0 3rem 0 1rem; background-position: right 1rem center; } }

.selectBox select:disabled { color: #bbb; border: 1px solid #d0d0d0; background-color: #f8f8f8; }

.selectBox select:focus { outline: none; }

.selectBox select:disabled { background: #fff url("../images/common/ico_arrow_down.svg") no-repeat right 16px center/16px; opacity: 0.6; }

.checkBox input[type="checkBox"] + label { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 1.6rem; cursor: pointer; gap: 0.8rem; }

.checkBox input[type="checkBox"] + label::before { content: ""; display: block; background-repeat: no-repeat; background-position: center center; background-size: 100%; background: url("../images/common/ico_checkbox_off.svg") no-repeat center/cover; width: 2.4rem; height: 2.4rem; -ms-flex-negative: 0; flex-shrink: 0; }

.checkBox input[type="checkBox"]:checked + label::before { background: url("../images/common/ico_checkbox_on.svg") no-repeat center/cover; }

.checkBox input[type="checkBox"]:checked:disabled + label::before { background: url("../images/common/check_disabled.png") center center no-repeat; }

.checkBox.circlType input[type="checkbox"] + label:before { width: 22px; height: 22px; background-image: url("../images//member/ico_checkbox_off.svg"); }

.checkBox.circlType input[type="checkbox"]:checked + label:before { background-image: url("../images//member/ico_checkbox_on.svg"); }

.textcheckBox { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

.textcheckBox input[type="checkbox"] + label, .textcheckBox input[type="radio"] + label { cursor: pointer; width: 100%; max-width: 10rem; min-width: 8rem; height: 3.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; border-radius: 0.4rem; border: 0.1rem solid #ccc; text-align: center; font-size: 1.4rem; -ms-flex-negative: inherit; flex-shrink: inherit; }

.textcheckBox input[type="checkbox"] + label:last-of-type, .textcheckBox input[type="radio"] + label:last-of-type { margin-right: 0 !important; }

.textcheckBox input[type="checkbox"] + label::before, .textcheckBox input[type="radio"] + label::before { display: none; }

.textcheckBox input[type="checkbox"]:checked + label, .textcheckBox input[type="radio"]:checked + label { background: #000; color: #fff; }

@media screen and (max-width: 767px) { .textcheckBox { width: 100%; gap: 0.5rem; }
  .textcheckBox input[type="checkbox"] + label, .textcheckBox input[type="radio"] + label { max-width: 100%; min-width: 5rem; } }

.radioBox input[type="radio"] + label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6rem; cursor: pointer; gap: 0.8rem; -ms-flex-negative: 0; flex-shrink: 0; }

.radioBox input[type="radio"] + label::before { width: 2.4rem; height: 2.4rem; border-radius: 100%; border: 0.1rem solid #d7d7d7; }

.radioBox input[type="radio"]:checked + label::before { background: url("../images/common/ico_radio_on.svg") no-repeat center/cover; }

.radioBox input[type="radio"]:disabled + label::before { background: #eaeaea; }

@media screen and (max-width: 767px) { .radioBox input[type="radio"] + label::before { width: 2rem; height: 2rem; } }

.radioBox.txtType { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

.radioBox.txtType input[type="checkbox"] + label, .radioBox.txtType input[type="radio"] + label { cursor: pointer; width: 100%; max-width: 10rem; min-width: 8rem; height: 3.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; border-radius: 0.4rem; border: 0.1rem solid #ccc; text-align: center; font-size: 1.4rem; -ms-flex-negative: inherit; flex-shrink: inherit; }

.radioBox.txtType input[type="checkbox"] + label:last-of-type, .radioBox.txtType input[type="radio"] + label:last-of-type { margin-right: 0 !important; }

.radioBox.txtType input[type="checkbox"] + label::before, .radioBox.txtType input[type="radio"] + label::before { display: none; }

.radioBox.txtType input[type="checkbox"]:checked + label, .radioBox.txtType input[type="radio"]:checked + label { background: #000; color: #fff; }

@media screen and (max-width: 767px) { .radioBox.txtType { width: 100%; gap: 0.5rem; }
  .radioBox.txtType input[type="checkbox"] + label, .radioBox.txtType input[type="radio"] + label { max-width: 100%; min-width: 5rem; } }

.typeBox { width: auto; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; height: auto; min-height: 3.6rem; border-radius: 0.4rem; background: #fff; border: 0.1rem solid #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.typeBox strong { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.4rem; font-weight: "Pretendard-Medium"; height: 100%; padding: 0 2rem; -ms-flex-negative: 0; flex-shrink: 0; }

.typeBox strong::after { content: ""; display: block; position: absolute; width: 0.1rem; height: 2rem; right: 0; background: #c6c6c6; }

.typeBox .radioBox { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; padding: 1rem; }

.typeBox .radioBox input[type="radio"] + label { font-size: 1.4rem; gap: .5rem; }

.typeBox .radioBox input[type="radio"] + label::before { width: 1.6rem; height: 1.6rem; }

.typeBox.type01 { max-width: auto; border: 0; }

.typeBox.type01 .textcheckBox { gap: 0; border: 0.1rem solid #000; border-radius: 0.4rem; }

.typeBox.type01 .textcheckBox input[type="radio"] + label { border: 0; background: #fff; color: #000; border-radius: 0; }

.typeBox.type01 .textcheckBox input[type="radio"] + label:first-of-type { border-radius: 0.4rem 0 0 0.4rem; }

.typeBox.type01 .textcheckBox input[type="radio"] + label:last-of-type { border-radius: 0 0.4rem 0.4rem 0; }

.typeBox.type01 .textcheckBox input[type="radio"] + label:not(:last-of-type) { border-right: 0.1rem solid #000; }

.typeBox.type01 .textcheckBox input[type="radio"]:checked + label { color: #fff; background: #000; }

@media screen and (max-width: 768px) { .typeBox strong { display: none; } }

.switchbox { position: relative; height: 18px; }

.switchbox input[type="checkbox"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 3rem; height: 1.8rem; border-radius: 0.9rem; -webkit-appearance: none; background-color: #bbb; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; }

.switchbox input[type="checkbox"]::after { content: ''; position: absolute; display: block; width: 1.4rem; height: 1.4rem; background-color: #fff; border-radius: 5rem; left: 02rem; -webkit-transition: all .3s ease; transition: all .3s ease; }

.switchbox input[type="checkbox"]:checked { background-color: #ff7700; -webkit-transition: all .3s ease; transition: all .3s ease; }

.switchbox input[type="checkbox"]:checked::before { content: ''; right: auto; left: 2rem; }

.switchbox input[type="checkbox"]:checked::after { left: 1.4rem; -webkit-transition: all .3s ease; transition: all .3s ease; }

.switchbox input[type="checkbox"] + label { position: absolute; font-size: 0; width: 0.1rem; height: 0.1rem; opacity: 0; }

.switchbox input[type="checkbox"] + label::before { display: inline; font-size: 13px; }

.searchBox { position: relative; width: 100%; height: 4.8rem; }

.searchBox > div { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background: #eaeaea; border-radius: 2.4rem; }

.searchBox > div input[type="text"] { border: 0; width: calc(100% - 4rem); height: 100%; padding-left: 2.4rem; color: #000; }

.searchBox > div button { position: absolute; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; }

.searchBox > div button.btn-search { width: 2.6rem; height: 2.6rem; }

.searchBox > div button.btn-close { width: 1.7rem; height: 1.7rem; }

.searchBox button.btn-close { display: none; }

.searchBox.type01 { background: #fff; border: 1px solid #c6c6c6; }

.comboBox { position: relative; width: 100%; max-width: 36rem; }

.comboBox.txtType01 .cb-btn { width: 100%; height: 4.8rem; padding: 0 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 0.8rem; border: 1px solid #c6c6c6; cursor: pointer; }

.comboBox.txtType01 .cb-btn span { font-size: 1.6rem; }

.comboBox.txtType01 .cb-detail { position: absolute; z-index: 1; top: 4.5rem; width: 100%; background: #fff; }

.comboBox.txtType01 .cb-detail ul { width: 100%; border: 1px solid #c6c6c6; border-radius: 0 0 0.8rem 0.8rem; }

.comboBox.txtType01 .cb-detail ul li { padding: 0 2rem; font-size: 1.6rem; line-height: 4.8rem; cursor: pointer; }

.comboBox.txtType01 .cb-detail ul li:not(:last-of-type) { border-bottom: 1px solid #c6c6c6; }

.comboBox.txtType01 .cb-detail ul li:hover { background: #000; color: #fff; }

.comboBox .cb-detail { display: none; }

.comboBox .cb-detail.on { display: block; }

.validation { display: block; font-size: 1.3rem; line-height: 2rem; color: #ff2300; font-family: "Pretendard-Regular"; }

.validation.bk { color: #000; }

.validation.bu { color: #0066ff; }

.validation.gy { color: #999; }

.tabBox { position: relative; }

.tabBox .tab-hd { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.tabBox .tab-hd li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; }

.tabBox .tab-con > div { display: none; }

.tabBox .tab-con > div.active { display: block; }

.tabBox.type01 .tab-hd li { font-size: 2.2rem; font-family: "Pretendard-Medium"; color: #999; width: auto; height: 3.6rem; }

.tabBox.type01 .tab-hd li:not(:first-of-type) { margin-left: 2rem; }

.tabBox.type01 .tab-hd li.active { color: #000; }

.tabBox.type01 .tab-hd li.active::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.4rem; background: #ff7700; }

.tabBox.iconType .tab-hd { gap: 1.6rem; }

.tabBox.iconType .tab-hd li { -ms-flex-preferred-size: 14rem; flex-basis: 14rem; height: 4.8rem; border-radius: 4rem; font-size: 1.6rem; border: 1px solid #000; }

.tabBox.iconType .tab-hd li.active { background: #000; color: #fff; gap: 1.6rem; }

.tabBox.iconType .tab-hd li.active::before { content: ""; position: relative; left: 0.5rem; width: 2rem; height: 2rem; background: url("../images/common/ico_ckeck_bg_wh.svg") no-repeat center/100%; }

.tableBox { position: relative; width: 100%; }

.tableBox table { width: 100%; border-collapse: inherit; border-spacing: 0; color: #101010; font-size: 1.5rem; }

.tableBox table thead tr th, .tableBox table thead tr td, .tableBox table tbody tr th, .tableBox table tbody tr td, .tableBox table tfoot tr th, .tableBox table tfoot tr td { vertical-align: middle; text-align: center; font-size: 1.5rem; line-height: 1.8rem; }

.tableBox table thead tr th:not(:last-of-type), .tableBox table thead tr td:not(:last-of-type), .tableBox table tbody tr th:not(:last-of-type), .tableBox table tbody tr td:not(:last-of-type), .tableBox table tfoot tr th:not(:last-of-type), .tableBox table tfoot tr td:not(:last-of-type) { border-right: 0.1rem solid #eaeaea; }

.tableBox table tfoot tr th, .tableBox table thead tr th { height: 5.6rem; font-family: "Pretendard-Medium"; }

.tableBox table thead tr th { background: #f8f8f8; border-top: 0.2rem solid #000; border-bottom: 0.1rem solid #000; }

.tableBox table tfoot { display: contents; width: 100%; }

.tableBox table tfoot tr th { background: #fff3f1; }

.tableBox table tbody tr td { padding: 1rem; border-bottom: 0.1rem solid #ddd; }

.tableBox table tbody tr td.no-data { padding: 10rem 0; }

.tableBox table tbody tr td.txt-red { text-decoration: underline; }

.tableBox table tbody tr td p { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.tableBox.type01 table { margin-top: 2rem; }

.tableBox.type01 table tbody tr th { height: 5.6rem; font-family: "Pretendard-Medium"; background: #f8f8f8; border-top: 0.2rem solid #000; border-bottom: 0.1rem solid #000; }

.tableBox.type01 table tbody tr td { border-left: 0.1rem solid #ddd; }

.tableBox.type01 table tbody tr td { border-top: 0; }

@media screen and (max-width: 767px) { .tableBox table { width: 150%; }
  .tableBox table thead tr th, .tableBox table thead tr td, .tableBox table tbody tr th, .tableBox table tbody tr td, .tableBox table tfoot tr th, .tableBox table tfoot tr td { height: 3.5rem; font-size: 1.2rem; }
  .tableBox table thead tr th { text-wrap: nowrap; }
  .tableBox table tbody tr td { text-wrap: nowrap; }
  .tableBox table tbody tr td p { -webkit-line-clamp: 2; text-align: left; } }

.dim { position: fixed; width: 101%; height: 100%; background: rgba(0, 0, 0, 0.47); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; }

.label span, .label p { width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.2rem; font-family: "Pretendard-Medium"; border-radius: 2rem; padding: 0.5rem 1.5rem; color: #fff; }

.label span.rd, .label p.rd { background: #e32608; }

.label span.ye, .label p.ye { background: #f2a100; }

.label span.pk, .label p.pk { background: #ff0088; }

.label span.nv, .label p.nv { background: #00449e; }

.label span.pu, .label p.pu { background: #7817d9; }

.label span.dkpk, .label p.dkpk { background: #d9176b; }

.label span.br, .label p.br { background: #8e673a; }

.label span.sb, .label p.sb { background: #409fff; }

.label span.or, .label p.or { background: #ff8000; }

.label span.gn, .label p.gn { background: #149519; }

.label span.lpu, .label p.lpu { background: #cc17d9; }

.label span.mt, .label p.mt { background: #02c19f; }

.label span.dkmt, .label p.dkmt { background: #3a6c8e; }

.label span.lbr, .label p.lbr { background: #b79e00; }

.label span.dkrd, .label p.dkrd { background: #a80c0c; }

.label span.dkgy, .label p.dkgy { background: #5d655d; }

.label span.bu, .label p.bu { background: #0066ff; }

.label span.bk, .label p.bk { background: #000; }

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

.contMenu li { height: 4.8rem; font-size: 1.6rem; color: #101010; }

.contMenu li a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.contMenu li:not(:first-of-type) { margin-left: -0.1rem; }

@media screen and (max-width: 767px) { .contMenu li { height: 3.6rem; } }

.pagingBox { position: relative; width: 100%; margin-top: 3rem; }

.pagingBox ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2rem; }

.pagingBox ul li a { width: 3rem; height: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Pretendard-Medium"; font-size: 1.4rem; color: #aaa; }

.pagingBox ul li a:hover { background: #eaeaea; color: #000; font-family: "Pretendard-Bold"; border-radius: .6rem; }

.pagingBox ul li.on a { background: #eaeaea; color: #000; font-family: "Pretendard-Bold"; border-radius: .6rem; }

.pagingBox ul li.prev, .pagingBox ul li.next { background: url("../images/common/ico_page_left.svg") no-repeat center/contain; }

.pagingBox ul li.next { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

@media screen and (max-width: 767px) { .pagingBox ul { gap: inherit !important; }
  .pagingBox ul li a { width: 2.3rem; height: 2.3rem; } }

.tooltipBox { position: absolute; }

.tooltipBox i { cursor: pointer; }

.tooltipBox i.mark { position: relative; width: 16px; height: 16px; background: #eaeaea; border: 1px solid #999; border-radius: 8px; }

.tooltipBox i.mark::before { content: "i"; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; color: #999; }

.tooltipBox .tooltip { display: none; position: absolute; -webkit-transform: translateX(-100%); transform: translateX(-100%); left: -100%; top: -1.2rem; z-index: 1; padding: 1rem 2rem; width: auto; min-width: 20rem; height: auto; background: #eaeaea; border: 1px solid #999; border-radius: 0.8rem; }

.tooltipBox .tooltip::after { content: ""; position: absolute; -webkit-transform: rotate(180deg); transform: rotate(180deg); right: -1rem; top: 1.1rem; width: 1.1rem; height: 1.5rem; background: url("../images/common/tooltipbg.svg"); }

.tooltipBox .tooltip p { font-size: 1.4rem; line-height: 1.6rem; letter-spacing: -0.028rem; }

.tooltipBox .tooltip p:not(:first-of-type) { margin-top: 1rem; }

.tooltipBox .tooltip p::before { content: "-"; position: absolute; left: 1rem; }

.fileBox { display: -webkit-box; display: -ms-flexbox; display: flex; }

.fileBox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }

.fileBox label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; vertical-align: middle; cursor: pointer; }

.fileBox button { width: 10rem; }

.fileBox.type { margin-top: 1.6rem; gap: 5rem; }

.fileBox.type div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; gap: 1rem; }

.fileBox.type div:nth-of-type(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1rem; }

.fileBox.type div label { width: 80%; height: 3.6rem; border-radius: 0.6rem; background: #fff; border: 1px solid #ff7700; color: #ff7700; }

.fileBox.type form { width: 50%; }

.fileBox.type p { width: 100%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; border: 1px solid #eaeaea; padding: 1rem; height: 3.6rem; border-radius: 0.6rem; background: #f4f4f4; color: #999; }

.fileBox.type01 { max-width: 120rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 3rem; }

.fileBox.type01 form { width: 50%; }

.fileBox.type01 form > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; gap: 1rem; margin-top: 10px; }

.fileBox.type01 form > div label { width: 80%; height: 4rem; border-radius: 0.6rem; background: #fff; border: 1px solid #999; color: #999; font-size: 1.6rem; }

.fileBox.type01 form > div button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 20%; height: 4rem; border-radius: 0.6rem; background: #000; color: #fff; }

.fileBox.type01 form > div p { font-size: 1.5rem; color: #c6c6c6; }

.fileBox.type02 div label { width: 14rem; height: 4.8rem; background: #8e8e8e; color: #fff; font-size: 1.6rem; }

.fileBox.type03 { max-width: 120rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 3rem; }

.fileBox.type03 form { width: 50%; gap: 1rem; }

.fileBox.type03 form > div { width: 100%; }

.fileBox.type03 form > div > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; gap: 1rem; margin-top: 10px; }

.fileBox.type03 form > div > div:nth-of-type(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1rem; }

.fileBox.type03 form > div > div label { width: 80%; height: 4rem; border-radius: 0.6rem; background: #fff; border: 1px solid #999; color: #999; font-size: 1.6rem; }

.fileBox.type03 form > div > div button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30%; height: 4rem; border-radius: 0.6rem; background: #000; color: #fff; }

.fileBox.type03 p { width: 100%; height: 4rem; padding: 1rem; background: #f4f4f4; border-radius: 0.6rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 2rem; color: #999; font-size: 1.6rem; }

.listBox > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3rem; }

.listBox > ul > li { position: relative; -ms-flex-preferred-size: calc(100% / 5 - 2.4rem); flex-basis: calc(100% / 5 - 2.4rem); overflow: hidden; cursor: pointer; }

.listBox > ul > li.list > div.item-i > div { position: absolute; z-index: 1; }

.listBox > ul > li.list > div.item-i > div:not(.vip) { top: 1.6rem; }

.listBox > ul > li.list > div.item-i .label { left: 1.6rem; }

.listBox > ul > li.list > div.item-i .heart, .listBox > ul > li.list > div.item-i .vip { right: 1.6rem; text-align: center; }

.listBox > ul > li.list > div.item-i .heart span, .listBox > ul > li.list > div.item-i .vip span { padding-top: 0.2rem; font-size: 1.2rem; letter-spacing: -0.06rem; color: #ff2300; text-align: center; }

.listBox > ul > li.list > div.item-i .heart button { width: 2rem; height: 1.8rem; background: url("../images/common/ico_heart_off.svg") no-repeat center/contain; }

.listBox > ul > li.list > div.item-i .heart.on button { background: url("../images/common/ico_heart_on.svg") no-repeat center/contain; }

.listBox > ul > li.list > div.item-i .vip { top: 5.6rem; }

.listBox > ul > li.list > div.item-i .vip button { width: 2.6rem; height: 1.8rem; }

.listBox > ul > li.list > div.item-i .vip.step01 span { color: #d58f2d; }

.listBox > ul > li.list > div.item-i .vip.step01 button { background: url("../images/common/ico_vip_step01.svg") no-repeat center/contain; }

.listBox > ul > li.list > div.before { display: none; }

.listBox > ul > li.list > div.item { height: 52.6rem; }

.listBox > ul > li.list > div.item button { top: 40%; }

.listBox > ul > li.list > div.item-txt { position: absolute; z-index: 3; background: #fff; bottom: 0; width: 100%; padding: 1.6rem; border-radius: 2.5rem 0 0 0; }

.listBox > ul > li.list > div.item-txt > div.prod em { font-size: 1.4rem; font-family: "Pretendard-Medium"; line-height: 1.8rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.listBox > ul > li.list > div.item-txt > div.prod strong { font-size: 1.6rem; font-family: "Pretendard-Bold"; line-height: 2.4rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin: 0.2rem 0 1rem; }

.listBox > ul > li.list > div.item-txt > div.prod p span { display: inline-block; font-size: 2rem; line-height: 3.5rem; font-family: "Pretendard-Bold"; }

.listBox > ul > li.list > div.item-txt > div.prod .point { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; font-size: 1.6rem; }

.listBox > ul > li.list > div.item-txt > div.prod .point p { font-family: "Pretendard-SemiBold"; }

.listBox > ul > li.list > div.item-txt > div.prod .point span { font-family: "Pretendard-SemiBold"; border-radius: 1.1rem; padding: 0.4rem 0.8rem; }

.listBox > ul > li.list > div.item-txt > div:not([class]) { border-top: 1px solid #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 1rem; margin-top: 1rem; }

.listBox > ul > li.list > div.item-txt > div:not([class]) .left ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.5rem; }

.listBox > ul > li.list > div.item-txt > div:not([class]) .left ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.5rem; font-family: "Pretendard-Medium"; font-size: 1.6rem; word-break: keep-all; }

.listBox > ul > li.list > div.item-txt > div:not([class]) .left ul li p { font-size: 2rem; font-family: "Pretendard-Bold"; }

.listBox > ul > li.list > div.item-txt > div:not([class]) .left ul li:nth-of-type(2)::before { content: "/"; display: block; }

.listBox > ul > li.list > div.item-txt > div:not([class]) .left > p { font-size: 1.2rem; font-family: "Pretendard-Medium"; padding-top: 1rem; }

.listBox > ul > li.list > div.item-txt > div:not([class]) .left > p span { display: contents; }

.listBox > ul > li.list > div.item-txt > div:not([class]) .right.label p { border-radius: .5rem; font-size: 1.6rem; padding: 0.5rem 1rem; }

.listBox > ul > li.list.on > div.before { position: absolute; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: -10%; }

.listBox > ul > li.list.on > div.before i { width: 6.4rem; height: 6rem; background: url("../images/common/ico_time.svg") no-repeat center/cover; }

.listBox > ul > li.list.on > div.before span { margin-top: 0.7rem; color: #fff; font-size: 2.4rem; font-family: "Pretendard-Medium"; }

.listBox > ul > li.list.video { background: #000; }

.listBox > ul > li.list.video > div.item-txt { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06); background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0.34))); background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0.34)); color: #fff; }

.listBox > ul > li.list.video > div.item-txt > div.prod em i { background-color: #fff; }

.listBox > ul > li.list.video > div.item-txt > div.prod .point span { background: #fff; color: #ff7700; }

.listBox > ul > li.list.img { border: 1px solid #b7b7b7; }

.listBox > ul > li.list.img > div.item-txt > div.prod .point span { background: #000; color: #fff; }

.listBox > ul > li.list.img > div.item-txt > div:not([class]) { border-color: #eaeaea; }

.listBox > ul > li.list.img > div.item { padding: 5.8rem 1.6rem 0; }

.listBox > ul > li.list.img > div.item picture { width: 100%; height: calc(100% - 40%); overflow: hidden; display: block; border: 0.1rem solid #eaeaea; }

.listBox > ul > li.list.img > div.item picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.listBox.type01 > ul > li.list > div.item button.btn-play { top: 45%; }

.listBox.type01 > ul > li.list > div.item-txt { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); border-radius: 0; color: #fff; }

.listBox.type01 > ul > li.list > div.item-txt .prod p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; }

.listBox.type01 > ul > li.list > div.item-txt .prod p em { padding-left: 0; font-size: 1.4rem; }

.listBox.type01 > ul > li.list > div.item-txt .prod p span { -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.6rem; }

@media screen and (max-width: 1400px) and (min-width: 1025px) { .listBox ul li { -ms-flex-preferred-size: calc(100% / 4 - 2.3rem); flex-basis: calc(100% / 4 - 2.3rem); } }

@media screen and (max-width: 1024px) and (min-width: 768px) { .listBox ul li { -ms-flex-preferred-size: calc(33.3% - 2rem); flex-basis: calc(33.3% - 2rem); }
  .listBox ul li.list > div.item { height: 44.6rem; }
  .listBox ul li.list.img > div.item picture { height: calc(100% - 45%); } }

@media screen and (max-width: 767px) { .listBox ul { gap: 1rem; }
  .listBox ul li { -ms-flex-preferred-size: calc(50% - 0.5rem); flex-basis: calc(50% - 0.5rem); }
  .listBox ul li.list > div.item-i > div:not(.vip) { top: 1rem; }
  .listBox ul li.list > div.item-i .label { left: 1rem; }
  .listBox ul li.list > div.item-i .label p { padding: 0.3rem 1rem; font-size: 1rem; }
  .listBox ul li.list > div.item-i .heart, .listBox ul li.list > div.item-i .vip { right: 1rem; }
  .listBox ul li.list > div.item-i .heart button, .listBox ul li.list > div.item-i .vip button { width: 1.6rem; height: 1.4rem; }
  .listBox ul li.list > div.item-i .vip { top: 4.8rem; }
  .listBox ul li.list > div.item-i .vip button { width: 2.2rem; height: 1.4rem; }
  .listBox ul li.list > div.item { height: 28.5rem; }
  .listBox ul li.list > div.item button { top: 34%; }
  .listBox ul li.list > div.item-txt { padding: 1.2rem 0.8rem; }
  .listBox ul li.list > div.item-txt > div.prod em { font-size: 1rem; }
  .listBox ul li.list > div.item-txt > div.prod strong { font-size: 1.4rem; margin: 0; }
  .listBox ul li.list > div.item-txt > div.prod p span { font-size: 1.2rem; line-height: 2.4rem; }
  .listBox ul li.list > div.item-txt > div.prod .point { font-size: 1.4rem; gap: 0.5rem; }
  .listBox ul li.list > div.item-txt > div.prod .point span { border-radius: 1.1rem; padding: 0.3rem 0.6rem; }
  .listBox ul li.list > div.item-txt > div:not([class]) .left ul { gap: 0.2rem; }
  .listBox ul li.list > div.item-txt > div:not([class]) .left ul li { gap: 0.2rem; font-size: 1rem; }
  .listBox ul li.list > div.item-txt > div:not([class]) .left ul li p { font-size: 1.4rem; }
  .listBox ul li.list > div.item-txt > div:not([class]) .left ul li:nth-of-type(2)::before { content: "/"; display: block; }
  .listBox ul li.list > div.item-txt > div:not([class]) .left > p { font-size: 1rem; padding-top: 0.5rem; }
  .listBox ul li.list > div.item-txt > div:not([class]) .right { position: absolute; right: 0; top: -1.8rem; }
  .listBox ul li.list > div.item-txt > div:not([class]) .right.label p { width: 100%; font-size: 1.4rem; padding: .8rem; border-radius: .8rem; line-height: 1.1rem; }
  .listBox ul li.list > div.item-txt > div:not([class]) .right.label p br { display: none; }
  .listBox ul li.list.img > div.item { padding: 0.5rem; }
  .listBox ul li.list.img > div.item picture { height: calc(100% - 50%); }
  .listBox ul li.list.on > div.before { top: -20%; }
  .listBox ul li.list.on > div.before i { width: 5.4rem; height: 5rem; }
  .listBox ul li.list.on > div.before span { font-size: 1.8rem; } }

.listBox.scrType { overflow: hidden; overflow-x: auto; }

.listBox.scrType > ul { gap: 2rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.listBox.scrType > ul > li.list { width: 30rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; }

@media screen and (max-width: 1024px) { .listBox.scrType > ul > li.list { width: 25rem; } }

@media screen and (max-width: 767px) { .listBox.scrType > ul { gap: 1rem; }
  .listBox.scrType > ul > li.list { width: 16rem; } }

.txtlistBox ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4rem; }

.txtlistBox ul li { position: relative; -ms-flex-preferred-size: calc(50% - 2.4rem); flex-basis: calc(50% - 2.4rem); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 3rem; }

.txtlistBox ul li picture { width: 10rem; height: 10rem; -ms-flex-negative: 0; flex-shrink: 0; position: relative; border-radius: 100%; border: 1px solid #eaeaea; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.txtlistBox ul li picture i.ico-rank { position: absolute; right: -1rem; bottom: 0; width: 4rem; height: 5.3rem; }

.txtlistBox ul li picture i.ico-rank.one { background: url("../images/common/ico_rank_01.svg") no-repeat center/cover; }

.txtlistBox ul li picture i.ico-rank.two { background: url("../images/common/ico_rank_02.svg") no-repeat center/cover; }

.txtlistBox ul li picture i.ico-rank.three { background: url("../images/common/ico_rank_03.svg") no-repeat center/cover; }

.txtlistBox ul li picture img { border-radius: 100%; }

.txtlistBox ul li .detail { width: 100%; }

.txtlistBox ul li .detail dl dt { font-size: 2.4rem; font-family: "Pretendard-Bold"; line-height: 4rem; }

.txtlistBox ul li .detail dl dd { font-size: 1.6rem; line-height: 3rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.txtlistBox ul li .detail > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

.txtlistBox ul li .detail > div span { -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.6rem; font-family: "Pretendard-Medium"; color: #999; }

.txtlistBox.type01 > ul li { -ms-flex-preferred-size: 100%; flex-basis: 100%; }

@media screen and (max-width: 767px) { .txtlistBox ul { gap: 2rem; }
  .txtlistBox ul li { -ms-flex-preferred-size: 100%; flex-basis: 100%; gap: 2rem; }
  .txtlistBox ul li picture { width: 8rem; height: 8rem; }
  .txtlistBox ul li .detail { width: 100%; }
  .txtlistBox ul li .detail dl dt { font-size: 2rem; line-height: 3rem; }
  .txtlistBox ul li .detail dl dd { display: none; }
  .txtlistBox ul li .detail > div { gap: 1rem; padding-top: 0.5rem; }
  .txtlistBox ul li .detail > div span { font-size: 1.4rem; } }

.pickListBox ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; }

.pickListBox ul li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; }

.pickListBox ul li .item { width: 100%; height: 15.2rem; border: 0.1rem solid; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; }

.pickListBox ul li .item button { width: 5rem; height: 5rem; }

.pickListBox ul li.complete .item::before { content: "신청완료"; position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 0, 0, 0.6); z-index: 1; color: #fff; font-size: 1.6rem; }

.pickListBox.scrType ul { overflow: hidden; overflow-x: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 2rem; }

.pickListBox.scrType ul::-webkit-scrollbar { background: transparent; }

.pickListBox.scrType ul::-webkit-scrollbar-thumb { background: transparent; }

.pickListBox.scrType ul li { width: calc(10% - 0.9rem); }

.pickListBox.scrType ul li > div:not(.item) { padding-top: 1rem; }

@media screen and (max-width: 1024px) { .pickListBox:not(.scrType) ul li { width: calc(33.3% - 0.7rem); }
  .pickListBox:not(.scrType) ul li .item { height: 10rem; }
  .pickListBox.scrType ul li { width: 14.5rem; } }

@media screen and (max-width: 768px) { .pickListBox.scrType ul li { width: 10rem; height: 10rem; } }

.inputBox > div:not(:first-of-type) { margin-top: 2.4rem; }

.inputBox > div strong { font-size: 1.6rem; font-family: "Pretendard-Medium"; line-height: 2.4rem; padding-bottom: 1rem; }

.dataBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

.dataBox .searchBox { max-width: 34rem; height: 3.6rem; }

@media screen and (max-width: 767px) { .dataBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; }
  .dataBox .searchBox { max-width: 100%; } }

.calendarBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border: 0.1rem solid #b7b7b7; border-radius: 0.6rem; height: 3.6rem; width: 100%; max-width: 23.5rem; }

.calendarBox .wave { width: 2rem; }

.calendarBox .calendar input { border: none; height: 100%; text-align: center; padding: 1.6rem 0.2rem; }

@media screen and (max-width: 767px) { .calendarBox { max-width: 100%; }
  .calendarBox .calendar { width: calc(100% - 0.1rem); } }

.chartBox { position: relative; width: 100%; min-height: 30rem; max-height: 100vh; overflow: hidden; padding: 3rem; border-radius: 0.8rem; border: 0.1rem solid #eaeaea; -webkit-box-shadow: 0 0 10px 0 rgba(234, 234, 234, 0.5); box-shadow: 0 0 10px 0 rgba(234, 234, 234, 0.5); }

.ct-infoBox { position: absolute; right: 1rem; bottom: 1rem; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 3rem; }

.ct-infoBox span { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.5rem; font-size: 1.5rem; font-family: "Pretendard-Medium"; color: #333; }

.ct-infoBox span::before { content: ""; position: relative; display: block; width: 3rem; height: 0.4rem; }

.ct-infoBox span.gn::before { background: #5fcf2f; }

.ct-infoBox span.bu::before { background: #6eafef; }

.ct-infoBox span.pk::before { background: #ff98a3; }

.ct-infoBox span.pp::before { background: #d5a6e3; }

.ct-infoBox span.gy::before { background: #999; }

.ct-infoBox span.ye::before { background: #ffc247; }

.ct-infoBox span.drye::before { background: #cfba2f; }

.ct-infoBox span.br::before { background: #b96829; }

.ct-infoBox span.mt::before { background: #6eefd9; }

.ct-infoBox span.bk::before { background: #000; }

.ct-infoBox.rowType { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; right: 5%; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; }

@media screen and (max-width: 767px) { .ct-infoBox { gap: 1rem; }
  .ct-infoBox span { font-size: 1.4rem; } }

.item { position: relative; }

.item video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.item button.btn-play { position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; width: 13rem; height: 13rem; background: url("../images/common/ico_play.svg") no-repeat center/cover; }

.item button.btn-play.on { background: transparent; }

.item.rowType video { width: 100%; }

@media screen and (max-width: 767px) { .item button.btn-play { width: 8rem; height: 8rem; } }

.copyBox > div { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

.copyBox > div input { max-width: 56%; font-family: "Pretendard-Bold"; }

.copyBox > div p { font-family: "Pretendard-Bold"; font-size: 1.6rem; line-height: 2.4rem; }

.copyBox > div textarea { border: 0; padding: 0; height: auto; white-space: normal; line-height: 2.3; }

.copyBox > div .btn-copy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0.6rem; max-width: 10rem; width: 100%; max-width: 10rem; height: 36px; font-size: 1.6rem; font-family: "Pretendard-Medium"; }

.copyBox > div .btn-copy:hover { background: #000; color: #fff; }

.copyBox > div .copyMsg { position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 1rem 3rem; background: #000; border-radius: 0.6rem; color: #fff; font-size: 1.4rem; }

.copyBox > div.type01 { width: 100%; max-width: 55rem; height: 4.8rem; padding: 0 1.6rem; border: 1px solid #c6c6c6; border-radius: 0.6rem; }

.copyBox > div.type01 p { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.copyBox > div.type01 .btn-copy { text-indent: -9999px; font-size: 0; border: 0; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; position: absolute; right: 1.6rem; }

.copyBox > div.type01 .btn-copy::before { content: ""; position: relative; width: 2.4rem; height: 2.7rem; background: url("../images/common//ico_copy.svg") no-repeat center/100%; }

.copyBox.rowType > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1rem; }

@media screen and (max-width: 767px) { .copyBox > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1rem; }
  .copyBox > div .btn-copy { max-width: 100%; }
  .copyBox > div.type01 { height: 3.6rem; }
  .copyBox > div.type01 p { line-height: 3.6rem; } }

.waitBox { position: relative; min-height: 60vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.waitBox > span { width: 13rem; height: 13rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; background: #fff; border: 0.7rem solid #999; }

.waitBox > span:before { content: "!"; position: absolute; font-size: 8rem; color: #999; font-family: "Pretendard-Bold"; }

.waitBox p { padding-top: 2rem; text-align: center; font-family: "Pretendard-Medium"; color: #999; font-size: 2rem; }

.waitBox p strong { font-family: "Pretendard-Bold"; font-size: 2.4rem; line-height: 5rem; }

.waitBox p strong span { display: contents; }

.waitBox.type01 { min-height: 30vh; }

.waitBox.type01 > span { width: 5.9rem; height: 5.9rem; border: 0.4rem solid #999; }

.waitBox.type01 > span:before { font-size: 4rem; }

.waitBox.type01 p { font-family: "Pretendard-Regular"; font-size: 2.2rem; line-height: 3rem; letter-spacing: -0.055rem; }

@media screen and (max-width: 767px) { .waitBox.type01 p { font-size: 1.6rem; line-height: 2.4rem; } }

.userPointBox .userPoint { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 4rem; gap: 0.5rem; }

.userPointBox .userPoint i { background-image: url("../images/common/ico_gnd_point.svg"); background-size: cover; -ms-flex-negative: 0; flex-shrink: 0; }

.userPointBox .userPoint i:not([class]) { width: 2.4rem; height: 2.4rem; }

.userPointBox .userPoint i.ico-lighting { width: 1.8rem; height: 1.8rem; margin: 0.3rem; }

.userPointBox .userPoint p { font-size: 1.6rem; }

.iconBox > div i.ico_sns_yt { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_yt.png") no-repeat center/100%; }

.iconBox > div i.ico_sns_in { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_in.png") no-repeat center/100%; }

.iconBox > div i.ico_sns_fb { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_fb.png") no-repeat center/100%; }

.iconBox > div i.ico_sns_tt { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_tt.png") no-repeat center/100%; }

.iconBox > div i.ico_sns_cl { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_cl.png") no-repeat center/100%; }

.iconBox > div i.ico_sns_cp { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_cp.png") no-repeat center/100%; }

.iconBox > div i.ico_sns_ns { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_ns.png") no-repeat center/100%; }

.iconBox > div i.ico_sns_ce { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_ce.png") no-repeat center/100%; }

.iconBox > div i.ico_sns_bg { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_bg.png") no-repeat center/100%; }

.iconBox > div i.ico_sns_bm { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_bm.png") no-repeat center/100%; }

.iconBox > div i.ico_sns_etc { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_etc.png") no-repeat center/100%; }

.cp-name { position: relative; padding-left: 2.2rem; }

.cp-name i { position: absolute; left: 0; width: 1.7rem; height: 1.6rem; background-color: #000; -webkit-mask-image: url("../images/common/ico_cart.svg"); mask-image: url("../images/common/ico_cart.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

.cp-name i.ico-sp { width: 1.7rem; height: 1.6rem; background-color: #000; -webkit-mask-image: url("../images/common/ico_cart.svg"); mask-image: url("../images/common/ico_cart.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

.cp-name i.ico-gm { width: 1.7rem; height: 1.5rem; background-color: #000; -webkit-mask-image: url("../images/common/ico_game.svg"); mask-image: url("../images/common/ico_game.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

.cp-name i.ico-nw { width: 1.7rem; height: 1.5rem; background-color: #000; -webkit-mask-image: url("../images/common/ico_news.svg"); mask-image: url("../images/common/ico_news.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

.cp-name i.ico-pr { width: 1.7rem; height: 1.8rem; background-color: #000; -webkit-mask-image: url("../images/common/ico_pr.svg"); mask-image: url("../images/common/ico_pr.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

.cp-name i.ico-sf { width: 1.7rem; height: 1.8rem; background-color: #000; -webkit-mask-image: url("../images/common/ico_shortform.svg"); mask-image: url("../images/common/ico_shortform.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

.cp-name i.ico-rw { width: 1.8rem; height: 1.8rem; background: url("../images/common/ico_review.svg") no-repeat center/cover; -webkit-mask-image: none; mask-image: none; }

.cp-name i.ico-mc { width: 1.8rem; height: 1.8rem; background: url("../images/common/ico_mc.svg") no-repeat center/cover; -webkit-mask-image: none; mask-image: none; }

/********** align **********/
section.type-align-st, div.type-align-st, button.type-align-st, ul.type-align-st, dt.type-align-st, dd.type-align-st, li.type-align-st, strong.type-align-st, p.type-align-st, td.type-align-st { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

section.type-align-ct, div.type-align-ct, button.type-align-ct, ul.type-align-ct, dt.type-align-ct, dd.type-align-ct, li.type-align-ct, strong.type-align-ct, p.type-align-ct, td.type-align-ct { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

section.type-align-en, div.type-align-en, button.type-align-en, ul.type-align-en, dt.type-align-en, dd.type-align-en, li.type-align-en, strong.type-align-en, p.type-align-en, td.type-align-en { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

section.type-align-bt, div.type-align-bt, button.type-align-bt, ul.type-align-bt, dt.type-align-bt, dd.type-align-bt, li.type-align-bt, strong.type-align-bt, p.type-align-bt, td.type-align-bt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

section.type-align-ev, div.type-align-ev, button.type-align-ev, ul.type-align-ev, dt.type-align-ev, dd.type-align-ev, li.type-align-ev, strong.type-align-ev, p.type-align-ev, td.type-align-ev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

section.type-align-ar, div.type-align-ar, button.type-align-ar, ul.type-align-ar, dt.type-align-ar, dd.type-align-ar, li.type-align-ar, strong.type-align-ar, p.type-align-ar, td.type-align-ar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; }

section.type-col-align-bt-st, div.type-col-align-bt-st, button.type-col-align-bt-st, ul.type-col-align-bt-st, dt.type-col-align-bt-st, dd.type-col-align-bt-st, li.type-col-align-bt-st, strong.type-col-align-bt-st, p.type-col-align-bt-st, td.type-col-align-bt-st { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

section.type-wr-align-bt-st, div.type-wr-align-bt-st, button.type-wr-align-bt-st, ul.type-wr-align-bt-st, dt.type-wr-align-bt-st, dd.type-wr-align-bt-st, li.type-wr-align-bt-st, strong.type-wr-align-bt-st, p.type-wr-align-bt-st, td.type-wr-align-bt-st { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

section.type-col-align-st-st, div.type-col-align-st-st, button.type-col-align-st-st, ul.type-col-align-st-st, dt.type-col-align-st-st, dd.type-col-align-st-st, li.type-col-align-st-st, strong.type-col-align-st-st, p.type-col-align-st-st, td.type-col-align-st-st { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

section.type-col-align-ct-st, div.type-col-align-ct-st, button.type-col-align-ct-st, ul.type-col-align-ct-st, dt.type-col-align-ct-st, dd.type-col-align-ct-st, li.type-col-align-ct-st, strong.type-col-align-ct-st, p.type-col-align-ct-st, td.type-col-align-ct-st { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

p.txt-red, span.txt-red, strong.txt-red, em.txt-red, td.txt-red, li.txt-red, dt.txt-red, dd.txt-red, a.txt-red { color: #ff2300; }

p.txt-main, span.txt-main, strong.txt-main, em.txt-main, td.txt-main, li.txt-main, dt.txt-main, dd.txt-main, a.txt-main { color: #ff7700; }

p.txt-ye, span.txt-ye, strong.txt-ye, em.txt-ye, td.txt-ye, li.txt-ye, dt.txt-ye, dd.txt-ye, a.txt-ye { color: #ffaa00; }

p.txt-gn, span.txt-gn, strong.txt-gn, em.txt-gn, td.txt-gn, li.txt-gn, dt.txt-gn, dd.txt-gn, a.txt-gn { color: #009f2a; }

p.txt-gy, span.txt-gy, strong.txt-gy, em.txt-gy, td.txt-gy, li.txt-gy, dt.txt-gy, dd.txt-gy, a.txt-gy { color: #999; }

p.txt-b, span.txt-b, strong.txt-b, em.txt-b, td.txt-b, li.txt-b, dt.txt-b, dd.txt-b, a.txt-b { font-family: "Pretendard-Bold"; }

p.txt-bu, span.txt-bu, strong.txt-bu, em.txt-bu, td.txt-bu, li.txt-bu, dt.txt-bu, dd.txt-bu, a.txt-bu { color: #0066ff; }

p.txt-pu, span.txt-pu, strong.txt-pu, em.txt-pu, td.txt-pu, li.txt-pu, dt.txt-pu, dd.txt-pu, a.txt-pu { color: #9100ff; }

a.btn-w-b, button.btn-w-b { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; border: 1px solid #000; color: #000; }

a.btn-w-b:hover, button.btn-w-b:hover { background: #000; color: #fff; }

a.btn-bk, button.btn-bk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: #000; color: #fff; }

a.btn-bk:hover, button.btn-bk:hover { background: #fff; border: 1px solid #000; color: #000; }

a.btn-red, button.btn-red { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: #f40407; color: #fff; }

a.btn-red:hover, button.btn-red:hover { background: #fff; border: 1px solid #f40407; color: #f40407; }

a.btn-bu, button.btn-bu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: #1877f2; color: #fff; }

a.btn-bu:hover, button.btn-bu:hover { background: #fff; border: 1px solid #1877f2; color: #1877f2; }

a.btn-sbu, button.btn-sbu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: #2f98cf; color: #fff; }

a.btn-sbu:hover, button.btn-sbu:hover { background: #fff; border: 1px solid #2f98cf; color: #2f98cf; }

a.btn-pu, button.btn-pu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: #754bd5; color: #fff; }

a.btn-pu:hover, button.btn-pu:hover { background: #fff; border: 1px solid #754bd5; color: #754bd5; }

a.btn-b-bk, button.btn-b-bk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; border: 1px solid #000; color: #000; }

a.btn-b-bk:hover, button.btn-b-bk:hover { background: #000; color: #fff; }

a.btn-b-pt, button.btn-b-pt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; border: 1px solid #ff7700; color: #ff7700; }

a.btn-b-pt:hover, button.btn-b-pt:hover { background: #ff7700; color: #fff; }

a.btn-b-cy, button.btn-b-cy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; border: 1px solid #00e5ff; color: #00e5ff; }

a.btn-b-cy:hover, button.btn-b-cy:hover { background: #00e5ff; color: #fff; }

a.btn-b-wh, button.btn-b-wh { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; border: 1px solid #fff; color: #fff; }

a.btn-b-wh:hover, button.btn-b-wh:hover { background: #000; color: #000; }

a.btn-pt, button.btn-pt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: #ff7730; color: #fff; }

a.btn-pt:hover, button.btn-pt:hover { background: #fff; border: 1px solid #ff7730; color: #ff7730; }

a.btn-gy, button.btn-gy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: #eaeaea; color: #000; }

a.btn-gy:hover, button.btn-gy:hover { background: #000; color: #fff; }

a.btn-b-gy, button.btn-b-gy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; border: 1px solid #b7b7b7; color: #ff2300; }

a.btn-dkgy, button.btn-dkgy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: #b7b7b7; color: #fff; }

a.btn-grad, button.btn-grad { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: linear-gradient(98deg, #864ef9, #f82869); color: #fff; }

a.btn-grad:hover, button.btn-grad:hover { background: #fff; border: 0.1rem solid transparent; -o-border-image: linear-gradient(98deg, #864ef9, #f82869) 1; border-image: linear-gradient(98deg, #864ef9, #f82869) 1; color: transparent; background-image: linear-gradient(98deg, #864ef9, #f82869); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

a.btn-cp, button.btn-cp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#e83727), to(#a21004)); background: linear-gradient(to bottom, #e83727, #a21004); color: #fff; }

a.btn-cp:hover, button.btn-cp:hover { background: #fff; border: 0.1rem solid transparent; -o-border-image: linear-gradient(to bottom, #e83727, #a21004) 1; border-image: -webkit-gradient(linear, left top, left bottom, from(#e83727), to(#a21004)) 1; border-image: linear-gradient(to bottom, #e83727, #a21004) 1; color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(#e83727), to(#a21004)); background-image: linear-gradient(to bottom, #e83727, #a21004); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

a.btn-ns, button.btn-ns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: linear-gradient(98deg, #26dd45, #33c4a0 33%, #0ccbed 63%, #5a95e5); color: #fff; }

a.btn-ns:hover, button.btn-ns:hover { background: #fff; border: 0.1rem solid transparent; -o-border-image: linear-gradient(98deg, #26dd45, #33c4a0 33%, #0ccbed 63%, #5a95e5) 1; border-image: linear-gradient(98deg, #26dd45, #33c4a0 33%, #0ccbed 63%, #5a95e5) 1; color: transparent; background-image: linear-gradient(98deg, #26dd45, #33c4a0 33%, #0ccbed 63%, #5a95e5); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

a.btn-bg, button.btn-bg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: #3cb859; color: #fff; }

a.btn-bg:hover, button.btn-bg:hover { background: #fff; border: 0.1rem solid #3cb859; color: #3cb859; }

a.btn-bm, button.btn-bm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: #4bc4c5; color: #fff; }

a.btn-bm:hover, button.btn-bm:hover { background: #fff; border: 0.1rem solid #4bc4c5; color: #4bc4c5; }

a.btn-ce, button.btn-ce { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: #935227; color: #fff; }

a.btn-ce:hover, button.btn-ce:hover { background: #fff; border: 0.1rem solid #935227; color: #935227; }

a.btn-l, button.btn-l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 60px; font-size: 1.8rem; font-family: "Pretendard-SemiBold"; }

a.btn-m, button.btn-m { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 48px; font-size: 1.6rem; font-family: "Pretendard-SemiBold"; }

a.btn-m-br, button.btn-m-br { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 6rem; width: 100%; height: 48px; font-size: 1.6rem; font-family: "Pretendard-SemiBold"; }

a.btn-s-br, button.btn-s-br { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0.6rem; width: 100%; height: 36px; font-size: 1.6rem; font-family: "Pretendard-Medium"; }

a.btn-play-df, button.btn-play-df { position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; width: 13rem; height: 13rem; background: url("../images/common/ico_play.svg") no-repeat center/cover; }

a.btn-play-df.on, button.btn-play-df.on { background: transparent; }

a.btn-sub, button.btn-sub { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 3rem; font-size: 1.6rem; border-radius: 1.5rem; background: #000; color: #fff; max-width: 10rem; width: 100%; max-width: 10rem; height: 30px; font-size: 1.4rem; font-family: "Pretendard-Bold"; position: relative; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 2rem; }

a.btn-sub::before, button.btn-sub::before { content: ""; position: absolute; left: 0.5rem; width: 2rem; height: 2rem; }

a.btn-sub.wh, button.btn-sub.wh { padding: 0 2rem 0 3.5rem; }

a.btn-sub.wh::before, button.btn-sub.wh::before { background: url("../images/common/ico_ckeck_bg_wh.svg") no-repeat center/100%; }

a.btn-sub.gy, button.btn-sub.gy { background: #999; }

a.btn-sub.gr, button.btn-sub.gr { background: #009f2a; padding: 0 2rem 0 3.5rem; }

a.btn-sub.gr::before, button.btn-sub.gr::before { background: url("../images/common/ico_ckeck_bg_dotwh.svg") no-repeat center/100%; }

a.btn-sub.on, button.btn-sub.on { background: #ff2300; padding: 0 2rem 0 3.5rem; }

a.btn-sub.on::before, button.btn-sub.on::before { background: url("../images/common/ico_ckeck_bg_red.svg") no-repeat center/100%; }

a.allck-btn, button.allck-btn { font-size: 1.6rem; text-decoration: underline; }

a.btn-txt, button.btn-txt { font-size: 2rem; line-height: 2.4rem; letter-spacing: -0.04rem; color: #999; }

i { background-repeat: no-repeat; }

i.ico-arrow-gy { width: 100%; height: 100%; background-color: #eaeaea; -webkit-mask-image: url("../images/common/ico_arrow_gray.svg"); mask-image: url("../images/common/ico_arrow_gray.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

i.ico-arrow-bk { width: 100%; height: 100%; background-color: #000; -webkit-mask-image: url("../images/common/ico_arrow_gray.svg"); mask-image: url("../images/common/ico_arrow_gray.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

i.ico-arrow-wh { width: 100%; height: 100%; background-color: #eaeaea; -webkit-mask-image: url("../images/common/ico_arrow_gray.svg"); mask-image: url("../images/common/ico_arrow_gray.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

i.ico-search { width: 100%; height: 100%; background-color: #000; -webkit-mask-image: url("../images/common/ico_search.svg"); mask-image: url("../images/common/ico_search.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

i.ico-mbgck { width: 15px; height: 15px; background-image: url("../images/common/ico_ck.svg"); }

i.ico-blog { background: url("../images/main/ico_blog.png") no-repeat center/cover; }

i.ico-lighting { background: url("../images/main/ico_lightning.png") no-repeat center/cover; }

i.ico-shopping { background: url("../images/main/ico_shopping.png") no-repeat center/cover; }

i.ico-close-bk { width: 100%; height: 100%; background-color: #000; -webkit-mask-image: url("../images/common/ico_close.svg"); mask-image: url("../images/common/ico_close.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

i.ico-close-wh { width: 100%; height: 100%; background-color: #ff2300; -webkit-mask-image: url("../images/common/ico_close.svg"); mask-image: url("../images/common/ico_close.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

i.ico-close-red { width: 100%; height: 100%; background-color: #ff2300; -webkit-mask-image: url("../images/common/ico_close.svg"); mask-image: url("../images/common/ico_close.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

i.ico-copy-bk { width: 2.4rem; height: 2.7rem; background-color: #000; -webkit-mask-image: url("../images/common/ico_copy.svg"); mask-image: url("../images/common/ico_copy.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

i.ico-down-wh { width: 2.1rem; height: 2.3rem; background: url("../images/common/ico_boxdown.svg") no-repeat center/cover; }

i.ico-logo-bg { background: url("../images/common/logo_reba_bg.svg") no-repeat center/cover; }

i.ico-logo-txt { width: 100%; height: 100%; background-color: #000; -webkit-mask-image: url("../images/common/logo_reba_txt.svg"); mask-image: url("../images/common/logo_reba_txt.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

i.ico-sns-yt { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_yt.png") no-repeat center/100%; }

i.ico-sns-tt { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_tt.png") no-repeat center/100%; }

i.ico-sns-cl { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_cl.png") no-repeat center/100%; }

i.ico-sns-fb { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_fb.png") no-repeat center/100%; }

i.ico-sns-ins { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_in.png") no-repeat center/100%; }

i.ico-sns-cp { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_cp.png") no-repeat center/100%; }

i.ico-sns-ns { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_ns.png") no-repeat center/100%; }

i.ico-sns-cp { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_cp.png") no-repeat center/100%; }

i.ico-sns-bg { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_bg.png") no-repeat center/100%; }

i.ico-sns-bm { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_bm.png") no-repeat center/100%; }

i.ico-sns-ce { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_ce.png") no-repeat center/100%; }

i.ico-sns-etc { width: 4rem; height: 4rem; background: url("../images/common/ico_sns_etc.png") no-repeat center/100%; }

i.ico-light { width: 1.6rem; height: 2rem; background: url("../images/common/ico_light.svg") no-repeat center/100%; }

i.ico-level.step01 { background: url("../images/common/ico_level_01.png") no-repeat center/100%; }

i.ico-level.step02 { background: url("../images/common/ico_level_02.png") no-repeat center/100%; }

i.ico-level.step03 { background: url("../images/common/ico_level_03.png") no-repeat center/100%; }

i.ico-level.step04 { background: url("../images/common/ico_level_04.png") no-repeat center/100%; }

i.ico-level.step05 { background: url("../images/common/ico_level_05.png") no-repeat center/100%; }

i.ico-tooltip { width: 1.9rem; height: 1.9rem; background: url("../images/common/ico_tooltip.svg") no-repeat center/100%; }

i.ico-edit { width: 1.8rem; height: 1.8rem; background-color: #fff; -webkit-mask-image: url("../images/common/ico_edit.svg"); mask-image: url("../images/common/ico_edit.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

i.ico-buy { width: 2.6rem; height: 1.9rem; background-color: #000; -webkit-mask-image: url("../images/common/ico_buy.svg"); mask-image: url("../images/common/ico_buy.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

#Wrap { position: relative; width: 100%; height: 100%; }

#Wrap .loadingBox { display: none; top: 0; left: 0; width: 100%; position: fixed; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999; height: 100vh; background: rgba(0, 0, 0, 0.3); display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 99999; }

#Wrap .loadingBox.none { background: transparent; }

#Wrap .loadingBox .item { position: absolute; top: calc(50% - 10px/2); left: calc(50% - 10px/2); -webkit-transform-origin: -150% 50%; transform-origin: -150% 50%; }

#Wrap .loadingBox .item > div { background: #000; width: 10px; height: 10px; border-radius: 50%; -webkit-animation: bubble 1s infinite; animation: bubble 1s infinite; -webkit-animation-delay: inherit; animation-delay: inherit; }

#Wrap .loadingBox .item:nth-of-type(0n + 1) { -webkit-transform: translateX(200%) rotate(-45deg); transform: translateX(200%) rotate(-45deg); -webkit-animation-delay: -1.5s; animation-delay: -1.5s; }

#Wrap .loadingBox .item:nth-of-type(0n + 2) { -webkit-transform: translateX(200%) rotate(0deg); transform: translateX(200%) rotate(0deg); -webkit-animation-delay: -1.375s; animation-delay: -1.375s; }

#Wrap .loadingBox .item:nth-of-type(0n + 3) { -webkit-transform: translateX(200%) rotate(45deg); transform: translateX(200%) rotate(45deg); -webkit-animation-delay: -1.25s; animation-delay: -1.25s; }

#Wrap .loadingBox .item:nth-of-type(0n + 4) { -webkit-transform: translateX(200%) rotate(90deg); transform: translateX(200%) rotate(90deg); -webkit-animation-delay: -1.125s; animation-delay: -1.125s; }

#Wrap .loadingBox .item:nth-of-type(0n + 5) { -webkit-transform: translateX(200%) rotate(135deg); transform: translateX(200%) rotate(135deg); -webkit-animation-delay: -1s; animation-delay: -1s; }

#Wrap .loadingBox .item:nth-of-type(0n + 6) { -webkit-transform: translateX(200%) rotate(180deg); transform: translateX(200%) rotate(180deg); -webkit-animation-delay: -0.875s; animation-delay: -0.875s; }

#Wrap .loadingBox .item:nth-of-type(0n + 7) { -webkit-transform: translateX(200%) rotate(225deg); transform: translateX(200%) rotate(225deg); -webkit-animation-delay: -0.75s; animation-delay: -0.75s; }

#Wrap .loadingBox .item:nth-of-type(0n + 8) { -webkit-transform: translateX(200%) rotate(270deg); transform: translateX(200%) rotate(270deg); -webkit-animation-delay: -0.625s; animation-delay: -0.625s; }

#Wrap .loadingBox.complete { display: none; }

#Wrap .btn-top { display: none; position: fixed; z-index: 999; width: 4rem; height: 4rem; background: #000; border-radius: 100%; right: 5%; bottom: 6rem; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#Wrap .btn-top i { position: absolute; -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); top: 50%; left: 50%; width: 50%; height: 50%; }

#Wrap article { position: relative; }

#Wrap article .loadingBox { position: absolute; height: 100%; }

#Wrap article .inner { width: 100%; }

#Wrap article .inner .row { width: 100%; }

#Wrap article .inner .row.wide { max-width: 100%; background: #f8f8f8; }

#Wrap article .inner.terms { padding: 5rem 0; }

#Wrap article .inner.terms h1 { font-size: 30px; font-family: "Pretendard-Bold"; text-align: center; padding-bottom: 50px; }

#Wrap article .inner.terms div { padding: 15px 0; }

#Wrap article .inner.terms div strong { font-size: 20px; font-family: "Pretendard-SemiBold"; padding-bottom: 10px; line-height: 26px; }

#Wrap article .inner.terms div p { font-size: 1.6rem; line-height: 22px; padding: 3px 0; color: #333; }

#Wrap article .inner.terms div ol li, #Wrap article .inner.terms div ol dd, #Wrap article .inner.terms div ul li, #Wrap article .inner.terms div ul dd, #Wrap article .inner.terms div dl li, #Wrap article .inner.terms div dl dd { font-size: 1.6rem; line-height: 22px; padding: 3px 0; color: #999; margin-bottom: 0; }

#Wrap article .inner.terms div ol, #Wrap article .inner.terms div dl { padding: 15px 0; }

#Wrap article .inner.terms div ol dt, #Wrap article .inner.terms div dl dt { font-family: "Pretendard-SemiBold"; font-size: 1.8rem; color: #333; padding-bottom: 10px; }

#Wrap article .inner.terms div a:hover { text-decoration: underline; }

#Wrap article .inner.terms div p.type, #Wrap article .inner.terms div ol.type, #Wrap article .inner.terms div ul.type, #Wrap article .inner.terms div dl.type { color: #333; }

#Wrap article .inner.terms div p.type li, #Wrap article .inner.terms div ol.type li, #Wrap article .inner.terms div ul.type li, #Wrap article .inner.terms div dl.type li { color: #333; }

#Wrap article .inner.terms div p dd.type, #Wrap article .inner.terms div p li.type, #Wrap article .inner.terms div ol dd.type, #Wrap article .inner.terms div ol li.type, #Wrap article .inner.terms div ul dd.type, #Wrap article .inner.terms div ul li.type, #Wrap article .inner.terms div dl dd.type, #Wrap article .inner.terms div dl li.type { color: #333; }

#Wrap article .inner.terms div span { font-size: 1.4rem; line-height: 18px; padding-top: 7px; }

#Wrap article .inner.terms div .tableBox { padding-top: 15px; }

#Wrap article .inner.terms div .tableBox table tbody th, #Wrap article .inner.terms div .tableBox table tbody td { color: #333; }

#Wrap article .inner.terms div .tableBox.type01 table tbody tr th { border-top: 0.1rem; }

#Wrap article .inner.terms.agree ol { color: #333; }

#Wrap article .inner.terms.agree ol:not(.en) li { color: #333; }

#Wrap article .inner.terms.agree ol.df, #Wrap article .inner.terms.agree ol.en { padding: 5px 0 5px 20px; }

#Wrap article .inner.terms.agree ol.df li, #Wrap article .inner.terms.agree ol.en li { color: #999; }

#Wrap article .inner.terms.agree ol.en { list-style: lower-alpha inside; }

#Wrap article .inner.guide { padding: 5rem 1.5rem; }

#Wrap article .inner.guide strong { font-size: 2.4rem; font-family: "Pretendard-Medium"; color: #333; line-height: 2.8rem; padding-bottom: 1.6rem; }

#Wrap article .inner.guide span:not([class]) { font-size: 1.4rem; line-height: 2rem; }

#Wrap article .inner.guide p, #Wrap article .inner.guide dl { font-size: 1.6rem; line-height: 2.4rem; }

#Wrap article .inner.guide p a, #Wrap article .inner.guide dl a { display: block; color: #ff2300; text-decoration: underline; padding: 2rem 0; }

#Wrap article .inner.guide p em, #Wrap article .inner.guide dl em { display: contents; }

#Wrap article .inner.guide dl:not(:first-of-type) { padding-top: 2rem; }

#Wrap article .inner.guide .sec-hd { padding-bottom: 1rem; border-bottom: 0.1rem solid #eaeaea; font-family: "Pretendard-Bold"; }

#Wrap article .inner.guide .sec-hd strong { padding-bottom: 0.8rem; }

#Wrap article .inner.guide .sec-con { padding: 4rem 0; }

#Wrap article .inner.guide .sec-con > strong { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Pretendard-Bold"; font-size: 3.8rem; }

#Wrap article .inner.guide .sec-con > strong i { width: 7rem; height: 5.9rem; background: #fff url("../images//v2/guide/ico_hd.png") no-repeat center/100%; }

#Wrap article .inner.guide .sec-con .row:not(:first-of-type) { padding-top: 3rem; }

#Wrap article .inner.guide .sec-con .row .conBox > div.int { padding-top: 2rem; }

#Wrap article .inner.guide .sec-con .row .conBox > div .titBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 4rem; }

#Wrap article .inner.guide .sec-con .row .conBox > div .titBox span { color: #333; padding-left: 0.5rem; }

#Wrap article .inner.guide .sec-con .row .conBox > div .textBox { background: #eaeaea; border: 0.1rem solid #f8f8f8; padding: 4rem; margin-bottom: 2rem; }

#Wrap article .inner.guide .sec-con .row .conBox > div:not(:nth-of-type(3)) ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 7rem; }

#Wrap article .inner.guide .sec-con .row .conBox > div:not(:nth-of-type(3)) ul li { position: relative; width: calc(38vh - 7rem); }

#Wrap article .inner.guide .sec-con .row .conBox > div:not(:nth-of-type(3)) ul li:not(:last-of-type) picture::after { content: ""; display: block; position: relative; -ms-flex-negative: 0; flex-shrink: 0; right: -2rem; width: 4rem; height: 4.8rem; background: url("../images//v2/guide/con_arrow.svg") no-repeat center/100%; }

#Wrap article .inner.guide .sec-con .row .conBox > div:not(:nth-of-type(3)) ul li picture { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#Wrap article .inner.guide .sec-con .row .conBox > div:not(:nth-of-type(3)) ul li p { word-break: keep-all; padding-top: 1.6rem; text-align: center; }

#Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

#Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul li { width: calc(25vh - 7rem); }

#Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul li:nth-of-type(2), #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul li:nth-of-type(3) { width: 35vh; }

#Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(3) .textBox { margin-top: 2rem; }

#Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(3) .textBox strong { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; }

#Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(3) .textBox strong::before { content: ""; position: relative; width: 2.7rem; height: 4rem; background: url("../images//v2/guide/ico_hand.png") no-repeat center/100%; margin-right: 0.8rem; }

#Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(3) ul li { word-break: keep-all; font-size: 1.6rem; line-height: 2rem; padding-top: 1.6rem; }

@media screen and (max-width: 1300px) and (min-width: 1025px) { #Wrap article .inner.guide .sec-con .row .conBox > div .textBox { padding: 2rem; }
  #Wrap article .inner.guide .sec-con .row .conBox > div:not(:nth-of-type(3)) ul li { width: calc(26.4% - 7rem); }
  #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul li { width: calc(30.5vh - 7rem); }
  #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul li:nth-of-type(2), #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul li:nth-of-type(3) { width: 45vh; } }

@media screen and (max-width: 1024px) and (min-width: 768px) { #Wrap article .inner.guide .sec-con .row .conBox > div .textBox { padding: 2rem; }
  #Wrap article .inner.guide .sec-con .row .conBox > div:not(:nth-of-type(3)) ul li { width: calc(26.7% - 7rem); }
  #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul li { width: calc(26.4vh - 7rem); }
  #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul li:nth-of-type(2), #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul li:nth-of-type(3) { width: 37vh; } }

@media screen and (max-width: 767px) { #Wrap article .inner.guide { padding: 1.5rem; }
  #Wrap article .inner.guide strong { font-size: 2rem; }
  #Wrap article .inner.guide span:not([class]) { font-size: 1.4rem; line-height: 2rem; }
  #Wrap article .inner.guide p, #Wrap article .inner.guide dl { font-size: 1.4rem; line-height: 2rem; }
  #Wrap article .inner.guide p a, #Wrap article .inner.guide dl a { padding: 2rem 0; }
  #Wrap article .inner.guide p em, #Wrap article .inner.guide dl em { display: contents; }
  #Wrap article .inner.guide dl:not(:first-of-type) { padding-top: 1rem; }
  #Wrap article .inner.guide .sec-con { padding: 2rem 0; }
  #Wrap article .inner.guide .sec-con > strong { font-size: 2.4rem; }
  #Wrap article .inner.guide .sec-con > strong i { width: 3.6rem; height: 3rem; }
  #Wrap article .inner.guide .sec-con .row .conBox > div .textBox { padding: 2rem; }
  #Wrap article .inner.guide .sec-con .row .conBox > div:not(:nth-of-type(3)) ul { gap: 3rem; }
  #Wrap article .inner.guide .sec-con .row .conBox > div:not(:nth-of-type(3)) ul li { width: calc(50% - 2rem); }
  #Wrap article .inner.guide .sec-con .row .conBox > div:not(:nth-of-type(3)) ul li:not(:last-of-type) picture::after { right: -.8rem; width: 2rem; height: 2.8rem; }
  #Wrap article .inner.guide .sec-con .row .conBox > div:not(:nth-of-type(3)) ul li p { padding-top: 1.4rem; }
  #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul li { width: calc(50% - 2rem); }
  #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul li:nth-of-type(1) { margin: 0 auto; }
  #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul li:nth-of-type(2), #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(2) .textBox ul li:nth-of-type(3) { width: auto; }
  #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(3) .textBox { margin-top: 1rem; }
  #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(3) .textBox strong::before { width: 2rem; height: 2.4rem; }
  #Wrap article .inner.guide .sec-con .row .conBox > div:nth-of-type(3) ul li { font-size: 1.2rem; padding-top: 1rem; } }

#Wrap:not(.minishop) header { position: fixed; z-index: 4; width: 100%; height: 10rem; background: #fff; border-bottom: 1px solid #f1f1f1; top: 0; }

#Wrap:not(.minishop) header .inner { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 1rem; }

#Wrap:not(.minishop) header .inner h1 { position: relative; width: 14rem; height: 5.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 24px; font-family: "Pretendard-Bold"; color: #ff7700; }

#Wrap:not(.minishop) header .inner h1 a { font-size: 0; width: 100%; height: 100%; background: url("../images/common/logo_reba.png") no-repeat center/100%; }

#Wrap:not(.minishop) header .inner > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 1.6rem; }

#Wrap:not(.minishop) header .inner > div .alarmBox { display: none; position: absolute; top: 101%; right: 0; background: #fff; width: 38rem; max-height: 19rem; border: 0.1rem solid #f8f8f8; -webkit-box-shadow: 0 0.6rem 1rem 0 rgba(102, 102, 102, 0.1); box-shadow: 0 0.6rem 1rem 0 rgba(102, 102, 102, 0.1); overflow: hidden; overflow-y: auto; }

#Wrap:not(.minishop) header .inner > div .alarmBox.on { display: block; }

#Wrap:not(.minishop) header .inner > div .alarmBox ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 4.8rem; padding: 0 2.5rem; font-size: 1.4rem; }

#Wrap:not(.minishop) header .inner > div .alarmBox ul li span { white-space: nowrap; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

#Wrap:not(.minishop) header .inner > div .alarmBox ul li span em { display: inline-block; }

#Wrap:not(.minishop) header .inner > div .alarmBox ul li:not(:last-of-type) { border-bottom: 1px solid #f8f8f8; }

#Wrap:not(.minishop) header .inner > div .searchBox { width: auto; -ms-flex-negative: 0; flex-shrink: 0; min-width: 30rem; }

#Wrap:not(.minishop) header .inner > div .searchBox button.btn-close { display: none; }

#Wrap:not(.minishop) header .inner > div .menuBox { width: -webkit-fill-available; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 1.6rem; }

#Wrap:not(.minishop) header .inner > div .menuBox .label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; }

#Wrap:not(.minishop) header .inner > div .menuBox .label span { padding: 1.2rem 3rem; border-radius: 2.4rem; font-size: 1.8rem; }

#Wrap:not(.minishop) header .inner > div .menuBox > p { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 1.6rem; font-family: "Pretendard-Medium"; gap: 0.5rem; margin-right: 3.2rem; -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap:not(.minishop) header .inner > div .menuBox > p::after { content: ""; position: absolute; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: -2.4rem; width: 0.1rem; height: 2rem; background: #eaeaea; }

#Wrap:not(.minishop) header .inner > div .menuBox > p span { font-family: "Pretendard-ExtraBold"; }

#Wrap:not(.minishop) header .inner > div .menuBox a { position: relative; font-size: 1.2rem; text-align: center; word-break: keep-all; }

#Wrap:not(.minishop) header .inner > div .menuBox a.alarem.ck::before { content: ""; display: block; position: absolute; right: 0; top: 0; width: .7rem; height: .7rem; border-radius: 100%; background: #ff2300; }

#Wrap:not(.minishop) header .inner > div .menuBox a i { position: relative; width: 3rem; height: 3.1rem; margin: 0 auto 0.6rem; background-size: 100%; background-repeat: no-repeat; background-position: center; }

#Wrap:not(.minishop) header .inner > div .menuBox a i.ico-login { background-image: url("../images/common/ico_login.svg"); }

#Wrap:not(.minishop) header .inner > div .menuBox a i.ico-join { background-image: url("../images/common/ico_join.svg"); }

#Wrap:not(.minishop) header .inner > div .menuBox a i.ico-mypage { background-image: url("../images/common/ico_mypage.svg"); }

#Wrap:not(.minishop) header .inner > div .menuBox a i.ico-username { background-image: url("../images/common/ico_username.svg"); }

#Wrap:not(.minishop) header .inner > div .menuBox a i.ico-guide { background-image: url("../images/common/ico_guide.svg"); }

#Wrap:not(.minishop) header .inner > div .menuBox a i.ico-alarm { width: 100%; height: 100%; background-color: #999; -webkit-mask-image: url("../images/common/ico_alarm.svg"); mask-image: url("../images/common/ico_alarm.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 3rem; height: 3.1rem; }

#Wrap:not(.minishop) header .inner > div .menuBox a i.ico-logout { background-image: url("../images/common/ico_logout.svg"); }

#Wrap:not(.minishop) header .inner > div .menuBox a.no { display: none; }

#Wrap:not(.minishop) footer { position: relative; z-index: 1; width: 100%; height: auto; background: #eee; margin: 0 auto; padding: 7rem 1.5rem; }

#Wrap:not(.minishop) footer .info { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#Wrap:not(.minishop) footer .info > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; }

#Wrap:not(.minishop) footer .info > div.link { padding-bottom: 1rem; gap: 2rem; }

#Wrap:not(.minishop) footer .info > div.link a { position: relative; font-size: 1.4rem; font-family: "Pretendard-Bold"; color: #777; }

#Wrap:not(.minishop) footer .info > div.link a:nth-of-type(2)::before { content: ""; display: block; position: absolute; width: 0.1rem; height: 1.2rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: -1rem; background: #777; }

#Wrap:not(.minishop) footer .info p, #Wrap:not(.minishop) footer .info span { display: block; font-size: 1.4rem; line-height: 20px; color: #333; opacity: 0.5; text-align: center; }

#Wrap:not(.minishop) footer .info span { border: 1px solid #575757; padding: 0.5rem; border-radius: 0.5rem; margin: 0.5rem 0; color: #000; cursor: pointer; }

#Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner, #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) nav .inner { max-width: 160rem; margin: 0 auto; }

#Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 3rem; }

#Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: auto; gap: 3rem; }

#Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li a { display: block; font-size: 1.8rem; color: #b7b7b7; }

#Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li a:hover { color: #000; }

#Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li.on > a { color: #000; }

#Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li.mo { display: none; }

#Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li.muL::before { content: ""; position: absolute; top: -4rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; width: 6.8rem; height: 4.5rem; }

#Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li.muL.hot::before { background: url("../images/common/hot.svg") no-repeat center/cover; }

#Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li.muL.new::before { background: url("../images/common/new.svg") no-repeat center/cover; }

#Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) article { top: 10rem; margin-bottom: 10rem; }

#Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) article .inner { max-width: 160rem; margin: 0 auto; }

#Wrap.mypage header .inner, #Wrap.mypage_ver01 header .inner { padding: 0 3rem; }

#Wrap.mypage header .inner > div .menuBox, #Wrap.mypage_ver01 header .inner > div .menuBox { display: none; }

#Wrap.mypage nav, #Wrap.mypage_ver01 nav { position: fixed; width: 23.2rem; height: 100vh; min-height: 100%; min-height: -webkit-fill-available; top: 10rem; left: 0; z-index: 99; padding: 0; -webkit-box-shadow: 0 0 1rem 0 rgba(255, 161, 20, 0.08); box-shadow: 0 0 1rem 0 rgba(255, 161, 20, 0.08); white-space: nowrap; background: #fff; }

#Wrap.mypage nav .user-info, #Wrap.mypage_ver01 nav .user-info { width: 20rem; height: 12rem; border-radius: 2rem; border: 1px solid #e4e5e8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 1.3rem auto 3rem; }

#Wrap.mypage nav .user-info > div, #Wrap.mypage_ver01 nav .user-info > div { width: 17.6rem; }

#Wrap.mypage nav .user-info .userName, #Wrap.mypage_ver01 nav .user-info .userName { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#Wrap.mypage nav .user-info .userName i, #Wrap.mypage_ver01 nav .user-info .userName i { width: 3.4rem; height: 3.4rem; border-radius: 1.7rem; margin-right: 1rem; }

#Wrap.mypage nav .user-info .userName span, #Wrap.mypage_ver01 nav .user-info .userName span { font-size: 1.2rem; color: #000; }

#Wrap.mypage nav .user-info .userName p, #Wrap.mypage_ver01 nav .user-info .userName p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 1.6rem; color: #101010; font-family: "Pretendard-Bold"; line-height: 1.9rem; }

#Wrap.mypage nav .user-info .userName p::after, #Wrap.mypage_ver01 nav .user-info .userName p::after { content: "님"; font-size: 1.2rem; line-height: 1.4rem; color: #222; }

#Wrap.mypage nav .user-info .userPointBox, #Wrap.mypage_ver01 nav .user-info .userPointBox { border-radius: 1rem; background: #f9f9f9; padding: 0 0.6rem; }

#Wrap.mypage nav .user-info .userPointBox .userPoint p, #Wrap.mypage_ver01 nav .user-info .userPointBox .userPoint p { font-family: "Pretendard-Bold"; }

#Wrap.mypage nav > ul li a, #Wrap.mypage_ver01 nav > ul li a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 1rem 0 1rem 2.4rem; color: #101010; }

#Wrap.mypage nav > ul li a span, #Wrap.mypage_ver01 nav > ul li a span { margin-left: 2rem; font-size: 1.6rem; }

#Wrap.mypage nav > ul li:nth-of-type(1) a i, #Wrap.mypage_ver01 nav > ul li:nth-of-type(1) a i { width: 2.4rem; height: 2.4rem; background-image: url("../images/v2/mypage/menu_01_off.svg"); }

#Wrap.mypage nav > ul li:nth-of-type(2) a i, #Wrap.mypage_ver01 nav > ul li:nth-of-type(2) a i { width: 2.4rem; height: 2.4rem; background-image: url("../images/v2/mypage/menu_02_off.svg"); }

#Wrap.mypage nav > ul li:nth-of-type(3) a i, #Wrap.mypage_ver01 nav > ul li:nth-of-type(3) a i { width: 2.4rem; height: 2.4rem; background-image: url("../images/v2/mypage/menu_03_off.svg"); }

#Wrap.mypage nav > ul li:nth-of-type(4) a i, #Wrap.mypage_ver01 nav > ul li:nth-of-type(4) a i { width: 2.4rem; height: 2.4rem; background-image: url("../images/v2/mypage/menu_04_off.svg"); }

#Wrap.mypage nav > ul li:nth-of-type(5) a i, #Wrap.mypage_ver01 nav > ul li:nth-of-type(5) a i { width: 2.4rem; height: 2.4rem; background-image: url("../images/v2/mypage/menu_05_off.svg"); }

#Wrap.mypage nav > ul li:nth-of-type(6) a i, #Wrap.mypage_ver01 nav > ul li:nth-of-type(6) a i { width: 2.4rem; height: 2.4rem; background-image: url("../images/v2/mypage/menu_06_off.svg"); }

#Wrap.mypage nav > ul li:nth-of-type(7) a i, #Wrap.mypage_ver01 nav > ul li:nth-of-type(7) a i { width: 2.4rem; height: 2.4rem; background-image: url("../images/v2/mypage/menu_07_off.svg"); }

#Wrap.mypage nav > ul li:hover > a, #Wrap.mypage_ver01 nav > ul li:hover > a { background: #eaeaea; }

#Wrap.mypage nav > ul li.on > a, #Wrap.mypage_ver01 nav > ul li.on > a { background: #eaeaea; }

#Wrap.mypage nav > ul li.on span, #Wrap.mypage_ver01 nav > ul li.on span { font-family: "Pretendard-SemiBold"; }

#Wrap.mypage nav > ul li > ul.sub_menu, #Wrap.mypage_ver01 nav > ul li > ul.sub_menu { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#Wrap.mypage nav > ul li > ul.sub_menu li, #Wrap.mypage_ver01 nav > ul li > ul.sub_menu li { font-size: 1.4rem; }

#Wrap.mypage nav > ul li > ul.sub_menu li a, #Wrap.mypage_ver01 nav > ul li > ul.sub_menu li a { padding: 1rem 0 1rem 7rem; }

#Wrap.mypage nav > a.btn-request, #Wrap.mypage_ver01 nav > a.btn-request { position: absolute; bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 200px; height: 36px; border-radius: 10px; border: 1px solid #e4e5e8; font-size: 1.4rem; }

#Wrap.mypage article, #Wrap.mypage_ver01 article { top: 10rem; margin-bottom: 10rem; width: calc(100% - 23.2rem); min-height: 70vh; margin: 0 0 10rem 23.2rem; background: #f8f8f8; padding: 3rem; color: #101010; }

@media screen and (max-width: 1024px) { #Wrap:not(.minishop) header { height: 6rem; }
  #Wrap:not(.minishop) header .inner h1 { width: 9rem; }
  #Wrap:not(.minishop) header .inner > div .searchBox { display: none; position: absolute; width: 100%; min-width: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; z-index: 1; -webkit-transition: 0.5s ease; transition: 0.5s ease; background: #fff; }
  #Wrap:not(.minishop) header .inner > div .searchBox.on { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #Wrap:not(.minishop) header .inner > div .searchBox > div { width: 99%; margin: 0 auto; }
  #Wrap:not(.minishop) header .inner > div .searchBox > div input[type="text"] { width: calc(100% - 2.5rem) !important; padding-left: 4.5rem; }
  #Wrap:not(.minishop) header .inner > div .searchBox > div button.btn-search { left: 1rem; right: auto; }
  #Wrap:not(.minishop) header .inner > div .searchBox > div button.btn-close { display: block; right: 1rem; }
  #Wrap:not(.minishop) header .inner > div .alarmBox { width: 100%; }
  #Wrap:not(.minishop) header .inner > div .alarmBox ul li { padding: 0 1rem; }
  #Wrap:not(.minishop) header .inner > div .menuBox { gap: .5rem; }
  #Wrap:not(.minishop) header .inner > div .menuBox .label { gap: .2rem; }
  #Wrap:not(.minishop) header .inner > div .menuBox .label a { text-indent: inherit; }
  #Wrap:not(.minishop) header .inner > div .menuBox .label span { padding: 0.5rem 1.2rem; border-radius: 2rem; font-size: 1.2rem; }
  #Wrap:not(.minishop) header .inner > div .menuBox p { display: none; }
  #Wrap:not(.minishop) header .inner > div .menuBox a { text-indent: -9999px; font-size: 0; }
  #Wrap:not(.minishop) header .inner > div .menuBox a i { margin: 0; background-size: 95%; }
  #Wrap:not(.minishop) header .inner > div .menuBox a.no { display: block; }
  #Wrap:not(.minishop) header .inner > div .menuBox a:not(.mo) { display: none; }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul { position: fixed; bottom: 0; background: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 6rem; gap: 0; }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li { width: calc(100% / 6); padding: 0; -ms-flex-negative: 0; flex-shrink: 0; }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li a { width: 100%; font-size: 1.2rem !important; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li a i { width: 2.6rem; height: 2.6rem; margin-bottom: 0.5rem; }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li:nth-of-type(1) a i { background-image: url("../images/v2/main/mo_menu_011_off.svg"); }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li:nth-of-type(2) a i { background-image: url("../images/v2/main/mo_menu_012_off.svg"); }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li:nth-of-type(3) a i { background-image: url("../images/v2/main/mo_menu_013_off.svg"); }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li:nth-of-type(4) a i { background-image: url("../images/v2/main/mo_menu_014_off.svg"); }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li:nth-of-type(5) a i { background-image: url("../images/v2/main/mo_menu_015_off.svg"); }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li:nth-of-type(6) a i { background-image: url("../images/v2/main/mo_menu_016_off.svg"); }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li.on:nth-of-type(1) a i { background-image: url("../images/v2/main/mo_menu_011_on.svg"); }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li.on:nth-of-type(2) a i { background-image: url("../images/v2/main/mo_menu_012_on.svg"); }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li.on:nth-of-type(3) a i { background-image: url("../images/v2/main/mo_menu_013_on.svg"); }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li.on:nth-of-type(4) a i { background-image: url("../images/v2/main/mo_menu_014_on.svg"); }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li.on:nth-of-type(5) a i { background-image: url("../images/v2/main/mo_menu_015_on.svg"); }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li.on:nth-of-type(6) a i { background-image: url("../images/v2/main/mo_menu_016_on.svg"); }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li.mo { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) header .inner > div ul.menu > li.muL::before { content: ""; position: absolute; top: -2.5rem; width: 6.8rem; height: 4.5rem; }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop).cam header .inner > div ul.menu { display: none; }
  #Wrap:not(.mypage):not(.mypage_ver01):not(.minishop) article { top: 6rem; margin-bottom: 6rem; }
  #Wrap.mypage header .inner, #Wrap.mypage_ver01 header .inner { padding: 0 1rem; }
  #Wrap.mypage header .inner > div .menuBox, #Wrap.mypage_ver01 header .inner > div .menuBox { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #Wrap.mypage nav, #Wrap.mypage_ver01 nav { width: 100%; padding: 0; top: 6rem; height: auto; min-height: auto; overflow: hidden; overflow-x: auto; }
  #Wrap.mypage nav .user-info, #Wrap.mypage_ver01 nav .user-info { display: none; }
  #Wrap.mypage nav > ul, #Wrap.mypage_ver01 nav > ul { width: 100%; height: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; padding: 0 1.5rem; }
  #Wrap.mypage nav > ul li:last-of-type, #Wrap.mypage_ver01 nav > ul li:last-of-type { padding-right: 2rem; }
  #Wrap.mypage nav > ul li a, #Wrap.mypage_ver01 nav > ul li a { background: transparent !important; padding: 0; color: #b7b7b7; }
  #Wrap.mypage nav > ul li a i, #Wrap.mypage_ver01 nav > ul li a i { display: none; }
  #Wrap.mypage nav > ul li a span, #Wrap.mypage_ver01 nav > ul li a span { margin: 0; }
  #Wrap.mypage nav > ul li.on a, #Wrap.mypage_ver01 nav > ul li.on a { color: #000; }
  #Wrap.mypage nav > ul li.on > ul.sub_menu, #Wrap.mypage_ver01 nav > ul li.on > ul.sub_menu { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; position: absolute; left: 0; top: 10rem; width: 100%; height: 5rem; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2rem; padding: 0 1.5rem; background: transparent; font-size: 1.4rem; }
  #Wrap.mypage nav > ul li.on > ul.sub_menu li a, #Wrap.mypage_ver01 nav > ul li.on > ul.sub_menu li a { color: #b7b7b7; padding: 0; }
  #Wrap.mypage nav > ul li.on > ul.sub_menu li.on a, #Wrap.mypage_ver01 nav > ul li.on > ul.sub_menu li.on a { color: #000; text-decoration: underline; }
  #Wrap.mypage nav a.btn-request, #Wrap.mypage_ver01 nav a.btn-request { display: none; }
  #Wrap.mypage article, #Wrap.mypage_ver01 article { width: 100%; margin: 0 0 10rem 0; padding: 1.5rem; } }

#Wrap.memB header .inner > div .searchBox, #Wrap.memB header .inner > div .mb-menuBox { display: none; }

#Wrap.memB header .inner > div .menuBox p { display: none; }

#Wrap.memB article .inner { min-height: 80vh; }

#Wrap.memB article .inner .btnBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; }

#Wrap.memB article .inner .btnBox button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 4.8rem; font-size: 1.6rem; border-radius: 2.4rem; max-width: 76rem; }

#Wrap.memB article .inner.login { max-width: 48rem !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#Wrap.memB article .inner.login .row .titBox { text-align: center; }

#Wrap.memB article .inner.login .row .titBox strong { font-size: 2.4rem; font-family: "Pretendard-Bold"; }

#Wrap.memB article .inner.login .row .titBox p { font-size: 1.6rem; line-height: 2.4rem; }

#Wrap.memB article .inner.login .row .inputBox { padding: 4rem 0; }

#Wrap.memB article .inner.login .row .inputBox span { font-family: 1.3rem !important; padding-top: 10px; }

#Wrap.memB article .inner.login .row .btnlistBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2rem; padding-top: 3rem; }

#Wrap.memB article .inner.login .row .btnlistBox a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6rem; color: #999; gap: 0.5rem; }

#Wrap.memB article .inner.login .row .btnlistBox a i.ico_login { width: 1.6rem; height: 2rem; background: url("../images/common/ico_login.svg") no-repeat center/100%; }

#Wrap.memB article .inner.login .row .btnlistBox a i.ico_join { width: 1.6rem; height: 2rem; background: url("../images/common/ico_join.svg") no-repeat center/100%; }

#Wrap.memB article .inner.login .row .btnlistBox a:not(:last-of-type)::after { content: ""; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); right: -1.25rem; width: 1px; height: 10px; background: #eaeaea; }

#Wrap.memB article .inner.login_v01 { max-width: 48rem !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; }

#Wrap.memB article .inner.login_v01 .row:first-of-type { padding-bottom: 3rem; }

#Wrap.memB article .inner.login_v01 .row .titBox { text-align: center; }

#Wrap.memB article .inner.login_v01 .row .titBox strong { font-size: 2.4rem; font-family: "Pretendard-Bold"; padding-bottom: 1.6rem; }

#Wrap.memB article .inner.login_v01 .row .titBox p { font-size: 1.6rem; line-height: 2.4rem; }

#Wrap.memB article .inner.login_v01 .row p.label { position: relative; width: 20rem; height: 3.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto 1.8rem; border-radius: 2.5rem; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16); background-color: #fff; font-family: "Pretendard-Medium"; font-size: 1.4rem; }

#Wrap.memB article .inner.login_v01 .row p.label::before { content: ""; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-top: 1rem solid #fff; /* 화살표 색상 */ }

#Wrap.memB article .inner.login_v01 .row p.label::after { content: ""; position: absolute; top: 3.8rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-top: 1rem solid rgba(0, 0, 0, 0.16); z-index: -1; }

#Wrap.memB article .inner.login_v01 .row p.label i { width: 1rem; height: 1.6rem; background: url("../images/v2/member/ico_flash.png") no-repeat center/cover; }

#Wrap.memB article .inner.login_v01 .row .loginBox button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0.6rem; width: 100%; height: 48px; font-size: 1.6rem; font-family: "Pretendard-SemiBold"; gap: 0.5rem; }

#Wrap.memB article .inner.login_v01 .row .loginBox button i { width: 1.9rem; height: 1.9rem; }

#Wrap.memB article .inner.login_v01 .row .loginBox button:not(:last-of-type) { margin-bottom: 1rem; }

#Wrap.memB article .inner.login_v01 .row .loginBox button.ka { background: #fae100; color: #3c1d1e; }

#Wrap.memB article .inner.login_v01 .row .loginBox button.ka i { background: url("../images/v2/member/ico_sns_ka.png") no-repeat center/cover; }

#Wrap.memB article .inner.login_v01 .row .loginBox button.nv { background: #03cf5d; color: #fff; }

#Wrap.memB article .inner.login_v01 .row .loginBox button.nv i { background: url("../images/v2/member/ico_sns_nv.svg") no-repeat center/cover; }

#Wrap.memB article .inner.login_v01 .row .loginBox button.gg { border: 0.1rem solid #c6c6c6; color: #999; }

#Wrap.memB article .inner.login_v01 .row .loginBox button.gg i { background: url("../images/v2/member/ico_sns_gg.png") no-repeat center/cover; }

#Wrap.memB article .inner.login_v01 .row .inputBox > div:not(:first-of-type) { margin-top: 0.8rem; }

#Wrap.memB article .inner.login_v01 .row .btnBox { padding-top: 1.6rem; }

#Wrap.memB article .inner.login_v01 .row .btnlistBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2rem; padding-top: 3rem; }

#Wrap.memB article .inner.login_v01 .row .btnlistBox a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6rem; color: #999; gap: 0.5rem; }

#Wrap.memB article .inner.login_v01 .row .btnlistBox a i.ico_login { width: 1.6rem; height: 2rem; background: url("../images/common/ico_login.svg") no-repeat center/100%; }

#Wrap.memB article .inner.login_v01 .row .btnlistBox a i.ico_join { width: 1.6rem; height: 2rem; background: url("../images/common/ico_join.svg") no-repeat center/100%; }

#Wrap.memB article .inner.login_v01 .row .btnlistBox a:not(:last-of-type)::after { content: ""; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); right: -1.25rem; width: 1px; height: 10px; background: #eaeaea; }

#Wrap.memB article .inner.join { max-width: 720px !important; padding: 6rem 1.5rem; }

#Wrap.memB article .inner.join .btnBox { gap: 1rem; }

#Wrap.memB article .inner.join .btnBox button { max-width: 12rem; height: 3.6rem; }

#Wrap.memB article .inner.join .checkBox input[type="checkBox"] + label { padding-bottom: 0.6rem; }

#Wrap.memB article .inner.join .checkBox input[type="checkBox"] + label::before { width: 1.8rem; height: 1.8rem; }

#Wrap.memB article .inner.join .checkBox > div { padding-left: 2rem; }

#Wrap.memB article .inner.join .checkBox > div input[type="checkBox"] + label { font-family: "Pretendard-Regular"; font-size: 1.4rem; }

#Wrap.memB article .inner.join .row { padding-bottom: 4rem; }

#Wrap.memB article .inner.join .contMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; width: 100%; height: 6rem; border: 0.1rem solid #c6c6c6; border-radius: 3rem; }

#Wrap.memB article .inner.join .contMenu li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.5rem; }

#Wrap.memB article .inner.join .contMenu li::before { content: "01"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 2.6rem; height: 2.6rem; background: #f0f0f0; border-radius: 1.3rem; font-size: 1.2rem; font-family: "Pretendard-Medium"; }

#Wrap.memB article .inner.join .contMenu li::after { content: ""; position: relative; left: 50%; width: 1rem !important; height: 1.2rem !important; width: 100%; height: 100%; background-color: #eaeaea; -webkit-mask-image: url("../images/common/ico_arrow_gray.svg"); mask-image: url("../images/common/ico_arrow_gray.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-transform: rotate(270deg); transform: rotate(270deg); }

#Wrap.memB article .inner.join .contMenu li p { -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.8rem; font-family: "Pretendard-Medium"; }

#Wrap.memB article .inner.join .contMenu li:last-of-type::after { display: none; }

#Wrap.memB article .inner.join .contMenu li.ck::before { background: #000; color: #fff; font-family: "Pretendard-Bold"; }

#Wrap.memB article .inner.join .contMenu li.ck::after { background: #000; }

#Wrap.memB article .inner.join .contMenu li.ck p { font-family: "Pretendard-Bold"; color: #000; }

#Wrap.memB article .inner.join .contMenu li:nth-child(1)::before { content: "01"; }

#Wrap.memB article .inner.join .contMenu li:nth-child(2)::before { content: "02"; }

#Wrap.memB article .inner.join .contMenu li:nth-child(3)::before { content: "03"; }

#Wrap.memB article .inner.join .titBox strong { font-size: 1.8rem; font-family: "Pretendard-Medium"; }

#Wrap.memB article .inner.join .completeBox::before { content: ""; position: relative; display: block; width: 26rem; height: 16rem; background: url("../images/v2/member/iimg01.png") no-repeat center/100%; margin: 8rem auto 0; }

#Wrap.memB article .inner.join .completeBox p { line-height: 2.6rem; text-align: center; }

#Wrap.memB article .inner.join .completeBox p span { display: contents; }

#Wrap.memB article .inner.join .completeBox p:not(.userid) { font-size: 2rem; padding: 4rem 0 2.6rem; }

#Wrap.memB article .inner.join .completeBox p.userid { font-size: 2.4rem; font-weight: bold; }

#Wrap.memB article .inner.join .txtBox { position: relative; width: 100%; height: 10rem; overflow: hidden; overflow-y: auto; margin: 1.6rem 0 2rem; padding: 1.8rem 1.6rem; border-radius: 0.6rem; border: 0.1rem solid #c6c6c6; }

#Wrap.memB article .inner.join .txtBox div:not(:first-of-type) { padding-top: 2rem; }

#Wrap.memB article .inner.join .txtBox strong { font-size: 1.6rem; font-family: "Pretendard-Medium"; line-height: 2.4rem; }

#Wrap.memB article .inner.join .txtBox p { font-size: 1.4rem; line-height: 2rem; }

#Wrap.memB article .inner.join .txtBox ol li, #Wrap.memB article .inner.join .txtBox ol dd, #Wrap.memB article .inner.join .txtBox ul li, #Wrap.memB article .inner.join .txtBox ul dd, #Wrap.memB article .inner.join .txtBox dl li, #Wrap.memB article .inner.join .txtBox dl dd { font-size: 1.4rem; line-height: 2rem; color: #999; margin-bottom: 0; }

#Wrap.memB article .inner.join .txtBox ol, #Wrap.memB article .inner.join .txtBox dl { padding: 1.5rem 0; }

#Wrap.memB article .inner.join .txtBox ol dt, #Wrap.memB article .inner.join .txtBox dl dt { font-family: "Pretendard-SemiBold"; font-size: 1.6rem; color: #333; padding-bottom: 1rem; }

#Wrap.memB article .inner.join.info .row .titBox { border-bottom: 0.1rem solid #eaeaea; padding-bottom: 2rem; margin-bottom: 2rem; }

#Wrap.memB article .inner.join.info .row .titBox span { padding-top: 0.8rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div { padding-bottom: 2rem; padding-bottom: 0; }

#Wrap.memB article .inner.join.info .row .inputBox > div strong em { display: inline-block; padding-left: 0.2rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div span.validation { margin-top: 1rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div input:not(:last-of-type) { margin-bottom: 1rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.blogQuality > div .selectBox { margin-right: 1rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.blogQuality > div button { height: 4.8rem; border-radius: 0.6rem; font-size: 1.6rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.blogQuality .btnBox { gap: 1rem; margin-top: 1.6rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.sz.type01 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.sz.type01 > div input { width: 40rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.sz.type01 > div button { max-width: 18rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.point .select { margin-bottom: 1rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.phone > div { gap: 1rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.phone > div:nth-of-type(2) { padding-top: 1rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.phone > div button { width: 19.2rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.address > div { margin-bottom: 1rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.address > div input { width: 26rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.address > div button { max-width: 14rem; height: 4.8rem; font-size: 1.6rem; border-radius: 0.6rem; margin-left: 1rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.account form > div { gap: 1rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.account form > div .selectBox { max-width: 20rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.account form > div input { margin-bottom: 0; }

#Wrap.memB article .inner.join.info .row .inputBox > div.account form > div input:first-of-type { max-width: 15rem; }

#Wrap.memB article .inner.join.info .row .inputBox > div.account form > div input:last-of-type { max-width: 60rem; }

@media screen and (max-width: 767px) { #Wrap.memB article .inner.join.info .row .inputBox > div.blogQuality > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.memB article .inner.join.info .row .inputBox > div.blogQuality > div .selectBox { margin-right: 0; margin-bottom: 10px; }
  #Wrap.memB article .inner.join.info .row .inputBox > div.sz.type01 > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.memB article .inner.join.info .row .inputBox > div.sz.type01 > div input, #Wrap.memB article .inner.join.info .row .inputBox > div.sz.type01 > div button { width: 100%; max-width: 100%; height: 4.2rem; }
  #Wrap.memB article .inner.join.info .row .inputBox > div.account form > div.type-align-st, #Wrap.memB article .inner.join.info .row .inputBox > div.account form > div.type-align-bt { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  #Wrap.memB article .inner.join.info .row .inputBox > div.account form > div .selectBox, #Wrap.memB article .inner.join.info .row .inputBox > div.account form > div input { width: 100% !important; max-width: 100%; }
  #Wrap.memB article .inner.join.info .row .inputBox > div.account form > div select { height: 4.2rem; }
  #Wrap.memB article .inner.join.info .row .inputBox > div.account form > div input:first-of-type { max-width: 100%; }
  #Wrap.memB article .inner.join.info .row .inputBox > div.phone > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.memB article .inner.join.info .row .inputBox > div.phone > div button { width: 100%; }
  #Wrap.memB article .inner.join.info .row .inputBox > div.address > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.memB article .inner.join.info .row .inputBox > div.address > div button, #Wrap.memB article .inner.join.info .row .inputBox > div.address > div input { width: 100%; max-width: 100%; }
  #Wrap.memB article .inner.join.info .row .inputBox > div.address > div button { margin-left: 0; margin-top: 10px; } }

#Wrap.memB article .inner.join.info .row .inputBox > div strong em { display: inline-block; }

#Wrap.memB article .inner.join.info .row .inputBox > div:not([class]) input:not(:first-of-type) { margin-top: 1rem; }

#Wrap.v2_main article.main .banner img { width: 100%; -o-object-fit: cover; object-fit: cover; }

#Wrap.v2_main article.main .banner img.mo { display: none; }

#Wrap.v2_main article.main .swiper .swiper-slide { overflow: hidden; }

#Wrap.v2_main article.main .swiper .swiper-pagination { position: absolute; bottom: 1.6rem; }

#Wrap.v2_main article.main .swiper .swiper-pagination span { background-color: #fff; }

#Wrap.v2_main article.main .swiper .swiper-pagination span.swiper-pagination-bullet-active { background-color: #ff2300; }

#Wrap.v2_main article.main .swiper .swiper-btnBox button { color: #000; }

#Wrap.v2_main article.main .swiper .swiper-btnBox button::after { font-size: 2.5rem; }

#Wrap.v2_main article.main .swiper .swiper-btnBox button.swiper-button-disabled { opacity: 0.2; }

#Wrap.v2_main article.main .swiper.openSwiper ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 0; }

#Wrap.v2_main article.main .swiper.openSwiper .swiper-pagination { position: relative; margin-top: 3.6rem; }

#Wrap.v2_main article.main .swiper.openSwiper .swiper-pagination span { background-color: #999; }

#Wrap.v2_main article.main .swiper.openSwiper .swiper-pagination span.swiper-pagination-bullet-active { background-color: #ff2300; }

#Wrap.v2_main article.main .subMenu { width: 100%; margin: 3rem auto 0; max-width: 160rem; padding: 0 1.5rem; }

#Wrap.v2_main article.main .subMenu::-webkit-scrollbar { background: transparent; }

#Wrap.v2_main article.main .subMenu::-webkit-scrollbar-thumb { background: transparent; }

#Wrap.v2_main article.main .subMenu .contMenu { width: -webkit-max-content; width: -moz-max-content; width: max-content; border: 0.1rem solid #ff2300; border-radius: 0.6rem; border-right: 0; border-left: 0; }

#Wrap.v2_main article.main .subMenu .contMenu li { width: 12rem; border: 0.1rem solid #ff2300; border-bottom: 0; border-top: 0; }

#Wrap.v2_main article.main .subMenu .contMenu li:first-of-type { border-radius: 0.6rem 0 0 0.6rem; }

#Wrap.v2_main article.main .subMenu .contMenu li:last-of-type { border-radius: 0 0.6rem 0.6rem 0; }

#Wrap.v2_main article.main .subMenu .contMenu li.on { background: #ff2300; color: #fff; border-color: #ff2300; font-family: "Pretendard-Bold"; border-radius: 0.6rem; }

#Wrap.v2_main article.main .subMenu .contMenu li.on2 { border-left: 0; }

@media screen and (max-width: 767px) { #Wrap.v2_main article.main .subMenu { padding: 0 1.5rem; overflow: hidden; overflow-x: auto; }
  #Wrap.v2_main article.main .subMenu .contMenu { width: -webkit-max-content; width: -moz-max-content; width: max-content; }
  #Wrap.v2_main article.main .subMenu .contMenu li { width: auto; padding: 0 2rem; } }

#Wrap.v2_main article.main .inner:not(.home) { padding: 2rem 1.5rem 8rem; }

#Wrap.v2_main article.main .inner:not(.home) .row:not(:last-of-type) { padding-bottom: 3rem; }

#Wrap.v2_main article.main .inner .row.top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 3rem; padding-bottom: 2rem; }

#Wrap.v2_main article.main .inner .row.top > div.localBox { position: relative; -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.v2_main article.main .inner .row.top > div.localBox ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

#Wrap.v2_main article.main .inner .row.top > div.localBox ul li { font-size: 1.6rem; }

#Wrap.v2_main article.main .inner .row.top > div.localBox ul li span { display: contents; }

#Wrap.v2_main article.main .inner .row.top > div.localBox ul li:nth-of-type(n+2)::before { content: ">"; display: inline-block; margin: 0 0.5rem; }

#Wrap.v2_main article.main .inner .row.top > div.type-align-en { -ms-flex-preferred-size: 42%; flex-basis: 42%; gap: 1rem; }

#Wrap.v2_main article.main .inner .row.top > div.type-align-en .searchBox { max-width: 32rem; }

#Wrap.v2_main article.main .inner .row.top > div.type-align-en .selectBox { max-width: 20rem; }

@media screen and (max-width: 1024px) { #Wrap.v2_main article.main .inner .row.top > div.type-align-en { -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

#Wrap.v2_main article.main .inner .row .titBox strong { font-size: 2.4rem; font-family: "Pretendard-Bold"; line-height: 4.5rem; }

#Wrap.v2_main article.main .inner .row .titBox p { font-size: 2.4rem; font-family: "Pretendard-Medium"; color: #333; text-shadow: 0 0 6px rgba(0, 92, 172, 0.16); line-height: 3rem; }

#Wrap.v2_main article.main .inner .row .titBox span { padding-bottom: 2rem; font-size: 1.6rem; line-height: 2rem; }

#Wrap.v2_main article.main .inner .row .titBox span em { display: contents; }

@media screen and (max-width: 767px) { #Wrap.v2_main article.main .inner .row .titBox strong { font-size: 2.2rem; line-height: 2.8rem; }
  #Wrap.v2_main article.main .inner .row .titBox p { font-size: 1.6rem; line-height: 2rem; } }

#Wrap.v2_main article.main .inner .row .btnBox a.allmenu { margin: 5rem auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 6rem; font-size: 1.6rem; border-radius: 4rem; max-width: 50rem; }

#Wrap.v2_main article.main .inner .row .btnBox span { text-align: center; padding-top: 1rem; }

@media screen and (max-width: 1024px) and (min-width: 768px) { #Wrap.v2_main article.main .inner .row .btnBox a.allmenu { height: 4rem; } }

@media screen and (max-width: 767px) { #Wrap.v2_main article.main .inner .row .btnBox a.allmenu { margin: 3rem auto 0; max-width: 100%; height: 4rem; font-size: 1.5rem; } }

#Wrap.v2_main article.main .inner.home { max-width: none; }

#Wrap.v2_main article.main .inner.home .row { max-width: 160rem; margin: 0 auto; padding: 8rem 1.5rem; }

#Wrap.v2_main article.main .inner.home .row .titBox { padding-bottom: 4rem; }

#Wrap.v2_main article.main .inner.home .row.type { max-width: 100%; background: #f8f8f8; padding: 8rem 0; }

#Wrap.v2_main article.main .inner.home .row.type > div { max-width: 160rem; margin: 0 auto; padding: 0 1.5rem; }

#Wrap.v2_main article.main .inner.camP { padding-top: 6rem; }

#Wrap.v2_main article.main .inner.camP .item { overflow: hidden; }

#Wrap.v2_main article.main .inner.camP .item video { width: 100%; }

#Wrap.v2_main article.main .inner.camP .item.rowType video { width: auto; }

#Wrap.v2_main article.main .inner.camP .item.rowType picture { height: 67vh; overflow: hidden; }

#Wrap.v2_main article.main .inner.camP .item.rowType picture img { height: 100%; -o-object-fit: cover; object-fit: cover; }

#Wrap.v2_main article.main .inner.camP .row .btnBox a.allmenu { max-width: 100%; margin: 4rem auto 0; }

#Wrap.v2_main article.main .inner.camP .row .waitBox { border: 1px solid #eaeaea; background: #f8f8f8; }

#Wrap.v2_main article.main .inner.camP .row .waitBox span { background: #f8f8f8; }

#Wrap.v2_main article.main .inner.camP .row .waitBox p { padding-top: 4rem; text-align: center; font-size: 5rem; font-family: "Pretendard-Medium"; }

#Wrap.v2_main article.main .inner.camP .row .listBox { overflow: hidden; overflow-x: auto; }

#Wrap.v2_main article.main .inner.camP .row .tabBox .allSelect { padding: 1.6rem 0 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#Wrap.v2_main article.main .inner.camP .row .tabBox .allSelect em { font-size: 1.6rem; }

#Wrap.v2_main article.main .inner.camP .row .tabBox .tab-con { margin-top: 4rem; }

#Wrap.v2_main article.main .inner.camP .row .pickListBox ul li { margin-bottom: 1rem; }

#Wrap.v2_main article.main .inner.camP .row .pickListBox ul li.complete .item::before { content: "신쳥완료"; position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 0, 0, 0.6); z-index: 1; color: #fff; font-size: 1.6rem; }

#Wrap.v2_main article.main .inner.camP .row .pickListBox ul li .checkBox { margin-top: 1.6rem; }

#Wrap.v2_main article.main .inner.camP .row .pickListBox ul li .item { border-color: #b7b7b7; height: 12.5rem; }

#Wrap.v2_main article.main .inner.camP .row .pickListBox ul li .item.rowType img { width: auto; height: 100%; -o-object-fit: cover; object-fit: cover; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 2rem; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox { width: 100%; max-width: 82rem; overflow: hidden; background: #fff; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox .swiper { width: 100%; height: 100%; padding-bottom: 0; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox .swiper .swiper-btnBox button { width: 4.8rem; height: 4.8rem; background: #fff url("../images/common/ico_slide_arrow_off.svg") no-repeat center/100%; left: 0; border-radius: 100%; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox .swiper .swiper-btnBox button::after { display: none; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox .swiper .swiper-btnBox button:hover { background-image: url("../images/common/ico_slide_arrow_on.svg"); }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox .swiper .swiper-btnBox button.swiper-button-next { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); right: 0; left: auto; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80%; height: 60rem; margin: 0 auto; border: 0.1rem solid #eaeaea; padding: 3%; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox .item.rowType img { max-height: 100%; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox { width: 100%; max-width: 67rem; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .tit strong { font-size: 2.4rem; line-height: 3rem; font-family: "Pretendard-Bold"; padding: 1rem 0; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .tit p { font-size: 1.6rem; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .tit > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.5rem; font-size: 1.6rem; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .tit > div em::after { content: ""; display: inline-block; padding-left: 0.5rem; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .tit > div span { color: #999; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .tit > div button { margin-left: 2rem; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .userPointBox .userPoint em { font-size: 2rem; font-family: "Pretendard-Bold"; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .iconBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; padding: 2rem 0; }

@media screen and (max-width: 767px) { #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .tit strong { font-size: 1.8rem; line-height: 3rem; padding-top: 1rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .tit p { font-size: 1.6rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .tit > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.5rem; font-size: 1.4rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .tit > div em::after { padding-left: 0.5rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .tit > div button { height: 2.6rem; margin-left: 1rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .tit .userPointBox .userPoint em { font-size: 1.6rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .tit .userPointBox .userPoint p { font-size: 1.4rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .top .iconBox { padding: 1rem 0; } }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #eaeaea; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.6rem; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li { font-size: 1.8rem; letter-spacing: -0.1rem; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li a { text-decoration: underline; color: #999; font-family: "Pretendard-Regular"; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li a:hover { color: #000; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li span { display: contents; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li em { padding-top: 1rem; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li:nth-of-type(odd) { -ms-flex-preferred-size: 17rem; flex-basis: 17rem; -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li:nth-of-type(even) { font-family: "Pretendard-Bold"; -ms-flex-preferred-size: 65%; flex-basis: 65%; }

@media screen and (max-width: 1200px) and (min-width: 1025px) { #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li:nth-of-type(even) { -ms-flex-preferred-size: 60%; flex-basis: 60%; } }

#Wrap.v2_main article.main .inner.camP .row:last-of-type .listBox::-webkit-scrollbar { background: transparent; }

#Wrap.v2_main article.main .inner.camP .row:last-of-type .listBox::-webkit-scrollbar-thumb { background: transparent; }

#Wrap.v2_main article.main .inner.camP .row:last-of-type .listBox > ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

#Wrap.v2_main article.main .inner.camP .row:last-of-type .listBox > ul > li { -ms-flex-preferred-size: 29.6rem; flex-basis: 29.6rem; -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.v2_main article.main .inner.camP .row.commend { position: relative; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox { background: #f8f8f8; border: 0.1rem solid #eaeaea; padding: 3rem; margin: 3rem 0 4rem; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div .btnBox a { max-width: 36rem; margin: 4rem 0; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div .btnBox a:hover { background: #000; color: #fff; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div:nth-of-type(2) { margin-top: 3rem; padding-top: 3rem; border-top: 0.1rem solid #eaeaea; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div strong { min-width: 15rem; -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.8rem; font-family: "Pretendard-Medium"; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6rem; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div ul li i { margin-bottom: 0.8rem; width: 6rem; height: 6rem; border-radius: 100%; border: 0.1rem solid #eaeaea; background-size: 60%; background-color: #fff; background-repeat: no-repeat; background-position: center; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div ul li:nth-of-type(1) i { background-image: url("../images/v2/main/ico_pr_01.svg"); }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div ul li:nth-of-type(2) i { background-image: url("../images/v2/main/ico_pr_02.svg"); }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div ul li:nth-of-type(3) i { background-image: url("../images/v2/main/ico_pr_03.svg"); }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div ul li:nth-of-type(4) i { background-image: url("../images/v2/main/ico_pr_04.svg"); }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div ul li:nth-of-type(5) i { background-image: url("../images/v2/main/ico_pr_05.svg"); }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div ul li:nth-of-type(6) i { background-image: url("../images/v2/main/ico_pr_06.svg"); }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div P { font-size: 1.6rem; line-height: 2.6rem; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div dl { font-size: 1.6rem; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div dl dt { font-family: "Pretendard-SemiBold"; padding: 2rem 0; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div dl dd { position: relative; padding: 0.2rem 0 0.2rem 1.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox > div dl dd::before { content: ""; position: absolute; width: 0.3rem; height: 0.7rem; background: #000; left: 0; }

#Wrap.v2_main article.main .inner.camP .row.commend .textBox.rec > div ul li:nth-of-type(2) { display: none; }

#Wrap.v2_main article.main .inner.camP .row.prselect .CaseBox p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 1.6rem; line-height: 1.9rem; }

#Wrap.v2_main article.main .inner.camP .row.prselect .CaseBox p:not(:first-of-type) { padding-top: 1rem; }

#Wrap.v2_main article.main .inner.camP .row.prselect .CaseBox p::before { content: "!"; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 1.8rem; height: 1.8rem; background: #000; border-radius: 100%; color: #fff; font-size: 1.4rem; margin-right: 0.5rem; }

#Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div { gap: 1.6rem; padding-top: 2rem; }

#Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div span { font-size: 1.6rem; min-width: 16rem; -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div input { width: calc(100% - 4rem); }

#Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div .copy { position: relative; width: 100%; max-width: 53rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background: #eaeaea; border: 0.1rem solid #b7b7b7; padding: 0 1rem; border-radius: 0.8rem; }

#Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div .copy .btn-copy { position: absolute; right: 1rem; }

#Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div .copy .btn-copy i { width: 3rem; height: 3.3rem; background: url("../images/common/ico_copy.svg") no-repeat center/100%; }

#Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div > button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0.1rem solid #000; border-radius: 4rem; background: #fff; width: 100%; height: 48px; font-size: 1.6rem; font-family: "Pretendard-SemiBold"; gap: 0.8rem; max-width: 20rem; }

@media screen and (max-width: 767px) { #Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div > button { height: 3.8rem; } }

#Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div > button.btn-down { gap: 1rem; }

#Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div > button.btn-down::after { content: ""; position: relative; width: 1.8rem; height: 1.4rem; background: url("../images/common/ico_down.svg") no-repeat center/100%; }

#Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div > button.btn-certif.end { background: #999; border: 0; color: #fff; }

#Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div > button.btn-certif.cp { gap: 1rem; }

#Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div > button.btn-certif.cp::before { content: ""; position: relative; left: 0.5rem; width: 2rem; height: 2rem; background: url("../images/common/ico_ckeck_bg_bk.svg") no-repeat center/100%; }

#Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div > button.btn-link { border-color: #ff7700; color: #ff7700; }

#Wrap.v2_main article.main .inner.camP .row.prselect .dataBox { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #444; border-radius: 2rem; padding: 5rem 4%; margin: 8rem auto; gap: 5rem; }

#Wrap.v2_main article.main .inner.camP .row.prselect .dataBox > div:not(.pickListBox) { min-width: 42%; color: #fff; }

#Wrap.v2_main article.main .inner.camP .row.prselect .dataBox > div:not(.pickListBox) strong { font-family: "Pretendard-Bold"; font-size: 3rem; line-height: 6rem; }

#Wrap.v2_main article.main .inner.camP .row.prselect .dataBox > div:not(.pickListBox) p { padding: 0.8rem 0 5rem; font-size: 2rem; line-height: 2.8rem; }

#Wrap.v2_main article.main .inner.camP .row.prselect .dataBox > div:not(.pickListBox) button { max-width: 30rem; border-radius: 4rem; }

#Wrap.v2_main article.main .inner.camP .row.prselect .dataBox .pickListBox { width: 100%; }

#Wrap.v2_main article.main .inner.camP .row.prselect .dataBox .pickListBox ul li { -ms-flex-preferred-size: calc(20% - 0.8rem); flex-basis: calc(20% - 0.8rem); }

#Wrap.v2_main article.main .inner.camP .row.prselect .dataBox .pickListBox ul li .item { border-color: #676767; }

#Wrap.v2_main article.main .inner.camP.rev .row:first-of-type > div.vdBox .item video { -o-object-fit: contain; object-fit: contain; }

#Wrap.v2_main article.main .inner.camP.rev .row:first-of-type > div.infoBox .userPointBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

#Wrap.v2_main article.main .inner.camP.rev .row:first-of-type > div.infoBox .userPointBox p { -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.v2_main article.main .inner.camP.rev .row:first-of-type > div.infoBox .userPointBox .label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: .5rem; }

#Wrap.v2_main article.main .inner.camP.rev .row:first-of-type > div.infoBox .userPointBox .label p { height: 3rem; border-radius: 1.5rem; font-size: 1.6rem; }

#Wrap.v2_main article.main .inner.camP.rev .row:first-of-type > div.infoBox .userPointBox .label em { -ms-flex-negative: 0; flex-shrink: 0; font-size: 1.8rem; font-family: "Pretendard-Bold"; }

#Wrap.v2_main article.main .inner.camP.rev .row:first-of-type > div.infoBox .userPointBox > p { padding-left: .5rem; font-size: 1.6rem; }

#Wrap.v2_main article.main .inner.camP.rev .row:first-of-type > div.infoBox .userPointBox > p span { display: inline-block; padding: 0 .3rem; }

#Wrap.v2_main article.main .inner.camP.rev .row.commend .textBox div ul li:nth-of-type(2) { display: -webkit-box; display: -ms-flexbox; display: flex; }

#Wrap.v2_main article.main .inner.camP.rev .row.commend .textBox div ul li:nth-of-type(1) i { background-image: url("../images/v2/main/ico_rev_pr_01.svg"); }

#Wrap.v2_main article.main .inner.camP.rev .row.commend .textBox div ul li:nth-of-type(2) i { background-image: url("../images/v2/main/ico_rev_pr_02.svg"); }

#Wrap.v2_main article.main .inner.camP.rev .row.commend .textBox div ul li:nth-of-type(3) i { background-image: url("../images/v2/main/ico_rev_pr_03.svg"); }

#Wrap.v2_main article.main .inner.camP.rev .row.commend .textBox div ul li:nth-of-type(4) i { background-image: url("../images/v2/main/ico_rev_pr_04.svg"); }

#Wrap.v2_main article.main .inner.camP.rev .row.commend .textBox div ul li:nth-of-type(5) i { background-image: url("../images/v2/main/ico_rev_pr_05.svg"); }

#Wrap.v2_main article.main .inner.camP.rev .row:not(.commend) .textBox dl dd { position: relative; color: #999; font-family: "Pretendard-Medium"; font-size: 1.6rem; line-height: 2.4rem; }

#Wrap.v2_main article.main .inner.camP.rev .row:not(.commend) .textBox dl dd::before { content: "·"; display: inline-block; padding-right: .5rem; }

#Wrap.v2_main article.main .inner.camP.rev .row:not(.commend) .textBox dl dd em { display: contents; }

#Wrap.v2_main article.main .inner.camP.rev .row:not(.commend) .textBox dl dt { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 3rem; font-size: 1.6rem; font-family: "Pretendard-Bold"; }

#Wrap.v2_main article.main .inner.camP.rev .row .textBox ul, #Wrap.v2_main article.main .inner.camP.rev .row .textBox ol, #Wrap.v2_main article.main .inner.camP.rev .row .textBox p { font-size: 1.6rem; line-height: 2.4rem; font-family: "Pretendard-Bold"; }

#Wrap.v2_main article.main .inner.camP.rev .row .textBox ul:not(:last-of-type), #Wrap.v2_main article.main .inner.camP.rev .row .textBox ol:not(:last-of-type), #Wrap.v2_main article.main .inner.camP.rev .row .textBox p:not(:last-of-type) { padding-bottom: 2rem; }

#Wrap.v2_main article.main .inner.camP.rev .row .textBox a { font-size: 1.6rem; text-decoration: underline; font-family: "Pretendard-Bold"; line-height: 2rem; }

#Wrap.v2_main article.main .inner.camP.rev .row .textBox a:hover { color: #999; }

#Wrap.v2_main article.main .inner.camP.rev .row .textBox picture { height: 40rem; margin: 2rem 0; overflow: hidden; }

#Wrap.v2_main article.main .inner.camP.rev .row .textBox picture.rowType img { width: auto; }

#Wrap.v2_main article.main .inner.camP.rev .row .textBox picture img { height: 100%; -o-object-fit: cover; object-fit: cover; }

#Wrap.v2_main article.main .inner.camP.rev .row .titBox span { color: #b7b7b7; }

#Wrap.v2_main article.main .inner.camP.rev > div.buy .row.commend .textBox > div ul li:nth-of-type(2) i { background-image: url("../images/v2/main/ico_rev_pr_02.svg"); }

#Wrap.v2_main article.main .inner.camP.rev > div.pc .row.commend .textBox > div ul li:nth-of-type(2) i { background-image: url("../images/v2/main/ico_rev_pr_06.svg"); }

#Wrap.v2_main article.main .inner.camP.rev > div.pr .row.commend .textBox > div ul li:nth-of-type(2) i { background-image: url("../images/v2/main/ico_rev_pr_07.svg"); }

#Wrap.v2_main article.main .inner.camP.rev > div.vd .row.commend .textBox > div ul li:nth-of-type(1) i { background-image: url("../images/v2/main/ico_pr_01.svg"); }

#Wrap.v2_main article.main .inner.camP.rev > div.vd .row.commend .textBox > div ul li:nth-of-type(2) i { background-image: url("../images/v2/main/ico_rev_pr_01.svg"); }

#Wrap.v2_main article.main .inner.camP.rev > div.mc .row.commend .textBox > div ul li:nth-of-type(1) i { background-image: url("../images/v2/main/ico_pr_01.svg"); }

#Wrap.v2_main article.main .inner.camP.rev > div.mc .row.commend .textBox > div ul li:nth-of-type(2) i { background-image: url("../images/v2/main/ico_rev_pr_03.svg"); }

#Wrap.v2_main article.main .inner.camP.rev > div.mc .row.commend .textBox > div ul li:nth-of-type(3) i { background-image: url("../images/v2/main/ico_pr_03.svg"); }

#Wrap.v2_main article.main .inner.camP.rev > div.mc .row.commend .textBox > div ul li:nth-of-type(4) i { background-image: url("../images/v2/main/ico_pr_02.svg"); }

#Wrap.v2_main article.main .inner.camP.rev > div.mc .row.commend .textBox > div ul li:nth-of-type(5) i { background-image: url("../images/v2/main/ico_pr_04.svg"); }

#Wrap.v2_main article.main .inner.camPl { padding: 5rem 1.5rem; }

#Wrap.v2_main article.main .inner.camPl .row > div { margin: 0 auto; }

#Wrap.v2_main article.main .inner.camPl .row .itemBox { position: relative; }

#Wrap.v2_main article.main .inner.camPl .row .itemBox picture { display: block; max-width: 60rem; max-height: 60rem; margin: 0 auto; overflow: hidden; }

#Wrap.v2_main article.main .inner.camPl .row .itemBox picture img { max-height: 60rem; margin: 0 auto; }

@media screen and (max-width: 1024px) and (min-width: 768px) { #Wrap.v2_main article.main .inner.camPl .row .itemBox picture img { max-height: 40rem; } }

@media screen and (max-width: 767px) { #Wrap.v2_main article.main .inner.camPl .row .itemBox picture img { max-height: 30rem; } }

#Wrap.v2_main article.main .inner.camPl .row .txtBox { position: relative; text-align: center; padding: 4rem 0; }

#Wrap.v2_main article.main .inner.camPl .row .txtBox::before { content: ""; display: block; position: relative; width: 19rem; height: 19rem; background: url("../images/common//ico_check_gr.png") no-repeat center/100%; margin: 0 auto 5rem; }

#Wrap.v2_main article.main .inner.camPl .row .txtBox strong { font-size: 2.4rem; font-family: "Pretendard-Bold"; line-height: 3rem; }

#Wrap.v2_main article.main .inner.camPl .row .txtBox strong span { display: contents; }

#Wrap.v2_main article.main .inner.camPl .row .txtBox p { padding-top: 2rem; font-size: 1.6rem; font-family: "Pretendard-Medium"; line-height: 3rem; }

#Wrap.v2_main article.main .inner.camPl .row .txtBox.rec::before { display: none; }

#Wrap.v2_main article.main .inner.camPl .row .iconBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6rem; }

#Wrap.v2_main article.main .inner.camPl .row .iconBox > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

#Wrap.v2_main article.main .inner.camPl .row .iconBox > div i { width: 6rem; height: 6rem; }

#Wrap.v2_main article.main .inner.camPl .row .iconBox > div p, #Wrap.v2_main article.main .inner.camPl .row .iconBox > div span { font-size: 1.6rem; font-family: "Pretendard-Bold"; }

#Wrap.v2_main article.main .inner.camPl .row .iconBox > div p > span { display: contents; }

#Wrap.v2_main article.main .inner.camPl .row .iconBox > div span { font-size: 1.6rem; font-family: "Pretendard-Bold"; }

#Wrap.v2_main article.main .inner.camPl .row .btnBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2rem; }

#Wrap.v2_main article.main .inner.camPl .row .btnBox a { margin: 5rem 0 0; }

#Wrap.v2_main article.main .inner.inbound .row.top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

#Wrap.v2_main article.main .inner.inbound .row.top .ranking { width: 100%; padding: 6rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 3rem; }

#Wrap.v2_main article.main .inner.inbound .row.top .ranking > div { width: calc(100% / 3); }

#Wrap.v2_main article.main .inner.inbound .row.top .ranking .listBox .list { width: 100%; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .titBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 4rem; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .titBox strong { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; font-size: 3rem; font-family: "Pretendard-Bold"; letter-spacing: -0.05rem; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 3rem; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox > div:not(.rowType) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list:not(.rowType) .item { -ms-flex-negative: 0; flex-shrink: 0; width: 14rem; height: 14rem; overflow: hidden; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list:not(.rowType) .item .btn-play { background-size: 60%; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list:not(.rowType) .prod strong { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 5rem; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list.rowType .prod { padding-top: 1.6rem; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list.rowType .prod strong { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; white-space: normal; word-break: break-all; line-height: 3.6rem; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod { letter-spacing: -0.03rem; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod strong { font-size: 2.4rem; font-family: "Pretendard-Bold"; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div { font-size: 1.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: .5rem; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div.label p { height: 3rem; font-size: 1.6rem; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: .2rem; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div p em { font-family: "Pretendard-Bold"; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div span { -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div.point { padding-bottom: 1rem; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div.point p { min-width: 13rem; height: 3.4rem; padding: 0 1rem; border-radius: 1.8rem; background: #ff2300; color: #fff; }

@media screen and (max-width: 1024px) { #Wrap.v2_main article.main .inner.inbound .row .ranking .titBox { padding-bottom: 2rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .titBox strong { font-size: 2rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox { gap: 2rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox > div:not(.rowType) { gap: 1rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list:not(.rowType) .item { width: 8rem; height: 8rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list:not(.rowType) .prod strong { line-height: 3rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list.rowType .prod strong { line-height: 3rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod strong { font-size: 1.8rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div { font-size: 1.6rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div.label p { height: 2.4rem; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { #Wrap.v2_main article.main .inner.inbound .row .ranking { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking > div { width: 100% !important; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .titBox { padding-bottom: 2rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .titBox strong { font-size: 2.4rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox { gap: 1.6rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox > div { width: 100% !important; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list:not(.rowType) .item { width: 12rem; height: 12rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list.rowType .prod strong { margin: .5rem 0; line-height: 2.6rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod strong { -webkit-line-clamp: 3; font-size: 1.8rem; line-height: 3.5rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div { font-size: 1.6rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: .2rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div p em { font-family: "Pretendard-Bold"; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div span { -ms-flex-negative: 0; flex-shrink: 0; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div.point { padding-bottom: .6rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div.point p { min-width: 10rem; height: 2.5rem; -ms-flex-negative: 0; flex-shrink: 0; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list .prod > div.point span { color: #999; } }

#Wrap.v2_main article.main .inner.inbound .row .ranking .titBox strong i { width: 4.5rem; height: 4.5rem; background-repeat: no-repeat; background-position: center; background-size: cover; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .titBox strong i.ico-Rtime { width: 3.5rem; background-image: url("../images/v2/main/ico_inbound_01.png"); }

#Wrap.v2_main article.main .inner.inbound .row .ranking .titBox strong i.ico-weekly { background-image: url("../images/v2/main/ico_inbound_02.png"); }

#Wrap.v2_main article.main .inner.inbound .row .ranking .titBox strong i.ico-daily { background-image: url("../images/v2/main/ico_inbound_03.png"); }

#Wrap.v2_main article.main .inner.inbound .row .ranking .titBox button.btn-txt { position: relative; font-size: 1.6rem; text-decoration: underline; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .titBox button.btn-txt::after { content: ">"; }

#Wrap.v2_main article.main .inner.inbound .row .ranking .listBox .list { width: calc(100% / 3 - 2rem); }

#Wrap.v2_main article.main .inner.media .row .listBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 3rem; padding-top: 3rem; }

#Wrap.v2_main article.main .inner.media .row .listBox > div:not(.rowType) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list { position: relative; }

#Wrap.v2_main article.main .inner.media .row .listBox .list:hover .prod strong { text-decoration: underline; color: #999; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .item { position: relative; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .item picture { height: 100%; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .item picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .item .label { position: absolute; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .item .label p { -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }

#Wrap.v2_main article.main .inner.media .row .listBox .list:not(.rowType) { cursor: pointer; }

#Wrap.v2_main article.main .inner.media .row .listBox .list:not(.rowType) .item { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 23rem; height: 18.4rem; overflow: hidden; }

#Wrap.v2_main article.main .inner.media .row .listBox .list:not(.rowType) .item .label { left: 1.6rem; top: 1.6rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list:not(.rowType) .prod strong { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 5rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list.rowType .label { left: 3rem; top: 3rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list.rowType .label p { padding: 1.1rem 2.2rem; border-radius: 2.2rem; font-size: 2rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list.rowType .prod { padding-top: 1.6rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list.rowType .prod strong { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; white-space: normal; word-break: break-all; line-height: 3.6rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod { letter-spacing: -0.03rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod a:hover { text-decoration: underline; color: #999; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod strong { font-size: 2.4rem; font-family: "Pretendard-Bold"; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div { font-size: 1.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div.label p { height: 3rem; font-size: 1.6rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: .2rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div p em { font-family: "Pretendard-Bold"; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div span { -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div.point { padding-bottom: 1rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div.point > span { color: #999; letter-spacing: -0.09rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div.point p { min-width: 10rem; height: 3.4rem; padding: 0 1rem; border-radius: 1.8rem; background: #ff2300; color: #fff; font-size: 1.6rem; -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div.point p span { font-size: 2.4rem; font-family: "Pretendard-Bold"; padding-left: 0.5rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div.txt { padding-bottom: 2rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div.iconBox > div i { width: 5rem; height: 5rem; }

#Wrap.v2_main article.main .inner.media .row .listBox .list.ck { pointer-events: none; }

#Wrap.v2_main article.main .inner.media .row .listBox .list.ck::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1; }

#Wrap.v2_main article.main .inner.media .row .listBox .list.ck .before { position: absolute; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#Wrap.v2_main article.main .inner.media .row .listBox .list.ck .before i { width: 6.4rem; height: 6rem; background: url("../images/common/ico_time.svg") no-repeat center/cover; }

#Wrap.v2_main article.main .inner.media .row .listBox .list.ck .before span { padding-top: 1rem; color: #fff; font-size: 2.4rem; font-family: "Pretendard-Medium"; }

@media screen and (max-width: 768px) { #Wrap.v2_main article.main .inner.media .row .listBox { gap: 1rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox > div:not(.rowType) { gap: 1rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list:not(.rowType) .item { width: 12.8rem; height: 12.8rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list:not(.rowType) .item .label { left: 0.5rem; top: 0.5rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list:not(.rowType) .prod > div.point { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list:not(.rowType) .prod > div.iconBox i { width: 2.8rem; height: 2.8rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list.rowType .label { left: 1rem; top: 1rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list.rowType .label p { padding: 1rem 2.2rem; border-radius: 2rem; font-size: 1.6rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list.rowType .item { height: 60vw; overflow: hidden; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list.rowType .prod { padding-top: 1.6rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list.rowType .prod strong { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; white-space: normal; word-break: break-all; line-height: 2.6rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list .prod strong { font-size: 1.6rem; line-height: 2.6rem !important; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div { gap: .5rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div.point { font-size: 1.4rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div.point p { height: 2.2rem; font-size: 1.4rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div.point p span { font-size: 1.4rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list .prod > div.txt { font-size: 1.4rem; padding-bottom: .7rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list.on .item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list.on .iconBox { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 2; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 30%; left: 50%; gap: 2rem; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list.on .iconBox i { border-radius: 100%; background-color: #fff; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list.ck::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list.ck .before { position: absolute; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list.ck .before i { width: 6.4rem; height: 6rem; background: url("../images/common/ico_time.svg") no-repeat center/cover; }
  #Wrap.v2_main article.main .inner.media .row .listBox .list.ck .before span { padding-top: 1rem; color: #fff; font-size: 2.4rem; font-family: "Pretendard-Medium"; } }

#Wrap.v2_main article.main .inner.media .row:nth-of-type(1) .ranking > div:not([class]) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1%; }

#Wrap.v2_main article.main .inner.media .row:nth-of-type(1) .listBox .list { width: calc(100% / 2 - 1.5rem); }

#Wrap.v2_main article.main .inner.media .row:nth-of-type(2) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; padding-top: 2rem; }

#Wrap.v2_main article.main .inner.media .row:nth-of-type(2) .listBox { width: 100%; }

#Wrap.v2_main article.main .inner.media .row:nth-of-type(2) .listBox .list { width: calc(100% / 4 - 2.3rem); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition: opacity 0.3s ease,
 visibility 0.3s ease; transition: opacity 0.3s ease,
 visibility 0.3s ease; }

#Wrap.v2_main article.main .inner.media .row:nth-of-type(2) .listBox .list .item { height: 13vw; width: 100%; }

#Wrap.v2_main article.main .inner.media .row:nth-of-type(2) .listBox .list .iconBox { display: none; }

#Wrap.v2_main article.main .inner.media .row:nth-of-type(2) .listBox .list:hover .item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }

#Wrap.v2_main article.main .inner.media .row:nth-of-type(2) .listBox .list:hover .iconBox { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 2; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 30%; left: 50%; gap: 2rem; }

#Wrap.v2_main article.main .inner.media .row:nth-of-type(2) .listBox .list:hover .iconBox i { border-radius: 100%; background-color: #fff; }

#Wrap.v2_main article.main .inner.review .row.top { position: relative; border-top: 0.1rem solid #eaeaea; padding-top: 3rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .titBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 4rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .titBox strong { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; font-size: 3rem; font-family: "Pretendard-Bold"; letter-spacing: -0.05rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 3rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox > div:not(.rowType) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list:not(.rowType) .item { -ms-flex-negative: 0; flex-shrink: 0; width: 14rem; height: 14rem; overflow: hidden; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list:not(.rowType) .item .btn-play { background-size: 60%; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list:not(.rowType) .prod strong { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 5rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list.rowType .prod { padding-top: 1.6rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list.rowType .prod strong { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; white-space: normal; word-break: break-all; line-height: 3.6rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod { letter-spacing: -0.03rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod strong { font-size: 2.4rem; font-family: "Pretendard-Bold"; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div { font-size: 1.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: .5rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div.label p { height: 3rem; font-size: 1.6rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: .2rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div p em { font-family: "Pretendard-Bold"; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div span { -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div.point { padding-bottom: 1rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div.point p { min-width: 13rem; height: 3.4rem; padding: 0 1rem; border-radius: 1.8rem; background: #ff2300; color: #fff; }

@media screen and (max-width: 1024px) { #Wrap.v2_main article.main .inner.review .row .ranking .titBox { padding-bottom: 2rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .titBox strong { font-size: 2rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox { gap: 2rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox > div:not(.rowType) { gap: 1rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list:not(.rowType) .item { width: 8rem; height: 8rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list:not(.rowType) .prod strong { line-height: 3rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list.rowType .prod strong { line-height: 3rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod strong { font-size: 1.8rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div { font-size: 1.6rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div.label p { height: 2.4rem; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { #Wrap.v2_main article.main .inner.review .row .ranking { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.v2_main article.main .inner.review .row .ranking > div { width: 100% !important; }
  #Wrap.v2_main article.main .inner.review .row .ranking .titBox { padding-bottom: 2rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .titBox strong { font-size: 2.4rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox { gap: 1.6rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox > div { width: 100% !important; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list:not(.rowType) .item { width: 12rem; height: 12rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list.rowType .prod strong { margin: .5rem 0; line-height: 2.6rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod strong { -webkit-line-clamp: 3; font-size: 1.8rem; line-height: 3.5rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div { font-size: 1.6rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: .2rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div p em { font-family: "Pretendard-Bold"; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div span { -ms-flex-negative: 0; flex-shrink: 0; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div.point { padding-bottom: .6rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div.point p { min-width: 10rem; height: 2.5rem; -ms-flex-negative: 0; flex-shrink: 0; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list .prod > div.point span { color: #999; } }

#Wrap.v2_main article.main .inner.review .row .ranking > div:not([class]) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 8rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox { width: calc(100% / 2 - 4rem); }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list { width: 100%; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list.rowType .item picture { height: 68rem; }

#Wrap.v2_main article.main .inner.review .row .ranking .listBox .list.rowType .item picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

#Wrap.minishop article { background-repeat: no-repeat; background-position: top center; background-size: cover; }

#Wrap.minishop article .inner { max-width: 160rem; margin: 0 auto; padding: 10rem 1.5rem; }

#Wrap.minishop article .inner .row.top { text-align: center; }

#Wrap.minishop article .inner .row.top .titBox picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 18rem; height: 18rem; margin: 0 auto; overflow: hidden; border-radius: 100%; }

#Wrap.minishop article .inner .row.top .titBox strong { font-family: "Pretendard-Bold"; font-size: 3.6rem; line-height: 10rem; }

#Wrap.minishop article .inner .row.top .titBox p { font-size: 2.4rem; line-height: 3.4rem; }

#Wrap.minishop article .inner .row.top .iconBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6rem; padding: 6.2rem 0; }

#Wrap.minishop article .inner .row.top .iconBox i { width: 10rem; height: 10rem; background-color: #fff; border-radius: 100%; }

#Wrap.minishop article .inner .row .cardlistBox { width: 100%; max-width: 100rem; margin: 0 auto; }

#Wrap.minishop article .inner .row .cardlistBox .card { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 3rem; padding: 1.6rem; border-radius: 1.6rem; margin-bottom: 3rem; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#Wrap.minishop article .inner .row .cardlistBox .card *:not(.prod) { -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.minishop article .inner .row .cardlistBox .card picture { width: 20rem; height: 16.4rem; border-radius: 1.6rem; overflow: hidden; }

#Wrap.minishop article .inner .row .cardlistBox .card .prod em { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 1.6rem; margin-bottom: 1.5rem; }

#Wrap.minishop article .inner .row .cardlistBox .card .prod strong { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; white-space: normal; word-break: break-all; font-size: 2.4rem; line-height: 3.4rem; font-family: "Pretendard-Medium"; }

#Wrap.minishop article .inner .row .cardlistBox .card .prod span { padding-top: 1.5rem; font-size: 2.6rem; font-family: "Pretendard-Bold"; }

#Wrap.minishop article .inner .row .cardlistBox .card .prod span::after { content: "원"; }

#Wrap.minishop article .inner .row .cardlistBox .card a { width: 3rem; height: 1.5rem; }

#Wrap.minishop article .inner .row .cardlistBox .card a i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

#Wrap.minishop article .inner .row > a { display: block; margin: 7rem auto 0; width: 9.6rem; height: 3.6rem; }

#Wrap.minishop article.df { background-color: #f8f8f8; background-image: url("../images/v2/minishop/main_bg_df.png"); }

#Wrap.minishop article.df .row .cardlistBox .card { background: #fff; }

#Wrap.minishop article.df .row .cardlistBox .card:hover { background: #000; color: #fff; }

#Wrap.minishop article.df .row .cardlistBox .card:hover i { background: #fff; }

#Wrap.minishop article.df .row > a i.ico-logo-txt { background: #999; }

#Wrap.minishop article.lt { background-color: #ffcf70; background-image: url("../images/v2/minishop/main_bg_lt.png"); }

#Wrap.minishop article.lt .row .cardlistBox .card { background: #ffe4ae; }

#Wrap.minishop article.lt .row .cardlistBox .card:hover { background: #ff7730; }

#Wrap.minishop article.lt .row > a i.ico-logo-txt { background: #fff; opacity: .8; }

#Wrap.minishop article.dk { background-image: url("../images/v2/minishop/main_bg_dk.png"); color: #fff; }

#Wrap.minishop article.dk .row .cardlistBox .card { background: rgba(255, 255, 255, 0.5); color: #000; }

#Wrap.minishop article.dk .row .cardlistBox .card:hover { background-image: linear-gradient(97deg, #00e5ff 1%, #ca85ff 100%); }

#Wrap.minishop article.dk .row > a i.ico-logo-txt { background: #fff; opacity: .5; }

@media screen and (max-width: 767px) { #Wrap.minishop article .inner { padding: 4rem 1.5rem; }
  #Wrap.minishop article .inner .row.top .titBox picture { width: 9rem; height: 9rem; }
  #Wrap.minishop article .inner .row.top .titBox strong { font-size: 1.8rem; line-height: 7rem; }
  #Wrap.minishop article .inner .row.top .titBox p { font-size: 1.3rem; line-height: 1.8rem; }
  #Wrap.minishop article .inner .row.top .iconBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1.7rem; padding: 4rem 0; }
  #Wrap.minishop article .inner .row.top .iconBox i { width: 4rem; height: 4rem; }
  #Wrap.minishop article .inner .row .cardlistBox .card { gap: 1rem; margin-bottom: 1.6rem; }
  #Wrap.minishop article .inner .row .cardlistBox .card picture { width: 9.6rem; height: 8rem; }
  #Wrap.minishop article .inner .row .cardlistBox .card .prod em { font-size: 1.2rem; margin-bottom: 0.6rem; }
  #Wrap.minishop article .inner .row .cardlistBox .card .prod strong { font-size: 1.4rem; line-height: 1.8rem; }
  #Wrap.minishop article .inner .row .cardlistBox .card .prod span { padding-top: .8rem; font-size: 1.6rem; }
  #Wrap.minishop article .inner .row .cardlistBox .card a { width: 2rem; height: 1; }
  #Wrap.minishop article .inner .row .pagingBox ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #Wrap.minishop article .inner .row > a { width: 6.7rem; height: 2.5rem; margin: 3rem auto 0; }
  #Wrap.minishop article.df { background-image: url("../images/v2/minishop/main_bg_df_m.png"); }
  #Wrap.minishop article.lt { background-image: url("../images/v2/minishop/main_bg_lt_m.png"); }
  #Wrap.minishop article.dk { background-image: url("../images/v2/minishop/main_bg_dk_m.png"); } }

#Wrap.mypage article .inner > strong, #Wrap.mypage_ver01 article .inner > strong { font-size: 20px; font-family: "Pretendard-Bold"; }

#Wrap.mypage article .inner .row:not(:first-of-type), #Wrap.mypage_ver01 article .inner .row:not(:first-of-type) { margin-top: 4rem; }

#Wrap.mypage article .inner .row .titBox, #Wrap.mypage_ver01 article .inner .row .titBox { margin-bottom: 1.6rem; }

#Wrap.mypage article .inner .row .titBox strong, #Wrap.mypage_ver01 article .inner .row .titBox strong { font-family: "Pretendard-Bold"; font-size: 2rem; line-height: 2.4rem; -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.mypage article .inner .row .titBox small, #Wrap.mypage_ver01 article .inner .row .titBox small { font-size: 1.4rem; line-height: 1.6rem; color: #8e8e8e; }

#Wrap.mypage article .inner .row .titBox p, #Wrap.mypage_ver01 article .inner .row .titBox p { font-size: 1.6rem; line-height: 1.9rem; letter-spacing: -0.04rem; color: #999; padding-top: 0.8rem; }

#Wrap.mypage article .inner .btnBox, #Wrap.mypage_ver01 article .inner .btnBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 3rem 0; gap: 1rem; }

#Wrap.mypage article .inner .btnBox button, #Wrap.mypage_ver01 article .inner .btnBox button { max-width: 36rem; height: 4.8rem; border-radius: 3rem; font-size: 1.6rem; }

@media screen and (max-width: 767px) { #Wrap.mypage article .inner .btnBox button, #Wrap.mypage_ver01 article .inner .btnBox button { max-width: 100%; height: 3.6rem; } }

@media screen and (max-width: 767px) { #Wrap.mypage article .inner .row .titBox, #Wrap.mypage_ver01 article .inner .row .titBox { margin-bottom: 2rem; }
  #Wrap.mypage article .inner .row .titBox small, #Wrap.mypage_ver01 article .inner .row .titBox small { font-size: 1.2rem; } }

#Wrap.mypage article .inner.board .row .contMenu, #Wrap.mypage_ver01 article .inner.board .row .contMenu { gap: 1rem; }

#Wrap.mypage article .inner.board .row .contMenu li, #Wrap.mypage_ver01 article .inner.board .row .contMenu li { width: 16rem; border: 0.1rem solid #000; color: #101010; border-radius: 0.6rem; }

#Wrap.mypage article .inner.board .row .contMenu li.on, #Wrap.mypage_ver01 article .inner.board .row .contMenu li.on { background: #000; color: #fff; }

#Wrap.mypage article .inner.board .row .titBox, #Wrap.mypage_ver01 article .inner.board .row .titBox { width: 100%; margin: 2.4rem 0 2rem; }

#Wrap.mypage article .inner.board .row .titBox strong, #Wrap.mypage_ver01 article .inner.board .row .titBox strong { font-size: 1.8rem; font-family: "Pretendard-Bold"; line-height: 2.1rem; }

#Wrap.mypage article .inner.board .row .imgBox, #Wrap.mypage_ver01 article .inner.board .row .imgBox { width: 100%; overflow: hidden; overflow-x: auto; margin: 16px 0; }

#Wrap.mypage article .inner.board .row .imgBox::-webkit-scrollbar, #Wrap.mypage_ver01 article .inner.board .row .imgBox::-webkit-scrollbar { display: none; }

#Wrap.mypage article .inner.board .row .imgBox ul, #Wrap.mypage_ver01 article .inner.board .row .imgBox ul { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

#Wrap.mypage article .inner.board .row .imgBox ul li, #Wrap.mypage_ver01 article .inner.board .row .imgBox ul li { position: relative; }

#Wrap.mypage article .inner.board .row .boardBox .no-data, #Wrap.mypage_ver01 article .inner.board .row .boardBox .no-data { height: 30rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #ddd; }

#Wrap.mypage article .inner.board .row .boardBox .no-data p, #Wrap.mypage_ver01 article .inner.board .row .boardBox .no-data p { font-size: 1.6rem; }

#Wrap.mypage article .inner.board .row .boardBox:not(.faq) .listItem ul li.tit, #Wrap.mypage_ver01 article .inner.board .row .boardBox:not(.faq) .listItem ul li.tit { width: 65%; }

#Wrap.mypage article .inner.board .row .boardBox:not(.faq) .listItem ul li.tit a, #Wrap.mypage_ver01 article .inner.board .row .boardBox:not(.faq) .listItem ul li.tit a { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left; }

#Wrap.mypage article .inner.board .row .boardBox.faq .listItem ul li, #Wrap.mypage_ver01 article .inner.board .row .boardBox.faq .listItem ul li { position: relative; }

#Wrap.mypage article .inner.board .row .boardBox.faq .listItem ul li:nth-of-type(1), #Wrap.mypage_ver01 article .inner.board .row .boardBox.faq .listItem ul li:nth-of-type(1) { width: 20rem; }

#Wrap.mypage article .inner.board .row .boardBox.faq .listItem.active:not(.Top) .before, #Wrap.mypage_ver01 article .inner.board .row .boardBox.faq .listItem.active:not(.Top) .before { background: #f8f8f8; }

#Wrap.mypage article .inner.board .row .boardBox.faq .listItem.active:not(.Top) .before li, #Wrap.mypage_ver01 article .inner.board .row .boardBox.faq .listItem.active:not(.Top) .before li { font-family: "Pretendard-SemiBold"; }

#Wrap.mypage article .inner.board .row .boardBox .listItem, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem { width: 100%; font-size: 1.6rem; }

#Wrap.mypage article .inner.board .row .boardBox .listItem.Top, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem.Top { line-height: 55px; background: #f8f8f8; border-top: 1px solid #000; border-bottom: 0.1rem solid #000; }

#Wrap.mypage article .inner.board .row .boardBox .listItem.active:not(.Top) .before, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem.active:not(.Top) .before { border-bottom: 1px solid #ddd; }

#Wrap.mypage article .inner.board .row .boardBox .listItem > ul, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem > ul { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 6rem; }

#Wrap.mypage article .inner.board .row .boardBox .listItem > ul li, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem > ul li { text-align: center; padding: 0 1rem; }

#Wrap.mypage article .inner.board .row .boardBox .listItem > ul li:nth-of-type(1), #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem > ul li:nth-of-type(1) { -ms-flex-negative: 0; flex-shrink: 0; width: 5%; }

#Wrap.mypage article .inner.board .row .boardBox .listItem > ul li:nth-of-type(n+3), #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem > ul li:nth-of-type(n+3) { width: 15%; }

#Wrap.mypage article .inner.board .row .boardBox .listItem > ul li a, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem > ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-decoration: none; }

#Wrap.mypage article .inner.board .row .boardBox .listItem > ul li a:hover span, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem > ul li a:hover span { font-family: "Pretendard-Bold"; }

#Wrap.mypage article .inner.board .row .boardBox .listItem > ul li a span, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem > ul li a span { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

#Wrap.mypage article .inner.board .row .boardBox .listItem > ul li em, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem > ul li em { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 5px; padding: 0 10px; background: #ff7700; border-radius: 15px; color: #fff; text-wrap: nowrap; margin: 0 auto; }

#Wrap.mypage article .inner.board .row .boardBox .listItem:not(.Top), #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem:not(.Top) { border-bottom: 1px solid #ddd; }

#Wrap.mypage article .inner.board .row .boardBox .listItem:not(.Top) .before, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem:not(.Top) .before { position: relative; }

#Wrap.mypage article .inner.board .row .boardBox .listItem:not(.Top) .before li.tit, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem:not(.Top) .before li.tit { display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; cursor: pointer; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left; }

#Wrap.mypage article .inner.board .row .boardBox .listItem:not(.Top) .after, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem:not(.Top) .after { display: none; }

#Wrap.mypage article .inner.board .row .boardBox .listItem:not(.Top) .after > div, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem:not(.Top) .after > div { padding: 4rem; }

#Wrap.mypage article .inner.board .row .boardBox .listItem:not(.Top) .after > div.user, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem:not(.Top) .after > div.user { background: #f8f8f8; }

#Wrap.mypage article .inner.board .row .boardBox .listItem:not(.Top) .after > div.user .imgBox, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem:not(.Top) .after > div.user .imgBox { padding-top: 2rem; }

#Wrap.mypage article .inner.board .row .boardBox .listItem:not(.Top) .after > div.user .imgBox ul li, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem:not(.Top) .after > div.user .imgBox ul li { width: 12rem; height: 12rem; }

#Wrap.mypage article .inner.board .row .boardBox .listItem:not(.Top) .after > div.re .re-hd, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem:not(.Top) .after > div.re .re-hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 2rem; }

#Wrap.mypage article .inner.board .row .boardBox .listItem:not(.Top) .after > div.re .re-hd strong, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem:not(.Top) .after > div.re .re-hd strong { font-family: "Pretendard-Bold"; }

#Wrap.mypage article .inner.board .row .boardBox .listView, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listView { padding: 4rem; border-bottom: 1px solid #ddd; }

#Wrap.mypage article .inner.board .row .boardBox .listView p, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listView p { font-size: 1.6rem; line-height: 2.8rem; }

#Wrap.mypage article .inner.board .row.inquiry, #Wrap.mypage_ver01 article .inner.board .row.inquiry { padding-top: 4rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox { padding-bottom: 2rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox strong em, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox strong em { display: inline-block; padding-left: 0.2rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox span.validation, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox span.validation { margin-top: 1rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox input:not(:last-of-type), #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox input:not(:last-of-type) { margin-bottom: 1rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.blogQuality > div .selectBox, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.blogQuality > div .selectBox { margin-right: 1rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.blogQuality > div button, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.blogQuality > div button { height: 4.8rem; border-radius: 0.6rem; font-size: 1.6rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.blogQuality .btnBox, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.blogQuality .btnBox { gap: 1rem; margin-top: 1.6rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.sz.type01 > div, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.sz.type01 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.sz.type01 > div input, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.sz.type01 > div input { width: 40rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.sz.type01 > div button, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.sz.type01 > div button { max-width: 18rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.point .select, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.point .select { margin-bottom: 1rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.phone > div, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.phone > div { gap: 1rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.phone > div:nth-of-type(2), #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.phone > div:nth-of-type(2) { padding-top: 1rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.phone > div button, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.phone > div button { width: 19.2rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.address > div, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.address > div { margin-bottom: 1rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.address > div input, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.address > div input { width: 26rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.address > div button, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.address > div button { max-width: 14rem; height: 4.8rem; font-size: 1.6rem; border-radius: 0.6rem; margin-left: 1rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.account form > div, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.account form > div { gap: 1rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.account form > div .selectBox, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.account form > div .selectBox { max-width: 20rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.account form > div input, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.account form > div input { margin-bottom: 0; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.account form > div input:first-of-type, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.account form > div input:first-of-type { max-width: 15rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox.account form > div input:last-of-type, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.account form > div input:last-of-type { max-width: 60rem; }

@media screen and (max-width: 767px) { #Wrap.mypage article .inner.board .row.inquiry .inputBox.blogQuality > div.type-align-bt, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.blogQuality > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage article .inner.board .row.inquiry .inputBox.blogQuality > div .selectBox, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.blogQuality > div .selectBox { margin-right: 0; margin-bottom: 10px; }
  #Wrap.mypage article .inner.board .row.inquiry .inputBox.sz.type01 > div, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.sz.type01 > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage article .inner.board .row.inquiry .inputBox.sz.type01 > div input, #Wrap.mypage article .inner.board .row.inquiry .inputBox.sz.type01 > div button, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.sz.type01 > div input, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.sz.type01 > div button { width: 100%; max-width: 100%; height: 4.2rem; }
  #Wrap.mypage article .inner.board .row.inquiry .inputBox.account form > div.type-align-st, #Wrap.mypage article .inner.board .row.inquiry .inputBox.account form > div.type-align-bt, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.account form > div.type-align-st, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.account form > div.type-align-bt { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  #Wrap.mypage article .inner.board .row.inquiry .inputBox.account form > div .selectBox, #Wrap.mypage article .inner.board .row.inquiry .inputBox.account form > div input, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.account form > div .selectBox, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.account form > div input { width: 100% !important; max-width: 100%; }
  #Wrap.mypage article .inner.board .row.inquiry .inputBox.account form > div select, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.account form > div select { height: 4.2rem; }
  #Wrap.mypage article .inner.board .row.inquiry .inputBox.account form > div input:first-of-type, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.account form > div input:first-of-type { max-width: 100%; }
  #Wrap.mypage article .inner.board .row.inquiry .inputBox.phone > div.type-align-bt, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.phone > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage article .inner.board .row.inquiry .inputBox.phone > div button, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.phone > div button { width: 100%; }
  #Wrap.mypage article .inner.board .row.inquiry .inputBox.address > div, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.address > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage article .inner.board .row.inquiry .inputBox.address > div button, #Wrap.mypage article .inner.board .row.inquiry .inputBox.address > div input, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.address > div button, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.address > div input { width: 100%; max-width: 100%; }
  #Wrap.mypage article .inner.board .row.inquiry .inputBox.address > div button, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox.address > div button { margin-left: 0; margin-top: 10px; } }

#Wrap.mypage article .inner.board .row.inquiry .inputBox > div, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox > div { padding-bottom: 3rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox > div strong, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox > div strong { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox > div .selectBox, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox > div .selectBox { width: 40rem; }

#Wrap.mypage article .inner.board .row.inquiry .inputBox > div textarea, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox > div textarea { height: 30rem; }

#Wrap.mypage article .inner.board .row.inquiry .fileBox, #Wrap.mypage_ver01 article .inner.board .row.inquiry .fileBox { -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 3.5rem; padding-bottom: 5rem; }

#Wrap.mypage article .inner.board .row.inquiry .fileBox > div.txt strong, #Wrap.mypage_ver01 article .inner.board .row.inquiry .fileBox > div.txt strong { font-size: 1.8rem; font-family: "Pretendard-Bold"; line-height: 2.1rem; }

#Wrap.mypage article .inner.board .row.inquiry .fileBox > div.txt span, #Wrap.mypage_ver01 article .inner.board .row.inquiry .fileBox > div.txt span { font-size: 1.4rem; color: #1479ff; line-height: 2.4rem; }

#Wrap.mypage article .inner.board .row.inquiry .imgBox, #Wrap.mypage_ver01 article .inner.board .row.inquiry .imgBox { border-bottom: 1px solid #ddd; padding: 1rem 0 2.4rem; }

#Wrap.mypage article .inner.board .row.inquiry .imgBox ul li, #Wrap.mypage_ver01 article .inner.board .row.inquiry .imgBox ul li { width: 16rem; height: 16rem; border-radius: 0.6rem; border: 1px solid #eaeaea; }

#Wrap.mypage article .inner.board .row.inquiry .imgBox ul li.noimg::before, #Wrap.mypage_ver01 article .inner.board .row.inquiry .imgBox ul li.noimg::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); border-radius: 0.6rem; }

#Wrap.mypage article .inner.board .row.inquiry .imgBox ul li button, #Wrap.mypage_ver01 article .inner.board .row.inquiry .imgBox ul li button { position: absolute; right: -0.5rem; top: -0.5rem; z-index: 2; background: rgba(0, 0, 0, 0.7); border-radius: 100%; width: 2rem; height: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#Wrap.mypage article .inner.board .row.inquiry .imgBox ul li button i, #Wrap.mypage_ver01 article .inner.board .row.inquiry .imgBox ul li button i { width: 1rem; height: 1rem; width: 100%; height: 100%; background-color: #ff2300; -webkit-mask-image: url("../images/common/ico_close.svg"); mask-image: url("../images/common/ico_close.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 50%; height: 50%; }

#Wrap.mypage article .inner.board .row.inquiry .imgBox ul li img, #Wrap.mypage_ver01 article .inner.board .row.inquiry .imgBox ul li img { border-radius: 0.6rem; }

#Wrap.mypage article .inner.board .sec-con .btnBox, #Wrap.mypage_ver01 article .inner.board .sec-con .btnBox { max-width: 72rem; margin: 2rem auto; }

#Wrap.mypage article .inner.board .sec-con .btnBox.notice, #Wrap.mypage_ver01 article .inner.board .sec-con .btnBox.notice { max-width: 10rem; }

#Wrap.mypage article .inner.usermodify .row, #Wrap.mypage_ver01 article .inner.usermodify .row { width: 100%; max-width: 72rem; margin: 3rem auto; }

#Wrap.mypage article .inner.usermodify .row .textBox dl, #Wrap.mypage_ver01 article .inner.usermodify .row .textBox dl { padding-bottom: 2rem; }

#Wrap.mypage article .inner.usermodify .row .titBox, #Wrap.mypage_ver01 article .inner.usermodify .row .titBox { border-bottom: 0.1rem solid #eaeaea; padding-bottom: 2rem; }

#Wrap.mypage article .inner.usermodify .row .titBox span, #Wrap.mypage_ver01 article .inner.usermodify .row .titBox span { padding-top: 0.8rem; }

#Wrap.mypage article .inner.usermodify .row .titBox a, #Wrap.mypage_ver01 article .inner.usermodify .row .titBox a { font-size: 1.6rem; text-decoration: underline; }

#Wrap.mypage article .inner.usermodify .row .infoBox, #Wrap.mypage_ver01 article .inner.usermodify .row .infoBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 3rem; }

#Wrap.mypage article .inner.usermodify .row .infoBox li, #Wrap.mypage_ver01 article .inner.usermodify .row .infoBox li { font-size: 1.6rem; line-height: 2.4rem; padding-bottom: 0.8rem; }

#Wrap.mypage article .inner.usermodify .row .infoBox li:nth-of-type(odd), #Wrap.mypage_ver01 article .inner.usermodify .row .infoBox li:nth-of-type(odd) { -ms-flex-preferred-size: 14rem; flex-basis: 14rem; -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.mypage article .inner.usermodify .row .infoBox li:nth-of-type(even), #Wrap.mypage_ver01 article .inner.usermodify .row .infoBox li:nth-of-type(even) { font-family: "Pretendard-Bold"; -ms-flex-preferred-size: calc(100% - 14rem); flex-basis: calc(100% - 14rem); }

#Wrap.mypage article .inner.usermodify .row .infoBox li.checkBox, #Wrap.mypage_ver01 article .inner.usermodify .row .infoBox li.checkBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > strong, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > strong { font-size: 1.7rem; font-family: "Pretendard-Bold"; padding-bottom: 1rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div { padding-bottom: 2rem; padding-bottom: 0; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div strong em, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div strong em { display: inline-block; padding-left: 0.2rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div span.validation, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div span.validation { margin-top: 1rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div input:not(:last-of-type), #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div input:not(:last-of-type) { margin-bottom: 1rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.blogQuality > div .selectBox, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.blogQuality > div .selectBox { margin-right: 1rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.blogQuality > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.blogQuality > div button { height: 4.8rem; border-radius: 0.6rem; font-size: 1.6rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.blogQuality .btnBox, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.blogQuality .btnBox { gap: 1rem; margin-top: 1.6rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.sz.type01 > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.sz.type01 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.sz.type01 > div input, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.sz.type01 > div input { width: 40rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.sz.type01 > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.sz.type01 > div button { max-width: 18rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.point .select, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.point .select { margin-bottom: 1rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.phone > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.phone > div { gap: 1rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.phone > div:nth-of-type(2), #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.phone > div:nth-of-type(2) { padding-top: 1rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.phone > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.phone > div button { width: 19.2rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div { margin-bottom: 1rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div input, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div input { width: 26rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div button { max-width: 14rem; height: 4.8rem; font-size: 1.6rem; border-radius: 0.6rem; margin-left: 1rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div { gap: 1rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div .selectBox, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div .selectBox { max-width: 20rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div input, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div input { margin-bottom: 0; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div input:first-of-type, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div input:first-of-type { max-width: 15rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div input:last-of-type, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div input:last-of-type { max-width: 60rem; }

@media screen and (max-width: 767px) { #Wrap.mypage article .inner.usermodify .row .inputBox > div.blogQuality > div.type-align-bt, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.blogQuality > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.blogQuality > div .selectBox, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.blogQuality > div .selectBox { margin-right: 0; margin-bottom: 10px; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.sz.type01 > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.sz.type01 > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.sz.type01 > div input, #Wrap.mypage article .inner.usermodify .row .inputBox > div.sz.type01 > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.sz.type01 > div input, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.sz.type01 > div button { width: 100%; max-width: 100%; height: 4.2rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div.type-align-st, #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div.type-align-bt, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div.type-align-st, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div.type-align-bt { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div .selectBox, #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div input, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div .selectBox, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div input { width: 100% !important; max-width: 100%; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div select, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div select { height: 4.2rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div input:first-of-type, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div input:first-of-type { max-width: 100%; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.phone > div.type-align-bt, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.phone > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.phone > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.phone > div button { width: 100%; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div button, #Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div input, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div input { width: 100%; max-width: 100%; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div button { margin-left: 0; margin-top: 10px; } }

#Wrap.mypage article .inner.usermodify .row .inputBox > div > strong, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > strong { padding-bottom: 1rem; font-size: 1.6rem; font-family: "Pretendard-Bold"; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div > strong span, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > strong span { margin: 0 !important; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div:not(.fileBox) button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div:not(.fileBox) button { height: 4.8rem; font-size: 1.6rem; border-radius: 3rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div > button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > button { max-width: 24rem; }

#Wrap.mypage article .inner.usermodify .row .inputBox > div.fileBox button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.fileBox button { border-radius: 3rem; }

#Wrap.mypage article .inner.usermodify .row:first-of-type .titBox, #Wrap.mypage_ver01 article .inner.usermodify .row:first-of-type .titBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#Wrap.mypage article .inner.usermodify .row:first-of-type .inputBox > div > strong, #Wrap.mypage_ver01 article .inner.usermodify .row:first-of-type .inputBox > div > strong { font-family: "Pretendard-Regular"; }

#Wrap.mypage article .inner.usermodify .row:not(:first-of-type) .fileBox > div, #Wrap.mypage_ver01 article .inner.usermodify .row:not(:first-of-type) .fileBox > div { display: block; margin-top: 0 !important; }

#Wrap.mypage article .inner.usermodify .row:not(:first-of-type) .fileBox > div > div, #Wrap.mypage_ver01 article .inner.usermodify .row:not(:first-of-type) .fileBox > div > div { margin-top: 1rem; }

#Wrap.mypage article .inner.usermodify .row:not(:first-of-type) .fileBox > div > div button, #Wrap.mypage_ver01 article .inner.usermodify .row:not(:first-of-type) .fileBox > div > div button { border-radius: 0.6rem; height: 4rem; }

#Wrap.mypage article .inner.usermodify .row:not(:first-of-type) .radioBox input[type="radio"] + label, #Wrap.mypage_ver01 article .inner.usermodify .row:not(:first-of-type) .radioBox input[type="radio"] + label { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

#Wrap.mypage article .inner.usermodify .row:not(:first-of-type) .type-align-st, #Wrap.mypage_ver01 article .inner.usermodify .row:not(:first-of-type) .type-align-st { gap: 2rem; }

#Wrap.mypage article .inner.usermodify .row:not(:first-of-type) .type-align-st p, #Wrap.mypage_ver01 article .inner.usermodify .row:not(:first-of-type) .type-align-st p { display: contents; font-size: 1.6rem; }

#Wrap.mypage article .inner.usermodify .row:not(:first-of-type) .type-align-bt, #Wrap.mypage_ver01 article .inner.usermodify .row:not(:first-of-type) .type-align-bt { gap: 1rem; }

#Wrap.mypage article .inner.usermodify .row:not(:first-of-type) .type-align-bt button, #Wrap.mypage_ver01 article .inner.usermodify .row:not(:first-of-type) .type-align-bt button { max-width: 16rem; }

#Wrap.mypage article .inner.usermodify .row:last-of-type > div:not(.titBox), #Wrap.mypage_ver01 article .inner.usermodify .row:last-of-type > div:not(.titBox) { border-bottom: 0.1rem solid #eaeaea; padding: 0 0 1.5rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

#Wrap.mypage article .inner.usermodify .row:last-of-type > div > button, #Wrap.mypage_ver01 article .inner.usermodify .row:last-of-type > div > button { max-width: 24rem; }

#Wrap.mypage.mypage article .inner section, #Wrap.mypage_ver01.mypage article .inner section { margin-top: 2rem; -webkit-box-shadow: 0 0 10px 0 rgba(255, 161, 20, 0.08); box-shadow: 0 0 10px 0 rgba(255, 161, 20, 0.08); background-color: #fff; padding: 3rem; }

#Wrap.mypage.mypage article .inner .titBox .textBox, #Wrap.mypage_ver01.mypage article .inner .titBox .textBox { border: 0.1rem solid #eaeaea; border-radius: 1.3rem; background: #f9f9f9; }

#Wrap.mypage.mypage article .inner .textBox, #Wrap.mypage_ver01.mypage article .inner .textBox { -webkit-box-shadow: 0 0 10px 0 rgba(234, 234, 234, 0.16); box-shadow: 0 0 10px 0 rgba(234, 234, 234, 0.16); background-color: #eee; padding: 3rem; margin-top: 3rem; }

#Wrap.mypage.mypage article .inner .textBox strong, #Wrap.mypage_ver01.mypage article .inner .textBox strong { font-size: 1.8rem; font-family: "Pretendard-Medium"; line-height: 2.4rem; padding-bottom: 3rem; }

#Wrap.mypage.mypage article .inner .textBox dl, #Wrap.mypage_ver01.mypage article .inner .textBox dl { position: relative; font-size: 1.6rem; line-height: 2.4rem; }

#Wrap.mypage.mypage article .inner .textBox dl dd, #Wrap.mypage_ver01.mypage article .inner .textBox dl dd { padding: 0.2rem 0 0.2rem 1.3rem; }

#Wrap.mypage.mypage article .inner .textBox dl dd::before, #Wrap.mypage_ver01.mypage article .inner .textBox dl dd::before { content: "-"; position: absolute; left: 0; }

#Wrap.mypage.mypage article .inner .textBox dl dd em, #Wrap.mypage_ver01.mypage article .inner .textBox dl dd em { display: contents; }

@media screen and (max-width: 767px) { #Wrap.mypage.mypage article .inner .textBox, #Wrap.mypage_ver01.mypage article .inner .textBox { padding: 2rem; }
  #Wrap.mypage.mypage article .inner .textBox strong, #Wrap.mypage_ver01.mypage article .inner .textBox strong { font-size: 1.6rem; padding-bottom: 1.6rem; }
  #Wrap.mypage.mypage article .inner .textBox dl, #Wrap.mypage_ver01.mypage article .inner .textBox dl { font-size: 1.4rem; line-height: 2rem; }
  #Wrap.mypage.mypage article .inner .textBox dl dd, #Wrap.mypage_ver01.mypage article .inner .textBox dl dd { padding-left: 1.3rem; } }

#Wrap.mypage.mypage article .inner.home .row, #Wrap.mypage_ver01.mypage article .inner.home .row { margin-top: 2rem; }

#Wrap.mypage.mypage article .inner.home .row:not(.cardBox), #Wrap.mypage_ver01.mypage article .inner.home .row:not(.cardBox) { -webkit-box-shadow: 0 0 10px 0 rgba(255, 161, 20, 0.08); box-shadow: 0 0 10px 0 rgba(255, 161, 20, 0.08); background-color: #fff; padding: 3rem; }

#Wrap.mypage.mypage article .inner.home .row:not(.cardBox) .tableBox table tbody tr td, #Wrap.mypage_ver01.mypage article .inner.home .row:not(.cardBox) .tableBox table tbody tr td { font-family: "Pretendard-Bold"; }

#Wrap.mypage.mypage article .inner.home .row:not(.cardBox) .tableBox table tbody tr.ck td, #Wrap.mypage_ver01.mypage article .inner.home .row:not(.cardBox) .tableBox table tbody tr.ck td { font-family: "Pretendard-Regular"; color: #999; }

#Wrap.mypage.mypage article .inner.home .row.cardBox, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; height: 24rem; gap: 2rem; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card { position: relative; padding: 3.6rem 2% 3.8rem; -webkit-box-shadow: 0 0 1rem 0 rgba(255, 161, 20, 0.08); box-shadow: 0 0 1rem 0 rgba(255, 161, 20, 0.08); background-color: #fff; height: 100%; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(1)::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(1)::before { content: ""; display: block; position: absolute; bottom: 3rem; right: 3rem; background: url("../images/v2/mypage/img_point_01.svg") no-repeat right bottom/100%; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(2)::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(2)::before { content: ""; display: block; position: absolute; bottom: 3rem; right: 3rem; background: url("../images/v2/mypage/img_point_02.svg") no-repeat right bottom/100%; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(3)::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(3)::before { content: ""; display: block; position: absolute; bottom: 3rem; right: 3rem; background: url("../images/v2/mypage/img_point_03.svg") no-repeat right bottom/100%; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(4)::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(4)::before { content: ""; display: block; position: absolute; bottom: 3rem; right: 3rem; background: url("../images/v2/mypage/img_point_04.svg") no-repeat right bottom/100%; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card button, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 4rem; font-size: 1.4rem; border-radius: 0.5rem; background: #000; color: #fff; margin-top: 1rem; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card .txtBox, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card .txtBox { position: relative; z-index: 1; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(1), #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(1) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 35%; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(1)::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(1)::before { width: 5.5rem; height: 8.2rem; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox p, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox p { font-size: 1.6rem; line-height: 19px; letter-spacing: -0.32px; }

@media screen and (max-width: 767px) { #Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox p, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox p { font-size: 1.5rem; } }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox strong, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox strong { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0.7rem 0 0.4rem; font-size: 2rem; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox strong a, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox strong a { margin-right: 0.6rem; font-size: 1.4rem; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox > span, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox > span { font-size: 1.2rem; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox button, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox button { max-width: 20rem; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:not(:first-of-type), #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:not(:first-of-type) { width: 21.6%; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:not(:first-of-type)::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:not(:first-of-type)::before { height: 5.8rem; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:not(:first-of-type):not(:nth-of-type(4))::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:not(:first-of-type):not(:nth-of-type(4))::before { width: 6rem; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:not(:first-of-type):nth-of-type(4):before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:not(:first-of-type):nth-of-type(4):before { width: 5.8rem; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:not(:first-of-type) .txtBox, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:not(:first-of-type) .txtBox { font-family: "Pretendard-Bold"; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:not(:first-of-type) .txtBox p, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:not(:first-of-type) .txtBox p { font-size: 1.4rem; letter-spacing: -0.28px; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:not(:first-of-type) .txtBox strong, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:not(:first-of-type) .txtBox strong { margin-top: 2.1rem; font-size: 2.5rem; line-height: 3rem; letter-spacing: -0.5px; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:not(:first-of-type) .txtBox > span, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:not(:first-of-type) .txtBox > span { padding-top: 1.6rem; font-size: 1.4rem; font-family: "Pretendard-Regular"; }

#Wrap.mypage.mypage article .inner.home .row.cardBox .card:not(:first-of-type) .txtBox button, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:not(:first-of-type) .txtBox button { max-width: 14rem; }

#Wrap.mypage.mypage article .inner.level .row .titBox, #Wrap.mypage_ver01.mypage article .inner.level .row .titBox { border-bottom: 0.1rem solid #ddd; padding-bottom: 2.4rem; }

#Wrap.mypage.mypage article .inner.level .row .titBox p, #Wrap.mypage_ver01.mypage article .inner.level .row .titBox p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.3rem; }

#Wrap.mypage.mypage article .inner.level .row .titBox p strong, #Wrap.mypage_ver01.mypage article .inner.level .row .titBox p strong { display: contents; }

#Wrap.mypage.mypage article .inner.level .row .con-hd strong, #Wrap.mypage_ver01.mypage article .inner.level .row .con-hd strong { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.3rem; font-size: 2rem; }

#Wrap.mypage.mypage article .inner.level .row .con-hd strong em, #Wrap.mypage_ver01.mypage article .inner.level .row .con-hd strong em { font-family: "Pretendard-Bold"; }

#Wrap.mypage.mypage article .inner.level .row .levelBox, #Wrap.mypage_ver01.mypage article .inner.level .row .levelBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2.4rem 0; gap: 8rem; }

#Wrap.mypage.mypage article .inner.level .row .levelBox div, #Wrap.mypage_ver01.mypage article .inner.level .row .levelBox div { width: calc(100% / 4); }

#Wrap.mypage.mypage article .inner.level .row .levelBox div p, #Wrap.mypage_ver01.mypage article .inner.level .row .levelBox div p { text-align: center; font-size: 1.8rem; font-family: "Pretendard-Medium"; }

#Wrap.mypage.mypage article .inner.level .row .levelBox div p span, #Wrap.mypage_ver01.mypage article .inner.level .row .levelBox div p span { display: inline-block; }

#Wrap.mypage.mypage article .inner.level .row .levelBox div .bar, #Wrap.mypage_ver01.mypage article .inner.level .row .levelBox div .bar { position: relative; width: 100%; height: 3rem; margin-top: 1.6rem; background: #eaeaea; border-radius: 1.8rem; }

#Wrap.mypage.mypage article .inner.level .row .levelBox div .bar span, #Wrap.mypage_ver01.mypage article .inner.level .row .levelBox div .bar span { position: absolute; height: 100%; left: 0; top: 0; border-radius: 1.8rem; }

#Wrap.mypage.mypage article .inner.level .row .levelBox div .bar.rd span, #Wrap.mypage_ver01.mypage article .inner.level .row .levelBox div .bar.rd span { background: #ff2300; }

#Wrap.mypage.mypage article .inner.level .row .levelBox div .bar.bu span, #Wrap.mypage_ver01.mypage article .inner.level .row .levelBox div .bar.bu span { background: #3d90e1; }

#Wrap.mypage.mypage article .inner.level .row .levelBox div .bar.gn span, #Wrap.mypage_ver01.mypage article .inner.level .row .levelBox div .bar.gn span { background: #5fcf2f; }

#Wrap.mypage.mypage article .inner.level .row .levelBox div .bar.ye span, #Wrap.mypage_ver01.mypage article .inner.level .row .levelBox div .bar.ye span { background: #ffaa00; }

#Wrap.mypage.mypage article .inner.user .row, #Wrap.mypage_ver01.mypage article .inner.user .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 70vh; }

#Wrap.mypage.mypage article .inner.user .row > div, #Wrap.mypage_ver01.mypage article .inner.user .row > div { width: 100%; max-width: 50rem; }

#Wrap.mypage.mypage article .inner.user .row > div.btnBox, #Wrap.mypage_ver01.mypage article .inner.user .row > div.btnBox { margin-top: 3rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .cardBox, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .cardBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 2rem; padding: 2rem 0; }

#Wrap.mypage.mypage article .inner.withdraw .row .cardBox div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .cardBox div { width: calc(100%/3); height: 10rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 3rem; border: 1px solid #999; border-radius: 0.8rem; background: #f8f8f8; }

#Wrap.mypage.mypage article .inner.withdraw .row .cardBox div p, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .cardBox div p { font-family: "Pretendard-Medium"; font-size: 1.7rem; letter-spacing: -0.034rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .cardBox div strong, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .cardBox div strong { font-size: 3rem; font-family: "Pretendard-Bold"; letter-spacing: -0.058em; }

#Wrap.mypage.mypage article .inner.withdraw .row .cardBox div:last-of-type, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .cardBox div:last-of-type { color: #ff2300; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div { padding-bottom: 2rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div strong em, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div strong em { display: inline-block; padding-left: 0.2rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div span.validation, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div span.validation { margin-top: 1rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div input:not(:last-of-type), #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div input:not(:last-of-type) { margin-bottom: 1rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div .selectBox, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div .selectBox { margin-right: 1rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div button { height: 4.8rem; border-radius: 0.6rem; font-size: 1.6rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.blogQuality .btnBox, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.blogQuality .btnBox { gap: 1rem; margin-top: 1.6rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div input, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div input { width: 40rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div button { max-width: 18rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.point .select, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.point .select { margin-bottom: 1rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.phone > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.phone > div { gap: 1rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.phone > div:nth-of-type(2), #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.phone > div:nth-of-type(2) { padding-top: 1rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.phone > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.phone > div button { width: 19.2rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div { margin-bottom: 1rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div input, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div input { width: 26rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div button { max-width: 14rem; height: 4.8rem; font-size: 1.6rem; border-radius: 0.6rem; margin-left: 1rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div { gap: 1rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div .selectBox, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div .selectBox { max-width: 20rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div input, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div input { margin-bottom: 0; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div input:first-of-type, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div input:first-of-type { max-width: 15rem; }

#Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div input:last-of-type, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div input:last-of-type { max-width: 60rem; }

@media screen and (max-width: 767px) { #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div.type-align-bt, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div .selectBox, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div .selectBox { margin-right: 0; margin-bottom: 10px; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div input, #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div input, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div button { width: 100%; max-width: 100%; height: 4.2rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div.type-align-st, #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div.type-align-bt, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div.type-align-st, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div.type-align-bt { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div .selectBox, #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div input, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div .selectBox, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div input { width: 100% !important; max-width: 100%; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div select, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div select { height: 4.2rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div input:first-of-type, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div input:first-of-type { max-width: 100%; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.phone > div.type-align-bt, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.phone > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.phone > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.phone > div button { width: 100%; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div button, #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div input, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div input { width: 100%; max-width: 100%; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div button { margin-left: 0; margin-top: 10px; } }

#Wrap.mypage.mypage article .inner.report .row > div, #Wrap.mypage_ver01.mypage article .inner.report .row > div { margin-bottom: 2rem; }

#Wrap.mypage.mypage article .inner.report .row > div p, #Wrap.mypage_ver01.mypage article .inner.report .row > div p { line-height: 2rem; }

#Wrap.mypage.mypage article .inner.report .row > div p span, #Wrap.mypage_ver01.mypage article .inner.report .row > div p span { display: inline-block; text-decoration: underline; }

#Wrap.mypage.mypage article .inner.report .row .type-align-bt, #Wrap.mypage_ver01.mypage article .inner.report .row .type-align-bt { gap: 2rem; }

#Wrap.mypage.mypage article .inner.report .row .tableBox.type01 table tbody tr th:first-of-type, #Wrap.mypage_ver01.mypage article .inner.report .row .tableBox.type01 table tbody tr th:first-of-type { width: 20rem; }

#Wrap.mypage_ver01 .subMenu { display: none; }

@media screen and (max-width: 1024px) { #Wrap.mypage_ver01 .subMenu { display: block; margin-bottom: 1.5rem; }
  #Wrap.mypage_ver01 .subMenu .contMenu { gap: 2rem; }
  #Wrap.mypage_ver01 .subMenu .contMenu li { position: relative; height: 2.5rem; font-size: 1.4rem; }
  #Wrap.mypage_ver01 .subMenu .contMenu li.on::before { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 0.2rem; background: #000; } }

@media screen and (max-width: 767px) { #Wrap.mypage_ver01 .subMenu .contMenu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10%; } }

#Wrap.mypage_ver01 article .inner:not(.home) { -webkit-box-shadow: 0 0 10px 0 rgba(255, 161, 20, 0.08); box-shadow: 0 0 10px 0 rgba(255, 161, 20, 0.08); background-color: #fff; padding: 3rem; }

#Wrap.mypage_ver01 article .inner:not(.home) .textBox { width: 100%; height: auto; }

#Wrap.mypage_ver01 article .inner:not(.home) .textBox dl { position: relative; font-size: 1.6rem; line-height: 2.4rem; }

#Wrap.mypage_ver01 article .inner:not(.home) .textBox dl dt { padding-top: 1rem; }

#Wrap.mypage_ver01 article .inner:not(.home) .textBox dl dd { padding: 0.2rem 0 0.2rem 1.3rem; }

#Wrap.mypage_ver01 article .inner:not(.home) .textBox dl dd::before { content: "-"; position: absolute; left: 0; }

#Wrap.mypage_ver01 article .inner:not(.home) .textBox dl dd em { display: contents; }

@media screen and (max-width: 767px) { #Wrap.mypage_ver01 article .inner:not(.home) .textBox dl { font-size: 1.4rem; line-height: 2rem; }
  #Wrap.mypage_ver01 article .inner:not(.home) .textBox dl dd { padding-left: 1.3rem; }
  #Wrap.mypage_ver01 article .inner:not(.home) .textBox.bg strong { font-size: 1.6rem; padding-bottom: 1.6rem; } }

#Wrap.mypage_ver01 article .inner:not(.home) .textBox.bgbr { background: #f8f8f8; border-radius: 0.8rem; border: 1px solid #999; }

#Wrap.mypage_ver01 article .inner:not(.home) .textBox.bg { -webkit-box-shadow: 0 0 10px 0 rgba(234, 234, 234, 0.16); box-shadow: 0 0 10px 0 rgba(234, 234, 234, 0.16); background: rgba(238, 238, 238, 0.5); padding: 2rem; }

#Wrap.mypage_ver01 article .inner:not(.home) .textBox.bg strong { font-size: 1.8rem; font-family: "Pretendard-Medium"; line-height: 2.4rem; padding-bottom: 2rem; }

#Wrap.mypage_ver01 article .inner:not(.home) .listBox > ul { gap: 2rem; }

#Wrap.mypage_ver01 article .inner:not(.home) .listBox > ul li { -ms-flex-preferred-size: calc(100% / 5 - 1.6rem); flex-basis: calc(100% / 5 - 1.6rem); }

@media screen and (max-width: 1600px) and (min-width: 1025px) { #Wrap.mypage_ver01 article .inner:not(.home) .listBox > ul > li { -ms-flex-preferred-size: calc(100% / 4 - 1.5rem); flex-basis: calc(100% / 4 - 1.5rem); } }

@media screen and (max-width: 1350px) and (min-width: 768px) { #Wrap.mypage_ver01 article .inner:not(.home) .listBox > ul > li { -ms-flex-preferred-size: calc(100% / 3 - 1.5rem); flex-basis: calc(100% / 3 - 1.5rem); }
  #Wrap.mypage_ver01 article .inner:not(.home) .listBox > ul > li.list > div.item { height: 42.6rem; } }

@media screen and (max-width: 767px) { #Wrap.mypage_ver01 article .inner:not(.home) .listBox > ul { gap: 1rem; }
  #Wrap.mypage_ver01 article .inner:not(.home) .listBox > ul > li { -ms-flex-preferred-size: calc(100% / 2 - 0.6rem); flex-basis: calc(100% / 2 - 0.6rem); } }

#Wrap.mypage_ver01 article .inner .sec-hd { position: relative; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #ddd; }

#Wrap.mypage_ver01 article .inner .sec-hd strong { font-size: 2rem; font-family: "Pretendard-Bold"; line-height: 2.4rem; padding-bottom: 0.8rem; }

#Wrap.mypage_ver01 article .inner .sec-hd p { font-size: 1.6rem; line-height: 1.9rem; letter-spacing: -0.04rem; color: #999; }

#Wrap.mypage_ver01 article .inner.home section { margin-top: 0; }

#Wrap.mypage_ver01 article .inner.home .row:not(:first-of-type) { margin-top: 2rem; }

#Wrap.mypage_ver01 article .inner.home .row:not(.cardBox) { -webkit-box-shadow: 0 0 10px 0 rgba(255, 161, 20, 0.08); box-shadow: 0 0 10px 0 rgba(255, 161, 20, 0.08); background-color: #fff; padding: 3rem; }

#Wrap.mypage_ver01 article .inner.home .row:not(.cardBox) .titBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#Wrap.mypage_ver01 article .inner.home .row:not(.cardBox) .tableBox table tbody tr td { font-family: "Pretendard-Bold"; }

#Wrap.mypage_ver01 article .inner.home .row:not(.cardBox) .tableBox table tbody tr.ck td { font-family: "Pretendard-Regular"; color: #999; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox { position: relative; height: 27rem; gap: 3rem; display: -ms-grid; display: grid; grid-template-areas: "a b c"; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card { position: relative; width: 100%; height: 100%; padding: 3.6rem 3rem 3.8rem; -webkit-box-shadow: 0 0 1rem 0 rgba(255, 161, 20, 0.08); box-shadow: 0 0 1rem 0 rgba(255, 161, 20, 0.08); background: #fff; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1)::before { content: ""; display: block; position: absolute; bottom: 3rem; right: 3rem; background: url("../images/v2/mypage/img_point_01.svg") no-repeat right bottom/100%; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(2)::before { content: ""; display: block; position: absolute; bottom: 3rem; right: 3rem; background: url("../images/v2/mypage/img_point_02.svg") no-repeat right bottom/100%; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(3)::before { content: ""; display: block; position: absolute; bottom: 3rem; right: 3rem; background: url("../images/v2/mypage/img_point_03.svg") no-repeat right bottom/100%; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card button:not(.btn-txt) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 6rem; font-size: 2.2rem; border-radius: 5rem; background: #000; color: #fff; margin-top: 1rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card .txtBox { position: relative; z-index: 1; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; grid-area: a; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1)::before { width: 5.5rem; height: 8.2rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox strong { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0.7rem 0 0.4rem; font-size: 2rem; gap: 0.6rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox strong a { font-size: 2.4rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox strong span { font-size: 3.6rem; font-family: "Pretendard-Bold"; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox > span { font-size: 2rem; margin-top: 1.6rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox button { margin-top: 1.6rem; max-width: 36rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 2; grid-area: b; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(2):before { width: 6rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(3) { -ms-grid-row: 2; -ms-grid-column: 2; grid-area: c; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:not(:nth-of-type(1))::before { width: 5.8rem; height: 5.8rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:not(:nth-of-type(1)) .txtBox { -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:not(:nth-of-type(1)) .txtBox p { font-size: 2.4rem; letter-spacing: -0.048rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox .card:not(:nth-of-type(1)) .txtBox strong { font-family: "Pretendard-Bold"; font-size: 3.6rem; letter-spacing: -0.072rem; margin-top: 1.6rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 { margin-bottom: 8rem; height: 55rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 3rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 > span.validation { position: absolute; right: 0; bottom: -5rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 .card { height: 27rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 .card:nth-of-type(-n+3) { width: calc(100% / 3 - 2rem); }

#Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 .card:not(:nth-of-type(-n+3)) { width: calc(100% / 4 - 2.3rem); }

#Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 .card:nth-of-type(n+4) .txtBox p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: .5rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 .card:nth-of-type(n+4) .txtBox p i { width: 2.6rem; height: 2.6rem; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 .card:nth-of-type(4) .txtBox p i { background: url("../images/v2/main/mo_menu_012_on.svg") no-repeat right bottom/100%; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 .card:nth-of-type(5) .txtBox p i { background: url("../images/v2/main/mo_menu_013_on.svg") no-repeat right bottom/100%; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 .card:nth-of-type(6) .txtBox p i { background: url("../images/v2/main/mo_menu_014_on.svg") no-repeat right bottom/100%; }

#Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 .card:nth-of-type(7) .txtBox p i { background: url("../images/v2/main/mo_menu_015_on.svg") no-repeat right bottom/100%; }

#Wrap.mypage_ver01 article .inner.level .sec-hd p { color: #101010; padding-bottom: 1rem; }

#Wrap.mypage_ver01 article .inner.level .sec-hd p em { display: contents; font-family: "Pretendard-Bold"; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox { padding: 5rem 0; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox:not(:last-of-type) { margin-bottom: 3rem; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-info > div { width: 100%; max-width: 56rem; text-align: center; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-info > div strong { font-size: 1.8rem; font-family: "Pretendard-SemiBold"; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-info > div .bar { width: 100%; height: 4.8rem; margin: 1.8rem auto; border-radius: 6rem; -webkit-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16); background: #fff; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-info > div .bar span { height: 100%; border-radius: 6rem; -webkit-animation: grow 0.8s cubic-bezier(0, 0, 0.2, 1); animation: grow 0.8s cubic-bezier(0, 0, 0.2, 1); }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-info > div p { font-size: 1.6rem; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-info > div p em { display: contents; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-info > div:nth-of-type(1) .bar span { background: #5fcf2f; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-info > div:nth-of-type(2) .bar span { background: #ffaa00; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-rank { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 5%; gap: 10%; text-align: center; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-rank .label { width: 100%; max-width: 27rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 5vw; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-rank .label * { -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-rank .label i { width: 11.5rem; height: 9.9rem; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-rank .label p { height: 4.3rem; padding: 2.2rem; border-radius: 2.2rem; font-size: 2.2rem; font-weight: bold; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-rank dl { width: 20vw; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-rank dl dt { padding-bottom: 4rem; font-size: 2rem; font-family: "Pretendard-Medium"; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-rank dl dd { padding: 0; font-size: 1.6rem; line-height: 2.5rem; word-break: keep-all; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-rank dl dd::before { display: none; }

#Wrap.mypage_ver01 article .inner.level .sec-con .row .textBox .level-rank dl dd.ct { text-align: center; }

#Wrap.mypage_ver01 article .inner.point .row { padding: 6rem 0 0; }

#Wrap.mypage_ver01 article .inner.point .row .textBox { max-width: 66rem; padding: 3rem 6rem; margin: 0 auto; }

#Wrap.mypage_ver01 article .inner.point .row .textBox:nth-of-type(1) { margin-bottom: 1.6rem; }

#Wrap.mypage_ver01 article .inner.point .row .textBox:nth-of-type(1) ul li:nth-of-type(even) { font-size: 3rem; }

#Wrap.mypage_ver01 article .inner.point .row .textBox:nth-of-type(2) ul li:nth-of-type(even) { text-decoration: underline; }

#Wrap.mypage_ver01 article .inner.point .row .textBox ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#Wrap.mypage_ver01 article .inner.point .row .textBox ul li { width: 50%; font-size: 1.6rem; }

#Wrap.mypage_ver01 article .inner.point .row .textBox ul li:nth-of-type(even) { font-family: "Pretendard-Bold"; text-align: right; }

#Wrap.mypage_ver01 article .inner.point .row .textBox ul li:not(:nth-last-of-type(-n+2)) { padding-bottom: 2rem; }

#Wrap.mypage_ver01 article .inner.report .row .titBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; }

#Wrap.mypage_ver01 article .inner.report .row .chartWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 2rem; }

#Wrap.mypage_ver01 article .inner.report .row .chartWrap .chartBox { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5%; }

#Wrap.mypage_ver01 article .inner.report .row .chartWrap .chartBox .chart { -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.mypage_ver01 article .inner.report .row .chartWrap .chartBox .ct-infoBox { position: relative; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

#Wrap.mypage_ver01 article .inner.report .row .chartWrap .chartBox .ct-infoBox div { min-width: 12rem; }

#Wrap.mypage_ver01 article .inner.report .row .chartWrap .chartBox .ct-infoBox div span { margin: 1.5em 0; }

#Wrap.mypage_ver01 article .inner.report .row .chartBox { margin-bottom: 3rem; }

#Wrap.mypage_ver01 article .inner.report .row .tableBox i { width: 8rem; height: 8rem; margin: 0; }

#Wrap.mypage_ver01 article .inner.report .row .tableBox table { padding: 2rem 0 3rem; margin-top: 0; }

#Wrap.mypage_ver01 article .inner.report .row .tableBox table tbody tr td a { text-decoration: underline; }

#Wrap.mypage_ver01 article .inner.report .camp .row .tableTit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; }

#Wrap.mypage_ver01 article .inner.report .camp .row .tableTit span { -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.mypage_ver01 article .inner.report .camp .row .tableBox table tbody tr td a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: underline; gap: 1rem; }

#Wrap.mypage_ver01 article .inner.report .camp .row .tableBox table tbody tr td a span { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

#Wrap.mypage_ver01 article .inner.report .camp .row .tableBox table tbody tr td a picture { width: 4.8rem; height: 4.8rem; border-radius: 0.4rem; overflow: hidden; border: 1px solid #b7b7b7; -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.mypage_ver01 article .inner.withdraw .row .textWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .textWrap .textBox { width: calc(100% / 2 - 0.5rem); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2%; padding: 4rem 2%; }

#Wrap.mypage_ver01 article .inner.withdraw .row .textWrap .textBox * { -ms-flex-negative: 0; flex-shrink: 0; letter-spacing: -0.1rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .textWrap .textBox i { width: 7rem; height: 7rem; background-color: #999; -webkit-mask-image: url("../images/v2/mypage/img_point_03.svg"); mask-image: url("../images/v2/mypage/img_point_03.svg"); background-size: cover; -webkit-background-size: cover; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

#Wrap.mypage_ver01 article .inner.withdraw .row .textWrap .textBox p { font-size: 2.6rem; font-family: "Pretendard-Medium"; }

#Wrap.mypage_ver01 article .inner.withdraw .row .textWrap .textBox strong { font-family: "Pretendard-Bold"; font-size: 4rem; padding-bottom: 0; }

#Wrap.mypage_ver01 article .inner.withdraw .row .textWrap.wd .textBox:nth-of-type(2) { color: #0066ff; }

#Wrap.mypage_ver01 article .inner.withdraw .row .textWrap.wd .textBox:nth-of-type(2) i { background-color: #90c1f1; }

#Wrap.mypage_ver01 article .inner.withdraw .row .textWrap.rd .textBox:nth-of-type(1) { color: #ff2300; }

#Wrap.mypage_ver01 article .inner.withdraw .row .textWrap.rd .textBox:nth-of-type(1) i { background-color: #ee8e99; }

#Wrap.mypage_ver01 article .inner.withdraw .row .textWrap.rd .textBox:nth-of-type(2) { color: #40951c; }

#Wrap.mypage_ver01 article .inner.withdraw .row .textWrap.rd .textBox:nth-of-type(2) i { background-color: #97d57d; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div { padding-bottom: 2rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div strong em { display: inline-block; padding-left: 0.2rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div span.validation { margin-top: 1rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div input:not(:last-of-type) { margin-bottom: 1rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.blogQuality > div .selectBox { margin-right: 1rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.blogQuality > div button { height: 4.8rem; border-radius: 0.6rem; font-size: 1.6rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.blogQuality .btnBox { gap: 1rem; margin-top: 1.6rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.sz.type01 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.sz.type01 > div input { width: 40rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.sz.type01 > div button { max-width: 18rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.point .select { margin-bottom: 1rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.phone > div { gap: 1rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.phone > div:nth-of-type(2) { padding-top: 1rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.phone > div button { width: 19.2rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.address > div { margin-bottom: 1rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.address > div input { width: 26rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.address > div button { max-width: 14rem; height: 4.8rem; font-size: 1.6rem; border-radius: 0.6rem; margin-left: 1rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.account form > div { gap: 1rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.account form > div .selectBox { max-width: 20rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.account form > div input { margin-bottom: 0; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.account form > div input:first-of-type { max-width: 15rem; }

#Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.account form > div input:last-of-type { max-width: 60rem; }

@media screen and (max-width: 767px) { #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.blogQuality > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.blogQuality > div .selectBox { margin-right: 0; margin-bottom: 10px; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.sz.type01 > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.sz.type01 > div input, #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.sz.type01 > div button { width: 100%; max-width: 100%; height: 4.2rem; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.account form > div.type-align-st, #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.account form > div.type-align-bt { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.account form > div .selectBox, #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.account form > div input { width: 100% !important; max-width: 100%; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.account form > div select { height: 4.2rem; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.account form > div input:first-of-type { max-width: 100%; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.phone > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.phone > div button { width: 100%; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.address > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.address > div button, #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.address > div input { width: 100%; max-width: 100%; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .inputBox > div.address > div button { margin-left: 0; margin-top: 10px; } }

#Wrap.mypage_ver01 article .inner.withdraw .row:nth-of-type(1) > p { padding-top: 1.6rem; font-size: 1.6rem; color: #666; }

#Wrap.mypage_ver01 article .inner.withdraw .row:nth-of-type(1) > p span { display: contents; font-family: "Pretendard-Bold"; }

#Wrap.mypage_ver01 article .inner.apply .row .titBox .txtBox { padding-top: 1rem; }

#Wrap.mypage_ver01 article .inner.apply .row .titBox .txtBox em { display: contents; }

#Wrap.mypage_ver01 article .inner.apply .row .titBox .txtBox p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 1.6rem; }

#Wrap.mypage_ver01 article .inner.apply .row .titBox .txtBox p:first-of-type { padding-bottom: 1rem; }

#Wrap.mypage_ver01 article .inner.apply .row .titBox .txtBox p:before { content: "!"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 2rem; height: 2rem; margin-right: 0.5rem; border-radius: 100%; background: #000; color: #fff; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card { width: 100%; border-radius: 16px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); background-color: #fff; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card:not(:last-of-type) { margin-bottom: 2rem; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item > div:not(.btnBox) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item > div .fir { width: 17rem; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item > div .fir i { width: 8rem; height: 8rem; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item > div .prod strong { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; white-space: normal; word-break: break-all; font-size: 2.4rem; line-height: 3.4rem; font-family: "Pretendard-Medium"; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item > div .prod span { font-size: 1.6rem; color: #999; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) { padding: 2rem; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div { gap: 3rem; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div .fir { border-radius: 1.6rem; overflow: hidden; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div .fir picture { display: block; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div .prod em { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 1.6rem; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div .prod strong { padding: 1.6rem 0; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div .prod span { color: #ff2300; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item.more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #b7b7b7; padding: 0 2rem; gap: 1rem; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item.more > div .prod span { padding-top: 1rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; white-space: normal; word-break: break-all; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item.more > p { text-align: center; font-size: 2rem; font-family: "Pretendard-Medium"; color: #999; -ms-flex-negative: 0; flex-shrink: 0; line-height: 2.8rem; }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item.more > p span { display: inline-block; }

@media screen and (max-width: 1200px) and (min-width: 768px) { #Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item.more > p span { display: block; } }

#Wrap.mypage_ver01 article .inner.apply .row .cardBox .card .item.more > div.btnBox { width: 25%; gap: 1rem; }

#Wrap.mypage_ver01 article .inner.apply .row .infoBox .tit strong { font-size: 2.4rem; line-height: 6rem; font-family: "Pretendard-Bold"; }

#Wrap.mypage_ver01 article .inner.apply .row .infoBox .tit p { font-size: 1.6rem; }

#Wrap.mypage_ver01 article .inner.apply .row .infoBox .tit > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.5rem; font-size: 1.6rem; }

#Wrap.mypage_ver01 article .inner.apply .row .infoBox .tit > div em::after { content: ""; display: inline-block; padding-left: 0.5rem; }

#Wrap.mypage_ver01 article .inner.apply .row .infoBox .tit > div span { color: #999; }

#Wrap.mypage_ver01 article .inner.apply .row .infoBox .tit > div button { margin-left: 2rem; }

#Wrap.mypage_ver01 article .inner.apply .row .infoBox .userPointBox .userPoint em { font-size: 2rem; font-family: "Pretendard-Bold"; }

#Wrap.mypage_ver01 article .inner.apply .row .infoBox .iconBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; padding: 2rem 0; }

@media screen and (max-width: 767px) { #Wrap.mypage_ver01 article .inner.apply .row .infoBox .tit strong { font-size: 1.8rem; line-height: 3rem; padding-top: 1rem; }
  #Wrap.mypage_ver01 article .inner.apply .row .infoBox .tit p { font-size: 1.6rem; }
  #Wrap.mypage_ver01 article .inner.apply .row .infoBox .tit > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.5rem; font-size: 1.4rem; }
  #Wrap.mypage_ver01 article .inner.apply .row .infoBox .tit > div em::after { padding-left: 0.5rem; }
  #Wrap.mypage_ver01 article .inner.apply .row .infoBox .tit > div button { height: 2.6rem; margin-left: 1rem; }
  #Wrap.mypage_ver01 article .inner.apply .row .infoBox .tit .userPointBox .userPoint em { font-size: 1.6rem; }
  #Wrap.mypage_ver01 article .inner.apply .row .infoBox .tit .userPointBox .userPoint p { font-size: 1.4rem; }
  #Wrap.mypage_ver01 article .inner.apply .row .infoBox .iconBox { padding: 1rem 0; } }

#Wrap.mypage_ver01 article .inner.apply .row .infoBox .top .tit strong { line-height: 4rem; }

#Wrap.mypage_ver01 article .inner.apply .row .infoBox .top .userPointBox .userPoint { height: auto; }

#Wrap.mypage_ver01 article .inner.apply .row .infoBox .top > p { padding: 2rem 0; font-size: 1.6rem; color: #999; }

#Wrap.mypage_ver01 article .inner.apply .row .infoBox .top > p span { display: contents; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .titBox .txtBox { padding-top: 1rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .titBox .txtBox em { display: contents; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .titBox .txtBox p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 1.6rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .titBox .txtBox p:first-of-type { padding-bottom: 1rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .titBox .txtBox p:before { content: "!"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 2rem; height: 2rem; margin-right: 0.5rem; border-radius: 100%; background: #000; color: #fff; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card { width: 100%; padding: 2rem; border-radius: 16px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); background-color: #fff; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card:not(:last-of-type) { margin-bottom: 3rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div { position: relative; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div:not(.btnBox):not(.camListBox):not(.dayListBox):not(.item) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 3rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top { width: 100%; display: -ms-grid !important; display: grid !important; grid-template-areas: "a b" "a c"; -ms-grid-columns: 17rem 1fr; grid-template-columns: 17rem 1fr; gap: 1rem 3rem !important; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .fir { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; grid-area: a; -ms-flex-item-align: start; align-self: start; width: 17rem; height: 17rem; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 1.6rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .fir picture { display: block; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod { -ms-grid-row: 1; -ms-grid-column: 2; grid-area: b; width: 100%; padding-right: 1rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod .label { padding-bottom: 1rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod .label p { padding: .7rem 1rem; border-radius: 1.5rem; font-size: 1.6rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod .btn-txt { position: absolute; right: 0; top: 0; font-size: 2rem; color: #ff2300; font-family: "Pretendard-Medium"; text-decoration: underline; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod em, #Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod strong { width: calc(100% - 6rem); }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod em { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 1.6rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod strong { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin: 1.6rem 0 0; font-size: 2.4rem; line-height: 3.4rem; font-family: "Pretendard-Medium"; text-decoration: underline; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod span { font-size: 1.8rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn { -ms-grid-row: 2; -ms-grid-column: 2; grid-area: c; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem 3rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn button { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0.5rem; min-width: 12rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn button * { -ms-flex-negative: 0; flex-shrink: 0; position: relative; z-index: 1; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn button i { background-color: #fff; margin: auto; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn button span { line-height: 2rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn button.on { opacity: 1; font-family: "Pretendard-Bold"; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn button.on::before { content: ""; position: absolute; z-index: 0; bottom: .9rem; width: 100%; height: 0.1rem; background: #000; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn button:not(.on) { opacity: .5; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 1.6rem; padding-top: 1.6rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top dl dd:first-of-type { padding-left: .5rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.dayListBox { border-top: 1px solid #eaeaea; padding-top: 1.6rem; margin-top: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 1.6rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.dayListBox p { font-size: 1.6rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.dayListBox p span { display: contents; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox { padding: 2rem 0; border-top: 0.1rem solid #eaeaea; margin-top: 2rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > strong { font-size: 2.4rem; font-family: "Pretendard-Bold"; padding-bottom: 2rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div.selectBox { width: 28rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div.applyBox span { font-size: 1.6rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div:not(:last-of-type) { padding-bottom: 2rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div > strong, #Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div > span { font-size: 2rem; font-family: "Pretendard-Medium"; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div > div:not(.btnBox) { min-width: 30rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div .btnBox { width: 45%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div .btnBox button { gap: 1rem; width: 50%; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.btnBox { border-top: 0.1rem solid #b7b7b7; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.btnBox button { max-width: 26rem; height: 4.8rem; border-radius: 0; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.edit .card { padding: 0; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.edit .card > div { padding: 2rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.edit .card > div.item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #999; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.edit .card > div.item > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 5rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.edit .card > div.item > div.btnBox { width: 30%; gap: 1rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.edit .card > div.item .fir i { width: 8rem; height: 8rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.edit .card > div.item .prod strong { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin: 1.6rem 0; font-size: 2.4rem; line-height: 3.4rem; font-family: "Pretendard-Medium"; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.edit .card > div.item .prod span { padding-top: 1rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; white-space: normal; word-break: break-all; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div.applyBox { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div.applyBox > button { width: 10rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div.applyBox .textcheckBox { width: auto; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div.applyBox span.validation { font-size: 1.4rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div:not([class]) strong { min-width: 12rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div:not([class]) span { min-width: 20rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div:not([class]) strong, #Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div:not([class]) span { font-size: 2rem; font-family: "Pretendard-Medium"; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div:not(:last-of-type) { padding-bottom: 2rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div > div:not(.btnBox):not(.textcheckBox) { min-width: 35rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div .btnBox { position: relative; width: 73%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; gap: 1rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div .btnBox button { gap: 1rem; width: calc(100% / 3 - 1rem); max-width: 36rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .sec-con.rev .row .cateBox { padding-top: 1.8rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .sec-con.rev .row .cateBox > button { max-width: 20rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .sec-con.rev .row .cateBox .typeBox { margin-top: 1.8rem; }

#Wrap.mypage_ver01 article .inner.applyver01 .sec-con.rev .row .cardBox .card > div.top .btn button { min-width: auto; }

#Wrap.mypage_ver01 article .inner.usermodify .row .textBox dl { padding-bottom: 1rem; }

#Wrap.mypage_ver01 article .inner.usermodify .row .inputBox { margin-bottom: 3rem; }

#Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div { margin-top: 1rem; }

#Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > div { padding-bottom: .8rem; }

#Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div span.validation { margin: 0 !important; }

#Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > strong { margin-bottom: .8rem; }

#Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > p { padding: .8rem 0; font-size: 1.6rem; line-height: 2rem; }

#Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > p span, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > p em { display: inline-block; }

#Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > p em { padding-right: 0.5rem; }

#Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > p > span { position: relative; }

#Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > p > span::after { content: ":"; display: inline-block; padding-left: 0.8rem; }

#Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > p a { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; }

#Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > p a::before { content: ""; position: absolute; bottom: 0; width: 100%; height: 0.1rem; background: #000; }

#Wrap.mypage_ver01 article .inner.usermodify .row:nth-of-type(2) .inputBox > div { margin-top: 2.5rem; }

#Wrap.mypage_ver01 article .inner.usermodify .row:nth-of-type(2) .inputBox > div > strong { padding-bottom: 0; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row:not(:first-of-type) .titBox { border-top: 0.1rem solid #ddd; margin-top: 2rem; padding-top: 2rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row:not(:first-of-type) .titBox button { max-width: 26rem; margin-left: 5%; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row:not(:first-of-type) .titBox span { padding-top: 2rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .copyBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1.6rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .copyBox > button { max-width: 16rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .mockupBox { padding: 5% 8%; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .mockupBox > div { position: relative; width: 32rem; height: 69.9rem; border-radius: 4rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .mockupBox > div iframe { position: absolute; width: 101%; height: 100%; overflow: hidden; border-radius: 4rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .mockupBox > div::after { content: ""; position: absolute; z-index: 1; background: url("../images/v2/minishop/mockup.png") no-repeat center/cover; width: 102%; height: 100%; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox { width: 100%; width: 100%; max-width: 68rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox { gap: 5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div strong { font-size: 1.6rem; font-family: "Pretendard-Medium"; line-height: 2.4rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div span { font-size: 1.2rem; color: #999; line-height: 2.4rem; letter-spacing: 0.05rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div.view { display: none; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div.view picture, #Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div.view > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.2rem; height: 3.2rem; border-radius: 0.6rem; background: #eaeaea; border: 1px solid #999; overflow: hidden; padding: 0.1rem; font-size: 2.5rem; color: #ff2300; -ms-flex-negative: 0; flex-shrink: 0; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div.view picture i, #Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div.view > div i { -webkit-transform: scale(0.5); transform: scale(0.5); }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div.view span { font-size: 1.6rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div:not([class]) label { border-radius: 0.6rem; background: #fff; border: 1px solid #000; color: #000; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox.on { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox.on > div.txt > div.view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox.on > div:not([class]) label { background: #eaeaea; border: 1px solid #999; color: #999; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .inputBox { padding-top: 1.4rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .inputBox input { margin-top: 1.6rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .themeList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 4rem; padding-top: 3rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .themeList li { width: calc(100% / 3); }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .themeList li picture { margin-bottom: 1rem; }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .themeList li .radioBox { -ms-flex-negative: 0; flex-shrink: 0; }

@media screen and (max-width: 1270px) and (min-width: 768px) { #Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox { gap: 0; }
  #Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .mockupBox { padding: 3% 1%; -webkit-transform: scale(0.8); transform: scale(0.8); }
  #Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #Wrap.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox.on > div.txt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.5rem; } }

#Wrap.mypage_ver01 article .inner.minishop .sec-con .row .tableBox table tbody tr td a { text-decoration: underline; }

.modal { display: none; top: 0; left: 0; width: 100%; position: fixed; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999; height: 100vh; background: rgba(0, 0, 0, 0.3); }

.modal#daymodal { background: rgba(0, 0, 0, 0.5); }

.modal#daymodal .md-in { display: none; }

.modal#daymodal .md-in.on { display: block; }

.modal#daymodal .md-in .modalBox { width: auto; padding: 2rem; }

.modal#daymodal .md-in .modalBox .row picture img { margin: 0 auto; }

.modal#daymodal .md-in .modalBox .row .txtBox { text-align: center; padding: 2rem 0 0; }

.modal#daymodal .md-in .modalBox .row .txtBox strong { font-size: 2.4rem; font-family: "Pretendard-Bold"; padding-bottom: 2rem; }

.modal#daymodal .md-in .modalBox .row .txtBox p { font-size: 1.6rem; line-height: 2.4rem; font-family: "Pretendard-Medium"; }

.modal#daymodal .md-in .btnBox { position: relative; right: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #fff; gap: .5rem; }

.modal#daymodal .md-in .btnBox .dayclose { text-decoration: underline; color: #fff; font-size: 1.6rem; }

.modal.on { display: -webkit-box; display: -ms-flexbox; display: flex; }

.modal .modalBox { width: 100%; padding: 3rem; background: #fff; border-radius: 1rem; margin: 1.5rem; }

.modal .modalBox button.close { width: 1.8rem; height: 1.8rem; }

.modal .modalBox .md-hd { padding-bottom: 1rem; margin-bottom: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 0.1rem solid #eaeaea; }

.modal .modalBox .md-hd strong.con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.modal .modalBox .md-hd strong.con span { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: 12.4rem; }

.modal .modalBox .md-btn { position: relative; margin-top: 3rem; }

.modal .modalBox .md-btn.type { margin-top: 5rem; }

.modal .modalBox .md-btn.type p.total { position: absolute; top: -3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: .5rem; font-size: 1.6rem; }

.modal .modalBox .md-btn.type p.total span { padding-left: 0.5rem; }

.modal .modalBox.typePv { background: transparent; max-width: 100rem; }

.modal .modalBox.typePv .md-hd { border: 0; }

.modal .modalBox.typePv .md-hd .close { position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; width: 2.4rem; height: 2.4rem; }

.modal .modalBox.typePv .md-con { overflow: hidden; }

.modal .modalBox.typePv .md-con .item { height: 70vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.modal .modalBox.typePv .md-con .item video { width: auto; }

.modal .modalBox.typePv .md-con .item.rowType { height: auto; max-height: 70vh; }

.modal .modalBox.typePv .md-con .item.rowType video { width: 100%; }

.modal .modalBox.typeXM { max-width: 120rem; }

.modal .modalBox.typeXM .md-con.camApply .row > div { padding-top: 1rem; }

.modal .modalBox.typeXM .md-con.camApply .row dl { font-size: 1.6rem; line-height: 2.4rem; }

.modal .modalBox.typeXM .md-con.camApply .row dl dt { font-family: "Pretendard-Bold"; }

.modal .modalBox.typeXM .md-con.camApply .row dl dd span { display: contents; }

.modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

.modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox > div button { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; min-width: 14rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox > div button::before { position: absolute; }

.modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox > span { padding-top: 0.8rem; }

.modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox > p { padding: 2rem 0; font-size: 1.6rem; }

.modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox > p span { display: inline-block; }

.modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox > em { padding-top: .7rem; }

.modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox > em span { display: contents; }

@media screen and (max-width: 767px) { .modal .modalBox.typeXM .md-con.camApply .row > div { padding-top: 1rem; }
  .modal .modalBox.typeXM .md-con.camApply .row dl { line-height: 2rem; }
  .modal .modalBox.typeXM .md-con.camApply .row dl dd { font-size: 1.4rem; }
  .modal .modalBox.typeXM .md-con.camApply .row dl dd span { display: contents; }
  .modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox > div { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; }
  .modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox > div button { min-width: 7rem; }
  .modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox > p { padding: 2rem 0; font-size: 1.6rem; } }

.modal .modalBox.typeXM .md-con.camApply .row:not(:first-of-type) { padding-top: 2rem; }

.modal .modalBox.typeXM .md-con.camApply .row .checkBox > div { width: 100%; }

.modal .modalBox.typeXM .md-con.camApply .row .checkBox > div:nth-of-type(2) { padding-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

.modal .modalBox.typeXM .md-con.camApply .row .checkBox > div:nth-of-type(2) input[type="checkBox"] + label { width: auto; }

.modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox .selectBox { margin-top: 2rem; width: 50rem; }

.modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox > p span:nth-of-type(2) { padding-left: 0.5rem; }

.modal .modalBox.typeXM .md-con.camApply .row .titBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; padding-bottom: 1rem; }

.modal .modalBox.typeXM .md-con.camApply .row .titBox.type01 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.modal .modalBox.typeXM .md-con.camApply .row .titBox strong { font-size: 1.8rem; font-family: "Pretendard-Bold"; }

.modal .modalBox.typeXM .md-con.camApply .row .titBox p { font-size: 1.6rem; }

.modal .modalBox.typeXM .md-con.camApply .row .checkBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

.modal .modalBox.typeXM .md-con.camApply .row p.num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 1.4rem; padding: 1rem 0; }

.modal .modalBox.typeXM .md-con.camApply .row p.num em { color: #ff2300; font-family: "Pretendard-Bold"; }

.modal .modalBox.typeXM .md-con.camApply .row .pickListBox ul li { height: auto; }

.modal .modalBox.typeXM .md-con.camApply .row .pickListBox ul li .item { height: 10rem; border-color: #b7b7b7; }

.modal .modalBox.typeXM .md-con.camApply .row:nth-of-type(2) > div:first-of-type .pickListBox ul li { height: 10rem; }

.modal .modalBox.typeXM .md-con.camApply.info .row > strong { font-size: 1.6rem; line-height: 2rem; }

.modal .modalBox.typeXM .md-con.camApply.info .row > div:not(.titBox) { margin: 1rem 0 3rem; padding: 1.2rem 1.4rem; border: 0.2rem dashed #ff2300; border-radius: 1.4rem; }

.modal .modalBox.typeXM .md-con.camApply.info .row > div:not(.titBox):not(.pickListBox) { width: -webkit-max-content; width: -moz-max-content; width: max-content; }

.modal .modalBox.typeXM .md-con.camApply.info .row > div.pickListBox.scrType ul { margin-bottom: 0; }

.modal .modalBox.typeXM .md-con.camApply.info .row:nth-of-type(1) .pickbtnBox > div button:nth-of-type(1) { position: relative; }

.modal .modalBox.typeXM .md-con.camApply.info .row:nth-of-type(1) .pickbtnBox > div button:nth-of-type(1)::after { content: ""; display: block; position: absolute; right: -2.5rem; top: 1rem; width: 5rem; height: 5.3rem; z-index: 1; background: url("../images/v2/main/ico_hend.png") no-repeat center/100%; }

.modal .modalBox.typeXM .md-con.camApply.info .row:nth-of-type(2) .pickListBox ul { overflow: visible; }

.modal .modalBox.typeXM .md-con.camApply.info .row:nth-of-type(2) .pickListBox ul li:nth-of-type(2) .checkBox { position: relative; }

.modal .modalBox.typeXM .md-con.camApply.info .row:nth-of-type(2) .pickListBox ul li:nth-of-type(2) .checkBox::after { content: ""; display: block; position: absolute; left: 0; top: 1rem; width: 5rem; height: 5.3rem; z-index: 1; background: url("../images/v2/main/ico_hend.png") no-repeat center/100%; }

.modal .modalBox.typeXM .md-con.camApply.info .row:nth-of-type(3) .pickbtnBox > div button:nth-of-type(2) { position: relative; }

.modal .modalBox.typeXM .md-con.camApply.info .row:nth-of-type(3) .pickbtnBox > div button:nth-of-type(2)::after { content: ""; display: block; position: absolute; left: 0; top: 1rem; width: 5rem; height: 5.3rem; z-index: 1; background: url("../images/v2/main/ico_hend.png") no-repeat center/100%; }

.modal .modalBox.typeXM .md-con .tableBox table tbody tr td i { margin: 0 auto; }

.modal .modalBox.typeL { max-width: 160rem; }

.modal .modalBox.typeM { max-width: 65rem; }

.modal .modalBox.typeM .md-con .row:not(:first-of-type) { padding-top: 3rem; }

.modal .modalBox.typeM .md-con strong { font-size: 1.8rem; font-family: "Pretendard-Medium"; }

.modal .modalBox.typeM .md-con strong em { display: contents; }

.modal .modalBox.typeM .md-con p:not([class]) { font-size: 1.6rem; padding: 1.6rem 0; line-height: 2.4rem; }

.modal .modalBox.typeM .md-con p span { display: contents; }

.modal .modalBox.typeM .md-con .iconBox { padding-bottom: 1.6rem; }

.modal .modalBox.typeM .md-con .iconBox > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1.6rem; }

.modal .modalBox.typeM .md-con .iconBox > div span { font-size: 1.6rem; }

.modal .modalBox.typeM .md-con .fileBox form { width: 100%; }

.modal .modalBox.typeM .md-con.camApply .row > div { padding-top: 1rem; }

.modal .modalBox.typeM .md-con.camApply .row dl { font-size: 1.6rem; line-height: 2.4rem; }

.modal .modalBox.typeM .md-con.camApply .row dl dt { font-family: "Pretendard-Bold"; }

.modal .modalBox.typeM .md-con.camApply .row dl dd span { display: contents; }

.modal .modalBox.typeM .md-con.camApply .row .pickbtnBox > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

.modal .modalBox.typeM .md-con.camApply .row .pickbtnBox > div button { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; min-width: 14rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.modal .modalBox.typeM .md-con.camApply .row .pickbtnBox > div button::before { position: absolute; }

.modal .modalBox.typeM .md-con.camApply .row .pickbtnBox > span { padding-top: 0.8rem; }

.modal .modalBox.typeM .md-con.camApply .row .pickbtnBox > p { padding: 2rem 0; font-size: 1.6rem; }

.modal .modalBox.typeM .md-con.camApply .row .pickbtnBox > p span { display: inline-block; }

.modal .modalBox.typeM .md-con.camApply .row .pickbtnBox > em { padding-top: .7rem; }

.modal .modalBox.typeM .md-con.camApply .row .pickbtnBox > em span { display: contents; }

@media screen and (max-width: 767px) { .modal .modalBox.typeM .md-con.camApply .row > div { padding-top: 1rem; }
  .modal .modalBox.typeM .md-con.camApply .row dl { line-height: 2rem; }
  .modal .modalBox.typeM .md-con.camApply .row dl dd { font-size: 1.4rem; }
  .modal .modalBox.typeM .md-con.camApply .row dl dd span { display: contents; }
  .modal .modalBox.typeM .md-con.camApply .row .pickbtnBox > div { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; }
  .modal .modalBox.typeM .md-con.camApply .row .pickbtnBox > div button { min-width: 7rem; }
  .modal .modalBox.typeM .md-con.camApply .row .pickbtnBox > p { padding: 2rem 0; font-size: 1.6rem; } }

.modal .modalBox.typeM .md-con.camApply .checkBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }

.modal .modalBox.typeM .md-con.camApply p.num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 1.4rem; padding: 1rem 0; }

.modal .modalBox.typeM .md-con.camApply p.num em { color: #ff2300; font-family: "Pretendard-Bold"; }

.modal .modalBox.typeM .md-con.camApply .pickListBox ul li .item { border-color: #b7b7b7; }

.modal .modalBox.typeM .md-con.camApply.plat .row > div { padding-top: 1.5rem; }

.modal .modalBox.typeM .md-con.camApply.plat .pickbtnBox > div { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; }

.modal .modalBox.typeM .md-con.camApply.plat .pickbtnBox > div button { min-width: 13.7rem; height: 3.6rem; border-radius: 4rem; font-size: 1.6rem; }

.modal .modalBox.typeM .md-con.camApply.plat .pickbtnBox > div button::before { width: 2.6rem; height: 2.6rem; }

.modal .modalBox.typeM .md-con.camApply.plat .inputBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; }

.modal .modalBox.typeM .md-con.camApply.plat .inputBox > button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0.8rem; max-width: 12rem; width: 100%; max-width: 12rem; height: 48px; font-size: 1.6rem; font-family: "Pretendard-SemiBold"; }

.modal .modalBox.typeM .md-con.camApply.plat .checkBox input[type="checkBox"] + label { width: calc(100% /4 - 1.5rem); }

.modal .modalBox.typeM .md-con.metaAcc .row p { padding: 0; letter-spacing: -0.1rem; }

.modal .modalBox.typeM .md-con.metaAcc .row .accListBox > div { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2rem; }

.modal .modalBox.typeM .md-con.metaAcc .row .accListBox > div strong { font-size: 1.6rem; font-weight: bold; padding-left: 2rem; }

.modal .modalBox.typeM .md-con.metaAcc .row .accListBox > div.accList { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; padding: 1.5rem 0; border: 1px solid #eaeaea; border-left: 0; border-right: 0; margin-top: 1.5rem; }

.modal .modalBox.typeM .md-con.metaAcc .row .accListBox > div.accList > div { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2rem; }

.modal .modalBox.typeM .md-con.metaAcc .row .accListBox > div.accList > div > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; width: calc(100% / 2 - 1.4rem); }

.modal .modalBox.typeM .md-con.metaAcc .row .accListBox > div strong { padding: 0; width: calc(100% / 2 - 1.4rem); }

.modal .modalBox.typeM .md-con.metaAcc .row .accListBox > div span { font-size: 1.6rem; }

.modal .modalBox.typeM .md-con.metaAcc .row .accListBox > div i { width: 3rem; height: 3rem; }

.modal .modalBox.typeM .md-con.wdinfo strong { padding-bottom: 1.5rem; }

.modal .modalBox.typeM .md-con.extLink .row:not(:first-of-type) { padding-top: 2.4rem; }

.modal .modalBox.typeM .md-con.extLink input { margin: 1rem 0 0.8rem; }

.modal .modalBox.typeM .md-con.quick .inputBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

.modal .modalBox.typeM .md-con.quick .inputBox > div { width: 100%; }

.modal .modalBox.typeM .md-con.quick .inputBox > div span { padding-top: 1rem; }

.modal .modalBox.typeM .md-con.quick .inputBox strong { -ms-flex-negative: 0; flex-shrink: 0; }

.modal .modalBox.typeM .md-con.request .row picture { margin-bottom: 2rem; }

.modal .modalBox.typeM .md-con.request .row dl { font-size: 1.6rem; line-height: 2.4rem; }

.modal .modalBox.typeM .md-con.request .row dl dt { font-family: "Pretendard-Medium"; }

.modal .modalBox.typeM .md-con.request .row .iconBox { padding-top: 2rem; }

.modal .modalBox.typeM .md-con.request .row .iconBox i { width: 6rem; height: 6rem; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; padding-top: 0; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) > strong { -ms-flex-negative: 0; flex-shrink: 0; min-width: 8rem; line-height: 3.6rem; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) > div { width: 100%; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .fileBox { margin-top: 0; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .fileBox * { margin: 0; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .fileBox.type { gap: 1rem; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .fileBox.type div { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .fileBox div:not([class]) { width: 16rem; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .fileBox div:not([class]) label { width: 100%; font-size: 1.6rem; color: #000; border-color: #000; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .fileBox div span { font-size: 1.6rem; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .validation { padding: 1rem 0; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .imgBox ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .imgBox ul li { width: calc(100% / 5 - 1rem); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .imgBox ul li picture { overflow: hidden; width: 8.6rem; height: 8.6rem; border: 0.1rem solid #eaeaea; }

.modal .modalBox.typeMS { max-width: 44rem; }

.modal .modalBox.typeMS .md-hd { margin-bottom: 1rem; }

.modal .modalBox.typeMS .md-con.appcel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.modal .modalBox.typeMS .md-con.appcel .row > strong:not(.count), .modal .modalBox.typeMS .md-con.appcel .row > p:not(.count) { text-align: left; line-height: 1.8rem; }

.modal .modalBox.typeMS .md-con.appcel .row > strong { font-size: 1.6rem; font-family: "Pretendard-Bold"; padding-bottom: 0.8rem; }

.modal .modalBox.typeMS .md-con.appcel .row > p:not(.count) { font-size: 1.4rem; }

.modal .modalBox.typeMS .md-con.appcel .row .count { font-size: 1.6rem; text-align: center; }

.modal .modalBox.typeMS .md-con.appcel .row .count span { display: contents; color: #ff2300; }

.modal .modalBox.typeMS .md-con.appcel .row ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; padding: 2rem 0 1rem; }

.modal .modalBox.typeMS .md-con.appcel .row ul li:nth-of-type(odd) { width: -webkit-max-content; width: -moz-max-content; width: max-content; -ms-flex-negative: 0; flex-shrink: 0; }

.modal .modalBox.typeMS .md-con.appcel .row ul li:nth-of-type(even) { width: calc(100% - 5rem); font-size: 1.6rem; }

.modal .modalBox.typeMS .md-con.appcel .row ul li:nth-of-type(even) span { display: contents; }

.modal .modalBox.typeMS .md-con.appcel .row .textBox > div { padding-top: 2rem; }

.modal .modalBox.typeMS .md-con.appcel .row .textBox > div span em { display: contents; }

.modal .modalBox.typeMS .md-con.appcel .row .textBox > div textarea { height: 15rem; }

.modal .modalBox.typeMS .md-con.appcel.quick .row strong, .modal .modalBox.typeMS .md-con.appcel.quick .row p { text-align: center; }

.modal .modalBox.typeMS .md-con.appcel.quick .row strong { padding-top: 2rem; }

.modal .modalBox.typeMS .md-con.appcel.quick .row strong span { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.modal .modalBox.typeMS .md-con.appcel.quick .row em { padding: 2rem 0 0; font-size: 1.6rem; font-family: "Pretendard-Bold"; }

.modal .modalBox.typeMS .md-con.appcel.quick .row em span { display: contents; }

.modal .modalBox.typeMS .md-con.acclink .row ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.modal .modalBox.typeMS .md-con.acclink .row ul li a, .modal .modalBox.typeMS .md-con.acclink .row ul li p { font-size: 1.6rem; line-height: 2.8rem; color: #333; }

.modal .modalBox.typeMS .md-con.acclink .row ul li a span, .modal .modalBox.typeMS .md-con.acclink .row ul li p span { display: contents; }

.modal .modalBox.typeMS .md-con.acclink .row ul li a span:nth-of-type(1)::before, .modal .modalBox.typeMS .md-con.acclink .row ul li p span:nth-of-type(1)::before { content: "+"; padding: 0 0.5rem; }

.modal .modalBox.typeMS .md-con.acclink .row ul li a span:nth-of-type(2)::before, .modal .modalBox.typeMS .md-con.acclink .row ul li p span:nth-of-type(2)::before { content: "-"; padding: 0 0.5rem; }

.modal .modalBox.typeMS .md-con.acclink .row ul li a { color: #ff2300; text-decoration: underline; }

.modal .modalBox.typeMS .md-con.userLv { text-align: center; }

.modal .modalBox.typeMS .md-con.userLv p { font-size: 1.6rem; line-height: 2.8rem; padding-bottom: 2rem; }

.modal .modalBox.typeS { max-width: 32rem; }

.modal .modalBox.typeS .md-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.modal .modalBox.typeS .md-con p { font-size: 1.6rem; line-height: 2.4rem; text-align: center; }

.modal .modalBox.typeS .md-btn { margin-top: 1.5rem; }

.modal .modalBox .md-hd strong { font-size: 1.8rem; font-family: "Pretendard-SemiBold"; }

.modal .modalBox .md-hd strong span { display: contents; }

.modal .modalBox .md-con { width: 100%; min-height: 5rem; max-height: 72vh; overflow: hidden; overflow-y: auto; }

.modal .modalBox .md-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; }

.modal .modalBox .md-btn button { max-width: 12rem; border-radius: 1.8rem; height: 3.6rem; }

@media screen and (max-width: 1052px) { .modal .modalBox.typeXM .md-con.camApply.info .row > strong { font-size: 1.4rem; }
  .modal .modalBox.typeXM .md-con.camApply.info .row > div:not(.titBox):not(.pickListBox) { width: auto; }
  .modal .modalBox.typeXM .md-con.camApply.info .row > div.pickListBox.scrType ul { padding-bottom: 1.4rem; overflow: hidden; overflow-x: auto; } }

@media screen and (max-width: 767px) { .modal#daymodal .md-in .modalBox .row picture img { height: 58vw; -o-object-fit: cover; object-fit: cover; }
  .modal#daymodal .md-in .modalBox .row .txtBox strong { font-size: 2.2rem; }
  .modal .modalBox { width: 95%; padding: 3rem 1.5rem; }
  .modal .modalBox:not(.typeS) .md-hd { margin-bottom: 1.5rem; }
  .modal .modalBox.typeS .md-con p { font-size: 1.6rem; line-height: 2.4rem; }
  .modal .modalBox.typeM .md-con.metaAcc .row .accListBox { width: 100%; }
  .modal .modalBox.typeM .md-con.metaAcc .row .accListBox .radioBox input[type="radio"] + label { font-size: 1.4rem; }
  .modal .modalBox.typeM .md-con.metaAcc .row .accListBox > div { gap: 1rem; }
  .modal .modalBox.typeM .md-con.metaAcc .row .accListBox > div span { font-size: 1.4rem; }
  .modal .modalBox.typeM .md-con.metaAcc .row .accListBox > div.accList > div { gap: 1rem; }
  .modal .modalBox.typeM .md-con.metaAcc .row .accListBox > div.accList > div > div { width: calc(100% / 2 - 1rem); }
  .modal .modalBox.typeM .md-con.extLink .row:not(:first-of-type) { padding-top: 1.6rem; }
  .modal .modalBox.typeM .md-con.extLink input { margin: 0.8 0; }
  .modal .modalBox.typeM .md-con.quick p { font-size: 1.4rem; line-height: 2rem; }
  .modal .modalBox.typeM .md-con.quick .inputBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .modal .modalBox.typeM .md-con.request .row picture { margin-bottom: 2rem; }
  .modal .modalBox.typeM .md-con.request .row dl { font-size: 1.4rem; line-height: 2rem; }
  .modal .modalBox.typeM .md-con.request .row .iconBox { padding-top: 1rem; }
  .modal .modalBox.typeM .md-con.request .row .iconBox i { width: 4rem; height: 4rem; }
  .modal .modalBox.typeM .md-con.request .row:nth-of-type(2) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: .5rem; }
  .modal .modalBox.typeM .md-con.request .row:nth-of-type(2) > strong { min-width: auto; line-height: 2.4rem; }
  .modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .fileBox.type { gap: 1rem; }
  .modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .fileBox.type div { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .fileBox div:not([class]) { width: 100%; }
  .modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .fileBox div:not([class]) label { width: 100%; }
  .modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .fileBox div span { font-size: 1.4rem; }
  .modal .modalBox.typeM .md-con.request .row:nth-of-type(2) .imgBox ul li picture { width: 5rem; height: 5rem; }
  .modal .modalBox.typeM .md-con.camApply.plat .pickbtnBox > div button { min-width: 7rem; }
  .modal .modalBox.typeM .md-con.camApply.plat .inputBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .modal .modalBox.typeM .md-con.camApply.plat .inputBox input { height: 3.6rem; }
  .modal .modalBox.typeM .md-con.camApply.plat .inputBox > button { max-width: 100%; height: 4.2rem; }
  .modal .modalBox.typeM .md-con.camApply.plat .checkBox input[type="checkBox"] + label { width: calc(100% /2 - 1rem); }
  .modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox .selectBox { width: 100%; }
  .modal .modalBox.typeXM .md-con.camApply .row .pickbtnBox > p span:nth-of-type(2) { padding-left: 0.5rem; }
  .modal .modalBox.typeXM .md-con.camApply .row .titBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; padding-bottom: 1rem; }
  .modal .modalBox.typeXM .md-con.camApply .row .titBox strong { font-size: 1.8rem; font-family: "Pretendard-Bold"; }
  .modal .modalBox.typeXM .md-con.camApply .row .titBox p { font-size: 1.6rem; }
  .modal .modalBox.typeXM .md-con.camApply .row .checkBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 2rem; }
  .modal .modalBox.typeXM .md-con.camApply .row p.num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 1.4rem; padding: 1rem 0; }
  .modal .modalBox.typeXM .md-con.camApply .row p.num em { color: #ff2300; font-family: "Pretendard-Bold"; }
  .modal .modalBox.typeXM .md-con.camApply .row .pickListBox ul li .item { height: 10rem; border-color: #b7b7b7; }
  .modal .modalBox .md-hd strong { font-size: 1.6rem; }
  .modal .modalBox .md-hd button.close { width: 1.6rem; height: 1.6rem; } }

@media screen and (max-width: 1340px) and (min-width: 768px) { #Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 { gap: 2rem; }
  #Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 .card { padding: 3.6rem 1.8rem 3.8rem; width: calc(100% / 3 - 1.4rem); }
  #Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 .card .txtBox p { font-size: 1.8rem; }
  #Wrap.mypage_ver01 article .inner.home .row.cardBox.ver01 .card .txtBox strong { font-size: 2.8rem; } }

@media screen and (max-width: 1286px) and (min-width: 768px) { #Wrap.mypage_ver01 article .inner.withdraw .row .textWrap .textBox * { letter-spacing: -0.15rem; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .textWrap .textBox i { width: 4rem; height: 4rem; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .textWrap .textBox p { font-size: 2rem; }
  #Wrap.mypage_ver01 article .inner.withdraw .row .textWrap .textBox strong { font-size: 3rem; } }

@media screen and (max-width: 1200px) and (min-width: 768px) { #Wrap.mypage_ver01 article .inner.report .sec-con.camp .titBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div:not([class]) strong { min-width: 9rem; }
  #Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div:not([class]) span { min-width: 12rem; }
  #Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div > div:not(.btnBox):not(.textcheckBox) { min-width: 31rem; }
  #Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div .btnBox { width: 73%; } }

@media screen and (max-width: 1050px) { html, body { font-size: 60%; } }

@media screen and (max-width: 1024px) { html, body { font-size: 60%; }
  #Wrap.v2_main article.main .banner img.pc { display: none; }
  #Wrap.v2_main article.main .banner img.mo { display: block; }
  #Wrap.v2_main article.main .inner:not(.home) { padding: 2rem 1.5rem; }
  #Wrap.v2_main article.main .inner.camP { padding: 5rem 1.5rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox .swiper .swiper-btnBox button { width: 3rem; height: 3rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox .item { height: 50rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox { width: 100%; max-width: 100%; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li { width: calc(100% / 2 - 1rem); }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li:nth-of-type(odd) { -ms-flex-preferred-size: 33%; flex-basis: 33%; max-width: 14rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li:nth-of-type(even) { -ms-flex-preferred-size: 62%; flex-basis: 62%; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type .btnBox { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99; -webkit-box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.16); background-color: #fff; padding: 0rem 1.6rem 1.6rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type .btnBox a { margin: 2rem auto 0; }
  #Wrap.v2_main article.main .inner.camP .row .tabBox .pickListBox ul li { -ms-flex-preferred-size: calc(20% - 0.8rem); flex-basis: calc(20% - 0.8rem); }
  #Wrap.v2_main article.main .inner.camP .row .waitBox { min-height: 30vh; }
  #Wrap.v2_main article.main .inner.camP .row .waitBox p { font-size: 3rem; }
  #Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div .copy { max-width: 100%; }
  #Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div > button { max-width: 100%; }
  #Wrap.v2_main article.main .inner.camP .row.prselect .dataBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; }
  #Wrap.v2_main article.main .inner.camP .row.prselect .dataBox > div:not(.pickListBox) { min-width: 100%; }
  #Wrap.v2_main article.main .inner.camP .row.prselect .dataBox > div:not(.pickListBox) button { position: absolute; bottom: 2rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; }
  #Wrap.v2_main article.main .inner.camP .row.prselect .dataBox .pickListBox { padding-bottom: 7rem; }
  #Wrap.v2_main article.main .inner.camP .row.commend .copyBox > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1rem; }
  #Wrap.v2_main article.main .inner.camP .row.commend .copyBox > div input { max-width: 100%; }
  #Wrap.v2_main article.main .inner.camP.rev .row:first-of-type > div.infoBox .userPointBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: .5rem; }
  #Wrap.v2_main article.main .inner.camP.rev .row:first-of-type > div.infoBox .userPointBox > p { padding-left: 0; }
  #Wrap.v2_main article.main .inner.inbound .row.top .ranking { padding: 2rem 0; gap: 1rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .titBox strong i { width: 3.5rem; height: 3.5rem; }
  #Wrap.v2_main article.main .inner.inbound .row .ranking .titBox strong i.ico-Rtime { width: 2.5rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking > div:not([class]) { gap: 3rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox { width: calc(100% / 2 - 1.5rem); }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list.rowType .item picture { height: 63.5rem; }
  #Wrap.v2_main article.main .inner.media .row:nth-of-type(1) .listBox .list { width: 100%; }
  #Wrap.v2_main article.main .inner.media .row:nth-of-type(2) .listBox .list { width: calc(100% / 2 - 1.5rem); }
  #Wrap.v2_main article.main .inner.media .row:nth-of-type(2) .listBox .list .item { height: 26vw; }
  #Wrap.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div .btnBox { width: 66%; } }

@media screen and (max-width: 767px) { input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="email"] { width: 100% !important; height: 4.2rem; }
  .tableBox { overflow: hidden; overflow-x: auto; }
  .tableBox table { width: 150%; }
  .tableBox table tbody tr td { padding: 1rem; }
  .fileBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .fileBox.type01 { gap: 2rem; }
  .fileBox.type01 form { width: 100%; }
  .fileBox.type01 p { width: 100%; height: 4rem; padding: 1rem; background: #f4f4f4; border-radius: 0.6rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 2rem; color: #999; font-size: 1.6rem; }
  .fileBox.type01 div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .fileBox.type01 div label { width: 100% !important; border-radius: 0.4rem; }
  .fileBox.type01 div button { width: 100% !important; max-width: 100% !important; border-radius: 0.4rem; }
  .fileBox.type { margin-top: 1.6rem; gap: 5rem; }
  .fileBox.type div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; gap: 1rem; }
  .fileBox.type div:nth-of-type(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1rem; }
  .fileBox.type div label { width: 80%; height: 3.6rem; border-radius: 0.6rem; background: #fff; border: 1px solid #ff7700; color: #ff7700; }
  .fileBox.type form { width: 50%; }
  .fileBox.type p { width: 100%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; border: 1px solid #eaeaea; padding: 1rem; height: 3.6rem; border-radius: 0.6rem; background: #f4f4f4; color: #999; }
  .fileBox.type02 div label { width: 14rem; height: 4.8rem; background: #8e8e8e; color: #fff; font-size: 1.6rem; }
  .fileBox.type03 form { width: 100%; }
  .fileBox.type03 form > div { width: 100%; }
  .fileBox.type03 form > div > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .fileBox.type03 form > div > div:nth-of-type(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1rem; }
  .fileBox.type03 form > div > div label { width: 100%; }
  .fileBox.type03 form > div > div button { width: 100%; }
  .fileBox.type03 p { width: 100%; height: 4rem; padding: 1rem; background: #f4f4f4; border-radius: 0.6rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 2rem; color: #999; font-size: 1.6rem; }
  #Wrap .btn-top { right: 2%; bottom: 7rem; width: 3rem; height: 3rem; }
  #Wrap footer { padding: 3rem 1.5rem 8rem; }
  #Wrap article .inner.terms { padding: 3rem 1.6rem; }
  #Wrap article .inner.terms h1 { font-size: 2.4rem; padding-bottom: 2rem; }
  #Wrap article .inner.terms div { padding: 10px 0; }
  #Wrap article .inner.terms div strong { font-size: 1.8rem; padding-bottom: 0.5rem; }
  #Wrap article .inner.terms div p { font-size: 1.5rem; }
  #Wrap article .inner.terms div ol li, #Wrap article .inner.terms div ol dd, #Wrap article .inner.terms div ul li, #Wrap article .inner.terms div ul dd, #Wrap article .inner.terms div dl li, #Wrap article .inner.terms div dl dd { font-size: 1.5rem; }
  #Wrap article .inner.terms div ol, #Wrap article .inner.terms div dl { padding: 1rem 0; }
  #Wrap article .inner.terms div ol dt, #Wrap article .inner.terms div dl dt { font-size: 1.6rem; padding-bottom: 0.7rem; }
  #Wrap article .inner.terms div > span { font-size: 1.3rem; }
  #Wrap article .inner.terms div .tableBox { padding-top: 1rem; }
  #Wrap article .inner.terms div .tableBox table tbody th, #Wrap article .inner.terms div .tableBox table tbody td { font-size: 1.5rem; padding: 1rem; }
  #Wrap article .inner.terms.agree div:not(:first-of-type) { padding-top: 0; }
  #Wrap article .inner.terms.agree div strong { font-family: "Pretendard-Bold"; font-size: 1.6rem; }
  #Wrap.memB article .inner { padding: 1.5rem; }
  #Wrap.memB article .inner.join .contMenu { height: 4rem; }
  #Wrap.memB article .inner.join .contMenu li::before { width: 2.2rem; height: 2.2rem; border-radius: 100%; font-size: 1rem; }
  #Wrap.memB article .inner.join .contMenu li::after { display: none; }
  #Wrap.memB article .inner.join .contMenu li p { font-size: 1.5rem; }
  #Wrap.memB article .inner.join .checkBox input[type="checkBox"] + label { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.memB article .inner.join .checkBox > div { padding-left: 2rem; }
  #Wrap.memB article .inner.join .checkBox > div input[type="checkBox"] + label { font-family: "Pretendard-Regular"; font-size: 1.4rem; }
  #Wrap.v2_main article.main .inner .contMenu { margin-bottom: 0; }
  #Wrap.v2_main article.main .inner:not(.home) .row:not(:last-of-type) { padding-bottom: 0; }
  #Wrap.v2_main article.main .inner:not(.home) .row.top { padding-bottom: 2rem; }
  #Wrap.v2_main article.main .inner.detail .row.top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1rem; }
  #Wrap.v2_main article.main .inner.detail .row.top > div.type-align-en { width: 100%; }
  #Wrap.v2_main article.main .inner.detail .row.top > div.type-align-en .searchBox { max-width: 50%; }
  #Wrap.v2_main article.main .inner.detail .row.top > div.type-align-en .selectBox { max-width: 50%; }
  #Wrap.v2_main article.main .inner.home { max-width: none; }
  #Wrap.v2_main article.main .inner.home .row { max-width: 100%; padding: 3rem 1.5rem 0; }
  #Wrap.v2_main article.main .inner.home .row:last-of-type { padding-bottom: 1.5rem; }
  #Wrap.v2_main article.main .inner.home .row:nth-of-type(2) > div { max-width: 100%; margin: 0 auto; }
  #Wrap.v2_main article.main .inner.home .row .titBox { padding-bottom: 1.5rem; }
  #Wrap.v2_main article.main .inner.home .row.type { padding: 3rem 0; }
  #Wrap.v2_main article.main .inner.camP { padding: 2rem 1.5rem 6rem; }
  #Wrap.v2_main article.main .inner.camP .row .btnBox a.allmenu { margin: 2rem auto 0; }
  #Wrap.v2_main article.main .inner.camP .row .titBox { padding-top: 2rem; }
  #Wrap.v2_main article.main .inner.camP .row .tabBox .tab-hd { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.8rem; }
  #Wrap.v2_main article.main .inner.camP .row .tabBox .tab-hd li { height: 3.6rem; -ms-flex-preferred-size: auto; flex-basis: auto; padding: 0 1.5rem; }
  #Wrap.v2_main article.main .inner.camP .row .tabBox .allSelect { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.v2_main article.main .inner.camP .row .tabBox .allSelect em { line-height: 2rem; }
  #Wrap.v2_main article.main .inner.camP .row .tabBox .pickListBox { overflow: hidden; overflow-y: auto; max-height: 30rem; }
  #Wrap.v2_main article.main .inner.camP .row .tabBox .pickListBox ul li { margin-bottom: 1rem; }
  #Wrap.v2_main article.main .inner.camP .row .tabBox .pickListBox ul li .radioBox { margin-top: 1rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div { -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 40rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox { max-width: 100%; overflow: hidden; background: #fff; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox .swiper { width: 100%; height: 100%; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox .swiper .item { width: 97%; height: 40rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.vdBox .swiper .item button { top: 50%; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info { padding: 2rem 0 0; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul { gap: 0.5rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li { font-size: 1.5rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li:nth-of-type(odd) { -ms-flex-preferred-size: 31%; flex-basis: 31%; max-width: 13rem; letter-spacing: -0.1rem; }
  #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li:nth-of-type(even) { padding-bottom: 0.8rem; -ms-flex-preferred-size: 67%; flex-basis: 67%; } }

@media screen and (max-width: 767px) and (max-width: 767px) and (min-width: 700px) { #Wrap.v2_main article.main .inner.camP .row:first-of-type > div.infoBox .info ul li:nth-of-type(even) { padding-bottom: 0.8rem; -ms-flex-preferred-size: 65%; flex-basis: 65%; } }

@media screen and (max-width: 767px) { #Wrap.v2_main article.main .inner.camP .row:last-of-type { padding: 0; }
  #Wrap.v2_main article.main .inner.camP .row:last-of-type .listBox > ul > li { -ms-flex-preferred-size: 17rem; flex-basis: 17rem; }
  #Wrap.v2_main article.main .inner.camP .row:last-of-type .listBox > ul > li video { width: 100%; }
  #Wrap.v2_main article.main .inner.camP .row.commend .textBox { padding: 1.5rem; margin: 3rem 0 4rem; }
  #Wrap.v2_main article.main .inner.camP .row.commend .textBox > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.v2_main article.main .inner.camP .row.commend .textBox > div strong { min-width: 100%; font-size: 1.6rem; padding-bottom: 2rem; }
  #Wrap.v2_main article.main .inner.camP .row.commend .textBox > div ul { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; }
  #Wrap.v2_main article.main .inner.camP .row.commend .textBox > div ul li { -ms-flex-preferred-size: calc(33.3% - 0.7rem); flex-basis: calc(33.3% - 0.7rem); }
  #Wrap.v2_main article.main .inner.camP .row.commend .textBox > div ul li i { width: 6rem; height: 6rem; }
  #Wrap.v2_main article.main .inner.camP .row.commend .textBox > div P { line-height: 2rem; }
  #Wrap.v2_main article.main .inner.camP .row.commend .textBox > div dl dd { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; line-height: 2rem; }
  #Wrap.v2_main article.main .inner.camP .row.commend .textBox > div dl dd::before { top: 0.8rem; }
  #Wrap.v2_main article.main .inner.camP .row.prselect .copyBox > div .copy .btn-copy i { background-size: 80%; }
  #Wrap.v2_main article.main .inner.camP .row.prselect .dataBox { padding-top: 2rem; margin: 5rem auto 0; }
  #Wrap.v2_main article.main .inner.camP .row.prselect .dataBox > div:not(.pickListBox) strong { font-size: 2.4rem; line-height: 4rem; }
  #Wrap.v2_main article.main .inner.camP .row.prselect .dataBox > div:not(.pickListBox) p { font-size: 1.6rem; padding: 0.8rem 0 2rem; }
  #Wrap.v2_main article.main .inner.camP .row.prselect .dataBox > div:not(.pickListBox) button { max-width: 90%; height: 3.8rem; }
  #Wrap.v2_main article.main .inner.camP .row.prselect .dataBox .pickListBox { padding-bottom: 4rem; }
  #Wrap.v2_main article.main .inner.camP.rev .row:first-of-type > div.infoBox .userPointBox .label p { height: 2.6rem; font-size: 1.4rem; }
  #Wrap.v2_main article.main .inner.camPl .row .txtBox { padding: 2rem 0; }
  #Wrap.v2_main article.main .inner.camPl .row .txtBox::before { width: 15rem; height: 15rem; }
  #Wrap.v2_main article.main .inner.camPl .row .txtBox strong { font-size: 1.8rem; line-height: 2rem; }
  #Wrap.v2_main article.main .inner.camPl .row .txtBox p { padding-top: 1rem; font-size: 1.4rem; line-height: 2rem; }
  #Wrap.v2_main article.main .inner.camPl .row .iconBox { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem; }
  #Wrap.v2_main article.main .inner.camPl .row .iconBox > div { gap: 1rem; }
  #Wrap.v2_main article.main .inner.camPl .row .iconBox > div i { width: 4.8rem; height: 4.8rem; }
  #Wrap.v2_main article.main .inner.camPl .row .btnBox { gap: 1rem; }
  #Wrap.v2_main article.main .inner.camPl .row .btnBox a { margin: 2rem 0 0; }
  #Wrap.v2_main article.main .inner.inbound .row.top .ranking { padding: 0; gap: 1rem; }
  #Wrap.v2_main article.main .inner.inbound .row.top .ranking > div { padding-top: 3rem; }
  #Wrap.v2_main article.main .inner.review .row.top { margin-top: 3rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking > div:not([class]) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3rem; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox { width: 100%; }
  #Wrap.v2_main article.main .inner.review .row .ranking .listBox .list.rowType .item picture { height: auto; }
  #Wrap.v2_main article.main .inner.media .row:nth-of-type(1) .ranking > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.v2_main article.main .inner.media .row:nth-of-type(1) .ranking > div:not([class]) { gap: 1%; }
  #Wrap.v2_main article.main .inner.media .row:nth-of-type(1) .listBox { width: 100%; }
  #Wrap.v2_main article.main .inner.media .row:nth-of-type(2) .listBox { padding-top: 1rem; }
  #Wrap.v2_main article.main .inner.media .row:nth-of-type(2) .listBox .list { width: calc(100% / 2 - 0.5rem); }
  #Wrap.v2_main article.main .inner.media .row:nth-of-type(2) .listBox .list .item { height: 30vw; }
  #Wrap.mypage_ver01 article .inner.board .row:not(:first-of-type) { margin-top: 0; }
  #Wrap.mypage_ver01 article .inner.board .row .titBox { margin: 0 0 2rem; }
  #Wrap.mypage_ver01 article .inner.board .row .contMenu { display: none; }
  #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > p > span::after { display: none; }
  #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > p a { display: block; margin-top: 0.5rem; }
  #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > p a span:first-of-type::before { content: ":"; display: inline-block; padding-right: 0.5rem; }
  #Wrap.mypage article .inner .btnBox, #Wrap.mypage_ver01 article .inner .btnBox { padding: 1.5rem 0 0; }
  #Wrap.mypage article .inner .btnBox button, #Wrap.mypage_ver01 article .inner .btnBox button { max-width: 100%; }
  #Wrap.mypage article .inner.board .row .contMenu li, #Wrap.mypage_ver01 article .inner.board .row .contMenu li { width: calc(100% / 3); height: 3.6rem; }
  #Wrap.mypage article .inner.board .row .boardBox .no-data p, #Wrap.mypage_ver01 article .inner.board .row .boardBox .no-data p { font-size: 1.4rem; }
  #Wrap.mypage article .inner.board .row .boardBox .listView, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listView { padding: 2rem 1rem; }
  #Wrap.mypage article .inner.board .row .boardBox .listView p, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listView p { font-size: 1.4rem; line-height: 2rem; }
  #Wrap.mypage article .inner.board .row .boardBox .listItem > ul, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem > ul { height: 3.5rem; }
  #Wrap.mypage article .inner.board .row .boardBox .listItem > ul li, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem > ul li { padding: 0; font-size: 1.2rem; }
  #Wrap.mypage article .inner.board .row .boardBox .listItem > ul li em, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem > ul li em { font-size: 1.4rem; height: auto; padding: 0.5rem 1rem; }
  #Wrap.mypage article .inner.board .row .boardBox .listItem > ul li:nth-of-type(3), #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem > ul li:nth-of-type(3) { width: 16%; }
  #Wrap.mypage article .inner.board .row .boardBox .listItem:not(.Top) .after > div, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem:not(.Top) .after > div { padding: 2rem 1rem; }
  #Wrap.mypage article .inner.board .row .boardBox .listItem:not(.Top) .after > div p, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem:not(.Top) .after > div p { font-size: 1.4rem; line-height: 2rem; }
  #Wrap.mypage article .inner.board .row .boardBox .listItem:not(.Top) .after > div.user .imgBox ul li, #Wrap.mypage_ver01 article .inner.board .row .boardBox .listItem:not(.Top) .after > div.user .imgBox ul li { width: 9rem; height: 9rem; }
  #Wrap.mypage article .inner.board .row .boardBox.faq .listItem > ul li:nth-of-type(1), #Wrap.mypage_ver01 article .inner.board .row .boardBox.faq .listItem > ul li:nth-of-type(1) { width: 25%; display: block; }
  #Wrap.mypage article .inner.board .row .boardBox.faq .listItem > ul li.tit, #Wrap.mypage_ver01 article .inner.board .row .boardBox.faq .listItem > ul li.tit { width: 100%; }
  #Wrap.mypage article .inner.board .row .boardBox.notice .listItem > ul li:nth-of-type(1), #Wrap.mypage article .inner.board .row .boardBox.notice .listItem > ul li:nth-of-type(3), #Wrap.mypage_ver01 article .inner.board .row .boardBox.notice .listItem > ul li:nth-of-type(1), #Wrap.mypage_ver01 article .inner.board .row .boardBox.notice .listItem > ul li:nth-of-type(3) { display: none; }
  #Wrap.mypage article .inner.board .row .boardBox.notice .listItem > ul li:nth-of-type(4), #Wrap.mypage_ver01 article .inner.board .row .boardBox.notice .listItem > ul li:nth-of-type(4) { width: 34%; }
  #Wrap.mypage article .inner.board .row .boardBox.inquiry .listItem > ul li:nth-of-type(1), #Wrap.mypage article .inner.board .row .boardBox.inquiry .listItem > ul li:nth-of-type(4), #Wrap.mypage_ver01 article .inner.board .row .boardBox.inquiry .listItem > ul li:nth-of-type(1), #Wrap.mypage_ver01 article .inner.board .row .boardBox.inquiry .listItem > ul li:nth-of-type(4) { display: none; }
  #Wrap.mypage article .inner.board .row .boardBox:not(.faq) .listItem > ul li:nth-of-type(3), #Wrap.mypage_ver01 article .inner.board .row .boardBox:not(.faq) .listItem > ul li:nth-of-type(3) { -ms-flex-negative: 0; flex-shrink: 0; }
  #Wrap.mypage article .inner.board .row .boardBox:not(.faq) .listItem > ul li.tit, #Wrap.mypage_ver01 article .inner.board .row .boardBox:not(.faq) .listItem > ul li.tit { width: 100%; }
  #Wrap.mypage article .inner.board .row.inquiry .inputBox > div .selectBox, #Wrap.mypage_ver01 article .inner.board .row.inquiry .inputBox > div .selectBox { width: 100%; }
  #Wrap.mypage article .inner.board .row.inquiry .fileBox, #Wrap.mypage_ver01 article .inner.board .row.inquiry .fileBox { gap: 1rem; padding-bottom: 0; }
  #Wrap.mypage article .inner.board .row.inquiry .fileBox > div.txt strong, #Wrap.mypage_ver01 article .inner.board .row.inquiry .fileBox > div.txt strong { font-size: 1.6rem; }
  #Wrap.mypage article .inner.board .row.inquiry .fileBox.type02 div, #Wrap.mypage_ver01 article .inner.board .row.inquiry .fileBox.type02 div { width: 100%; }
  #Wrap.mypage article .inner.board .row.inquiry .fileBox.type02 div label, #Wrap.mypage_ver01 article .inner.board .row.inquiry .fileBox.type02 div label { width: 100%; height: 3.6rem; }
  #Wrap.mypage article .inner.board .row.inquiry .imgBox ul li, #Wrap.mypage_ver01 article .inner.board .row.inquiry .imgBox ul li { width: 8rem; height: auto; max-height: 8rem; }
  #Wrap.mypage article .inner.usermodify button, #Wrap.mypage_ver01 article .inner.usermodify button { max-width: 100% !important; height: 3.6rem !important; }
  #Wrap.mypage article .inner.usermodify .row, #Wrap.mypage_ver01 article .inner.usermodify .row { max-width: 100%; }
  #Wrap.mypage article .inner.usermodify .row:last-of-type, #Wrap.mypage_ver01 article .inner.usermodify .row:last-of-type { padding-bottom: 0; }
  #Wrap.mypage article .inner.usermodify .row .textBox dl, #Wrap.mypage_ver01 article .inner.usermodify .row .textBox dl { padding-bottom: 1rem; }
  #Wrap.mypage article .inner.usermodify .row .titBox, #Wrap.mypage_ver01 article .inner.usermodify .row .titBox { padding-bottom: 1rem; }
  #Wrap.mypage article .inner.usermodify .row .infoBox li:nth-of-type(odd), #Wrap.mypage_ver01 article .inner.usermodify .row .infoBox li:nth-of-type(odd) { -ms-flex-preferred-size: 11rem; flex-basis: 11rem; }
  #Wrap.mypage article .inner.usermodify .row .infoBox li:nth-of-type(even), #Wrap.mypage_ver01 article .inner.usermodify .row .infoBox li:nth-of-type(even) { -ms-flex-preferred-size: calc(100% - 11rem); flex-basis: calc(100% - 11rem); }
  #Wrap.mypage article .inner.usermodify .row .infoBox li.checkBox, #Wrap.mypage_ver01 article .inner.usermodify .row .infoBox li.checkBox { -ms-flex-preferred-size: 100%; flex-basis: 100%; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > strong, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > strong { padding-bottom: 1.6rem; font-size: 1.6rem; font-family: "Pretendard-Bold"; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div { padding-bottom: 2rem; padding-bottom: 0; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div strong em, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div strong em { display: inline-block; padding-left: 0.2rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div span.validation, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div span.validation { margin-top: 1rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div input:not(:last-of-type), #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div input:not(:last-of-type) { margin-bottom: 1rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.blogQuality > div .selectBox, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.blogQuality > div .selectBox { margin-right: 1rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.blogQuality > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.blogQuality > div button { height: 4.8rem; border-radius: 0.6rem; font-size: 1.6rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.blogQuality .btnBox, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.blogQuality .btnBox { gap: 1rem; margin-top: 1.6rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.sz.type01 > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.sz.type01 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.sz.type01 > div input, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.sz.type01 > div input { width: 40rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.sz.type01 > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.sz.type01 > div button { max-width: 18rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.point .select, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.point .select { margin-bottom: 1rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.phone > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.phone > div { gap: 1rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.phone > div:nth-of-type(2), #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.phone > div:nth-of-type(2) { padding-top: 1rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.phone > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.phone > div button { width: 19.2rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div { margin-bottom: 1rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div input, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div input { width: 26rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div button { max-width: 14rem; height: 4.8rem; font-size: 1.6rem; border-radius: 0.6rem; margin-left: 1rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div { gap: 1rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div .selectBox, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div .selectBox { max-width: 20rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div input, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div input { margin-bottom: 0; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div input:first-of-type, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div input:first-of-type { max-width: 15rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div input:last-of-type, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div input:last-of-type { max-width: 60rem; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #Wrap.mypage article .inner.usermodify .row .inputBox > div.blogQuality > div.type-align-bt, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.blogQuality > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.blogQuality > div .selectBox, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.blogQuality > div .selectBox { margin-right: 0; margin-bottom: 10px; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.sz.type01 > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.sz.type01 > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.sz.type01 > div input, #Wrap.mypage article .inner.usermodify .row .inputBox > div.sz.type01 > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.sz.type01 > div input, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.sz.type01 > div button { width: 100%; max-width: 100%; height: 4.2rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div.type-align-st, #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div.type-align-bt, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div.type-align-st, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div.type-align-bt { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div .selectBox, #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div input, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div .selectBox, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div input { width: 100% !important; max-width: 100%; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div select, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div select { height: 4.2rem; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.account form > div input:first-of-type, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.account form > div input:first-of-type { max-width: 100%; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.phone > div.type-align-bt, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.phone > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.phone > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.phone > div button { width: 100%; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div button, #Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div input, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div input { width: 100%; max-width: 100%; }
  #Wrap.mypage article .inner.usermodify .row .inputBox > div.address > div button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div.address > div button { margin-left: 0; margin-top: 10px; } }

@media screen and (max-width: 767px) { #Wrap.mypage article .inner.usermodify .row .inputBox > div > button, #Wrap.mypage_ver01 article .inner.usermodify .row .inputBox > div > button { max-width: 24rem; }
  #Wrap.mypage article .inner.usermodify .row:not(:first-of-type) .type-align-st, #Wrap.mypage article .inner.usermodify .row:not(:first-of-type) .type-align-bt, #Wrap.mypage_ver01 article .inner.usermodify .row:not(:first-of-type) .type-align-st, #Wrap.mypage_ver01 article .inner.usermodify .row:not(:first-of-type) .type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.mypage article .inner.usermodify .row:not(:first-of-type) .fileBox > div > div, #Wrap.mypage_ver01 article .inner.usermodify .row:not(:first-of-type) .fileBox > div > div { margin-top: 1rem; }
  #Wrap.mypage article .inner.usermodify .row:not(:first-of-type) .fileBox > div > div button, #Wrap.mypage_ver01 article .inner.usermodify .row:not(:first-of-type) .fileBox > div > div button { border-radius: 0.6rem; height: 3.6rem; }
  #Wrap.mypage article .inner.usermodify .row:nth-of-type(2) .inputBox > div, #Wrap.mypage_ver01 article .inner.usermodify .row:nth-of-type(2) .inputBox > div { margin-top: 1.5rem; }
  #Wrap.mypage.mypage article .inner section, #Wrap.mypage_ver01.mypage article .inner section { padding: 1.5rem; }
  #Wrap.mypage.mypage article .inner.home .row:not(.cardBox), #Wrap.mypage_ver01.mypage article .inner.home .row:not(.cardBox) { padding: 1.5rem; }
  #Wrap.mypage.mypage article .inner.home .row.cardBox, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; }
  #Wrap.mypage.mypage article .inner.home .row.cardBox .card, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card { width: 100% !important; padding: 2rem; }
  #Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(1)::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(1)::before { bottom: auto; top: 3rem; right: 1rem; }
  #Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(2)::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(2)::before { bottom: auto; top: 3rem; right: 1rem; }
  #Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(3)::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(3)::before { bottom: auto; top: 3rem; right: 1rem; }
  #Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(4)::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(4)::before { bottom: auto; top: 3rem; right: 1rem; }
  #Wrap.mypage.mypage article .inner.home .row.cardBox .card button, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card button { margin-top: 1.8rem; max-width: 100% !important; }
  #Wrap.mypage.mypage article .inner.home .row.cardBox .card:nth-of-type(1)::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:nth-of-type(1)::before { width: 3.3rem; height: 5.9rem; }
  #Wrap.mypage.mypage article .inner.home .row.cardBox .card:not(:first-of-type)::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:not(:first-of-type)::before { height: 4.6rem; }
  #Wrap.mypage.mypage article .inner.home .row.cardBox .card:not(:first-of-type):not(:nth-of-type(4))::before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:not(:first-of-type):not(:nth-of-type(4))::before { width: 4.6rem; }
  #Wrap.mypage.mypage article .inner.home .row.cardBox .card:not(:first-of-type):nth-of-type(4):before, #Wrap.mypage_ver01.mypage article .inner.home .row.cardBox .card:not(:first-of-type):nth-of-type(4):before { width: 4.6rem; }
  #Wrap.mypage.mypage article .inner.home .row .tableBox table tbody tr td:nth-of-type(2), #Wrap.mypage_ver01.mypage article .inner.home .row .tableBox table tbody tr td:nth-of-type(2) { text-align: left; }
  #Wrap.mypage.mypage article .inner.level .row .titBox, #Wrap.mypage_ver01.mypage article .inner.level .row .titBox { padding-bottom: 2.4rem; }
  #Wrap.mypage.mypage article .inner.level .row .titBox p, #Wrap.mypage_ver01.mypage article .inner.level .row .titBox p { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.mypage.mypage article .inner.level .row .titBox p strong, #Wrap.mypage_ver01.mypage article .inner.level .row .titBox p strong { display: inherit; }
  #Wrap.mypage.mypage article .inner.level .row .levelBox, #Wrap.mypage_ver01.mypage article .inner.level .row .levelBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; }
  #Wrap.mypage.mypage article .inner.level .row .levelBox div, #Wrap.mypage_ver01.mypage article .inner.level .row .levelBox div { width: 100%; }
  #Wrap.mypage.mypage article .inner.user .row, #Wrap.mypage_ver01.mypage article .inner.user .row { height: auto; }
  #Wrap.mypage.mypage article .inner.withdraw .row, #Wrap.mypage_ver01.mypage article .inner.withdraw .row { padding-bottom: 2rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .cardBox, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .cardBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; }
  #Wrap.mypage.mypage article .inner.withdraw .row .cardBox div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .cardBox div { width: 100%; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; padding: 2rem 0; }
  #Wrap.mypage.mypage article .inner.withdraw .row .cardBox div p, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .cardBox div p { font-size: 1.4rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .cardBox div strong, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .cardBox div strong { font-size: 2.5rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div { padding-bottom: 2rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div strong em, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div strong em { display: inline-block; padding-left: 0.2rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div span.validation, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div span.validation { margin-top: 1rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div input:not(:last-of-type), #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div input:not(:last-of-type) { margin-bottom: 1rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div .selectBox, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div .selectBox { margin-right: 1rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div button { height: 4.8rem; border-radius: 0.6rem; font-size: 1.6rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.blogQuality .btnBox, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.blogQuality .btnBox { gap: 1rem; margin-top: 1.6rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 1rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div input, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div input { width: 40rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div button { max-width: 18rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.point .select, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.point .select { margin-bottom: 1rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.phone > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.phone > div { gap: 1rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.phone > div:nth-of-type(2), #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.phone > div:nth-of-type(2) { padding-top: 1rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.phone > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.phone > div button { width: 19.2rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div { margin-bottom: 1rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div input, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div input { width: 26rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div button { max-width: 14rem; height: 4.8rem; font-size: 1.6rem; border-radius: 0.6rem; margin-left: 1rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div { gap: 1rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div .selectBox, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div .selectBox { max-width: 20rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div input, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div input { margin-bottom: 0; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div input:first-of-type, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div input:first-of-type { max-width: 15rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div input:last-of-type, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div input:last-of-type { max-width: 60rem; } }

@media screen and (max-width: 767px) and (max-width: 767px) { #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div.type-align-bt, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div .selectBox, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.blogQuality > div .selectBox { margin-right: 0; margin-bottom: 10px; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div input, #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div input, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.sz.type01 > div button { width: 100%; max-width: 100%; height: 4.2rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div.type-align-st, #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div.type-align-bt, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div.type-align-st, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div.type-align-bt { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div .selectBox, #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div input, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div .selectBox, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div input { width: 100% !important; max-width: 100%; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div select, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div select { height: 4.2rem; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.account form > div input:first-of-type, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.account form > div input:first-of-type { max-width: 100%; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.phone > div.type-align-bt, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.phone > div.type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.phone > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.phone > div button { width: 100%; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div button, #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div input, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div input { width: 100%; max-width: 100%; }
  #Wrap.mypage.mypage article .inner.withdraw .row .inputBox > div.address > div button, #Wrap.mypage_ver01.mypage article .inner.withdraw .row .inputBox > div.address > div button { margin-left: 0; margin-top: 10px; } }

@media screen and (max-width: 767px) { #Wrap.mypage.mypage article .inner.report .row .type-align-bt, #Wrap.mypage_ver01.mypage article .inner.report .row .type-align-bt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage article .inner.report .row .tableBox.type01 table tbody tr th:first-of-type, #Wrap.mypage_ver01.mypage article .inner.report .row .tableBox.type01 table tbody tr th:first-of-type { width: 10rem; }
  #Wrap.mypage.mypage_ver01 .tableBox, #Wrap.mypage_ver01.mypage_ver01 .tableBox { overflow: hidden; }
  #Wrap.mypage.mypage_ver01 .tableBox table, #Wrap.mypage_ver01.mypage_ver01 .tableBox table { width: 100%; }
  #Wrap.mypage.mypage_ver01 .tableBox table thead tr th, #Wrap.mypage_ver01.mypage_ver01 .tableBox table thead tr th { text-wrap: auto; }
  #Wrap.mypage.mypage_ver01 .tableBox table tbody tr td, #Wrap.mypage_ver01.mypage_ver01 .tableBox table tbody tr td { text-wrap: auto; }
  #Wrap.mypage.mypage_ver01 article .inner, #Wrap.mypage_ver01.mypage_ver01 article .inner { padding: 1.5rem; }
  #Wrap.mypage.mypage_ver01 article .inner .sec-hd strong, #Wrap.mypage_ver01.mypage_ver01 article .inner .sec-hd strong { font-size: 1.8rem; line-height: 2.1rem; }
  #Wrap.mypage.mypage_ver01 article .inner .sec-hd p, #Wrap.mypage_ver01.mypage_ver01 article .inner .sec-hd p { font-size: 1.4rem; line-height: 1.6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home, #Wrap.mypage_ver01.mypage_ver01 article .inner.home { padding: 0; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row:not(.cardBox), #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row:not(.cardBox) { padding: 1.5rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row .tableBox table tbody tr td:nth-of-type(2), #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row .tableBox table tbody tr td:nth-of-type(2) { text-align: left; text-wrap: wrap; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row .txtlistBox ul li .detail > div button, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row .txtlistBox ul li .detail > div button { height: 3rem !important; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox { height: auto; gap: 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card { padding: 3rem 2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1)::before, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1)::before { content: ""; display: block; position: absolute; bottom: 3rem; right: 3rem; background: url("../images/v2/mypage/img_point_01.svg") no-repeat right bottom/100%; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(2)::before, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(2)::before { content: ""; display: block; position: absolute; bottom: 3rem; right: 3rem; background: url("../images/v2/mypage/img_point_02.svg") no-repeat right bottom/100%; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(3)::before, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(3)::before { content: ""; display: block; position: absolute; bottom: 3rem; right: 3rem; background: url("../images/v2/mypage/img_point_03.svg") no-repeat right bottom/100%; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card button:not(.btn-txt), #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card button:not(.btn-txt) { height: 4rem; border-radius: 2rem; font-size: 1.6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1)::before, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1)::before { width: 3.9rem; height: 5.9rem; bottom: auto; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox strong, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox strong { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0.7rem 0 0.4rem; font-size: 2rem; gap: 0.6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox strong a, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox strong a { font-size: 1.6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox strong span, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox strong span { font-size: 2.4rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox > span, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox > span { font-size: 1.6rem; margin-top: 0.8rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox button, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox button { margin-top: 0.8rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox button.btn-txt, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card:nth-of-type(1) .txtBox button.btn-txt { font-size: 1.2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card:not(:nth-of-type(1))::before, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card:not(:nth-of-type(1))::before { width: 3rem; height: 3rem; bottom: 1rem; right: 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card:not(:nth-of-type(1)) .txtBox p, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card:not(:nth-of-type(1)) .txtBox p { font-size: 1.6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox .card:not(:nth-of-type(1)) .txtBox strong, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox .card:not(:nth-of-type(1)) .txtBox strong { font-size: 2.4rem; margin-top: 0.8rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox.ver01, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox.ver01 { gap: 1rem; margin-bottom: 4rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox.ver01 > span.validation, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox.ver01 > span.validation { position: absolute; right: 0; bottom: -2.5rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox.ver01 .card, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox.ver01 .card { padding: 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox.ver01 .card:nth-of-type(1), #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox.ver01 .card:nth-of-type(1) { width: 100% !important; height: auto !important; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox.ver01 .card:not(:nth-of-type(1)), #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox.ver01 .card:not(:nth-of-type(1)) { width: calc(100% / 2 - .5rem); height: 13rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox.ver01 .card .txtBox p, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox.ver01 .card .txtBox p { font-size: 1.7rem; gap: .2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox.ver01 .card .txtBox p i, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox.ver01 .card .txtBox p i { width: 2rem; height: 2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.home .row.cardBox.ver01 .card .txtBox strong, #Wrap.mypage_ver01.mypage_ver01 article .inner.home .row.cardBox.ver01 .card .txtBox strong { font-size: 2.2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.point .row, #Wrap.mypage_ver01.mypage_ver01 article .inner.point .row { padding: 0; }
  #Wrap.mypage.mypage_ver01 article .inner.point .row .textBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.point .row .textBox { padding: 3rem 5%; }
  #Wrap.mypage.mypage_ver01 article .inner.point .row .textBox:first-of-type, #Wrap.mypage_ver01.mypage_ver01 article .inner.point .row .textBox:first-of-type { margin-bottom: 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.point .row .textBox ul li, #Wrap.mypage_ver01.mypage_ver01 article .inner.point .row .textBox ul li { width: 50%; }
  #Wrap.mypage.mypage_ver01 article .inner.campoint .row .tableBox table, #Wrap.mypage_ver01.mypage_ver01 article .inner.campoint .row .tableBox table { width: 100%; }
  #Wrap.mypage.mypage_ver01 article .inner.campoint .row .tableBox table tbody tr td:first-of-type, #Wrap.mypage_ver01.mypage_ver01 article .inner.campoint .row .tableBox table tbody tr td:first-of-type { text-wrap: nowrap; }
  #Wrap.mypage.mypage_ver01 article .inner.report .row .titBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .row .titBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.mypage.mypage_ver01 article .inner.report .row .chartBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .row .chartBox { margin-bottom: 3rem; }
  #Wrap.mypage.mypage_ver01 article .inner.report .row .tableBox table tr th i, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .row .tableBox table tr th i { width: 4rem; height: 4rem; }
  #Wrap.mypage.mypage_ver01 article .inner.report .row .chartWrap, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .row .chartWrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage_ver01 article .inner.report .row .chartWrap .chartBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .row .chartWrap .chartBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage_ver01 article .inner.report .row .chartWrap .chartBox .ct-infoBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .row .chartWrap .chartBox .ct-infoBox { gap: 3rem; }
  #Wrap.mypage.mypage_ver01 article .inner.report .row .chartWrap .chartBox .ct-infoBox div, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .row .chartWrap .chartBox .ct-infoBox div { min-width: auto; }
  #Wrap.mypage.mypage_ver01 article .inner.report .camp .row .tableTit, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .camp .row .tableTit { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: .5rem; }
  #Wrap.mypage.mypage_ver01 article .inner.report .camp .row .tableBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .camp .row .tableBox { overflow-x: auto; }
  #Wrap.mypage.mypage_ver01 article .inner.report .camp .row .tableBox table, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .camp .row .tableBox table { width: 120%; padding: 2rem 0 0; }
  #Wrap.mypage.mypage_ver01 article .inner.report .camp .row .tableBox table thead tr th:first-of-type, #Wrap.mypage.mypage_ver01 article .inner.report .camp .row .tableBox table thead tr td:first-of-type, #Wrap.mypage.mypage_ver01 article .inner.report .camp .row .tableBox table tbody tr th:first-of-type, #Wrap.mypage.mypage_ver01 article .inner.report .camp .row .tableBox table tbody tr td:first-of-type, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .camp .row .tableBox table thead tr th:first-of-type, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .camp .row .tableBox table thead tr td:first-of-type, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .camp .row .tableBox table tbody tr th:first-of-type, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .camp .row .tableBox table tbody tr td:first-of-type { width: 60%; }
  #Wrap.mypage.mypage_ver01 article .inner.report .camp .row .tableBox table tbody tr td a, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .camp .row .tableBox table tbody tr td a { gap: 0.2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.report .camp .row .tableBox table tbody tr td a picture, #Wrap.mypage_ver01.mypage_ver01 article .inner.report .camp .row .tableBox table tbody tr td a picture { width: 2.7rem; height: 2.7rem; border-radius: 0.3rem; }
  #Wrap.mypage.mypage_ver01 article .inner.withdraw .row .textWrap .textBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.withdraw .row .textWrap .textBox { padding: 1.6rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: .5rem; }
  #Wrap.mypage.mypage_ver01 article .inner.withdraw .row .textWrap .textBox i, #Wrap.mypage_ver01.mypage_ver01 article .inner.withdraw .row .textWrap .textBox i { width: 3.6rem; height: 3.6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.withdraw .row .textWrap .textBox p, #Wrap.mypage_ver01.mypage_ver01 article .inner.withdraw .row .textWrap .textBox p { margin-top: 1rem; font-size: 1.4rem; }
  #Wrap.mypage.mypage_ver01 article .inner.withdraw .row .textWrap .textBox strong, #Wrap.mypage_ver01.mypage_ver01 article .inner.withdraw .row .textWrap .textBox strong { font-size: 2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.withdraw .row .inputBox > div, #Wrap.mypage_ver01.mypage_ver01 article .inner.withdraw .row .inputBox > div { padding: 0; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row:not(:first-of-type), #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row:not(:first-of-type) { margin-top: 2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .titBox .txtBox p, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .titBox .txtBox p { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card:not(:last-of-type), #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card:not(:last-of-type) { margin-bottom: 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item > div, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item > div { gap: 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item > div .fir, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item > div .fir { width: auto; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item > div .fir i, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item > div .fir i { width: 4rem; height: 4rem; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item > div .prod strong, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item > div .prod strong { font-size: 1.6rem; line-height: 2.2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item > div .prod span, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item > div .prod span { font-size: 1.4rem; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more), #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) { padding: 1.5rem; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div { gap: 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div .fir, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div .fir { width: 6rem; height: 6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div .prod em, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div .prod em { font-size: 1.4rem; line-height: 1.6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div .prod strong, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item:not(.more) > div .prod strong { padding: .5rem 0 .2rem; -webkit-line-clamp: 1; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item.more, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item.more { padding: 1.5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item.more > div .prod span, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item.more > div .prod span { padding: 0; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item.more > div.btnBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item.more > div.btnBox { width: 100%; padding: 0; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item.more > p, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item.more > p { position: absolute; right: 1.5rem; font-size: 1.2rem; line-height: 2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.apply .row .cardBox .card .item.more > p span, #Wrap.mypage_ver01.mypage_ver01 article .inner.apply .row .cardBox .card .item.more > p span { display: inline-block; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .titBox .txtBox p, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .titBox .txtBox p { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card { padding: 1.5rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card:not(:last-of-type), #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card:not(:last-of-type) { margin-bottom: 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div:not(.btnBox):not(.camListBox):not(.dayListBox):not(.item):not(.top), #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div:not(.btnBox):not(.camListBox):not(.dayListBox):not(.item):not(.top) { gap: 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top { padding-top: 1rem; grid-template-areas: "a b" "c c"; -ms-grid-columns: 5rem 1fr; grid-template-columns: 5rem 1fr; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .fir, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .fir { width: 6.2rem; height: 6.2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod { padding-right: 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod .label p, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod .label p { font-size: 1.2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod .btn-txt, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod .btn-txt { top: -1rem; font-size: 1.2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod em, #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod strong, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod em, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod strong { width: 100%; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod em, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod em { font-size: 1.4rem; line-height: 1.6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod strong, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod strong { margin: 0.5rem 0; font-size: 1.6rem; line-height: 2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod span, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .prod span { font-size: 1.8rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn button, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn button { min-width: auto; width: calc(100% / 5 - 1rem); }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn button::before, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn button::before { display: none; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn button span, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top .btn button span { display: none; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top dl, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.top dl { position: absolute; left: 0; font-size: 1.4rem; z-index: 1; padding-top: 6.5rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.dayListBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.dayListBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox { padding: 2rem 0 2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > strong, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > strong { font-size: 2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 0 !important; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div.selectBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div.selectBox { width: 100%; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div > span, #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div > strong, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div > span, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div > strong { font-size: 1.6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div span, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div span { position: absolute; right: 0; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div .btnBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div .btnBox { width: 100%; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div .btnBox button i, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.camListBox > div .btnBox button i { display: none; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.btnBox button, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox .card > div.btnBox button { height: 3.6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div.applyBox span, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div.applyBox span { position: relative; font-size: 1.2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div.applyBox > button, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div.applyBox > button { width: 100%; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div:not([class]) span, #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div:not([class]) strong, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div:not([class]) span, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div:not([class]) strong { font-size: 1.6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div:not([class]) span, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div:not([class]) span { position: absolute; right: 0; min-width: auto; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div .btnBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div .btnBox { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div .btnBox button, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div .btnBox button { width: 100% !important; max-width: 100%; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div .btnBox button i, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .row .cardBox.quick .card > div.camListBox > div .btnBox button i { display: block; -webkit-transform: scale(0.9); transform: scale(0.9); }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .sec-con.rev .row .cateBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .sec-con.rev .row .cateBox { padding-top: 0; }
  #Wrap.mypage.mypage_ver01 article .inner.applyver01 .sec-con.rev .row .cateBox > button, #Wrap.mypage_ver01.mypage_ver01 article .inner.applyver01 .sec-con.rev .row .cateBox > button { margin-top: 1rem; max-width: 100%; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row:not(:first-of-type), #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row:not(:first-of-type) { margin-top: 2rem; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row:not(:first-of-type) .titBox button, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row:not(:first-of-type) .titBox button { height: 3.6rem; max-width: 20rem; margin: 2rem 0 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .titBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .titBox { margin-bottom: 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .titBox strong, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .titBox strong { font-size: 1.6rem; font-family: "Pretendard-Regular"; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .copyBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .copyBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .copyBox > div.type01, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .copyBox > div.type01 { max-width: 100%; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .copyBox > button, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .copyBox > button { max-width: 100%; height: 3.6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .themeBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .themeBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .mockupBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .mockupBox { position: relative; margin-top: -4rem; padding: 0; -webkit-transform: scale(0.8); transform: scale(0.8); }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox { position: relative; margin-top: -4rem; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div { width: 100%; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt { gap: 1rem; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div strong, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div strong { font-size: 1.4rem; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div.view, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div.view { gap: 0.5rem; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div.view span, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div.txt > div.view span { font-size: 1.4rem; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div:not([class]) label, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .fileBox > div:not([class]) label { width: 100%; height: 3.6rem; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .inputBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .inputBox { padding-top: 0; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .inputBox input, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .inputBox input { margin-top: 0.8rem; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .themeList, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .themeList { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .themeList li, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row .themeBox .infoBox .themeList li { width: calc(100% / 2 - 1rem); }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row:nth-of-type(2) .titBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row:nth-of-type(2) .titBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row:nth-of-type(2) .tableBox, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row:nth-of-type(2) .tableBox { overflow-x: auto; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row:nth-of-type(2) .tableBox table, #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row:nth-of-type(2) .tableBox table { width: 165%; }
  #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row:nth-of-type(2) .tableBox table tr th:not(:nth-of-type(3)), #Wrap.mypage.mypage_ver01 article .inner.minishop .sec-con .row:nth-of-type(2) .tableBox table tr td:not(:nth-of-type(3)), #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row:nth-of-type(2) .tableBox table tr th:not(:nth-of-type(3)), #Wrap.mypage_ver01.mypage_ver01 article .inner.minishop .sec-con .row:nth-of-type(2) .tableBox table tr td:not(:nth-of-type(3)) { white-space: nowrap; } }
/*# sourceMappingURL=style.css.map */