/* Minification failed. Returning unminified contents.
(197,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(205,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(229,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
@import "fonts.css";
@charset "utf-8";

/* reset */
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 none;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 1.5;
    box-sizing: border-box;
}

body {
    width: 100%;
    position: relative;
    word-break: break-all;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block
}

html {
    font-family: 'NotoSansKR-R', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 16px;
    color: #666;
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'NotoSansKR-B', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p, span, strong, b, em, i, q, mark, s, u {
    letter-spacing: -0.25px;
}

caption, legend {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
}

caption {
    display: none;
}

img {
    border: none;
    vertical-align: top
}

a {
    -webkit-tap-highlight-color: transparent;
}

ol, ul, ul li {
    list-style: none
}

i, em, address {
    font-style: normal;
    display: inline;
}

input, textarea, button, select, optgroup {
    margin: 0;
    vertical-align: middle;
    font: inherit;
    color: inherit
}

input, textarea, button, select {
    box-sizing: border-box
}

button {
    display: inline-block;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    font-family: inherit;
    outline: none;
    overflow: visible;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

audio, canvas, progress, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background: #ff0;
    color: #000
}

del {
    text-decoration: line-through
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

hr {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

a {
    color: inherit
}

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

a:hover {
    text-decoration: none;
}

fieldset {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

label {
    vertical-align: middle
}

select, input[type='text'], input[type='password'], input[type='submit'], input[type='search'], input[type="reset"], input[type="button"], input[type="file"], input[type="reset"], button, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: noneappearance:none;
    border-radius: 0;
    border: 0;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: noneappearance:none;
}

button, select, input[type="radio"], input[type='submit']input[type="search"], input[type="button"] {
    overflow: visible;
    cursor: pointer
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

textarea {
    resize: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: noneappearance: none;
}

select::-ms-expand {
    display: none
}

/* CLEAR FIX*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

/* font */
.fW-L {
    font-family: 'NotoSansKR-L';
}

.fW-R {
    font-family: 'NotoSansKR-R';
}

.fW-M {
    font-family: 'NotoSansKR-M';
}

.fW-B {
    font-family: 'NotoSansKR-B';
}

.fL {
    float: left;
}

.fR {
    float: right;
}

.posiR {
    position: relative;
}

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

.txA-L {
    text-align: left;
}

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

.txC-R {
    color: #E52F2F !important;
}

.txC-BU1 {
    color: #2F60E5 !important;
}

.txC-BU2 {
    color: #2559AC !important;
}

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

.sp-re {
    font-size: 0;
}

.ic, .img {
    font-size: 0;
}

.dispN {
    display: none !important;
}

.mT05 {
    margin-top: 5px !important;
}

.mT10 {
    margin-top: 10px !important;
}

.mT20 {
    margin-top: 20px !important;
}

.mT30 {
    margin-top: 30px !important;
}

.mT40 {
    margin-top: 40px !important;
}

.mT60 {
    margin-top: 60px !important;
}

.mR05 {
    margin-right: 05px !important;
}

.mR10 {
    margin-right: 10px !important;
}

.mR20 {
    margin-right: 20px !important;
}

.mR30 {
    margin-right: 30px !important;
}

.mR40 {
    margin-right: 40px !important;
}

.mB05 {
    margin-bottom: 5px !important;
}

.mB10 {
    margin-bottom: 10px !important;
}

.mB20 {
    margin-bottom: 20px !important;
}

.mB30 {
    margin-bottom: 30px !important;
}

.mB40 {
    margin-bottom: 40px !important;
}

.mL05 {
    margin-left: 5px !important;
}

.mL10 {
    margin-left: 10px !important;
}

.mL20 {
    margin-left: 20px !important;
}

.mL30 {
    margin-left: 30px !important;
}

.mL40 {
    margin-left: 40px !important;
}

.tx.noti {
    font-size: 13px;
    color: #000;
    text-align: center;
}

/* -------------------- input -------------------- */
input[type='text'],
input[type='password'],
input[type='submit'],
input[type='email'],
input[type='number'],
input[type='search'],
textarea,
.select-box {
    width: 100%;
    font-size: 15px;
    letter-spacing: 0px;
    background-color: transparent;
    border: 0;
    border-radius: 3px;
    color: #777;
}

input[type='text'],
input[type='password'],
input[type='submit'],
input[type='email'],
input[type='number'],
input[type='search'],
textarea {
    padding: 0 12px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

input[type='text'],
input[type='password'],
input[type='submit'],
input[type='email'],
input[type='number'],
input[type='search'],
.select-box {
    display: inline-block;
    height: 48px;
}

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

input[type="number"] {
    -moz-appearance: textfield;
}

input,
textare,
input:focus,
textarea:focus,
input:active,
textarea:active {
    outline: none;
}

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

textarea {
    padding: 12px;
    resize: none;
}

::-webkit-input-placeholder {
    font-size: 15px;
    color: #aaa;
    vertical-align: middle;
    opacity: 1;
}

::-moz-placeholder {
    font-size: 15px;
    color: #aaa;
    vertical-align: middle;
    opacity: 1;
}

:-ms-input-placeholder {
    font-size: 15px;
    color: #aaa;
    vertical-align: middle;
    opacity: 1;
}

:-moz-placeholder {
    font-size: 15px;
    color: #aaa;
    vertical-align: middle;
    opacity: 1;
}

input::placeholder {
    font-size: 15px;
    color: #aaa;
    vertical-align: middle;
    opacity: 1;
}

.placeholder {
    font-size: 15px;
    color: #aaa;
    vertical-align: middle;
    opacity: 1;
}

.select-box {
    position: relative;
    background-image: url(images/PC-arr_sel.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 50%;
    background-size: 22px auto;
    overflow: hidden;
    color: #777;
}

.select-box label {
    display: inline-block;
    width: calc(100% - 26px);
    padding: 0 12px;
    position: absolute;
    text-align: left;
    line-height: 46px;
    white-space: nowrap;
    overflow: hidden;
}

.select-box select {
    width: 100%;
    height: 100%;
    padding: 0 12px;
    opacity: 0;
    box-sizing: border-box;
    filter: alpha(opacity=0);
    white-space: normal;
}

.select-box select option {
    padding: 4px 0;
    font-size: 15px;
    color: #777;
}

.checks {
    display: inline-block;
    position: relative;
    font-size: 0;
    line-height: 1;
    vertical-align: middle;
}

.checks input {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    background-color: transparent;
    display: none;
}

.checks label {
    cursor: pointer;
    font-size: 15px;
    color: #444;
}

.checks input + label {
    padding-left: 27px;
}

.checks.noTx input + label {
    padding-left: 20px;
}

.checks input + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.checks input[type="checkbox"] + label {
    line-height: 20px;
}

.checks input[type="checkbox"] + label:before {
    border-radius: 2px;
    background-color: #E2E2E2;
}

.checks input[type="checkbox"]:checked + label:before {
    background-color: #2F60E5;
    background-image: url(images/PC-ic_check.png);
}

.checks input[type="radio"] + label {
    line-height: 18px;
}

.checks input[type="radio"] + label:before {
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #DEDEDE;
}

.checks input[type="radio"]:checked + label:before {
    border: 1px solid #2F60E5;
}

.checks input[type="radio"]:checked + label:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #2F60E5;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
}

.checks .view {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    border: 1px solid #606060;
    border-radius: 50%;
    background: url(images/PC-view_ic.png) no-repeat center / 100% auto;
    font-size: 0;
    vertical-align: sub;
}

.checks.bold label {
    font-family: 'NotoSansKR-B';
    color: #000;
}

.checkList {
    line-height: 1;
}

.checkList .checks {
    vertical-align: top;
}

.checkList.inline .checks {
    display: inline-block;
}

.checkList.block .checks {
    display: block;
}

.checkList.inline .checks:nth-child(n+2) {
    margin-left: 16px;
}

.checkList.block .checks:nth-child(n+2) {
    margin-top: 10px;
}

/* -------------------- 버튼 & 탭 -------------------- */
.btn {
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    border-radius: 3px;
    font-family: 'NotoSansKR-M';
    font-size: 16px;
    color: #999;
    line-height: 1;
}

.btn + .btn {
    margin-left: 7px;
}

.btn.BU {
    border-color: #2559AC;
    background-color: #2559AC;
    color: #fff;
}

.btn.GY {
    border-color: #C6C6C6;
    background-color: #C6C6C6;
    color: #fff;
}

.btn.WH {
    border-color: #fff;
    background-color: #fff;
    color: #999;
}

.btn.line,
.btn.lineBU {
    border-color: #B5B5B5;
    background-color: #fff;
    font-family: 'NotoSansKR-R';
    color: #999;
}

.btn.line {
    padding: 8px 20px;
}

.btn.lineBU {
    padding: 8px 14px;
}

.btn.line.active {
    color: #2559AC;
    border-color: #2559AC;
    background-color: #fff;
    font-family: 'NotoSansKR-M';
}

.btn.line.chk-ic {
    height: 46px;
    padding: 8px 10px 8px 15px;
}

.btn.line.chk-ic .tx {
    margin-left: -10px;
    padding-left: 28px;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 23px auto;
    background-image: url(images/PC-line_ic_chk.png);
}

.btn.line.chk-ic .tx.left {
    display: inline-block;
    line-height: 1;
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    text-align: left;
    background-position: 100% 50%;
    background-image: none;
}

.btn.line.chk-ic.active {
    color: #2559AC;
    border-color: #2559AC;
    background-color: #fff;
}

.btn.lineBU {
    border-color: #2559AC;
    color: #2559AC;
}

.btn.lineBU.active {
    border-color: #2559AC;
    background-color: #2559AC;
    color: #fff;
}

.btn.line.chk-ic.active .tx {
    font-family: 'NotoSansKR-B';
    color: #2559AC;
    background-image: url(images/PC-line_ic_chk_active.png);
}

.btn.round {
    border-radius: 25px;
}

.inBtn {
    padding: 4px 12px 5px;
    font-size: 13px;
    color: #fff;
    background-color: #C6C6C6;
    border-radius: 3px;
}

.btnAr.btm {
    margin-top: 40px;
}

.btnAr.btm .btn {
    height: 54px;
    font-size: 17px;
}

.btn.BU.plus {
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    background-size: 15px auto;
    background-image: url(images/PC-btn_ic_plus.png);
}

.btnAr {
    font-size: 0;
}

.btnAr .btn {
    display: inline-block;
    height: 50px;
}

.btnAr .btn {
    width: 100%;
}

.btnAr .btn:nth-child(n+2) {
    margin-left: 10px;
}

.btnAr.col2 .btn {
    width: calc(99.9% / 2 - (10px / 2));
}

.btnAr.col1.row .btn {
    margin-left: 0;
}

.btnAr.row .btn:nth-child(n+2) {
    margin-top: 10px;
}

.btnAr.col2.row .btn {
    margin: 0;
}

.btnAr.col2.row .btn:nth-child(even) {
    margin-left: 10px;
}

.btnAr.col2.row .btn:nth-child(n+3) {
    margin-top: 6px;
}

.btnAr + .noti {
    margin-top: 14px;
}

.btnAr.btm.fixedBtm {
    width: 100%;
    margin-top: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 -1px 12px rgba(0, 0, 0, 0.12);
    z-index: 990;
}

.mainPage .btnAr.btm.fixedBtm,
.menuPage .btnAr.btm.fixedBtm {
    max-width: 940px;
}

.subPage .btnAr.btm.fixedBtm {
    max-width: 540px;
    bottom: 0;
}

.btnAr.btm.fixedBtm .btn {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.btnAr.btm.fixedBtm .btn:nth-child(n+2) {
    margin-left: 0;
}

.btnAr.btm.fixedBtm.col2 .btn {
    width: calc(99.9% / 2);
}

.btnAr.btm.fixedBtm.col2 .btn:nth-child(1) {
    border-top-right-radius: 0;
}

.btnAr.btm.fixedBtm.col2 .btn:nth-child(2) {
    border-top-left-radius: 0;
}

.btnInAr .btn {
    width: auto;
}

.txUnBtn {
    text-decoration: underline;
}

.txUnBtn.BL {
    color: #2F60E5;
}

.tabWp {
    width: 100%;
    font-size: 0;
    letter-spacing: 0;
}

.tabWp.col2 .tab {
    width: 50%;
}

.tabWp.col3 .tab {
    width: 33.33333333%;
}

.tabWp.col4 .tab {
    width: 25%;
}

.tabWp.space .tab:nth-child(n+2) {
    margin-left: 10px;
}

.tabWp.space.col2 .tab {
    width: calc(99.9% / 2 - (10px / 2));
}

.tabWp.space.col3 .tab {
    width: calc(99.9% / 3 - (20px / 3));
}

.tabWp.space.col4 .tab {
    width: calc(99.9% / 4 - (30px / 4));
}

.tabWp .tab {
    display: inline-block;
}

.tabWp .tabBtn {
    width: 100%;
    height: 100%;
}

.tabWp.line {
    background-color: #fff;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #E8E8E8;
    border-bottom-color: #E3E3E3;
}

.tabWp.line .tab {
    height: 56px;
}

.tabWp.line .tabBtn {
    font-size: 15px;
    color: #333;
    border-bottom: 2px solid transparent;
}

.tabWp.line .tab.active .tabBtn {
    font-family: 'NotoSansKR-M';
    color: #2559AC;
    border-bottom: 2px solid #2559AC;
}

.tabWp.line .tab.ic {
    height: 68px;
}

.tabWp.line .tab.ic .tabBtn .tx {
    font-size: 14px;
    color: #888;
}

.tabWp.line .tab.ic.active .tabBtn .tx {
    font-family: 'NotoSansKR-M';
    color: #2559AC;
}

.tabWp.line .tab.ic .tabBtn .tx:before {
    content: '';
    display: block;
    width: 33px;
    height: 29px;
    margin: 0 auto 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.tabWp.GY {
    background-color: #747474;
}

.tabWp.GY .tab {
    height: 50px;
}

.tabWp.GY .tabBtn {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.8);
}

.tabWp.GY .tab.active .tabBtn {
    background-color: #555;
    color: rgba(255, 255, 255, 1);
}

.tabWp.sub {
    text-align: center;
    background-color: #F2F2F3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
}

.tabWp.sub .tab {
    padding: 15px 4% 15px;
    box-sizing: content-box;
}

.tabWp.sub .tab .tabBtn {
    font-size: 15px;
    color: #888;
}

.tabWp.sub .tab.active .tabBtn {
    font-family: 'NotoSansKR-M';
    color: #222;
}

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

.tabWp.round .tab {
    max-width: 260px;
    height: 40px;
    border-radius: 20px;
}

.tabWp.round .tab {
    color: #888;
    background-color: #eee;
    overflow: hidden;
}

.tabWp.round .tab .tabBtn {
    font-size: 15px;
}

.tabWp.round .tab.active {
    background-color: #848484;
}

.tabWp.round .tab.active .tabBtn {
    font-family: 'NotoSansKR-B';
    color: #fff;
}

.tabWp.icon .tabBtn {
    height: 56px;
    background-color: #fff;
    border: 1px solid #B5B5B5;
    border-radius: 3px;
}

.tabWp.icon .tab.active .tabBtn {
    background-color: #2F60E5;
    border: 1px solid #2F60E5;
}

.tabWp.icon .tabBtn .tx {
    margin-top: 4px;
    font-size: 13px;
    color: #999;
}

.tabWp.icon .tab.active .tabBtn .tx {
    color: #fff;
}

.tabWp.icon .tabBtn .tx:before {
    content: '';
    display: block;
    width: 16px;
    height: 17px;
    margin: 0 auto 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.tabWp.line .tab.ic .tabBtn.faq .tx:before {
    background-image: url(images/PC-cs_ic_faq.png);
}

.tabWp.line .tab.ic.active .tabBtn.faq .tx:before {
    background-image: url(images/PC-cs_ic_faq_on.png);
}

.tabWp.line .tab.ic .tabBtn.noti .tx:before {
    background-image: url(images/PC-cs_ic_noti.png);
}

.tabWp.line .tab.ic.active .tabBtn.noti .tx:before {
    background-image: url(images/PC-cs_ic_noti_on.png);
}

.tabWp.line .tab.ic .tabBtn.oneOn .tx:before {
    background-image: url(images/PC-cs_ic_oneOn.png);
}

.tabWp.line .tab.ic.active .tabBtn.oneOn .tx:before {
    background-image: url(images/PC-cs_ic_oneOn_on.png);
}

.tabWp.icon .tab .tabBtn.countryLock .tx:before {
    background-image: url(images/PC-tab_country_lock.png);
}

.tabWp.icon .tab.active .tabBtn.countryLock .tx:before {
    background-image: url(images/PC-tab_country_lock_on.png);
}

.tabWp.icon .tab .tabBtn.cancelProtect .tx:before {
    background-image: url(images/PC-tab_cancel_protect.png);
}

.tabWp.icon .tab.active .tabBtn.cancelProtect .tx:before {
    background-image: url(images/PC-tab_cancel_protect_on.png);
}

.tabWp.icon .tab .tabBtn.usim-replacement .tx:before {
    background-image: url(images/PC-tab_usim.png);
}

.tabWp.icon .tab.active .tabBtn.usim-replacement .tx:before {
    background-image: url(images/PC-tab_usim_on.png);
}

.tabWp.icon .tab .tabBtn.roaming-setting .tx:before {
    background-image: url(images/PC-tab_roaming.png);
}

.tabWp.icon .tab.active .tabBtn.roaming-setting .tx:before {
    background-image: url(images/PC-tab_roaming_on.png);
}

.contents > .tabWp {
    margin-bottom: 40px;
}

.content .tabWp:not(.line) {
    margin-bottom: 30px;
}

/* -------------------- 테이블 -------------------- */
.tbWp table {
    width: 100%;
}

.tbWp table .th,
.tbWp table .td {
    height: 46px;
    vertical-align: middle;
    text-align: center;
}

.tbWp table .th {
    font-weight: normal;
    border: 1px solid #E0E0E2;
    background-color: #F2F2F3;
}

.tbWp table .th .tx,
.tbWp table .td .tx {
    display: inline-block;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 20px;
}

.tbWp table .th .tx {
    color: #555;
}

.tbWp table .td {
    border: 1px solid #e5e5e5;
}

.tbWp table .td .tx {
    color: #000;
}

.tbWp .noti {
    margin-top: 10px;
}

/* -------------------- 폼 레이아웃 -------------------- */
.formAr {
    width: 100%;
    margin-bottom: 10px;
    font-size: 0;
}

.formAr:last-child {
    margin-bottom: 0;
}

.inpBox {
    height: 48px;
    font-size: 0;
}

.inpBox + .inpBox {
    margin-top: 10px;
}

.inp {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #F2F2F3;
    border: 1px solid #E8E8E8;
    border-radius: 3px;
}

.fullInp {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #F2F2F3;
    border: 1px solid #E8E8E8;
    border-radius: 3px;
}

.inp > * {
    vertical-align: middle;
}

.inpBox .inp:nth-child(n+2) {
    margin-left: 10px;
}

.inpBox.col2 .inp {
    width: calc(99.9% / 2 - 5px);
}

.inpBox.col3 .inp {
    width: calc(99.9% / 3 - (20px / 3));
}

.inpBox input,
.inpBox .select-box {
    height: 100%;
}

.formAr.labTy {
    margin-bottom: 15px;
}

.formAr.labTy:last-child {
    margin-bottom: 0;
}

.formAr.labTy .label {
    margin-bottom: 6px;
    font-size: 15px;
    color: #000;
}

.inpBox.combine > * {
    display: inline-block !important;
    vertical-align: top;
}

.combin.Rbtn .inp {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.combin.Rbtn .comBtn {
    height: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.combine .btnAr {
    height: 100%;
}

.combine .btnAr .btn {
    height: 100%;
}

.combin.code .inp {
    width: calc(100% - 28%);
}

.combin.code .comBtn {
    width: 28%;
}

.inpBox.combine.gender .inp {
    width: calc(100% - 115px);
}

.inpBox.combine.gender .fullInp {
    width: 100%;
}

.inpBox.combine.gender .btnAr {
    width: 105px;
    margin-left: 8px;
}

.gender .btnAr .btn:nth-child(n+2) {
    margin-left: 4px;
}

.gender .btnAr.col2 .btn {
    width: calc(99.9% / 2 - (4px / 2));
    padding: 8px 10px;
}

.inpBox.combinTx .inp {
    margin-right: 0px;
    margin-left: 0px;
}

.combinTx .inpTx {
    display: inline-block;
    width: 32px;
    font-size: 15px;
    text-align: center;
}

.inpBox.combinTx.inpCol1 > .inp,
.combinTx.inpCol1 > input {
    width: calc(100% - 32px);
}

.inpBox.combinTx.inpCol2 > .inp,
.combinTx.inpCol2 > input {
    width: calc(100% / 2 - 16px);
}

.inpBox.combinTx.inpCol3 > .inp,
.combinTx.inpCol3 > input {
    width: calc(100% / 3 - 22px);
}

.inp.inChk {
    position: relative;
}

.inp.inChk input {
    width: calc(100% - 40px);
}

.inp.inChk .chk {
    display: inline-block;
    height: 100%;
    width: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
    position: absolute;
    top: 0;
    right: 0;
}

.inp.inChk .chk.success {
    background-image: url(images/PC-inp_chk_success.png);
}

.inp.inChk .chk.fail {
    background-image: url(images/PC-inp_chk_fail.png);
}

.formWp .formAr + .btnAr {
    margin-top: 20px;
}

.formAr .btnAr.btm {
    margin-top: 10px;
}

.formWp + .btnAr.btm {
    margin-top: 20px;
}

/* -------------------- popup -------------------- */
.pop-con input[type='text'],
.pop-con input[type='password'],
.pop-con input[type='submit'],
.pop-con input[type='email'],
.pop-con input[type='number'],
.pop-con input[type='search'],
.pop-con textarea,
.pop-con .select-box {
    font-size: 20px;
}

.pop-con input[type='text'],
.pop-con input[type='password'],
.pop-con input[type='submit'],
.pop-con input[type='email'],
.pop-con input[type='number'],
.pop-con input[type='search'],
.pop-con .select-box {
    display: inline-block;
    height: 52px;
}

.pop-con input[type='text'],
.pop-con input[type='password'],
.pop-con input[type='submit'],
.pop-con input[type='email'],
.pop-con input[type='number'],
.pop-con input[type='search'],
.pop-con textarea {
    padding: 5px 20px 6px;
}

.pop-con .select-box label {
    line-height: 52px;
    padding: 0 20px 0;
}

.popWpper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
}

.popWpper .dim {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
}

.popContainer {
    height: auto;
    background-color: #fff;
    border: 1px solid #E2E2E2;
    box-shadow: 0 -1px 12px rgba(0, 0, 0, 0.12);
    position: absolute;
    z-index: 3000;
}

.popContainer > .close {
    width: 38px;
    height: 38px;
    background: url(images/PC-pop_ic_close.png) no-repeat center / 26px;
    position: absolute;
    top: 0;
    right: 0;
}

.popContainer.center {
    width: 100%;
    max-width: 400px;
    padding: 25px 20px 20px;
    border-radius: 6px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.popContainer.bottom {
    width: 100%;
    max-width: 540px;
    padding: 28px 20px 22px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    bottom: 0%;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}

.popContainer.fixedBtm {
    right: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.popWP.noTit {
    padding-top: 20px;
}

.popWP.noBody .popContTit {
    padding-bottom: 5px;
}

.popContTit {
    text-align: center;
}

.popContTit .tit {
    font-family: 'NotoSansKR-M';
    font-size: 18px;
    color: #000;
}

.popContTit .txt {
    padding-top: 8px;
    font-size: 14px;
    color: #888;
}

.popContTit + .popBody {
    margin-top: 25px;
}

.popContainer.bottom .popContTit + .popBody {
    margin-top: 30px;
}

.popContTit.line {
    padding-bottom: 20px;
    border-bottom: 1px solid #E8E8E8;
}

.popBody {
    width: 100%;
}

.popWP .btnAr.btm {
    margin-top: 20px;
}

.popBtm {
    margin-top: 10px;
    margin-bottom: -5px;
    text-align: right;
}

.popContainer .agreeChk {
    padding-bottom: 10px;
}

.popBody .btnAr.row .btn {
    height: 46px;
}

.popBody .date-pick {
    margin-bottom: 5px;
    line-height: 40px;
}

.popBody .date-pick:last-child {
    margin-bottom: 0;
}

.popBody .date-pick:after {
    content: '';
    display: block;
    clear: both;
}

.popBody .date-pick .tit {
    display: inline-block;
    width: calc(100% - 160px);
    font-family: 'NotoSansKR-M';
    font-size: 14px;
    color: #000;
}

.popBody .date-pick .pick-btn {
    width: 150px;
    height: 40px;
    padding: 0 15px;
    border-radius: 3px;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 93% 50%;
    background-size: 20px auto;
    background-color: #F2F2F3;
    background-image: url(images/PC-date_pick_ic.png);
}

.popBody .date-pick .pick-btn .tx {
    display: inline-block;
    width: 100px;
    margin-top: -1px;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 1;
}

.popContainer.calendarPop {
    padding: 20px 14px 20px;
}

.popContainer.calendarPop .popBtm {
    margin-top: 0px;
}

.popContainer.calendarPop .popBtm .complete {
    margin-right: 10px;
}

.popBody .calendarWp {
    padding: 0 0;
}

.popWP .btnAr .insuranceBtn {
    height: auto;
    padding: 10px 0;
    background-color: #FACC16;
    border: 0;
}

.popWP .btnAr .insuranceBtn .tx01 {
    font-size: 13px;
    color: #fff;
}

.popWP .btnAr .insuranceBtn .tx02 {
    font-size: 16px;
    color: #000;
}

/* 국가 검색 모달 하단 팝업 */
.popBody .selected-country .name {
    display: inline-block;
    margin-right: 6px;
    padding: 6px 10px 6px 14px;
    background-color: #2F60E5;
    border-radius: 5px;
    line-height: 1;
}

.popBody .selected-country .name .tx {
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
}

.popBody .selected-country .name .del {
    width: 20px;
    height: 20px;
    margin-left: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px auto;
    background-image: url(images/PC-country_del_wh.png);
    vertical-align: middle;
}

/* 도시락 포인트 */
.popBody .pointAr .usable-point {
    display: inline-block;
    font-size: 17px;
}

.popBody .pointAr .usable-point .txt {
    color: #000;
    line-height: 44px;
}

.popBody .pointAr .usable-point .point {
    margin-left: 10px;
}

.popBody .pointAr .pointInp {
    float: right;
    width: calc(100% - 180px);
    height: 40px;
}

.popBody .pointCtrl {
    margin-top: 20px;
    margin-bottom: 5px;
}

.popBody .pointCtrl .resetBtn {
    float: right;
    padding: 5px 19px 5px 13px;
    font-size: 14px;
    border: 1px solid #2F60E5;
    border-radius: 16px;
}

.popBody .pointCtrl .resetBtn .tx {
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 20px auto;
    background-image: url(images/PC-point_reset.png);
}

/* 수령장소 선택 리스트 */
.popBody .receive-place-sel {
    width: calc(100% + 40px);
    margin-left: -20px;
}

.popBody .receive-placeWp .receive-place-list {
    min-height: 414px;
}

/* -------------------- layout -------------------- */
/* 컨텐츠 */
html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%; /*height: 100%;*/
    font-size: 16px;
    line-height: 1.5;
    background-color: #fff;
}

.wrap {
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.wTy1 {
    width: 1280px;
    margin: auto;
}

.wTy2 {
    max-width: 960px;
    margin: auto;
}

.wTy3 {
    max-width: 520px;
    margin: auto;
}

.wrap.menuPage,
.wrap.subPage,
.wrap.productDetailPage {
    width: 100%;
    height: 100.5%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
}

.wrap:not(.mainPage) {
    overflow-y: auto;
}

.wrap.menuPage {
    margin: auto;
    background-color: #fff;
    z-index: 2400;
}

.wrap.subPage {
    z-index: 2400;
}

.wrap.productDetailPage {
    z-index: 2400;
}

.wrap.addressPage {
    z-index: 3400;
}

.wrap.guestAgreeWrap, .wrap.agreementPrivacyWrap, .wrap.agreementUseWrap, .wrap.useInfoWrap, .wrap.inquiryDetailWrap {
    z-index: 3400;
}

.wrap.menuPage .container,
.wrap.subPage .container,
.wrap.productDetailPage .container {
}

.wrap.menuPage .container {
    padding-bottom: 120px;
}

.wrap.menuPage .container,
.wrap.subPage .container {
    padding-top: 80px; /*height: 100%;*/
}

.wrap.subPage .container {
    padding-bottom: 80px;
    background-color: #fff;
}

.contents {
    padding-top: 20px;
}

.wrap .contents.pT-0,
.wrap .contents.pT-0 {
    padding-top: 0;
}

.wrap .contents.pT-ty01,
.wrap .contents.pT-ty01 {
    padding-top: 40px;
}

.wrap .contents.pT-ty02,
.wrap .contents.pT-ty02 {
    padding-top: 60px;
}

.wrap.subPage .tabWp.line {
    background-color: #F8F8F8;
    border-top-width: 0;
}

.contents {
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

.contents.wTy2 {
    padding-left: 10px;
    padding-right: 10px;
}

.contTit {
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center;
    color: #000;
}

.contTit .tit {
    font-family: 'NotoSansKR-M';
    font-size: 18px;
}

.contTit .txt {
    margin-top: 6px;
    font-size: 14px;
}

.contTit .txt.txC-GY {
    color: #999;
}

.content {
    margin-bottom: 40px;
}

.content:last-child {
    margin-bottom: 0;
}

.content .contTit {
    margin-bottom: 30px;
}

.container.GY {
    background-color: #F2F2F3;
}

.noticeWp {
    display: block;
}

.noticeWp .noticeTit, .noticeWp .noticeTxt {
    display: block;
    font-size: 14px;
    color: #000;
}

/* 헤더 */
.headerWp {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
}

.headerWp.scroll {
    position: absolute;
}

.headerWp .header {
    height: 80px;
    position: relative;
}

.headerWp .header .close,
.headerWp .header .back {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.headerWp .header .close {
    right: 10px;
}

.headerWp .header .back {
    left: 0px;
}

.wrap.subPage .headerWp .header .close {
    right: 0px;
}

.wrap.subPage .headerWp .header .back {
    left: 10px;
}

.headerWp .header .headerTit {
    font-family: 'NotoSansKR-M';
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.wrap.menuPage .headerWp {
    background-color: #2559AC;
}

.wrap.menuPage .headerWp .header .headerTit {
    color: #fff;
}

.wrap.menuPage .headerWp .header .close {
    background-image: url(images/PC-header_ty1_close.png);
}

.wrap.menuPage .headerWp .header .back {
    background-image: url(images/PC-header_ty1_back.png);
}

.wrap.subPage .headerWp {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #DEDEDE;
}

.wrap.subPage .headerWp .header .headerTit {
    color: #000;
}

.wrap.subPage .headerWp .header .close {
    background-image: url(images/PC-header_ty2_close.png);
}

.wrap.subPage .headerWp .header .back {
    background-image: url(images/PC-header_ty2_back.png);
}

/* 푸터 */
.footerWp {
    width: 100%;
    height: 200px;
    background-color: #292929;
    text-align: center;
    color: #999;
    line-height: 200px;
}

.footerWp .wTy2 {
    display: inline-block;
    vertical-align: middle;
}

.footerWp .footerLink {
    margin-bottom: 6px;
    font-size: 0;
}

.footerWp .footerLink .linkBtn {
    margin-right: 12px;
    margin-left: 12px;
    font-size: 15px;
    position: relative;
}

.footerWp .footerLink .linkBtn:after {
    content: '';
    display: block;
    width: 1px;
    height: 11px;
    background-color: #676767;
    position: absolute;
    top: 6px;
    right: -12px;
}

.footerWp .footerLink .linkBtn:last-child:after {
    display: none;
}

.footerWp .companyName {
    margin-bottom: 6px;
    font-family: 'NotoSansKR-B';
    font-size: 16px;
}

.footerWp .companyInfo .tx {
    display: inline-block;
    margin: 0 5px;
    font-size: 13px;
}

.footerWp .copy {
    margin-top: 2px;
    font-size: 11px;
}

.footerWp select {
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.footerWp select::-ms-expand {
    display: none;
}

.footerWp select {
    width: 160px; /* 원하는 너비설정 */
    padding: 8px 10px; /* 여백으로 높이 설정 */
    margin: 10px 0;
    font-family: inherit; /* 폰트 상속 */
    background: url('//blob.wifidosirak.com/wm-d01/dosirakusim/img/selectArrow.png') no-repeat 95% 54%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    background-color: #292929;
    border: 1px solid #999;
    color: #999;
    font-size: 12px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

.footerWp select:focus {
    outline: none;
}

.footerWp select option {
    background-color: #fff;
    color: #333;
}

/* GNB */
.gnbWp {
    width: 100%;
    height: 54px;
    font-size: 0;
    background-color: #FACC16;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.12);
    z-index: 2300 !important;
}

.gnbWp .gnb {
    max-width: 835px;
}

.gnbWp .gnbList {
    height: 100%;
    box-sizing: content-box;
    padding: 0 40px;
    font-size: 16px;
}

.gnbWp .gnbList .gnbBtn {
    height: 100%;
}

.gnbWp .gnbList .gnbBtn .tx {
    font-family: 'NotoSansKR-B';
    color: #fff;
    position: relative;
}

.gnbWp .gnbList.active .gnbBtn .tx {
    color: #001940;
}

.gnbWp .gnbList.active .gnbBtn .tx:after {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #001940;
    position: absolute;
    top: -2px;
    right: -4px;
}

/* 텍스트 박스 */
.txBoxWp {
    width: 100%;
    font-size: 0;
}

.txBoxWp .txColAr {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    vertical-align: top;
}

.txBoxWp .txColAr:last-child {
    margin-bottom: 0;
}

.txBlock {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.txBlock:nth-child(n+2) {
    margin-left: 10px;
}

.txColAr.col2 .txBlock {
    width: calc(99.9% / 2 - 5px);
}

.txBlock .txBoxTit {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px 15px 9px;
    font-family: 'NotoSansKR-M';
    font-size: 15px;
    color: #fff;
    text-align: center;
    background-color: #3668b7;
}

.txBlock .txBoxTit.txAL {
    text-align: left;
}

.txBlock .txBoxTit .smTx {
    display: block;
    font-size: 12px;
}

.txBoxCon .txBox {
    display: inline-block;
    width: 100%;
    margin-bottom: 6px;
    padding: 14px 15px;
    background-color: #F2F2F3;
    color: #777;
    vertical-align: top;
}

.txBoxCon .txBox:last-child {
    margin-bottom: 0;
}

.txBoxCon.col2 .txBox {
    width: calc(99.9% / 2 - 5px);
}

.txBoxCon.col2 .txBox:nth-child(odd) {
    margin-right: 10px;
}

.txColAr .txCol {
    margin-bottom: 16px;
}

.txColAr .txCol:last-child {
    margin-bottom: 0;
}

.txBoxCon .txBox .tit {
    margin-bottom: 5px;
}

.txBoxCon .txBox .tit + .tit {
    margin-top: 16px;
}

.txBoxCon .txBox .txt {
    margin-bottom: 4px;
}

.txBoxCon .txBox .txt:last-child {
    margin-bottom: 0;
}

.txBoxCon .txBox .txCol .tit,
.txBoxCon .txBox .txCol .txt {
    display: inline-block;
}

.txBox .txt.dot {
    padding-left: 9px;
}

.txBox .txt.dot:before {
    content: '･';
    margin-left: -12px;
    margin-right: 6px;
}

.txRow + .txRow {
    margin-top: 12px;
}

.txRow:first-child {
    margin-top: 0;
}

.txRow.col2 .txt {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.txBox {
    position: relative;
}

.txBox .pointIc {
    float: left;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.txBox .pointIc .icon {
    display: block;
    font-size: 0;
}

.txBox .pointIc .icon {
    width: 100%;
    height: 100%;
}

.txBox .txRow.icTxCon {
    padding-left: 68px;
    width: 100%;
}

.txBoxCon.character .txBox {
    min-height: 100px;
}

.txBoxWp .contTit {
    margin-top: 20px;
    margin-bottom: 20px;
}

.txBoxCon .noti {
    text-align: left;
}

.wrap.subPage .txColAr .txBoxTit {
    background-color: #2559AC;
}

.txBlock.memberInfo .txBoxTit {
    margin-bottom: 15px;
}

.txBlock.memberInfo .txBoxCon {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 0;
}

.txBlock.memberInfo .txBoxCon:last-child {
    margin-bottom: 0;
}

.txBlock.memberInfo .infoTit {
    margin-bottom: 6px;
    font-family: 'NotoSansKR-M';
    color: #000;
}

.txBlock.memberInfo .infoCon .txt {
    display: inline-block;
    color: #888;
    line-height: 28px;
}

.txBlock.memberInfo .infoCon .inBtn {
    float: right;
}

.txBlock.memberInfo .btn.lineBU {
    font-size: 14px;
}

.txBox .tit {
    font-family: 'NotoSansKR-M';
    font-size: 15px;
    color: #000;
}

.txBox .txt {
    font-size: 14px;
    line-height: 22px;
}

/* 리스트 */
.boardAr .list {
    border-bottom: 1px solid #F2F2F3;
    position: relative;
}

.boardAr .list .listTit {
    padding-top: 18px;
    padding-bottom: 18px;
    position: relative;
}

.boardAr .list .tit {
    display: inline-block;
    width: calc(100% - 40px);
    font-family: 'NotoSansKR-M';
    font-size: 15px;
    color: #000;
}

.boardAr .list .txt {
    margin-top: 3px;
    font-size: 13px;
    color: #777;
}

.boardAr .list .view {
    width: 19px;
    height: 19px;
    background: url(images/PC-board_ic_plus.png) no-repeat center / 100% auto;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.boardAr .list .view.open {
    background: url(images/PC-board_ic_minus.png) no-repeat center / 100% auto;
}

.boardAr .list .listCon {
    width: 100%;
    padding: 20px;
    font-size: 14px;
    line-height: 22px;
    color: #777;
    background-color: #F2F2F3;
}

.boardAr .list .listCon .imgAr img {
    width: 100%;
    max-width: 600px;
}

.boardAr .list .poiR {
    text-align: right;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.boardAr.faq .list {
    cursor: pointer;
}

.boardAr.faq .list .listTit {
    padding-top: 24px;
    padding-bottom: 24px;
}

.boardAr.faq .list .tit {
    padding-left: 26px;
}

.boardAr.faq .list .tit:before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-top: 3px;
    margin-right: 7px;
    margin-left: -26px;
    background: url(images/PC-board_ic_em.png) no-repeat center / 100% auto;
    vertical-align: text-top;
}

.boardAr.que .list .state {
    display: inline-block;
    padding: 4px 9px 4px 5px;
    font-family: 'NotoSansKR-M';
    font-size: 11px;
    color: #fff;
    background-color: #B5B5B5;
    line-height: 14px;
    border-radius: 11px;
}

.boardAr.que .list .state.complete {
    background-color: #2F60E5;
}

.boardAr.que .list .state:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    line-height: 14px;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    vertical-align: top;
}

.boardAr.que .list .state.unAnswer:before {
    background-image: url(images/PC-que_ic_unAnswer.png);
}

.boardAr.que .list .state.complete:before {
    background-image: url(images/PC-que_ic_complete.png);
}

.boardAr .list .del {
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-image: url(images/PC-list_ic_del.png);
}

.boardAr.bgGY .list {
    margin-bottom: 6px;
    border-bottom: 0;
}

.boardAr.bgGY .list .listTit {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #F2F2F3;
}

.boardAr.bgGY .list .tit {
    color: #073277;
}

.boardAr.bgGY .list .listCon {
    background-color: #fff;
}

/* ------------------- style ------------------- */
/* 메인페이지 */
.mainPage {
    min-width: 1280px;
    margin: 0 auto;
    max-width: 1920px;
}

.mainVisualAr {
    width: 100%;
    height: 530px;
    margin: auto;
}

.mainConWrapper {
    padding-bottom: 155px;
    background-color: #F2F2F3;
    font-size: 0;
    position: relative;
}

.mainContabAr {
    display: block;
    width: 100%;
    min-width: 1280px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #f2f2f3
}

.mainContabAr .tabWp {
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
}

.mainContabAr .tab {
    height: 40px;
    padding: 10px 0 11px;
    background-color: #2559AC;
    text-align: center;
    border-right: 1px solid #628BD1;
}

.mainContabAr .tab .tx {
    display: inline-block;
    font-family: 'NotoSansKR-M';
    font-size: 16px;
    color: #fff;
    line-height: 1;
    position: relative;
}

.mainContabAr .tab:nth-child(2) {
    width: 440px;
}

.mainContabAr .tab:nth-child(1),
.mainContabAr .tab:nth-child(3) {
    width: 420px;
}

.mainContabAr .tab:last-child {
    border-right: 0;
}

.mainContabAr .tab:nth-child(1) .tx {
    margin-left: -20px;
}

.mainContabAr .tab:nth-child(3) .tx {
    margin-right: -20px;
}

.mainContabAr.scrollFixed {
    position: fixed;
    top: 0;
    z-index: 100;
}

.mainContabAr .tab .tabBtn {
    cursor: default;
}

.mainContabAr.scrollFixed .tab .tabBtn {
    margin-top: 0;
}

.mainConWp .mainConAr {
    display: inline-block;
    vertical-align: top;
}

.mainConWp .mainConAr:nth-child(2) {
    width: 440px;
}

.mainConWp .mainConAr:nth-child(1),
.mainConWp .mainConAr:nth-child(3) {
    width: 420px;
}

.mainConAr .mainCon {
    width: 396px;
    height: auto;
    margin-top: 20px;
    vertical-align: top;
    font-size: 16px;
    position: relative;
}

.mainConAr:nth-child(1) .mainCon {
    margin-left: 0;
    margin-right: auto;
}

.mainConAr:nth-child(2) .mainCon {
    margin-left: auto;
    margin-right: auto;
}

.mainConAr:nth-child(3) .mainCon {
    margin-left: auto;
    margin-right: 0;
}

.mainConAr:not(:nth-child(2)) .mainCon .content,
.mainCon.product-sel .before-sel {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.mainCon.country-sel .tabWp.line {
    text-align: center;
}

.mainCon.country-sel .tabWp.line .tab {
    padding: 0 10px;
}

.mainCon.country-sel .tabWp.line .tabBtn {
    font-size: 14px;
}

.mainCon.country-sel .country-listWp {
    padding: 0 10px 0;
    font-size: 0;
}

.mainCon .content {
    margin-bottom: 20px;
}

.mainCon .content:last-child {
    margin-bottom: 0;
}

.mainCon .content .conTit {
    padding: 14px 12px;
    background-color: #2559AC;
}

.mainCon .content .conTit .tit {
    padding-left: 24px;
    font-size: 15px;
    color: #fff;
}

.mainCon .content .conTit .tit.pay-opt {
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 17px auto;
    background-image: url(images/PC-mainConTit_pay_opt.png);
}

.country-listWp .selected-country {
    margin-bottom: 20px;
}

.country-listWp .selected-country .name {
    display: inline-block;
    padding: 0 5px;
    font-family: 'NotoSansKR-M';
    font-size: 15px;
    color: #000;
    line-height: 1;
}

.country-listWp .selected-country .name > * {
    vertical-align: middle;
}

.country-listWp .selected-country .name .del {
    width: 19px;
    height: 19px;
    margin-left: 3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px auto;
    background-image: url(images/PC-country_del.png);
}

.country-listWp .country-listAr .country {
    width: calc(99.9% / 3 - (20px / 3));
    height: 39px;
    margin-right: 10px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #4370E8;
    background-color: #fff;
    border: 1px solid #7596F0;
    border-radius: 5px;
}

.country-listWp .country-listAr .country:nth-child(3n) {
    margin-right: 0;
}

.country-listWp .country-listAr .country.active {
    color: #fff;
    background-color: #4370E8;
    border: 1px solid #4370E8;
}

.mainCon.country-sel .country.search {
    width: 100%;
    padding: 20px 0 20px;
    line-height: 0;
}

.mainCon.country-sel .country.search .inp {
    height: 42px;
}

.mainConAr.countryAr .confirm {
    position: fixed;
    left: 0;
    bottom: 54px;
    z-index: 1;
}

/* 상품 결제정보 */
.payment-listAr .infoList .infoAr {
    padding: 0 14px;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}

.payment-listAr .infoList:last-child .infoAr {
    border-bottom: 0;
}

.payment-listAr .infoList .infoAr .txtAt {
    width: calc(100% - 30px);
    line-height: 58px;
}

.payment-listAr .infoList .infoAr .tit,
.payment-listAr .infoList .infoAr .info {
    display: inline-block;
    line-height: 1;
    font-size: 15px;
    color: #000;
    vertical-align: middle;
    margin-top: -2px;
}

.payment-listAr .infoList .infoAr .tit {
    font-family: 'NotoSansKR-M';
}

.payment-listAr .infoList .infoAr .info {
    max-width: 270px;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.payment-listAr .infoList .infoAr .info.value {
    color: #52A1F0;
}

.payment-listAr .infoList .infoAr .r-con {
    line-height: 0;
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.payment-listAr .infoList .infoAr .r-con .arr {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
    background-image: url(images/PC-payment_list_arr_down.png);
}

.payment-listAr .infoList .infoAr .r-con .point {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px solid #444;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px auto;
    background-image: url(images/PC-point_ic.png);
}

.payment-listAr .arrCon.open {
    border-bottom: 1px solid #dadada;
}

.payment-listAr .arrCon.open .infoAr {
    border-bottom: 1px solid #dadada;
}

.payment-listAr .arrCon.open .infoAr .r-con .arr {
    background-image: url(images/PC-payment_list_arr_up.png);
}

.payment-listAr .infoList .infoInputAr {
    padding: 15px 15px;
    background-color: #E5E5E5;
}

.payment-listAr .inputCon {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.payment-listAr .receive-place-sel {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.payment-listAr .receive-place-sel .receive-place-list {
    padding: 15px 15px 0px;
}

.payment-listAr .receive-place-sel .tabWp.line {
    margin-top: -15px;
    border-top: 0;
}

.payment-listAr .infoInputAr.calendarAr {
    height: 415px;
    overflow-y: auto;
}

.payment-listAr .infoInputAr .calendarWp {
    margin-bottom: 6px;
}

.payment-listAr .infoInputAr .calendarWp:last-child {
    margin-bottom: 15px;
}

.payment-listAr .userInfo .formWp {
    padding: 12px 10px;
}

.payment-listAr .userInfo .formWp .inpBox {
    height: 42px;
}

.payment-listAr .userInfo .formWp .inpBox .select-box label {
    line-height: 40px;
}

.payment-listAr .userInfo .formWp .btnAr.btm .btn {
    height: 50px;
}

.payment-listAr .userInfo .formWp .btn {
    font-size: 15px;
}

.payment-listAr .selected-product .swiper-slide {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    width: 335px !important;
}

.payment-listAr .selected-product .swiper-slide:first-child {
    padding-left: 0;
}

.payment-listAr .selected-product .productCon {
    width: 100%;
    margin-bottom: 0;
}

.payment-listAr .selected-product .productCon .conTop {
    width: 100%;
    margin: 0;
    padding: 15px 10px;
}

.payment-listAr .selected-product .productCon .productName {
    margin-bottom: 8px;
}

.payment-listAr .selected-product .productCon .priceInfo {
    margin-bottom: 12px;
}

.payment-listAr .selected-product .productCon .priceInfo {
    padding: 0 18px;
}

.payment-listAr .selected-product .productCon .priceInfo .priceAr {
    font-size: 16px;
}

.payment-listAr .selected-product .productCon .productInfo .infoRow.BU {
    background-color: #2F60E5;
}

.payment-listAr .selected-product .productCon .productInfo .infoRow.GY {
    background-color: #6E6E6E;
}

.payment-optionAr {
    padding: 20px 15px;
}

.payment-option .option {
    margin-bottom: 6px;
    padding: 16px 12px;
    border: 1px solid #E2E2E2;
    border-radius: 3px;
    line-height: 0;
    cursor: pointer;
}

.payment-option .option:last-child {
    margin-bottom: 0;
}

.payment-option .option.active {
    border: 1px solid #2F60E5;
}

.payment-option .checks input[type="radio"]:checked + label {
    color: #2F60E5;
}

.payment-optionAr .checkList {
    margin-top: 12px;
}

/* 결제금액 정보 */
.paymentInfoWp {
    width: 100%;
    min-width: 1280px;
    position: fixed;
    bottom: 54px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 900;
}

.paymentInfoAr {
    width: 1280px;
    margin: auto;
    padding: 12px 25px;
    font-family: 'NotoSansKR-M';
    background-color: #444;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: right;
    position: relative;
}

.paymentInfoAr .calculation {
    display: inline-block;
    margin-right: 28px;
    line-height: 37px;
}

.paymentInfoAr .reckoning {
    display: inline-block;
}

.paymentInfoAr .reckoning .txt {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.5px;
    vertical-align: middle;
}

.paymentInfoAr .calculation .total {
    display: inline-block;
    margin-left: 28px;
    font-size: 16px;
    vertical-align: middle;
    color: #ED4A57;
}

.paymentInfoAr .btnAr {
    display: inline-block;
}

.paymentInfoAr .btnAr .payBtn {
    height: 37px;
    padding: 0 22px;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
}

.paymentInfoWp .btnAr .finishBtn,
.paymentInfoWp .btnAr .back {
    display: none;
}

.paymentInfoWp .btnAr .finishBtn {
    background-color: #2559AC;
}

.paymentInfoWp .btnAr .paymentBtn {
    background-color: #bababa;
}

.paymentInfoWp .btnAr .paymentBtn.active {
    background-color: #2559AC;
}

/* 상품 상세페이지 */
.wrap.productDetailPage .headerWp {
    background-color: #fff;
}

.wrap.productDetailPage .header {
    height: 30px;
}

.wrap.productDetailPage .header .close {
    top: 15px;
    right: 15px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    background-image: url(images/PC-header_ty2_close.png);
}

.wrap.productDetailPage .container {
    padding-bottom: 120px;
}

.wrap.productDetailPage .container {
    padding-top: 30px;
    height: 100%;
    overflow-y: auto;
}

.wrap.productDetailPage .tabWp.sub .tab {
    padding: 15px 2.5% 15px;
}

.wrap.productDetailPage .tabWp.sub .tab:first-child {
    padding-left: 0;
}

.wrap.productDetailPage .tabWp.sub .tab:last-child {
    padding-right: 0;
}

.productTop {
    width: 100%;
    padding-bottom: 25px;
    background-color: #fff;
    position: fixed;
    z-index: 1;
}

.productTop .tit {
    font-family: 'NotoSansKR-M';
    font-size: 29px;
    color: #000;
    line-height: 1;
}

.productTop .tit:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    border: 4px solid #FACC16;
    border-radius: 50%;
    line-height: 1;
    box-sizing: border-box;
    vertical-align: top;
}

.productTop .tit .tx {
    display: inline-block;
    margin-top: 13px;
    line-height: 1;
}

.productTop .txt {
    margin-top: 14px;
    padding: 0 23px;
    font-size: 14px;
    color: #000;
}

.productInfoAr {
    padding-top: 85px;
    margin-bottom: 30px;
}

.productInfoAr:after {
    content: '';
    display: block;
    clear: both;
}

.productInfoAr .productInfoBox {
    padding: 25px 25px;
    background-color: #EFEFF1;
}

.productInfoAr .productCon {
    background-color: transparent;
    box-shadow: none;
}

.productInfoAr .productCon:after {
    content: '';
    display: block;
    clear: both;
}

.productInfoAr .productCon .productInfo .infoRow {
    float: left;
    width: 50%;
    margin-bottom: 0;
}

.productInfoAr .productCon .productInfo .infoRow.BU {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #3C60E5;
}

.productInfoAr .productCon .productInfo .infoRow.GY {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #6E6E6E;
}

.productInfoAr .productCon .productInfo .infoRow .info {
    padding: 10px 0;
}

.productInfoAr .productCon .productInfo .infoRow .info:after {
    top: 8px;
}

.productInfoAr .productCon .productInfo .infoRow .info .txt {
    font-size: 13px;
}

.productInfoAr .productCon .productInfo .infoRow .info .txt span {
    padding: 0 3px;
    line-height: 1;
}

.productInfoAr .receive-info {
    font-size: 0;
}

.productInfoAr .receive-info .inpAr {
    padding-top: 10px;
}

.productInfoAr .receive-info .inpAr .inpBox {
    margin-left: 10px;
    margin-top: 0;
}

.productInfoAr .receive-info .inpAr .inpBox:first-child {
    margin-left: 0;
}

.productInfoAr .receive-info .col2 .inpBox {
    width: calc(99.9% / 2 - (10px / 2));
}

.productInfoAr .receive-info .col3 .inpBox {
    width: calc(99.9% / 3 - (20px / 3));
}

.productInfoAr .inpBox {
    display: inline-block;
    height: 44px;
}

.productInfoAr .inpBox .inp {
    background-color: #fff;
    border: 1px solid #fff;
    overflow: hidden;
}

.productInfoAr .inpBox .inp .ic {
    float: left;
    display: inline-block;
    width: 34px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 60% 50%;
    background-size: 24px auto;
}

.productInfoAr .inpBox .inp .txt {
    float: left;
    width: calc(100% - 34px);
    padding: 0;
    font-size: 14px;
    line-height: 42px;
    color: #999;
}

.productInfoAr .inpBox .inp.place .ic {
    background-image: url(images/PC-detile_input_place.png);
}

.productInfoAr .inpBox .inp.date .ic {
    background-image: url(images/PC-detile_input_date.png);
}

.productInfoAr .inpBox .inp.opening .ic {
    background-image: url(images/PC-detile_input_opening.png);
}

.productInfoAr .priceInfo {
    float: right;
    margin-top: 15px;
    line-height: 44px;
}

.productInfoAr .priceInfo .fL {
    width: 300px;
    margin-right: 15px;
    text-align: right;
    line-height: inherit;
}

.productInfoAr .priceInfo .num-ctrlBox {
    float: left;
    line-height: inherit;
}

.productInfoAr .priceInfo .num-ctrlBox .num-ctrl {
    background-color: transparent;
}

.productInfoAr .priceInfo .priceAr {
    display: inline-block;
}

.productInfoAr .priceInfo .priceAr .txt {
    font-size: 20px;
    line-height: inherit;
    vertical-align: middle;
    font-family: 'NotoSansKR-M';
}

.productInfoAr .priceInfo .btn {
    width: 145px;
    height: 44px;
    vertical-align: top;
}

/* 상품 리스트 */
.product-sel .before-sel {
    width: 100%;
    padding: 90px 0;
    font-size: 15px;
    color: #888;
    text-align: center;
    line-height: 1;
}

.productCon:last-child {
    margin-bottom: 0;
}

.productCon {
    margin-bottom: 14px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.productCon .conTop {
    margin-bottom: 9px;
    padding: 17px 10px 0;
}

.productCon .conTop .productName {
    margin-bottom: 15px;
    font-family: 'NotoSansKR-M';
    font-size: 18px;
    color: #000;
    padding-left: 18px;
    position: relative;
}

.productCon .conTop .productName:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    border: 3px solid #FACC16;
    border-radius: 7px;
    box-sizing: border-box;
    position: absolute;
    top: -2px;
    left: 0;
}

.productCon .productInfo .infoRow {
    margin-bottom: 4px;
    padding: 5px 0;
    font-size: 0;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
}

.productCon .productInfo .infoRow:last-child {
    margin-bottom: 0;
}

.productCon .productInfo .infoRow.BU {
    background-color: #6287EB;
}

.productCon .productInfo .infoRow.GY {
    background-color: #FACC16;
}

.productCon .productInfo .infoRow .info {
    display: inline-block;
    width: calc(99.9% / 3);
    padding: 0 3%;
    position: relative;
}

.productCon .productInfo .infoRow .info:after {
    content: '';
    display: block;
    width: 1px;
    height: 18px;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 5px;
    right: 0;
}

.productCon .productInfo .infoRow .info:last-child:after {
    display: none;
}

.productCon .productInfo .infoRow .info .txt {
    display: block;
    margin: auto;
    font-family: 'NotoSansKR-M';
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.productCon .conTop .noti {
    margin-top: 10px;
    margin-bottom: -4px;
    font-family: 'NotoSansKR-M';
    font-size: 12px;
    line-height: 1;
}

.productCon .conTop .noti:before {
    content: '*';
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
}

.productCon .selCon {
    padding: 9px 10px 16px;
}

.productCon .priceInfo {
    padding: 0 8px;
}

.productCon .priceInfo .priceAr {
    font-family: 'NotoSansKR-M';
    font-size: 18px;
}

.productCon .selCon .priceInfo .priceAr {
    float: right;
}

.productCon .priceInfo .priceAr .txt {
    line-height: 1;
}

.productCon .selCon .btnAr {
    width: 100%;
    margin-top: 10px;
}

.productCon .selCon .btnAr .btn_ {
    height: 40px;
    border-radius: 20px;
}

.productCon .selCon .btnAr .btn_.detail {
    width: calc(100% - 70px - 10px);
    font-size: 14px;
    color: #fff;
    background-color: #8D8D8D;
}

.productCon .selCon .btnAr .btn_.sel {
    float: right;
    width: 70px;
    background-color: #8D8D8D;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px auto;
    background-image: url(images/PC-product_sel.png);
}

.productCon.active .productInfo .infoRow.BU {
    background-color: #3C60E5;
}

.productCon.active .productInfo .infoRow.GY {
    background-color: #6E6E6E;
}

.productCon.active .selCon {
    background-color: #FACC16;
}

.productCon.active .selCon {
    background-color: #FACC16;
}

.productCon.active .selCon .num-ctrlBox .num-ctrl {
    border: 1px solid #fff;
}

.productCon.active .selCon .num-ctrlBox .num {
    color: #222;
}

.productCon.active .selCon .priceInfo .priceAr {
    color: #000;
}

.productCon.active .selCon .btnAr .btn_.detail {
    color: #000;
    background-color: #fff;
}

.productCon.active .selCon .btnAr .btn_.sel {
    background-color: #2F60E5;
}

/* 수량선택 */
.num-ctrlBox {
    display: inline-block;
    font-size: 0;
    line-height: 1;
    vertical-align: top;
}

.num-ctrlBox > * {
    vertical-align: middle;
}

.num-ctrlBox .num-ctrl {
    width: 23px;
    height: 23px;
    border: 1px solid #555;
    border-radius: 12px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px auto;
}

.num-ctrlBox .num-ctrl.minus {
    background-image: url(images/PC-num_ctrl_minus.png);
}

.num-ctrlBox .num-ctrl.plus {
    background-image: url(images/PC-num_ctrl_plus.png);
}

.num-ctrlBox .num {
    display: inline-block;
    width: 30px;
    margin: 0 5px;
    font-size: 15px;
    color: #555;
    text-align: center;
    line-height: 23px;
}

/* 수령지 선택 */
.receive-placeWp {
    background-color: #E5E5E5;
}

.receive-place-sel .tabWp.line {
    text-align: center;
    border-bottom-color: #b6b6b6;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.receive-place-sel .tabWp.line .tab {
    height: 54px;
}

.receive-place-sel .tabWp.line .tab .tabBtn {
    font-size: 14px;
    line-height: 0;
}

.receive-place-list {
    padding: 15px 15px;
}

.receive-place-list .receive-place {
    margin-bottom: 6px;
    padding: 14px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    position: relative;
}

.receive-place-list .receive-place:last-child {
    margin-bottom: 0;
}

.receive-place-list .receive-place .txtAr {
    width: calc(100% - 30px);
}

.receive-place-list .receive-place .txtAr .tit {
    margin-bottom: 4px;
    font-size: 14px;
    color: #000;
}

.receive-place-list .receive-place .txtAr .txt {
    font-size: 13px;
    color: #999;
}

.receive-place-list .receive-place .txtAr .txt .txC-BU1 {
    margin-right: 5px;
    font-family: 'NotoSansKR-B';
}

.receive-place-list .receive-place .checks {
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.receive-place-list .receive-place .txtAr.guide {
    width: 100%;
    margin: 10px 0 20px;
    text-align: center;
}

/* 달력 */
.calendarWp {
    padding: 8px 5px 5px;
    background-color: #fff;
}

.calendarWp .yearAr {
    width: 160px;
    margin: 10px auto 14px;
    text-align: center;
    position: relative;
}

.calendarWp .yearAr .year-month {
    display: inline-block;
    font-family: 'NotoSansKR-M';
    font-size: 16px;
    color: #000;
}

.calendarWp .yearAr .arr {
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: absolute;
    top: 1px;
}

.calendarWp .yearAr .arr.prev {
    background-image: url(images/PC-calendar_prev.png);
    left: 0;
}

.calendarWp .yearAr .arr.next {
    background-image: url(images/PC-calendar_next.png);
    right: 0;
}

.calendarWp .calendarDay {
    padding: 0 0 5px;
}

.calendarWp .calendarDay .calTable {
    width: 100%;
    text-align: center;
    font-family: 'NotoSansKR-M';
}

.calendarWp .thead .th,
.calendarWp .tbody .td {
    vertical-align: middle;
    font-weight: normal;
}

.calendarWp .thead .th .tx,
.calendarWp .tbody .td .tx {
    font-size: 12px;
    color: #000;
}

.calendarWp .thead .th {
    padding: 6px 0;
}

.calendarWp .tbody .td {
    height: 45px;
}

.calendarWp .tbody .td.over {
    cursor: pointer;
}

.calendarWp .tbody .td .tx {
    position: relative;
    z-index: 1;
}

.calendarWp .tbody .td .tx:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 1;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}

.calendarWp .tbody .td.past .tx {
    opacity: 0.3;
}

.calendarWp .tbody .td.today .tx:after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #F9CE49;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    right: -5px;
}

.calendarWp .tbody .td.active .tx {
    color: #fff;
}

.calendarWp .tbody .td.active .tx:before {
    background-color: #3C60E5;
}

/* 1:1문의 파일첨부 */
.fileUpload .tx {
    display: inline-block;
    font-size: 15px;
    color: #444;
}

.fileUpload .txUnBtn {
    font-size: 15px;
}

.addFile {
    margin-top: 4px;
}

.addFile .tx {
    font-size: 14px;
    color: #999;
    text-decoration: underline;
}

.addFile .del {
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background: #999 url(images/PC-file_ic_del.png) no-repeat center / 100% auto;
    border-radius: 50%;
    font-size: 0;
}

.fileAr + .termsAgree {
    margin-top: 20px;
}

/* 검색 input */
.search .inp input {
    height: 100%;
    padding: 0 20px;
}

.search .inp {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
}

.search .inp input {
    height: 100%;
}

.search .inp input {
    width: calc(100% - 50px);
}

.search .inp input::-webkit-input-placeholder {
    color: #6B6C6E;
}

.search .inp input::-moz-placeholder {
    color: #6B6C6E;
}

.search .inp input:-ms-input-placeholder {
    color: #6B6C6E;
}

.search .inp input:-moz-placeholder {
    color: #6B6C6E;
}

.search .inp input::placeholder {
    color: #6B6C6E;
}

.search .inp .searchBtn {
    float: right;
    width: 50px;
    height: 100%;
    line-height: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px auto;
    background-image: url(images/PC-search_ic.png);
}

.search .inp .txDel {
    float: right;
    margin-top: 10px;
    margin-right: 15px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-color: #bbb;
    background-image: url(images/PC-input_del_ic.png);
}
/* 구매/예약 내역 */
.purchaseWp:nth-child(n+2) {
    margin-top: 20px;
}

.purchaseWp .date {
    margin-bottom: 6px;
    font-family: 'NotoSansKR-M';
    font-size: 16px;
    color: #000;
}

.purchaseList {
    padding: 12px 12px 16px 12px;
    margin-bottom: 15px;
    background-color: #fff;
    border-bottom: 1px solid #DEDEDE;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    border-radius: 5px;
}

.purchaseList:last-child {
    margin-bottom: 0;
}

.purchaseList .orderInfo {
    margin-bottom: 10px;
    padding: 0 4px;
    font-size: 13px;
    color: #000;
}

.purchaseList .orderInfo .num,
.purchaseList .orderInfo .time {
    display: inline-block;
}

.purchaseList .orderInfo .time {
    float: right;
}

.purchaseList .titAr {
    padding: 5px;
    background-color: #2F60E5;
    border-radius: 20px;
}

.purchaseList .titAr:after {
    content: '';
    display: block;
    clear: both;
}

.purchaseList .titAr .tit {
    display: inline-block;
    margin-left: 10px;
    font-family: 'NotoSansKR-M';
    color: #fff;
    line-height: 30px;
}

.purchaseList .titAr .detailView {
    float: right;
    height: 30px;
    padding: 0 10px 0 15px;
    font-size: 13px;
    color: #214aba;
    background-color: #fff;
    border-radius: 15px;
}

.purchaseList .titAr .detailView .tx {
    padding-right: 16px;
    background: url(images/PC-detail_view_arr.png) no-repeat 100% 50% / 12px auto;
}

.purchaseList .btn {
    height: 42px;
    font-family: 'NotoSansKR-R';
    font-size: 15px;
    color: #fff;
    background-color: #B1B1B1;
    border-color: #B1B1B1;
}

.orderAr {
    padding: 16px 10px;
}

.orderList {
    margin-bottom: 10px;
    line-height: 1;
}

.orderList:last-child {
    margin-bottom: 0;
}

.orderList .name,
.orderList .amount {
    display: inline-block;
    margin-right: 6px;
    font-size: 14px;
    color: #000;
    line-height: 1;
}

.orderList .name:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    margin-top: 4px;
    margin-left: 10px;
    background-color: #000;
}

.orderList .status {
    float: right;
    padding-left: 17px;
    font-family: 'NotoSansKR-M';
    font-size: 14px;
    line-height: 1;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 15px auto;
}

.orderList .status.finish {
    color: #2F60E5;
    background-image: url(images/PC-order_finish_ic.png);
}

.orderList .status.cancel {
    color: #E52F2F;
    background-image: url(images/PC-order_cancel_ic.png);
}

/* 마이페이지 */
.myInfoTop {
    width: 100%;
    padding: 32px 0 30px;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #DEDEDE;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.myInfoTop .greeting {
    font-size: 18px;
    color: #000;
}

.myInfoTop .greeting .tx {
    padding: 0 3px;
}

.myInfoTop .btn {
    margin-top: 18px;
    font-size: 14px;
}

.myPageAr {
    margin: 0 auto 0;
    font-size: 0;
    text-align: center;
}

.myPageAr .myBtn {
    width: 18%;
    max-width: 220px;
    min-width: 10px;
    height: 120px;
    margin: 5px;
    border-radius: 5px;
    background-color: #fff;
    border-bottom: 1px solid #DEDEDE;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.myPageAr .myBtn .tx {
    font-family: 'NotoSansKR-M';
    font-size: 15px;
    color: #073277;
}

.myPageAr .myBtn .tx:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.myPageAr .myBtn.modify .tx:before {
    background-image: url(images/PC-my_ic_modify.png);
}

.myPageAr .myBtn.register .tx:before {
    background-image: url(images/PC-my_ic_register.png);
}

.myPageAr .myBtn.reservation .tx:before {
    background-image: url(images/PC-my_ic_reservation.png);
}

.myPageAr .myBtn.point .tx:before {
    background-image: url(images/PC-my_ic_point.png);
}


/* S: 220812 도시락멤버스 CSS 추가  */
.myPageAr .myBtn.membership .tx:before {
    background-image: url(images/PC-my_ic_membership.png);
}

.levelWrap {
    display: flex;
    padding: 70px 0;
}

.meterWrap {
    display: inline-block;
    width: 62.5%;
    float: left;
}

.meterWrap .meterLevel {
    display: flex;
    justify-content: space-between;
}

.meterWrap .meterLevel p {
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

.meterWrap .meterLevel h2 {
    font-size: 27px;
    font-weight: bold;
    color: #333;
    padding-bottom: 20px;
}

.meterWrap .meterLevel span {
    color: #3d62ac;
}

/* meter 크기 설정 */
.meterWrap meter {
    width: 600px;
    height: 40px;
}

/* meter 테두리, 모서리 둥글기, 배경색 설정 */
.meterWrap meter::-webkit-meter-bar {
    max-width: 600px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid #c2c2c2;
    background-color: #eee;
}

/* meter 최적값에 근접한 색상 설정 */
.meterWrap meter::-webkit-meter-suboptimum-value {
    background-color: #3d62ac;
}

/* meter 최적값 색상 설정 */
.meterWrap meter::-webkit-meter-optimum-value {
    background-color: #3d62ac;
}

.upgradeWrap {
    display: inline-block;
    width: 37.5%;
    float: left;
}

.upgradeWrap .upgradeUl {
    float: left;
    padding: 20px 0 20px 30px;
    font-size: 15px;
    font-weight: normal;
    line-height: 28px;
}

.upgradeWrap .upgradeUl .info {
    display: inline-block;
    position: relative;
}

.upgradeWrap .upgradeUl .info #tooltip {
    display: inline-block;
    position: relative;
    color: #679aff;
}

.upgradeWrap .upgradeUl .info .tooltip-text {
    visibility: hidden;
    /*display: none;*/
    /*width: 120px;*/
    /*background-color: black;*/
    color: #fff;
    /*text-align: center;*/
    /*border-radius: 6px;*/
    /*padding: 5px 0;*/
    position: absolute;
    z-index: 1;

}

#tooltip:hover .tooltip-text {
    visibility: visible;
}

#tooltip .tooltip-text .tooltip-bottom {
    width: 120px;
    top: 150%;
    left: 50%;
    margin-left: -60px;
}

.mem_tab {
    font-size: 14px;
    width: 1000px;
    letter-spacing: -1px;
}


.span-tooltip-01 {
    /*color: #fff;*/
    border-radius: 15px;
    background: #679aff;
    opacity: 0.9;
    border: 0px !important;
    top: 2px;
    left: 4px;
    font-size: 12px;
    width: 210px;
    padding: 10px;
}


/* E: 220812 수정 */

/* S: 220812 추가 */
.member_Ar {
    display: block;
    width: 960px;
    margin: auto;
    padding: 0;
}

.member_Ar ul {
    display: block;
}

/* S: 241030 수정 */
.member_Ar li {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 30px 50px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    cursor: pointer;
}

/* E: 241030 수정 */

.member_Ar li:nth-of-type(n+2) {
    border-top: 0;
}

.member_Ar .detailImg {
    display: inline-block;
    width: 10%;
    float: left;
}

.member_Ar .detailImg img {
    width: 56px;
}

.member_Ar .detailCon {
    display: inline-block;
    width: 80%;
    float: left;
}

.member_Ar .detailCon .detailTit {
    display: block;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    color: #3d62ac;
}

.member_Ar .detailCon .detailTxt {
    display: block;
    font-size: 18px;
    text-align: left;
    color: #333;
    margin-top: 10px;
}

.member_Ar .detailExplanation {
    display: none;
    width: 100%;
    background: #eaeaea;
    border-bottom: 1px solid #c2c2c2;
}

.member_Ar .detailExplanation .detailExplanation_txt {
    display: block;
    padding: 30px 50px;
    text-align: left;
    white-space: pre-line;
}

/* S: 241030 수정 */
.member_Ar .detailMore {
    text-align: right;
    display: inline-block;
    width: 10%;
    float: left;
}

/* E: 241030 수정 */

.member_Ar .detailMore .addArrow {
    font-size: 20px;
    color: #c2c2c2;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

.member_Ar .detailMore .addArrow .arrowDown {
    width: 20px;
    height: 20px;
    background: none;
    position: relative;
    margin: auto;
}

.member_Ar .detailMore .addArrow .arrowDown.active {
    background: none;
}

.member_Ar .detailMore .addArrow .arrowDown:before,
.member_Ar .detailMore .addArrow .arrowDown:after {
    content: "";
    display: block;
    width: 16px;
    height: 1.5px;
    background: #c2c2c2;
    position: absolute;
}

.member_Ar .detailMore .addArrow .arrowDown:before {
    right: 20px;
    border-radius: 10px;
    transform: rotate(40deg);
}

.member_Ar .detailMore .addArrow .arrowDown:after {
    right: 8.5px;
    border-radius: 10px;
    transform: rotate(-40deg);
}

.member_Ar .detailMore .addArrow .arrowDown.active:before {
    transform: rotate(-40deg);
}

.member_Ar .detailMore .addArrow .arrowDown.active:after {
    transform: rotate(40deg);
}


/* E: 220812 도시락멤버스 CSS 추가 */

/* 카드 */
.cardListAr {
    width: 100%;
    padding: 50px 0;
    background-color: #F2F2F3;
    text-align: center;
}

.cardAr {
    line-height: 0;
}

.addCardAr {
    padding: 40px 0 30px;
    text-align: center;
    border-bottom: 1px solid #F2F2F3;
}

.cardCon {
    display: inline-block;
    width: 290px !important;
    height: 182px !important;
    border-radius: 11px;
    background-color: #F2F2F3;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 61px auto;
    background-image: url(images/PC-card_ic_add.png);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    position: relative;
}

.cardListAr .cardAr .cardCon {
    background-color: #fff;
    background-image: url(images/PC-card_ic_add_new.png);
}

.cardAr .cardCon .cardName {
    font-size: 13px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 22px;
}

.cardAr .cardCon .del {
    padding: 2px 10px 2px;
    font-size: 11px;
    color: #D5DBE3;
    border: 1px solid #C0C7D1;
    border-radius: 12px;
    position: absolute;
    top: 15px;
    right: 15px;
}

.cardAr .cardCon .selBtn {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px auto;
    background-color: #CECECE;
    background-image: url(images/PC-card_ic_chk.png);
    position: absolute;
    right: 15px;
    bottom: 14px;
}

.cardAr .cardCon .selBtn.active {
    background-color: #FACC16;
}

.conLink.card {
    margin-top: 10px;
}

.conLink.card .linkBtn {
    font-size: 14px;
}

.conLink.card .linkBtn:after {
    height: 12px;
}

.cardAr .cardCon.registered {
    background: transparent url(images/PC-card_mockup.png) no-repeat center / 100% auto;
    border: 0;
}

.cardCheckAr {
    margin-top: 30px;
    text-align: center;
}

.cardCheckAr .tit {
    font-family: 'NotoSansKR-M';
    font-size: 16px;
    color: #000;
    line-height: 1;
}

.cardCheckAr .tit.em:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 6px;
    background: url(images/PC-cardChk_ic_em.png) no-repeat center / 100% auto;
    vertical-align: top;
}

.cardCheckAr .noti {
    margin-top: 20px;
    font-size: 14px;
}

.cardCheckAr.complete {
    margin-bottom: 30px;
}

.cardPass {
    text-align: center;
}

.cardPass .inpBox .inp {
    width: 46px;
}

.cardPass .inpBox .inp input {
    text-align: center;
}

.cardPass + .noti {
    margin-top: 30px;
}

/* Q&A 상세내용 */
.queInfo {
    padding: 15px 15px;
    background-color: #F2F2F3;
}

.queInfo .queRow {
    margin-bottom: 13px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E8E8E8;
    font-size: 0;
}

.queInfo .queRow:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.queInfo .queRow.col1 .queCol {
    width: 100%;
}

.queInfo .queRow.col2 .queCol {
    width: 50%;
}

.queInfo .queCol {
    display: inline-block;
    font-size: 14px;
}

.queInfo .tit {
    margin-bottom: 6px;
    color: #999;
}

.queInfo .txt {
    color: #000;
}

.answConAr {
    margin-top: 30px;
}

.answConAr .conAr {
    margin-bottom: 30px;
    font-size: 0;
}

.answConAr .conAr:after {
    content: '';
    display: block;
    clear: both;
}

.answConAr .conAr .badge {
    float: left;
}

.answConAr .conAr .badge:after {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-family: 'NotoSansKR-B';
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 23px;
}

.answConAr .conAr .badge.que:after {
    content: 'Q';
    background-color: #2F60E5;
}

.answConAr .conAr .badge.answ:after {
    content: 'A';
    background-color: #E52F2F;
}

.answConAr .conAr .txAr {
    float: left;
    width: calc(100% - 25px);
    padding-left: 10px;
    position: relative;
}

.answConAr .conAr .txAr .name {
    margin-bottom: 3px;
    font-family: 'NotoSansKR-M';
    font-size: 16px;
    color: #000;
}

.answConAr .conAr .txAr .txt {
    font-size: 15px;
    color: #777;
}

.answConAr .conAr .del {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #C9C9C9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px auto;
    background-image: url(images/PC-que_del_ic.png);
    position: absolute;
    top: 0;
    right: 0;
}

/* 상단 검색 input */
.search-wp {
    padding: 30px 0;
    background-color: #2559AC;
}

.search-wp .search {
    height: 44px;
}

/* 주소 리스트 */
.addressWp .total {
    margin-top: 25px;
    padding-bottom: 12px;
    font-family: 'NotoSansKR-M';
    font-size: 15px;
    color: #000;
    border-bottom: 1px solid #EDEDED;
}

.addressList .postcode {
    float: left;
    margin-top: 14px;
    margin-right: 14px;
    font-family: 'NotoSansKR-B';
    font-size: 16px;
    color: #2559AC;
}

.addressList .address-detail {
    float: left;
    width: calc(100% - 60px);
    font-size: 0;
}

.addList {
    padding: 14px 0;
    border-bottom: 1px solid #EDEDED;
    cursor: pointer;
}

.addList:after {
    content: '';
    display: block;
    clear: both;
}

.addressList .address-detail .address {
    margin-bottom: 4px;
}

.addressList .address-detail .address:last-child {
    margin-bottom: 0;
}

.addressList .address-detail .kindName,
.addressList .address-detail .address-tx {
    display: inline-block;
}

.addressList .address-detail .kindName {
    width: 45px;
    margin-right: 10px;
    padding: 2px 0 3px;
    font-family: 'NotoSansKR-M';
    font-size: 12px;
    color: #2559AC;
    border: 1px solid #2559AC;
    border-radius: 3px;
    text-align: center;
    vertical-align: top;
}

.addressList .address-detail .address-tx {
    width: calc(100% - 55px);
    margin-top: 2px;
    font-size: 14px;
    color: #000;
    vertical-align: middle;
}

.addressList .inpBox {
    margin-top: 25px;
}

.addressList .inpBox .inp {
    border-radius: 24px;
}

.addressList .inpBox .inp input {
    padding: 0 20px;
}

.detailed-address {
    margin-top: 25px;
}

.detailed-address .inp {
    border-radius: 24px;
}

.detailed-address .inp input {
    padding: 0 20px;
}

/* 로그인 */
.conLink.input {
    margin-top: 12px;
}

.conLink.input .linkBtn {
    font-size: 16px;
}

.conLink.input .linkBtn:after {
    height: 13px;
}

.snsAr {
    margin-top: 30px;
    text-align: center;
}

.snsAr .snsIc {
    width: 50px;
    height: 50px;
    margin: 0 8px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.snsAr .snsIc.facebook {
    background-image: url(images/PC-sns_ic_face.png);
}

.snsAr .snsIc.kakao {
    background-image: url(images/PC-sns_ic_kakao.png);
}

.snsAr .snsIc.naver {
    background-image: url(images/PC-sns_ic_naver.png);
}

.loginWp {
    margin-top: 50px;
}

.loginWp .contTit {
    margin-bottom: 60px;
}

.loginWp .contTit .tit {
    margin-top: 20px;
}

.loginWp .contTit .dosirak-usim-logo {
    margin-bottom: 0;
}

.loginWp .dosirak-usim-logo {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 60px;
}

.dosirak-usim-logo {
    display: block;
    width: 130px;
    height: 47px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-image: url(images/PC-top_usim_logo.png);
}

/* 회원가입 */
.stepBtnAr {
    width: 100%;
    margin-top: 25px;
    position: relative;
}

.stepBtnAr:after {
    content: '';
    display: block;
    clear: both;
}

.stepBtnAr .stepBtn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px auto;
}

.stepBtnAr .stepBtn.prev {
    float: left;
    background-color: #fff;
    background-image: url(images/PC-step_ic_prev.png);
    border: 1px solid #C1C1C1;
}

.stepBtnAr .stepBtn.next {
    background-color: #C6C6C6;
    background-image: url(images/PC-step_ic_next.png);
    position: absolute;
    top: 0;
    right: 0;
}

.stepBtnAr .stepBtn.next.active {
    background-color: #2F60E5;
}

.stepBtnAr .btn.last {
    width: calc(100% - 67px);
    height: 45px;
    position: absolute;
    right: 0;
}

.noti .tx.myIDchk {
    margin-top: 2px;
    color: #999;
}

.join + .noti {
    margin-top: 14px;
    font-size: 14px;
}

.noti .tx.myIDchk .arr {
    margin-left: 8px;
    padding-right: 13px;
    font-family: 'NotoSansKR-M';
    color: #000;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: 100% 56%;
    background-size: 14px auto;
    background-image: url(images/PC-id_chk_arr.png);
}

.join .txBoxCon .txBox {
    padding: 25px;
}

.join .txBoxCon .tit {
    width: 100px;
}

.join .txBoxCon .txt {
    width: calc(100% - 100px);
    position: relative;
}

.join .txBoxCon .passView {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: 100% 56%;
    background-size: 20px auto;
    background-image: url(images/PC-pass_view_ic.png);
}

.join .txBoxCon .passView.active {
    background-image: url(images/PC-pass_view_ic_on.png);
}

.join-agree-total {
    padding-bottom: 15px;
    border-bottom: 1px solid #E8E8E8;
}

.join-agree-total .familyAr {
    display: block;
    padding-top: 15px;
}

.join-agree-total .familyAr span {
    display: inline-block;
}

.join-agree-total .familyAr span:nth-of-type(n+2) {
    margin-left: 15px;
}

.join-agree-wp {
    padding-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E8E8E8;
    font-size: 0;
}

.join-agree-wp .agree-form-wp {
    display: inline-block;
    width: calc(50% - 10px);
}

.join-agree-wp .agree-form-wp.personal_info {
    float: right;
}

.join-agree-wp .agree-form-wp .checks .view {
    display: none;
}

.agree-form-wp .termsAr {
}

.join-agree-wp .agree-form-wp .termsAr {
    width: 100%;
    height: 380px;
    margin-top: 15px;
    padding: 10px 15px;
    font-size: 14px;
    background-color: #F2F2F3;
    overflow-y: auto;
}

.join-option {
    padding-top: 20px;
}

/* 이미지 영역 */
.imgAr {
    text-align: center;
    overflow: hidden;
    position: relative;
}

.visualCon {
    margin-bottom: 20px;
}

.visualCon:last-child {
    margin-bottom: 0;
}

.visualCon .txRow {
}

.visualCon .visualAr {
    width: auto;
    margin-top: 12px;
    overflow-x: auto;
}

.visualCon .visualAr iframe {
    width: 100%;
    height: 500px;
}

.visualCon .imgAr img {
    max-height: 300px;
}

.visualCon .imgAr {
    width: 100%;
    margin-top: 12px;
}

/* 내역없음 */
.noConAr {
    height: 112px;
    min-height: calc(100vh - 181px - 60px);
    position: relative;
}

.noConAr .noNoti {
    width: 100%;
    height: 112px;
    font-size: 16px;
    color: #999;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.noConAr .noNoti .tx:before {
    content: '';
    display: block;
    margin: 0 auto 20px;
    width: 68px;
    height: 68px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(images/PC-noList_ic.png);
}

/* 하단 원형 버튼 */
.btmfixBtn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
    background-color: #333;
    position: absolute;
    bottom: 20px;
    right: 0px;
}

.btmfixBtn.close {
    background-image: url(images/PC-btmfixBtn_close.png);
}

.btmfixBtn.top {
    background-image: url(images/PC-btmfixBtn_top.png);
}

/* ------------------- etc ------------------- */

/* 하단 고정 */
.fixedBtmAr {
    width: 100%;
    position: fixed;
    left: 0;
    z-index: 1900;
}

.fixedBtmAr > * {
}

.fixedBtm {
    margin: auto;
    position: relative;
}

.fixNoti {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
}

.fixNoti .txt {
    padding: 18px 0;
    font-family: 'NotoSansKR-M';
    font-size: 15px;
    color: #fff;
    text-align: center;
}

.fixNoti .txt .tx {
    padding: 0 10px;
}

.fixNoti .txt .tx.bar:after {
    content: '｜';
    margin-right: -10px;
    padding-left: 10px;
}

/* 나의 포인트 */
.myPoint {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    background-color: #2559AC;
}

.myPoint .txt {
    margin: 0 14px;
    font-family: 'NotoSansKR-M';
    font-size: 15px;
    color: #fff;
}

.myPoint .txt:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin-top: 2px;
    margin-right: -9px;
    margin-left: 22px;
    background-color: rgba(255, 255, 255, 0.78);
}

.myPoint .txt:last-child:after {
    display: none;
}

.myPointTb {
    margin-top: 20px;
}

/* 테이블 디테일 */
.myPointTb .th,
.myPointTb .td {
    width: 25%;
}

.protectCellTb .th:first-child,
.protectCellTb .td:first-child {
    width: 14%;
}

.protectCellTb .th:nth-child(2),
.protectCellTb .td:nth-child(2) {
    width: 42%;
}

.protectCellTb .th:nth-child(3),
.protectCellTb .td:nth-child(3) {
    width: 44%;
}

.overseas-tel .th:first-child,
.overseas-tel .td:first-child {
    width: 20%;
}

.overseas-tel .th:not(first-child),
.overseas-tel .td:not(first-child) {
    width: 40%;
}

.topTx {
    padding: 34px 0;
    text-align: center;
}

.topTx .txt {
    font-family: 'NotoSansKR-M';
    font-size: 17px;
    color: #000;
}

.conLink {
    text-align: center;
}

.conLink .linkBtn {
    margin: 0 6px;
    color: #888;
}

.conLink .linkBtn:after {
    content: "";
    display: inline-block;
    width: 1px;
    background-color: #BCBCBC;
    margin-right: -4px;
    margin-left: 10px;
}

.conLink .linkBtn:last-child:after {
    display: none;
}

.emTx {
    margin: 20px 0;
    font-family: 'NotoSansKR-M';
    font-size: 20px;
    text-align: center;
}

.totalPrice {
    width: 100%;
    margin-top: 10px;
    padding: 18px 0;
    text-align: center;
    background-color: #2F60E5;
    border-radius: 3px;
}

.totalPrice .tx {
    font-family: 'NotoSansKR-M';
    font-size: 18px;
    color: #fff;
}

.receipt.imgAr img {
    width: 100%;
    height: auto;
}

html.fixed, body.fixed .wrap.fixed {
    overflow: hidden;
}

.wrapAr {
    position: relative;
}

/* ------------------- swiper ------------------- */
.swiper-slide { /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.gnbWp.swiper-container,
.tabWp.sub.swiper-container {
    box-sizing: border-box;
}

.gnbWp .swiper-wrapper,
.tabWp.sub .swiper-wrapper {
    margin: auto;
}

.tabWp.sub.swiper-container .swiper-wrapper {
    width: auto;
    min-width: 0;
    display: inline-flex;
}

.tabWp.sub.swiper-container .swiper-slide {
    width: auto;
}

.tabWp.sub.swiper-container .tab {
    padding: 15px 22px 15px;
}

/* gnb -swiper */
.gnbWp .home.swiper-slide {
    width: 15px;
}

.gnbWp .guide.swiper-slide {
    width: 58px;
}

.gnbWp .receive.swiper-slide {
    width: 58px;
}

.gnbWp .login-join.swiper-slide {
    width: 108px;
}

.gnbWp .purchase.swiper-slide {
    width: 58px;
}

.gnbWp .customer.swiper-slide {
    width: 58px;
}
/* 이용방법 -swiper */
.tabWp.use-guide .before-purchase-tab.swiper-slide {
    width: 106px;
}

.tabWp.use-guide .before-departure-tab.swiper-slide {
    width: 106px;
}

.tabWp.use-guide .after-arrival-tab.swiper-slide {
    width: 106px;
}

.tabWp.use-guide .failover-tab.swiper-slide {
    width: 89px;
}
/* 수령장소 -swiper */
.tabWp.receive-place .Incheon-tab.swiper-slide {
    width: 55px;
}

.tabWp.receive-place .Gimpo-tab.swiper-slide {
    width: 55px;
}

.tabWp.receive-place .Gimhae-tab.swiper-slide {
    width: 55px;
}

.tabWp.receive-place .Daegu-tab.swiper-slide {
    width: 55px;
}

.tabWp.receive-place .Cheongju-tab.swiper-slide {
    width: 55px;
}

.tabWp.receive-place .Busan-tab.swiper-slide {
    width: 137px;
}

.tabWp.receive-place .Seoul-tab.swiper-slide {
    width: 82px;
}
/* 가입 -swiper */
.tabWp.join-menu .join-id-tab.swiper-slide {
    width: 16px;
}

.tabWp.join-menu .join-password-tab.swiper-slide {
    width: 56px;
}

.tabWp.join-menu .join-name-tab.swiper-slide {
    width: 28px;
}

.tabWp.join-menu .join-mobileNum-tab.swiper-slide {
    width: 70px;
}

.tabWp.join-menu .join-birthday-tab.swiper-slide {
    width: 56px;
}

.tabWp.join-menu .join-gender-tab.swiper-slide {
    width: 28px;
}

.tabWp.join-menu .join-info-tab.swiper-slide {
    width: 56px;
}

.country-listAr .swiper-slide {
    display: block;
    font-size: 0;
}

/*대륙 - swiper*/
.continent-tabWp {
    width: 100%;
    height: 54px;
    padding-bottom: 20px;
    box-sizing: content-box;
}

.continent-tabWp .swiper-pagination {
    width: 100%;
    height: 54px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: transparent;
    border-bottom: 1px solid #EFEFEF;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.continent-tabWp .swiper-pagination-bullet {
    width: auto;
    height: 54px;
    font-size: 14px;
    line-height: 54px;
    color: #333;
    border-bottom: 2px solid transparent;
    outline-style: none;
    border-radius: 0;
    background: transparent;
    opacity: 1;
}

.continent-tabWp .swiper-pagination-bullet-active {
    font-family: 'NotoSansKR-M';
    color: #2559AC;
    border-bottom: 2px solid #2559AC;
}

.pB-58 {
    padding-bottom: 58px;
}

/* 모바일 컨텐츠 */
.mo-con {
    display: none !important;
}

/* css 추가 */
.mainVisualAr h1 {
    color: #333;
    font-size: 50px;
    text-align: left;
    line-height: 100%;
    display: block;
}

.mainVisualAr h1 b {
    color: #3a68b2;
}

.sub {
    text-align: left;
    color: #333;
    font-weight: lighter;
    margin-top: 20px;
}

.mainVisualAr .banner-content {
    position: relative;
    width: 100%;
    vertical-align: middle;
}

.mainVisualAr .banner-content li {
    display: inline-block;
    width: 50%;
    margin: auto;
}

.mainVisualAr .banner-content li:first-child {
    float: left;
    padding: 0;
}

.mainVisualAr .banner-content li:last-child {
    clear: both;
}

#header {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 2;
}

#header #logo {
    position: relative;
    left: 16.5%;
    padding-top: 1%;
}

#header #logo a {
    color: inherit;
    text-decoration: none;
}

#header #logo img {
    height: 30px;
}

.mainBanAr {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

.mainBanAr.bgRight {
    width: 50%;
    position: absolute;
    left: 50%;
    height: 100%;
}

.mainBanAr .swiper-container {
    width: 1280px;
}

.mainBanAr .swiper-slide {
    width: 50% !important;
}

.p-40 {
    padding: 20px;
}

.tabCon .txBox .txTb {
    display: block;
}

.tabCon .txBox .txTb table {
    width: 100%;
    margin: 16px 0;
}

.tabCon .txBox .txTb thead {
    background-color: #eaeaea;
    border-top: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
    text-align: center;
}

.tabCon .txBox .txTb thead th {
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    color: #333;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

.tabCon .txBox .txTb thead th:nth-of-type(2) {
    width: 50%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.tabCon .txBox .txTb tbody tr {
    border-bottom: 1px solid #a7a7a7;
    text-align: center;
}

.tabCon .txBox .txTb tbody td {
    height: 34px;
    font-size: 11px;
    line-height: 15px;
    color: #333;
    text-align: left;
    padding: 5px;
}

.tabCon .txBox .txTb tbody td:nth-of-type(2) {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}

/* 200922 css 추가 */
.productInfoAr .productInfoBox .productCon .productInfo table {
    width: 100%;
    margin: 16px 0;
}

.productInfoAr .productInfoBox .productCon .productInfo thead {
    background-color: #3a68b2;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;
}

.productInfoAr .productInfoBox .productCon .productInfo thead th {
    width: 33.3%;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.productInfoAr .productInfoBox .productCon .productInfo thead th:nth-of-type(2) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.productInfoAr .productInfoBox .productCon .productInfo thead th.yellow {
    background-color: #facc16;
    color: #333;
}

.productInfoAr .productInfoBox .productCon .productInfo tbody tr {
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.productInfoAr .productInfoBox .productCon .productInfo tbody td {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    background-color: #fff;
    color: #333;
    text-align: center;
}

.productInfoAr .productInfoBox .productCon .productInfo tbody td:nth-of-type(2) {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.tabConWp .apnBox {
    display: block;
    width: 250px;
    margin: auto;
    overflow: hidden;
    padding-bottom: 25px;
}

.tabConWp .apnBox table {
    width: 100%;
    margin: 0;
    border: 1px solid #ddd;
}

.tabConWp .apnBox thead {
    background-color: #3a68b2;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;
}

.tabConWp .apnBox thead th {
    width: 33.3%;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.tabConWp .apnBox thead th:nth-of-type(2) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.tabConWp .apnBox thead th.yellow {
    background-color: #facc16;
    color: #333;
}

.tabConWp .apnBox tbody tr {
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.tabConWp .apnBox tbody td {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    background-color: #fff;
    color: #333;
    text-align: center;
}

.tabConWp .apnBox tbody td:nth-of-type(2) {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.tabConWp .downLoad {
    display: block;
    padding: 15px;
    font-size: 16px;
    line-height: 16px;
    background-color: #3a68b2;
    color: #fff;
    border-radius: 10px;
    margin: auto;
    text-align: center;
}

.tabConWp .downLoad img {
    margin-left: 5px;
}

/* S: 241030 수정 */
.tabConWp .detailNote {
    display: block;
    width: 100%;
    padding: 1.5rem 3rem;
    text-align: left;
    background-color: #efefef;
}

/* E: 241030 수정 */

.tabConWp .detailNote .noteTit {
    font-size: 14px;
    color: #333;
}

.tabConWp .detailNote .noteSub {
    font-size: 14px;
    color: #333;
}

.tabConWp .detailNote .noteTit strong {
    font-weight: normal;
}

.tabConWp .detailNote .noteSub b {
    color: #3a68b2;
}

.tabConWp .detailNote .noteSub strong {
    font-weight: normal;
}

.module {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.module-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    z-index: 999;
}

.module-ct-pc {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 658px;
    height: 548px;
    margin-top: -274px;
    margin-left: -329px;
    z-index: 1001;
    background: #fff;
}

.module-ct-mb {
    width: 0;
    height: 0;
    z-index: 10;
    background: #fff;
}

#black { /*display: none;*/
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    z-index: 9999;
}

@media all and ( max-width: 1920px) {
    body {
        overflow-x: hidden;
    }
}

@media all and (max-width: 768px) {
    /* -------------------- input -------------------- */

    input[type='text'], input[type='password'], input[type='submit'], input[type='search'], .select-box {
        height: 44px;
    }

    .select-box {
        background-image: url(images/MO-arr_sel.png);
    }

        .select-box label {
            line-height: 44px;
        }

    .checks input[type="checkbox"]:checked + label:before {
        background-image: url(images/MO-ic_check.png);
    }

    .checks .view {
        background: url(images/MO-view_ic.png) no-repeat center / 100% auto;
    }

    /* -------------------- 버튼 & 탭 -------------------- */

    .btn.line.check .tx {
        background-size: 19px auto;
    }

    .btnAr.btm {
        margin-top: 30px;
    }

    .btnAr.btm .btn {
        height: 48px;
        font-size: 16px;
    }

    .btnAr.btm.fixedBtm {
        min-width: 320px; /*left: 0;
transform: translateX(0%);*/
    }

    .btnAr.btm.fixedBtm .btn {
        height: 54px;
    }

    .btn.line.check .tx {
        background-image: url(images/MO-line_ic_chk.png);
    }

    .btn.line.check.BU .tx {
        background-image: url(images/MO-line_ic_chk_active.png);
    }

    .inBtn {
        padding: 4px 12px 5px;
        font-size: 12px;
    }

    .btn.BU.plus {
        background-image: url(images/MO-btn_ic_plus.png);
    }

    .tabWp {
        min-width: 320px;
    }

        .tabWp.line .tabBtn {
            font-size: 14px;
        }

        .tabWp.GY .tabBtn {
            font-size: 13.5px;
        }

        .tabWp.sub .tab {
            padding: 17px 2.8% 17px;
        }

        .tabWp.sub .tab:first-child {
            padding-left: 0;
        }

        .tabWp.sub .tab:last-child {
            padding-right: 0;
        }

        .tabWp.sub .tab .tabBtn {
            font-size: 14px;
            white-space: nowrap;
            line-height: 1;
        }

        .tabWp.round {
            width: 66%;
            min-width: 300px;
            margin-right: auto;
            margin-left: auto;
            border-radius: 20px;
            background-color: #eee;
        }

        .tabWp.round.space .tab {
            width: auto;
            height: 35px;
            margin: 0 0;
        }

        .tabWp.round.space .tab {
            width: 47%;
            min-width: 140px;
        }

        .tabWp.round.space .tab.active {
            width: 53%;
            min-width: 159px;
        }

        .tabWp.round .tab .tabBtn {
            font-size: 12.5px;
        }

        .tabWp.round .tab:nth-child(1) .tabBtn .tx {
            margin-right: -10px;
        }

        .tabWp.round .tab:nth-child(2) .tabBtn .tx {
            margin-left: -10px;
        }

        .tabWp.round .tab.active .tabBtn .tx {
            margin-right: 0px;
            margin-left: 0px;
        }

        .tabWp.line .tab.ic {
            height: 65px;
        }

        .tabWp.line .tab.ic .tabBtn .tx {
            font-size: 13px;
        }

        .tabWp.line .tab.ic .tabBtn.faq .tx:before {
            background-image: url(images/MO-cs_ic_faq.png);
        }

        .tabWp.line .tab.ic.active .tabBtn.faq .tx:before {
            background-image: url(images/MO-cs_ic_faq_on.png);
        }

        .tabWp.line .tab.ic .tabBtn.noti .tx:before {
            background-image: url(images/MO-cs_ic_noti.png);
        }

        .tabWp.line .tab.ic.active .tabBtn.noti .tx:before {
            background-image: url(images/MO-cs_ic_noti_on.png);
        }

        .tabWp.line .tab.ic .tabBtn.oneOn .tx:before {
            background-image: url(images/MO-cs_ic_oneOn.png);
        }

        .tabWp.line .tab.ic.active .tabBtn.oneOn .tx:before {
            background-image: url(images/MO-cs_ic_oneOn_on.png);
        }

        .tabWp.icon .tab .tabBtn.countryLock .tx:before {
            background-image: url(images/MO-tab_country_lock.png);
        }

        .tabWp.icon .tab.active .tabBtn.countryLock .tx:before {
            background-image: url(images/MO-tab_country_lock_on.png);
        }

        .tabWp.icon .tab .tabBtn.cancelProtect .tx:before {
            background-image: url(images/MO-tab_cancel_protect.png);
        }

        .tabWp.icon .tab.active .tabBtn.cancelProtect .tx:before {
            background-image: url(images/MO-tab_cancel_protect_on.png);
        }

        .tabWp.icon .tab .tabBtn.usim-replacement .tx:before {
            background-image: url(images/MO-tab_usim.png);
        }

        .tabWp.icon .tab.active .tabBtn.usim-replacement .tx:before {
            background-image: url(images/MO-tab_usim_on.png);
        }

        .tabWp.icon .tab .tabBtn.roaming-setting .tx:before {
            background-image: url(images/MO-tab_roaming.png);
        }

        .tabWp.icon .tab.active .tabBtn.roaming-setting .tx:before {
            background-image: url(images/MO-tab_roaming_on.png);
        }

    .contents > .tabWp {
        margin-bottom: 25px;
    }

    .content .tabConWp .tabWp:not(.line) {
        margin-bottom: 20px;
    }

    /* -------------------- 테이블 -------------------- */
    .tbWp table .th,
    .tbWp table .td {
        height: 40px;
    }

    .tbWp table .th .tx,
    .tbWp table .td .tx {
        padding: 12px 3px;
        font-size: 12px;
        line-height: 19px;
    }

    .tbWp table.protectCellTb .th .tx {
        font-size: 11.5px;
        line-height: 17px;
    }

    .tbWp table.protectCellTb .td .tx {
        font-size: 11.0px;
        line-height: 17px;
    }

    /* -------------------- 폼 레이아웃 -------------------- */
    .inpBox {
        height: 44px;
    }

    .inpBox input,
    .inpBox .select-box {
        height: 100%;
    }

    .formAr.labTy .label {
        font-size: 13px;
    }

    .combinBtn .comBtn {
        font-size: 14px;
    }

    .combine .btnAr .btn {
        height: 100%;
    }

    .combinBtn.code .inp {
        width: calc(100% - 110px);
    }

    .combinBtn.code .comBtn {
        width: 110px;
    }

    .inp.inChk .chk.success {
        background-image: url(images/MO-inp_chk_success.png);
    }

    .inp.inChk .chk.fail {
        background-image: url(images/MO-inp_chk_fail.png);
    }

    /* -------------------- popup -------------------- */
    .popContainer {
        min-width: 320px;
        border: 0.5px solid #E2E2E2;
    }

        .popContainer > .close {
            background: url(images/MO-pop_ic_close.png) no-repeat center / 26px;
        }

        .popContainer.center {
            width: 92%;
            max-width: 400px;
            min-width: 300px;
            padding: 20px 10px 20px;
        }

        .popContainer.bottom {
            width: 100%;
            min-width: 320px;
            padding: 28px 15px 20px;
        }

    .popContTit .tit {
        font-size: 17px;
    }

    .popContTit .txt {
        font-size: 14px;
    }

    .popContTit + .popBody {
        margin-top: 22px;
    }

    .popContainer.bottom .popContTit + .popBody {
        margin-top: 22px;
    }

    .popContainer .agreeChk {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .popBody .btnAr.row.col2 .btn {
        height: 39px;
        font-size: 14px;
    }

    .popBody .date-pick .tit {
        width: calc(100% - 130px);
    }

    .popBody .date-pick .pick-btn {
        width: 120px;
        padding: 0 12px;
        background-position: 95% 50%;
        background-image: url(images/MO-date_pick_ic.png);
    }

        .popBody .date-pick .pick-btn .tx {
            width: 80px;
            font-size: 13px;
        }

    .popContainer.calendarPop {
        padding: 20px 14px 20px;
    }

    .popWP .btnAr .insuranceBtn {
        height: auto;
    }

    /* 도시락 포인트 */
    .popBody .pointCtrl .resetBtn .tx {
        background-image: url(images/MO-point_reset.png);
    }

    /* 수령장소 선택 리스트 */
    .popBody .receive-place-sel {
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    /* -------------------- layout -------------------- */
    /* 컨텐츠 */
    html, body {
        overflow-x: hidden;
        overflow-y: auto;
    }

    html {
        min-width: 320px;
    }

    .wTy1 {
        width: 100%;
        min-width: 320px;
    }

    .wTy2 {
        width: 100%;
        min-width: 320px;
    }

    .wTy3 {
        width: 100%;
        min-width: 320px;
    }

    .wrap {
        overflow-x: hidden;
    }

        .wrap.mainPage {
            min-width: 320px;
        }

        .wrap.menuPage {
            min-width: 100%;
        }

            .wrap.menuPage .container,
            .wrap.subPage .container {
                padding-top: 56px;
            }

        .wrap.productDetailPage {
            width: 100%;
        }

        .wrap.menuPage .container {
            padding-bottom: 30px;
        }

        .wrap.subPage .container {
            padding-bottom: 70px;
        }

        .wrap.productDetailPage .container {
            padding-top: 35px;
            padding-bottom: 80px;
        }

        .wrap.subPage .contents {
            padding-top: 15px;
        }

        .wrap .contents.pT-0,
        .wrap .contents.pT-0 {
            padding-top: 0;
        }

        .wrap .contents.pT-ty01,
        .wrap .contents.pT-ty01 {
            padding-top: 30px;
        }

        .wrap .contents.pT-ty02,
        .wrap .contents.pT-ty02 {
            padding-top: 50px;
        }

    .contents.wTy2,
    .contents.wTy3 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .contTit {
        margin-bottom: 25px;
    }

        .contTit .tit {
            font-size: 16px;
        }

        .contTit .txt {
            font-size: 13px;
        }

        .contTit .bold {
            font-family: 'NotoSansKR-B';
        }
    /**/
    .full-lyW {
        width: calc(100% + 30px) !important;
        margin-left: -15px;
    }

    /* 헤더 */
    .headerWp {
        min-width: auto;
    }

        .headerWp .header {
            height: 56px;
        }

            .headerWp .header .close,
            .headerWp .header .back {
                width: 28px;
                height: 28px;
            }

    .wrap.subPage .headerWp .header .close {
        right: 10px;
    }

    .headerWp .header .close {
        right: 10px;
    }

    .headerWp .header .back {
        left: 10px;
    }

    .headerWp .header .headerTit {
        font-size: 17px;
    }

    .wrap.menuPage,
    .wrap.subPage {
        min-width: 320px;
    }

        .wrap.menuPage .header .close {
            background-image: url(images/MO-header_ty1_close.png);
        }

        .wrap.menuPage .header .back {
            background-image: url(images/MO-header_ty1_back.png);
        }

        .wrap.subPage .header .close {
            background-image: url(images/MO-header_ty2_close.png);
        }

        .wrap.subPage .header .back {
            background-image: url(images/MO-header_ty2_back.png);
        }

    .wrap.productDetailPage .header {
        height: 35px;
    }

        .wrap.productDetailPage .header .close {
            background-image: url(images/MO-header_ty2_close.png);
        }

    .wrap.productDetailPage .productInfoAr .productCon .productInfo .infoRow .info .txt {
        font-size: 12px;
    }

    /* 푸터 */
    .footerWp {
        height: 180px;
        padding: 0 20px 54px 20px;
        text-align: left;
        line-height: 180px;
        box-sizing: content-box;
    }

        .footerWp .footerLink {
            margin-bottom: 8px;
        }

            .footerWp .footerLink .linkBtn {
                margin-right: 10px;
                margin-left: 10px;
                font-size: 12.5px;
            }

                .footerWp .footerLink .linkBtn:after {
                    height: 10px;
                    top: 4px;
                    right: -10px;
                }

                .footerWp .footerLink .linkBtn:first-child {
                    margin-right: 10px;
                    margin-left: 0;
                }

        .footerWp .companyName {
            margin-bottom: 4px;
            font-family: 'NotoSansKR-M';
            font-size: 12px;
        }

        .footerWp .companyInfo {
            line-height: 0.7;
        }

            .footerWp .companyInfo .tx {
                margin-right: 6px;
                margin-left: 0;
                font-size: 11px;
            }

        .footerWp .copy {
            margin-top: 8px;
        }

        .footerWp select {
            width: 140px;
        }

    /* GNB */
    .gnbWp .gnbList {
        padding: 0 5%;
    }

    /* 텍스트 박스 */
    .txBoxWp .txColAr {
        margin-bottom: 15px;
    }

    .txBlock:nth-child(n+2) {
        margin-left: 0;
        margin-top: 15px;
    }

    .txColAr.col2 .txBlock {
        width: 100%;
    }

    .txBlock .txBoxTit {
        font-size: 14px;
    }

    .txBoxCon.col2 .txBox {
        width: 100%;
    }

        .txBoxCon.col2 .txBox:nth-child(odd) {
            margin-right: 0;
        }

    .txRow.col2 .txt {
        display: block;
        width: 100%;
    }

    .txBlock.memberInfo .infoTit {
        margin-bottom: 4px;
        font-size: 15px;
    }

    .txBlock.memberInfo .infoCon .txt {
        font-size: 15px;
        line-height: 27px;
    }

    .txBlock.memberInfo .btn.line {
        font-size: 14px;
    }

    .txBox .tit {
        font-size: 14px;
    }

    .txBox .txt {
        font-size: 13px;
        line-height: 19px;
    }
    /**/

    /* 리스트 */
    .boardAr .list .listTit {
        padding-right: 15px;
        padding-left: 15px;
    }

    .boardAr .list .tit {
        font-size: 14px;
    }

    .boardAr .list .view {
        background: url(images/MO-board_ic_plus.png) no-repeat center / 100% auto;
    }

        .boardAr .list .view.open {
            background: url(images/MO-board_ic_minus.png) no-repeat center / 100% auto;
        }

    .boardAr .list .listCon {
        padding: 15px;
        font-size: 13px;
        line-height: 19px;
    }

        .boardAr .list .listCon .imgAr img {
            width: 100%;
        }

    .boardAr .list .poiR {
        right: 15px;
    }

    .boardAr .faq .list .tit:before {
        background: url(images/MO-board_ic_em.png) no-repeat center / 100% auto;
    }

    .boardAr.que .list .state.unAnswer:before {
        background-image: url(images/MO-que_ic_unAnswer.png);
    }

    .boardAr.que .list .state.complete:before {
        background-image: url(images/MO-que_ic_complete.png);
    }

    .boardAr .list .del {
        background-image: url(images/MO-list_ic_del.png);
    }

    /* ------------------- style ------------------- */
    /* header */
    #header #logo {
        top: 1.5%;
    }

        #header #logo img {
            height: 15.5px;
        }

    /* 메인페이지 */
    .mainVisualAr {
        height: auto;
        margin-bottom: 0;
    }

        .mainVisualAr .banner-content li {
            display: inline-block;
            width: 100%;
            margin: auto;
        }

    .mainConWrapper {
        margin-top: 0;
        padding-bottom: 0px;
    }

    .mainConWp {
        margin-top: 0;
        padding-bottom: 0;
    }

    .mainContabAr {
        width: 100%;
        min-width: 320px;
        margin-bottom: 0;
    }

        .mainContabAr .tabWp {
            width: 100%;
            margin-right: auto;
            margin-left: auto;
        }

        .mainContabAr .tab:nth-child(1),
        .mainContabAr .tab:nth-child(2),
        .mainContabAr .tab:nth-child(3) {
            width: calc(99.99% / 3);
        }

        .mainContabAr .tab {
            display: inline-block;
            height: auto;
            padding: 7px 0 11px;
            border-right: 0;
        }

            .mainContabAr .tab .tabBtn {
                opacity: 0.5;
                cursor: pointer;
            }

            .mainContabAr .tab .tx {
                margin-top: 4px;
                font-size: 13px;
            }

            .mainContabAr .tab:nth-child(1) .tx,
            .mainContabAr .tab:nth-child(2) .tx,
            .mainContabAr .tab:nth-child(3) .tx {
                margin-right: auto;
                margin-left: auto;
            }

            .mainContabAr .tab .ic {
                display: block;
                width: 25px;
                height: 25px;
                margin: 0 auto 0;
                background-repeat: no-repeat;
                background-position: center;
                background-size: 25px auto;
            }

            .mainContabAr .tab.country .ic {
                background-image: url(images/MO-main_tab_country.png);
            }

            .mainContabAr .tab.product .ic {
                background-image: url(images/MO-main_tab_product.png);
            }

            .mainContabAr .tab.payment .ic {
                background-image: url(images/MO-main_tab_payment.png);
            }

            .mainContabAr .tab.active .tabBtn {
                opacity: 1;
            }

            .mainContabAr .tab.active .tx:after {
                content: '';
                display: block;
                width: 4px;
                height: 4px;
                background-color: #F9CE49;
                border-radius: 50%;
                position: absolute;
                top: -6px;
                right: -6px;
            }

    .mainConWp .mainConAr:nth-child(1),
    .mainConWp .mainConAr:nth-child(2),
    .mainConWp .mainConAr:nth-child(3) {
        width: 100%;
    }

    .mainConWp .mainConAr:nth-child(2),
    .mainConWp .mainConAr:nth-child(3) {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .mainConWp .mainConAr .titBox {
        display: none;
    }

    .mainConAr .mainCon {
        width: 100%;
        height: auto;
        margin-top: 0;
        font-size: 16px;
    }

    .mainCon .mainConTit .tit.pay-opt {
        background-image: url(images/MO-mainConTit_pay_opt.png);
    }

    .mainCon.country-sel .tabWp.line {
        white-space: nowrap;
    }

        .mainCon.country-sel .tabWp.line .tab {
            padding: 0 2.1%;
        }

            .mainCon.country-sel .tabWp.line .tab:first-child {
                padding-left: 0;
            }

            .mainCon.country-sel .tabWp.line .tab:last-child {
                padding-right: 0;
            }

    .mainCon.country-sel .country-listWp {
        padding: 0 10px 20px;
    }

    .mainCon.country-sel {
        padding-bottom: 90px;
    }

        .mainCon.country-sel .country.search {
            padding: 24px 10px 24px;
            background-color: #F2F2F3;
            position: absolute;
            left: 0;
            bottom: 0;
        }

            .mainCon.country-sel .country.search .inp input {
                background-color: #fff;
            }

            .mainCon.country-sel .country.search .inp .searchBtn {
                background-color: #fff;
            }

    /* 상품 결제정보 */
    .payment-listAr .infoList .infoAr .r-con .arr {
        background-image: url(images/MO-payment_list_arr_down.png);
    }

    .payment-listAr .arrCon.open .infoAr .r-con .arr {
        background-image: url(images/MO-payment_list_arr_up.png);
    }

    /* 결제금액 정보 */
    .paymentInfoWp {
        min-width: 100%;
        left: 0;
        transform: translateX(0);
    }

    .paymentInfoAr {
        width: 100%;
        min-width: 320px;
        padding: 17px 14px;
        background-color: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        box-shadow: 0 -1px 12px rgba(0, 0, 0, 0.3);
        text-align: left;
    }

        .paymentInfoAr .calculation {
            display: block;
            width: 100%;
            margin-right: 0;
            line-height: 1;
        }

        .paymentInfoAr .reckoning {
            display: none;
            width: 100%;
            margin-bottom: 15px;
            padding-bottom: 10px;
            text-align: right;
            border-bottom: 1px solid #E6E6E6;
        }

            .paymentInfoAr .reckoning .sign:before {
                content: '';
                display: inline-block;
                width: 15px;
                height: 15px;
                margin-right: 5px;
                border: 1px solid #999;
                border-radius: 50%;
                line-height: 24px;
                vertical-align: sub;
                background-repeat: no-repeat;
                background-position: center;
                background-size: 100% auto;
            }

            .paymentInfoAr .reckoning .sign.plus:before {
                background-image: url(images/MO-reckoning_sign_plus.png);
            }

            .paymentInfoAr .reckoning .sign.minus:before {
                background-image: url(images/MO-reckoning_sign_minus.png);
            }

    .reckoning.open {
        display: block;
    }

    .paymentInfoAr .reckoning .txt {
        display: block;
        font-family: 'NotoSansKR-R';
        font-size: 14px;
        color: #888;
        line-height: 24px;
    }

    .paymentInfoAr .calculation .total {
        display: block;
        margin-left: 0;
        margin-bottom: 18px;
    }

    .paymentInfoAr .calculation .txt.total .tit {
        font-size: 17px;
        color: #000;
    }

    .paymentInfoAr .calculation .txt.total .value {
        float: right;
        font-size: 19px;
        color: #ED4A57;
        line-height: 1;
    }

        .paymentInfoAr .calculation .txt.total .value .view {
            width: 19px;
            height: 19px;
            margin-top: 1px;
            margin-left: 10px;
            border: 1px solid #ED4A57;
            background: url(images/MO-cal_view.png) no-repeat center / 100% auto;
            vertical-align: top;
        }

    .paymentInfoAr .btnAr {
        display: block;
        text-align: right;
    }

        .paymentInfoAr .btnAr:after {
            content: '';
            display: block;
            clear: both;
        }

    .paymentInfoWp .btnAr .finishBtn,
    .paymentInfoWp .btnAr .paymentBtn {
        float: right;
        display: block;
    }

    .paymentInfoWp .btnAr .finishBtn {
        display: block;
    }

    .paymentInfoWp .btnAr .back {
        display: block;
        float: left;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #FACC16 url(images/MO-mobileMain_back.png) no-repeat center / 18px auto;
    }

    /* 상품 상세페이지 */
    .wrap.productDetailPage .pc-con {
        display: none !important;
    }

    .wrap.productDetailPage .header {
        height: 20px;
    }

        .wrap.productDetailPage .header .close {
            top: 10px;
            right: 20px;
        }

    .wrap.productDetailPage .container {
        padding-top: 20px;
    }

    .wrap.productDetailPage .contents.wTy2 {
        padding-left: 0;
        padding-right: 0;
    }

    .wrap.productDetailPage .productInfoAr .productCon .productInfo .infoRow {
        width: 100%;
        margin-bottom: 4px;
    }

        .wrap.productDetailPage .productInfoAr .productCon .productInfo .infoRow.BU {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .wrap.productDetailPage .productInfoAr .productCon .productInfo .infoRow.GY {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

    .wrap.productDetailPage .productInfoAr .receive-info .inpAr .inpBox {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
    }

        .wrap.productDetailPage .productInfoAr .receive-info .inpAr .inpBox:last-child {
            margin-bottom: 0;
        }

    .wrap.productDetailPage .productInfoAr .priceInfo {
        padding-right: 25px;
        padding-left: 25px;
    }

    .productTop {
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 20px;
    }

        .productTop .txt {
            max-height: 63px;
        }

    .productInfoAr {
        padding-top: 135px;
    }

        .productInfoAr .priceInfo {
            width: 100%;
        }

            .productInfoAr .priceInfo .fL {
                width: calc(100% - 165px);
            }

            .productInfoAr .priceInfo .btn {
                float: left;
            }

    /* 상품 리스트 */

    /* 수량선택 */

    /* 수령지 선택 */
    .receive-place-sel .tabWp.line {
        padding: 0 5px;
    }

        .receive-place-sel .tabWp.line .tab:first-child {
            padding-left: 0;
        }

        .receive-place-sel .tabWp.line .tab:last-child {
            padding-right: 0;
        }

    /* 달력 */

    /* 1:1문의 파일첨부 */
    .fileUpload .tx {
        font-size: 14px;
    }

    .fileUpload .txUnBtn {
        font-size: 14px;
    }

    .addFile .del {
        background: #999 url(images/MO-file_ic_del.png) no-repeat center / 100% auto;
    }

    /* 검색 input */
    .search .inp .searchBtn {
        background-image: url(images/MO-search_ic.png);
    }

    .search .inp .txDel {
        background-image: url(images/MO-input_del_ic.png);
    }

    /* 구매/예약 내역 */
    .purchaseWp:nth-child(n+2) {
        margin-top: 15px;
    }

    .purchaseWp .date {
        font-size: 14px;
    }

    .purchaseList .orderInfo {
        margin-bottom: 8px;
        padding: 0 2px;
        font-size: 12px;
    }

    .purchaseList .titAr .tit {
        margin-left: 14px;
        font-size: 14px;
        line-height: 26px;
    }

    .purchaseList .titAr .detailView {
        height: 26px;
        font-size: 12px;
        border-radius: 13px;
    }

        .purchaseList .titAr .detailView .tx {
            background: url(images/PC-detail_view_arr.png) no-repeat 100% 50% / 12px auto;
        }

    .purchaseList .btn {
        height: 38px;
        font-size: 14px;
    }

    .orderAr {
        padding: 12px 10px;
    }

    .orderList {
        margin-bottom: 8px;
    }

        .orderList .name,
        .orderList .amount {
            font-size: 13px;
        }

        .orderList .status {
            font-size: 13px;
        }

            .orderList .status.finish {
                background-image: url(images/MO-order_finish_ic.png);
            }

            .orderList .status.cancel {
                background-image: url(images/MO-order_cancel_ic.png);
            }

    /* 마이페이지 */
    .myPageAr {
        width: 500px;
    }

        .myPageAr .myBtn {
            width: 50%;
        }

    /* 카드 */
    .cardAr .cardCon {
        background: #F2F2F3 url(images/MO-card_ic_add.png) no-repeat center / 61px auto;
    }

        .cardAr .cardCon.registered {
            background: url(images/MO-card_mockup.png) no-repeat center / 100% auto;
        }

    .cardCheckAr .tit {
        font-size: 15px;
    }

    .cardCheckAr .noti {
        margin-top: 15px;
        font-size: 13px;
        line-height: 18px;
    }

    .cardCheckAr .tit.em:before {
        background: url(images/MO-cardChk_ic_em.png) no-repeat center / 100% auto;
    }

    .cardPass .inpBox .inp {
        width: 41px;
    }

        .cardPass .inpBox .inp:nth-child(n+2) {
            margin-left: 8px;
        }

    /* Q&A 상세내용 */

    /* 상단 검색 input */
    .search-wp {
        padding: 28px 0;
    }

        .search-wp .search {
            height: 42px;
        }

            .search-wp .search .inp {
                width: calc(100% - 30px);
                margin: 0 15px;
            }

    /* 주소 리스트 */
    .addressWp .total {
        margin-top: 20px;
    }

    .addressList .postcode {
        margin-right: 10px;
        font-size: 13px;
    }

    .addressList .address-detail {
        width: calc(100% - 48px);
    }

        .addressList .address-detail .kindName {
            width: 40px;
            margin-right: 8px;
            padding: 2px 0 2px;
            font-size: 11px;
        }

        .addressList .address-detail .address-tx {
            width: calc(100% - 50px);
            font-size: 13px;
        }

    .addressList .inpBox {
        margin-top: 20px;
    }

        .addressList .inpBox .inp {
            border-radius: 22px;
        }

    .addressList .inpBox {
        margin-top: 15px;
    }

    /* 로그인 */
    .conLink.input {
        margin-top: 14px;
    }

        .conLink.input .linkBtn {
            font-size: 15px;
        }

    .snsAr {
        margin-top: 35px;
    }

        .snsAr .snsIc.facebook {
            background-image: url(images/MO-sns_ic_face.png);
        }

        .snsAr .snsIc.kakao {
            background-image: url(images/MO-sns_ic_kakao.png);
        }

        .snsAr .snsIc.naver {
            background-image: url(images/MO-sns_ic_naver.png);
        }

    .loginWp .contTit {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .contents .dosirak-usim-logo {
        margin: 40px auto 40px;
    }

    /* 회원가입 */
    .stepBtnAr {
        margin-top: 15px;
    }

        .stepBtnAr .stepBtn.prev {
            background-image: url(images/MO-step_ic_prev.png);
        }

        .stepBtnAr .stepBtn.next {
            background-image: url(images/MO-step_ic_next.png);
        }

    .join + .noti {
        font-size: 13px;
    }

    .noti .tx.myIDchk .arr {
        background-image: url(images/MO-id_chk_arr.png);
    }

    .join .txBoxCon .passView {
        background-image: url(images/MO-pass_view_ic.png);
    }

        .join .txBoxCon .passView.active {
            background-image: url(images/MO-pass_view_ic_on.png);
        }

    .join-agree-total {
        margin-top: 50px;
    }

    .join-agree-wp {
        padding-top: 15px;
        padding-bottom: 0;
        border-bottom: 0;
    }

        .join-agree-wp .agree-form-wp .checks .view {
            display: inline-block;
        }

        .join-agree-wp .agree-form-wp {
            display: block;
            width: 100%;
        }

            .join-agree-wp .agree-form-wp.personal_info {
                float: inherit;
            }

    .join-option {
        padding-top: 0;
    }

        .join-option .checkList.inline .checks {
            display: block;
        }

            .join-option .checkList.inline .checks:nth-child(n+2) {
                margin-left: 0;
            }

        .join-agree-wp .checks,
        .join-option .checks {
            margin-bottom: 10px;
        }

    .txBoxCon.col2 .txBox:nth-child(2n+1) {
        margin-right: 0;
    }

    .txBoxCon.col2 .txBox {
        width: 100%;
    }

    /* 이미지 영역 */

    /* 내역없음 */
    .noConAr .noNoti {
        font-size: 15px;
    }

        .noConAr .noNoti .tx:before {
            background-image: url(images/MO-noList_ic.png);
        }

    /* 하단 원형 버튼 */
    /*.btmfixBtn{
right: 15px;
}*/
    .btmfixBtn.close {
        background-image: url(images/MO-btmfixBtn_close.png);
    }

    .btmfixBtn.top {
        background-image: url(images/MO-btmfixBtn_top.png);
    }

    /* ------------------- etc ------------------- */

    /* 하단 고정 */

    /* 나의 포인트 */
    .myPoint {
        width: 100%;
        padding: 10px 0;
        text-align: center;
        background-color: #2559AC;
    }

        .myPoint .txt {
            margin: 0 5px;
            font-family: 'NotoSansKR-M';
            font-size: 14px;
            color: #fff;
        }

            .myPoint .txt:after {
                margin-right: 0;
                margin-left: 14px;
            }

    .myPointTb {
        margin-top: 0;
    }

    /* 테이블 디테일 */
    .overseas-tel .th:first-child,
    .overseas-tel .td:first-child {
        width: 24%;
    }

    .overseas-tel .th:not(first-child),
    .overseas-tel .td:not(first-child) {
        width: 38%;
    }

    .topTx {
        padding: 18px 0;
    }

        .topTx .txt {
            font-size: 16px;
        }

    .answConAr .conAr {
        margin-bottom: 20px;
    }

        .answConAr .conAr .txAr .name {
            margin-bottom: 5px;
            font-size: 15px;
        }

        .answConAr .conAr .txAr .txt {
            font-size: 14px;
        }

        .answConAr .conAr .del {
            background-image: url(images/MO-que_del_ic.png);
        }

    /* 앱 다운로드 btn */
    .app-downAr {
        margin-top: 14px;
    }

    .app-download {
        float: left;
        width: calc(50% - 5px);
        height: 42px;
        background-color: #fff;
        border-radius: 22px;
    }

        .app-download:first-child {
            margin-right: 10px;
        }

        .app-download .tx {
            padding: 8px 0 8px 26px;
            font-family: 'NotoSansKR-M';
            font-size: 13px;
            color: #E63422;
            line-height: 24px;
            background-repeat: no-repeat;
            background-position: 0 50%;
            background-size: 24px auto;
        }

            .app-download .tx.ios {
                background-image: url(images/MO-app_ic_ios.png);
            }

            .app-download .tx.android {
                background-image: url(images/MO-app_ic_android.png);
            }

    /* ------------------- swiper ------------------- */
    .tabWp.sub.swiper-container .tab {
        padding: 17px 13px 17px;
    }

    /* 이용방법 -swiper */
    .tabWp.use-guide .before-purchase-tab.swiper-slide {
        width: 42px;
    }

    .tabWp.use-guide .before-departure-tab.swiper-slide {
        width: 42px;
    }

    .tabWp.use-guide .after-arrival-tab.swiper-slide {
        width: 42px;
    }

    .tabWp.use-guide .failover-tab.swiper-slide {
        width: 55px;
    }
    /* 수령장소 -swiper */
    .tabWp.receive-place .Incheon-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.receive-place .Gimpo-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.receive-place .Gimhae-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.receive-place .Daegu-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.receive-place .Cheongju-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.receive-place .Busan-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.receive-place .Seoul-tab.swiper-slide {
        width: 26px;
    }
    /* 가입 -swiper */
    .tabWp.join-menu .join-id-tab.swiper-slide {
        width: 15px;
    }

    .tabWp.join-menu .join-password-tab.swiper-slide {
        width: 52px;
    }

    .tabWp.join-menu .join-name-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.join-menu .join-mobileNum-tab.swiper-slide {
        width: 65px;
    }

    .tabWp.join-menu .join-birthday-tab.swiper-slide {
        width: 52px;
    }

    .tabWp.join-menu .join-gender-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.join-menu .join-info-tab.swiper-slide {
        width: 52px;
    }

    /*대륙 - swiper*/
    .continent-tabWp .swiper-pagination {
        padding: 0 0;
    }

    /* 메인배너 */
    .mainVisualAr .banner-content li:first-child {
        padding: 0;
    }

    .mainVisualAr h1 {
        font-size: 34px;
    }

    .sub {
        margin-top: 10px;
    }

    .mainVisualAr .banner-content img {
        width: 100%;
        margin: auto;
    }

    .mainBanAr .swiper-container {
        width: 100%;
    }

        .mainBanAr .swiper-container .swiper-slide img {
            width: 100%;
        }

    .btnAr {
        display: block !important;
    }

    /* S: 220812 CSS추가 */
    .levelWrap {
        flex-direction: column;
        padding: 30px 0;
    }

    .meterWrap {
        width: 100%;
    }

    .upgradeWrap {
        width: 100%;
        padding: 5% 10%;
    }

        .upgradeWrap .upgradeUl {
            padding: 10px 0 0 25px;
        }

    .meterWrap .meterLevel {
        width: 80%;
        margin: 0 auto;
    }

    .meterWrap meter {
        width: 100%;
    }

    .member_Ar {
        width: 100%;
    }

    /* S: 241030 수정 및 추가 */
    /* 삭제 */
    /* .member_Ar .detailMore {
        padding: 15px 0 0 0;
    } */

    .member_Ar li {
        padding: 20px 20px;
    }

    .member_Ar .detailImg {
        width: 15%;
    }
    .member_Ar .detailImg img {
        width: 80%;
    }
    .member_Ar .detailCon {
        width: 75%;
    }

    .member_Ar .detailCon .detailTit {
        font-size: 1.05rem;
    }

    .member_Ar .detailCon .detailTxt {
        font-size: 0.9rem;
    }
    .tabConWp .detailNote {
        padding: 1.5rem 1.2rem;
        font-size: 0.9rem;
    }
    /* E: 241030 수정 및 추가 */

        .member_Ar .detailExplanation .detailExplanation_txt {
            font-size: 14px;
            padding: 30px 20px;
            white-space: pre-line;
        }
    /* E: 220812 CSS추가 */
}

@media all and (max-width: 480px) {
    /* PC 컨텐츠 */
    .pc-con {
        display: none !important;
    }
    /* 모바일 컨텐츠 */
    .mo-con {
        display: block !important;
    }

    /* GNB */
    .gnbWp {
        min-width: 320px;
    }

        .gnbWp .gnbList {
            padding: 0 15px;
            font-size: 14px;
        }

            .gnbWp .gnbList:last-child {
                margin-right: 15px;
            }

        /* gnb -swiper */
        .gnbWp.swiper-container {
            padding: 0 5px;
        }

        .gnbWp .swiper-wrapper {
            justify-content: flex-start;
            padding: 0 0;
        }

        .gnbWp .home.swiper-slide {
            width: 13px;
        }

        .gnbWp .guide.swiper-slide {
            width: 51px;
        }

        .gnbWp .receive.swiper-slide {
            width: 51px;
        }

        .gnbWp .login-join.swiper-slide {
            width: 94px;
        }

        .gnbWp .purchase.swiper-slide {
            width: 51px;
        }

        .gnbWp .customer.swiper-slide {
            width: 51px;
        }

    /* 마이페이지 */
    .myInfoTop .greeting .tx {
        display: block;
    }

    .myInfoTop .btn {
        margin-top: 12px;
    }

        .myInfoTop .btn.line {
            padding: 7px 16px;
        }

    .myPageAr {
        width: 100%;
        margin-top: -10px;
    }

        /* S: 220812 css추가 */
        .myPageAr .myBtn {
            width: calc(100% / 2 - 5px);
            min-width: auto;
            height: 108px;
            margin: 5px 0;
            float: left;
        }
            /* E: 220812 css추가 */

            .myPageAr .myBtn:nth-child(even) {
                margin-left: 10px;
            }

            .myPageAr .myBtn .tx {
                font-size: 14px;
            }

            .myPageAr .myBtn.modify .tx:before {
                background-image: url(//dosiraksim.com/Content/images/MO-my_ic_modify.png);
            }

            .myPageAr .myBtn.register .tx:before {
                background-image: url(//dosiraksim.com/Content/images/MO-my_ic_register.png);
            }

            .myPageAr .myBtn.reservation .tx:before {
                background-image: url(//dosiraksim.com/Content/images/MO-my_ic_reservation.png);
            }

            .myPageAr .myBtn.point .tx:before {
                background-image: url(//dosiraksim.com/Content/images/MO-my_ic_point.png);
            }

    /* 상품 상세페이지 */
    .wrap.productDetailPage .header {
        height: 18px;
    }

    .wrap.productDetailPage .container {
        padding-top: 18px;
    }

    .wrap.productDetailPage .productTop {
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 20px;
    }

    .wrap.productDetailPage .container .tabConWp .contents {
        padding-right: 15px;
        padding-left: 15px;
    }

    .productInfoAr {
        padding-top: 140px;
    }

    .productTop .tit {
        font-size: 20px;
    }

        .productTop .tit:before {
            width: 13px;
            height: 13px;
            border: 3px solid #FACC16;
        }

        .productTop .tit .tx {
            margin-top: 10px;
        }

    .productTop .txt {
        padding: 0 16px;
        max-height: 83px;
    }

    .productInfoAr {
        margin-bottom: 40px;
    }

        .productInfoAr .productInfoBox {
            padding: 0 0;
            background-color: #fff;
        }

        .productInfoAr .productCon {
            margin-bottom: 10px;
            padding: 20px 15px;
            background-color: #EFEFF1;
        }

        .productInfoAr .receive-info {
            padding: 20px 15px 0;
            background-color: #EFEFF1;
        }

        .productInfoAr .inpBox .inp.place .ic {
            background-image: url(images/MO-detile_input_place.png);
        }

        .productInfoAr .inpBox .inp.date .ic {
            background-image: url(images/MO-detile_input_date.png);
        }

        .productInfoAr .inpBox .inp.opening .ic {
            background-image: url(images/MO-detile_input_opening.png);
        }

    .wrap.productDetailPage .productInfoAr .priceInfo {
        float: inherit;
        width: 100%;
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
        padding-left: 15px;
        background-color: #EFEFF1;
        margin-top: 0;
        line-height: inherit;
    }

    .productInfoAr .priceInfo .fL {
        float: inherit;
        width: 100%;
        margin-right: 0;
    }

    .productInfoAr .priceInfo .btn {
        float: inherit;
    }

    .productInfoAr .priceInfo .priceAr .txt {
        font-size: 19px;
        line-height: 1;
    }

    .productInfoAr .priceInfo .btn {
        width: 100%;
        height: 46px;
        margin-top: 16px;
    }

    /* header */
    #header {
        position: absolute;
        width: 100%;
        top: 2.2%;
        z-index: 2;
    }

        #header #logo {
            position: initial;
            transform: translateZ(0);
            text-align: center;
        }

            #header #logo a {
                color: inherit;
                text-decoration: none;
            }

            #header #logo img {
                height: 26px;
            }

    /* 메인배너 */
    .mainVisualAr {
        height: 100%;
    }

        .mainVisualAr .banner-content {
            width: 100%;
        }

            .mainVisualAr .banner-content li {
                width: 100%;
            }

                .mainVisualAr .banner-content li:first-child {
                    float: none;
                    padding: 0;
                }

                .mainVisualAr .banner-content li:last-child {
                    padding: 0;
                    margin: auto;
                    text-align: center;
                }

        .mainVisualAr h1 {
            font-size: 30px;
            text-align: center;
        }

    .sub {
        text-align: center;
        margin-top: 10px;
    }

    .mainVisualAr .banner-content img {
        width: 100%;
        margin: auto;
    }

    .mainBanAr .swiper-container {
        width: 100%;
    }

    .mainBanAr .swiper-slide {
        width: 100% !important;
    }

    .mainBanAr .swiper-pagination {
        bottom: 0 !important;
        left: 50%;
    }

        .mainBanAr .swiper-pagination span:nth-of-type(n+2) {
            margin-left: 5px;
        }

    .visualCon .visualAr iframe {
        height: 300px;
    }

    tabConWp .detailNote .noteTit {
        font-size: 12px;
    }

    .tabConWp .detailNote .noteSub {
        font-size: 12px;
        margin-top: 5px;
    }

    .tabConWp .detailNote .noteTit strong {
        display: block;
    }

    .tabConWp .detailNote .noteSub strong {
        display: block;
    }

    .noticeWp .noticeTit {
        font-size: 14px;
    }

    .noticeWp .noticeTxt {
        font-size: 12px;
    }

    .join-agree-total .familyAr span {
        width: 25%;
    }

        .join-agree-total .familyAr span img {
            width: 100%;
        }

        .join-agree-total .familyAr span:nth-of-type(n+2) {
            margin-left: 10px;
        }
}

@media all and (max-width: 320px) {
    .tabWp.sub .tab {
        padding: 14px 10px;
    }

        .tabWp.sub .tab .tabBtn {
            font-size: 13px;
        }

    .mainCon.country-sel .tabWp.line .tab {
        padding: 0 1.5%;
    }

    .reserv-place-sel .tabWp.line .tab {
        padding: 0 2%;
    }

    .wrap.productDetailPage .productInfoAr .productCon .productInfo .infoRow .info .txt {
        font-size: 11px;
    }
}

img.kakaoPayment {
    width: 3.2rem;
    vertical-align: middle;
}
img.tossPayment {
    width: 5rem;
    vertical-align: middle;
}

/* S: 231214 예약완료페이지 이벤트 배너 추가 */
.reserCom_banAr {padding: 10px 0 150px 0;}
/* E: 231214 예약완료페이지 이벤트 배너 추가 */
@media all and ( max-width: 1920px) {
    body {
        overflow-x: hidden;
    }
}

@media all and (max-width: 768px) {
    /* -------------------- input -------------------- */

    input[type='text'], input[type='password'], input[type='submit'], input[type='search'], .select-box {
        height: 44px;
    }

    .select-box {
        background-image: url(images/MO-arr_sel.png);
    }

    .select-box label {
        line-height: 44px;
    }

    .checks input[type="checkbox"]:checked + label:before {
        background-image: url(images/MO-ic_check.png);
    }

    .checks .view {
        background: url(images/MO-view_ic.png) no-repeat center / 100% auto;
    }

    /* -------------------- 버튼 & 탭 -------------------- */

    .btn.line.check .tx {
        background-size: 19px auto;
    }

    .btnAr.btm {
        margin-top: 30px;
    }

    .btnAr.btm .btn {
        height: 48px;
        font-size: 16px;
    }

    .btnAr.btm.fixedBtm {
        min-width: 320px; /*left: 0;
transform: translateX(0%);*/
    }

    .btnAr.btm.fixedBtm .btn {
        height: 54px;
    }

    .btn.line.check .tx {
        background-image: url(images/MO-line_ic_chk.png);
    }

    .btn.line.check.BU .tx {
        background-image: url(images/MO-line_ic_chk_active.png);
    }

    .inBtn {
        padding: 4px 12px 5px;
        font-size: 12px;
    }

    .btn.BU.plus {
        background-image: url(images/MO-btn_ic_plus.png);
    }

    .tabWp {
        min-width: 320px;
    }

    .tabWp.line .tabBtn {
        font-size: 14px;
    }

    .tabWp.GY .tabBtn {
        font-size: 13.5px;
    }

    .tabWp.sub .tab {
        padding: 17px 2.8% 17px;
    }

    .tabWp.sub .tab:first-child {
        padding-left: 0;
    }

    .tabWp.sub .tab:last-child {
        padding-right: 0;
    }

    .tabWp.sub .tab .tabBtn {
        font-size: 14px;
        white-space: nowrap;
        line-height: 1;
    }

    .tabWp.round {
        width: 66%;
        min-width: 300px;
        margin-right: auto;
        margin-left: auto;
        border-radius: 20px;
        background-color: #eee;
    }

    .tabWp.round.space .tab {
        width: auto;
        height: 35px;
        margin: 0 0;
    }

    .tabWp.round.space .tab {
        width: 47%;
        min-width: 140px;
    }

    .tabWp.round.space .tab.active {
        width: 53%;
        min-width: 159px;
    }

    .tabWp.round .tab .tabBtn {
        font-size: 12.5px;
    }

    .tabWp.round .tab:nth-child(1) .tabBtn .tx {
        margin-right: -10px;
    }

    .tabWp.round .tab:nth-child(2) .tabBtn .tx {
        margin-left: -10px;
    }

    .tabWp.round .tab.active .tabBtn .tx {
        margin-right: 0px;
        margin-left: 0px;
    }

    .tabWp.line .tab.ic {
        height: 65px;
    }

    .tabWp.line .tab.ic .tabBtn .tx {
        font-size: 13px;
    }

    .tabWp.line .tab.ic .tabBtn.faq .tx:before {
        background-image: url(images/MO-cs_ic_faq.png);
    }

    .tabWp.line .tab.ic.active .tabBtn.faq .tx:before {
        background-image: url(images/MO-cs_ic_faq_on.png);
    }

    .tabWp.line .tab.ic .tabBtn.noti .tx:before {
        background-image: url(images/MO-cs_ic_noti.png);
    }

    .tabWp.line .tab.ic.active .tabBtn.noti .tx:before {
        background-image: url(images/MO-cs_ic_noti_on.png);
    }

    .tabWp.line .tab.ic .tabBtn.oneOn .tx:before {
        background-image: url(images/MO-cs_ic_oneOn.png);
    }

    .tabWp.line .tab.ic.active .tabBtn.oneOn .tx:before {
        background-image: url(images/MO-cs_ic_oneOn_on.png);
    }

    .tabWp.icon .tab .tabBtn.countryLock .tx:before {
        background-image: url(images/MO-tab_country_lock.png);
    }

    .tabWp.icon .tab.active .tabBtn.countryLock .tx:before {
        background-image: url(images/MO-tab_country_lock_on.png);
    }

    .tabWp.icon .tab .tabBtn.cancelProtect .tx:before {
        background-image: url(images/MO-tab_cancel_protect.png);
    }

    .tabWp.icon .tab.active .tabBtn.cancelProtect .tx:before {
        background-image: url(images/MO-tab_cancel_protect_on.png);
    }

    .tabWp.icon .tab .tabBtn.usim-replacement .tx:before {
        background-image: url(images/MO-tab_usim.png);
    }

    .tabWp.icon .tab.active .tabBtn.usim-replacement .tx:before {
        background-image: url(images/MO-tab_usim_on.png);
    }

    .tabWp.icon .tab .tabBtn.roaming-setting .tx:before {
        background-image: url(images/MO-tab_roaming.png);
    }

    .tabWp.icon .tab.active .tabBtn.roaming-setting .tx:before {
        background-image: url(images/MO-tab_roaming_on.png);
    }

    .contents > .tabWp {
        margin-bottom: 25px;
    }

    .content .tabConWp .tabWp:not(.line) {
        margin-bottom: 20px;
    }

    /* -------------------- 테이블 -------------------- */
    .tbWp table .th,
    .tbWp table .td {
        height: 40px;
    }

    .tbWp table .th .tx,
    .tbWp table .td .tx {
        padding: 12px 3px;
        font-size: 12px;
        line-height: 19px;
    }

    .tbWp table.protectCellTb .th .tx {
        font-size: 11.5px;
        line-height: 17px;
    }

    .tbWp table.protectCellTb .td .tx {
        font-size: 11.0px;
        line-height: 17px;
    }

    /* -------------------- 폼 레이아웃 -------------------- */
    .inpBox {
        height: 44px;
    }

    .inpBox input,
    .inpBox .select-box {
        height: 100%;
    }

    .formAr.labTy .label {
        font-size: 13px;
    }

    .combinBtn .comBtn {
        font-size: 14px;
    }

    .combine .btnAr .btn {
        height: 100%;
    }

    .combinBtn.code .inp {
        width: calc(100% - 110px);
    }

    .combinBtn.code .comBtn {
        width: 110px;
    }

    .inp.inChk .chk.success {
        background-image: url(images/MO-inp_chk_success.png);
    }

    .inp.inChk .chk.fail {
        background-image: url(images/MO-inp_chk_fail.png);
    }

    /* -------------------- popup -------------------- */
    .popContainer {
        min-width: 320px;
        border: 0.5px solid #E2E2E2;
    }

    .popContainer > .close {
        background: url(images/MO-pop_ic_close.png) no-repeat center / 26px;
    }

    .popContainer.center {
        width: 92%;
        max-width: 400px;
        min-width: 300px;
        padding: 20px 10px 20px;
    }

    .popContainer.bottom {
        width: 100%;
        min-width: 320px;
        padding: 28px 15px 20px;
    }

    .popContTit .tit {
        font-size: 17px;
    }

    .popContTit .txt {
        font-size: 14px;
    }

    .popContTit + .popBody {
        margin-top: 22px;
    }

    .popContainer.bottom .popContTit + .popBody {
        margin-top: 22px;
    }

    .popContainer .agreeChk {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .popBody .btnAr.row.col2 .btn {
        height: 39px;
        font-size: 14px;
    }

    .popBody .date-pick .tit {
        width: calc(100% - 130px);
    }

    .popBody .date-pick .pick-btn {
        width: 120px;
        padding: 0 12px;
        background-position: 95% 50%;
        background-image: url(images/MO-date_pick_ic.png);
    }

    .popBody .date-pick .pick-btn .tx {
        width: 80px;
        font-size: 13px;
    }

    .popContainer.calendarPop {
        padding: 20px 14px 20px;
    }

    .popWP .btnAr .insuranceBtn {
        height: auto;
    }

    /* 도시락 포인트 */
    .popBody .pointCtrl .resetBtn .tx {
        background-image: url(images/MO-point_reset.png);
    }

    /* 수령장소 선택 리스트 */
    .popBody .receive-place-sel {
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    /* -------------------- layout -------------------- */
    /* 컨텐츠 */
    html, body {
        overflow-x: hidden;
        overflow-y: auto;
    }

    html {
        min-width: 320px;
    }

    .wTy1 {
        width: 100%;
        min-width: 320px;
    }

    .wTy2 {
        width: 100%;
        min-width: 320px;
    }

    .wTy3 {
        width: 100%;
        min-width: 320px;
    }

    .wrap {
        overflow-x: hidden;
    }

    .wrap.mainPage {
        min-width: 320px;
    }

    .wrap.menuPage {
        min-width: 100%;
    }

    .wrap.menuPage .container,
    .wrap.subPage .container {
        padding-top: 56px;
    }

    .wrap.productDetailPage {
        width: 100%;
    }

    .wrap.menuPage .container {
        padding-bottom: 30px;
    }

    .wrap.subPage .container {
        padding-bottom: 70px;
    }

    .wrap.productDetailPage .container {
        padding-top: 35px;
        padding-bottom: 80px;
    }

    .wrap.subPage .contents {
        padding-top: 15px;
    }

    .wrap .contents.pT-0,
    .wrap .contents.pT-0 {
        padding-top: 0;
    }

    .wrap .contents.pT-ty01,
    .wrap .contents.pT-ty01 {
        padding-top: 30px;
    }

    .wrap .contents.pT-ty02,
    .wrap .contents.pT-ty02 {
        padding-top: 50px;
    }

    .contents.wTy2,
    .contents.wTy3 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .contTit {
        margin-bottom: 25px;
    }

    .contTit .tit {
        font-size: 16px;
    }

    .contTit .txt {
        font-size: 13px;
    }

    .contTit .bold {
        font-family: 'NotoSansKR-B';
    }
    /**/
    .full-lyW {
        width: calc(100% + 30px) !important;
        margin-left: -15px;
    }

    /* 헤더 */
    .headerWp {
        min-width: auto;
    }

    .headerWp .header {
        height: 56px;
    }

    .headerWp .header .close,
    .headerWp .header .back {
        width: 28px;
        height: 28px;
    }

    .wrap.subPage .headerWp .header .close {
        right: 10px;
    }

    .headerWp .header .close {
        right: 10px;
    }

    .headerWp .header .back {
        left: 10px;
    }

    .headerWp .header .headerTit {
        font-size: 17px;
    }

    .wrap.menuPage,
    .wrap.subPage {
        min-width: 320px;
    }

    .wrap.menuPage .header .close {
        background-image: url(images/MO-header_ty1_close.png);
    }

    .wrap.menuPage .header .back {
        background-image: url(images/MO-header_ty1_back.png);
    }

    .wrap.subPage .header .close {
        background-image: url(images/MO-header_ty2_close.png);
    }

    .wrap.subPage .header .back {
        background-image: url(images/MO-header_ty2_back.png);
    }

    .wrap.productDetailPage .header {
        height: 35px;
    }

    .wrap.productDetailPage .header .close {
        background-image: url(images/MO-header_ty2_close.png);
    }

    .wrap.productDetailPage .productInfoAr .productCon .productInfo .infoRow .info .txt {
        font-size: 12px;
    }

    /* 푸터 */
    .footerWp {
        height: 180px;
        padding: 0 20px 54px 20px;
        text-align: left;
        line-height: 180px;
        box-sizing: content-box;
    }

    .footerWp .footerLink {
        margin-bottom: 8px;
    }

    .footerWp .footerLink .linkBtn {
        margin-right: 10px;
        margin-left: 10px;
        font-size: 12.5px;
    }

    .footerWp .footerLink .linkBtn:after {
        height: 10px;
        top: 4px;
        right: -10px;
    }

    .footerWp .footerLink .linkBtn:first-child {
        margin-right: 10px;
        margin-left: 0;
    }

    .footerWp .companyName {
        margin-bottom: 4px;
        font-family: 'NotoSansKR-M';
        font-size: 12px;
    }

    .footerWp .companyInfo {
        line-height: 0.7;
    }

    .footerWp .companyInfo .tx {
        margin-right: 6px;
        margin-left: 0;
        font-size: 11px;
    }

    .footerWp .copy {
        margin-top: 8px;
    }

    .footerWp select {
        width: 140px;
    }

    /* GNB */
    .gnbWp .gnbList {
        padding: 0 5%;
    }

    /* 텍스트 박스 */
    .txBoxWp .txColAr {
        margin-bottom: 15px;
    }

    .txBlock:nth-child(n+2) {
        margin-left: 0;
        margin-top: 15px;
    }

    .txColAr.col2 .txBlock {
        width: 100%;
    }

    txBlock .txBoxTit {
        font-size: 14px;
    }

    .txBoxCon.col2 .txBox {
        width: 100%;
    }

    .txBoxCon.col2 .txBox:nth-child(odd) {
        margin-right: 0;
    }

    .txRow.col2 .txt {
        display: block;
        width: 100%;
    }

    .txBlock.memberInfo .infoTit {
        margin-bottom: 4px;
        font-size: 15px;
    }

    .txBlock.memberInfo .infoCon .txt {
        font-size: 15px;
        line-height: 27px;
    }

    .txBlock.memberInfo .btn.line {
        font-size: 14px;
    }

    .txBox .tit {
        font-size: 14px;
    }

    .txBox .txt {
        font-size: 13px;
        line-height: 19px;
    }
    /**/

    /* 리스트 */
    .boardAr .list .listTit {
        padding-right: 15px;
        padding-left: 15px;
    }

    .boardAr .list .tit {
        font-size: 14px;
    }

    .boardAr .list .view {
        background: url(images/MO-board_ic_plus.png) no-repeat center / 100% auto;
    }

    .boardAr .list .view.open {
        background: url(images/MO-board_ic_minus.png) no-repeat center / 100% auto;
    }

    .boardAr .list .listCon {
        padding: 15px;
        font-size: 13px;
        line-height: 19px;
    }

    .boardAr .list .listCon .imgAr img {
        width: 100%;
    }

    .boardAr .list .poiR {
        right: 15px;
    }

    .boardAr .faq .list .tit:before {
        background: url(images/MO-board_ic_em.png) no-repeat center / 100% auto;
    }

    .boardAr.que .list .state.unAnswer:before {
        background-image: url(images/MO-que_ic_unAnswer.png);
    }

    .boardAr.que .list .state.complete:before {
        background-image: url(images/MO-que_ic_complete.png);
    }

    .boardAr .list .del {
        background-image: url(images/MO-list_ic_del.png);
    }

    /* ------------------- style ------------------- */
    /* header */
    #header #logo {
        top: 1.5%;
    }

    #header #logo img {
        height: 15.5px;
    }

    /* 메인페이지 */
    .mainVisualAr {
        height: auto;
        margin-bottom: 0;
    }

    .mainVisualAr .banner-content li {
        display: inline-block;
        width: 100%;
        margin: auto;
    }

    .mainConWrapper {
        margin-top: 0;
        padding-bottom: 0px;
    }

    .mainConWp {
        margin-top: 0;
        padding-bottom: 0;
    }

    .mainContabAr {
        width: 100%;
        min-width: 320px;
        margin-bottom: 0;
    }

    .mainContabAr .tabWp {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .mainContabAr .tab:nth-child(1),
    .mainContabAr .tab:nth-child(2),
    .mainContabAr .tab:nth-child(3) {
        width: calc(99.99% / 3);
    }

    .mainContabAr .tab {
        display: inline-block;
        height: auto;
        padding: 7px 0 11px;
        border-right: 0;
    }

    .mainContabAr .tab .tabBtn {
        opacity: 0.5;
        cursor: pointer;
    }

    .mainContabAr .tab .tx {
        margin-top: 4px;
        font-size: 13px;
    }

    .mainContabAr .tab:nth-child(1) .tx,
    .mainContabAr .tab:nth-child(2) .tx,
    .mainContabAr .tab:nth-child(3) .tx {
        margin-right: auto;
        margin-left: auto;
    }

    .mainContabAr .tab .ic {
        display: block;
        width: 25px;
        height: 25px;
        margin: 0 auto 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 25px auto;
    }

    .mainContabAr .tab.country .ic {
        background-image: url(images/MO-main_tab_country.png);
    }

    .mainContabAr .tab.product .ic {
        background-image: url(images/MO-main_tab_product.png);
    }

    .mainContabAr .tab.payment .ic {
        background-image: url(images/MO-main_tab_payment.png);
    }

    .mainContabAr .tab.active .tabBtn {
        opacity: 1;
    }

    .mainContabAr .tab.active .tx:after {
        content: '';
        display: block;
        width: 4px;
        height: 4px;
        background-color: #F9CE49;
        border-radius: 50%;
        position: absolute;
        top: -6px;
        right: -6px;
    }

    .mainConWp .mainConAr:nth-child(1),
    .mainConWp .mainConAr:nth-child(2),
    .mainConWp .mainConAr:nth-child(3) {
        width: 100%;
    }

    .mainConWp .mainConAr:nth-child(2),
    .mainConWp .mainConAr:nth-child(3) {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .mainConWp .mainConAr .titBox {
        display: none;
    }

    .mainConAr .mainCon {
        width: 100%;
        height: auto;
        margin-top: 0;
        font-size: 16px;
    }

    .mainCon .mainConTit .tit.pay-opt {
        background-image: url(images/MO-mainConTit_pay_opt.png);
    }

    .mainCon.country-sel .tabWp.line {
        white-space: nowrap;
    }

    .mainCon.country-sel .tabWp.line .tab {
        padding: 0 2.1%;
    }

    .mainCon.country-sel .tabWp.line .tab:first-child {
        padding-left: 0;
    }

    .mainCon.country-sel .tabWp.line .tab:last-child {
        padding-right: 0;
    }

    .mainCon.country-sel .country-listWp {
        padding: 0 10px 20px;
    }

    .mainCon.country-sel {
        padding-bottom: 90px;
    }

    .mainCon.country-sel .country.search {
        padding: 24px 10px 24px;
        background-color: #F2F2F3;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .mainCon.country-sel .country.search .inp input {
        background-color: #fff;
    }

    .mainCon.country-sel .country.search .inp .searchBtn {
        background-color: #fff;
    }

    /* 상품 결제정보 */
    .payment-listAr .infoList .infoAr .r-con .arr {
        background-image: url(images/MO-payment_list_arr_down.png);
    }

    .payment-listAr .arrCon.open .infoAr .r-con .arr {
        background-image: url(images/MO-payment_list_arr_up.png);
    }

    /* 결제금액 정보 */
    .paymentInfoWp {
        min-width: 100%;
        left: 0;
        transform: translateX(0);
    }

    .paymentInfoAr {
        width: 100%;
        min-width: 320px;
        padding: 17px 14px;
        background-color: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        box-shadow: 0 -1px 12px rgba(0, 0, 0, 0.3);
        text-align: left;
    }

    .paymentInfoAr .calculation {
        display: block;
        width: 100%;
        margin-right: 0;
        line-height: 1;
    }

    .paymentInfoAr .reckoning {
        display: none;
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 10px;
        text-align: right;
        border-bottom: 1px solid #E6E6E6;
    }

    .paymentInfoAr .reckoning .sign:before {
        content: '';
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 5px;
        border: 1px solid #999;
        border-radius: 50%;
        line-height: 24px;
        vertical-align: sub;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
    }

    .paymentInfoAr .reckoning .sign.plus:before {
        background-image: url(images/MO-reckoning_sign_plus.png);
    }

    .paymentInfoAr .reckoning .sign.minus:before {
        background-image: url(images/MO-reckoning_sign_minus.png);
    }

    .reckoning.open {
        display: block;
    }

    .paymentInfoAr .reckoning .txt {
        display: block;
        font-family: 'NotoSansKR-R';
        font-size: 14px;
        color: #888;
        line-height: 24px;
    }

    .paymentInfoAr .calculation .total {
        display: block;
        margin-left: 0;
        margin-bottom: 18px;
    }

    .paymentInfoAr .calculation .txt.total .tit {
        font-size: 17px;
        color: #000;
    }

    .paymentInfoAr .calculation .txt.total .value {
        float: right;
        font-size: 19px;
        color: #ED4A57;
        line-height: 1;
    }

    .paymentInfoAr .calculation .txt.total .value .view {
        width: 19px;
        height: 19px;
        margin-top: 1px;
        margin-left: 10px;
        border: 1px solid #ED4A57;
        background: url(images/MO-cal_view.png) no-repeat center / 100% auto;
        vertical-align: top;
    }

    .paymentInfoAr .btnAr {
        display: block;
        text-align: right;
    }

    .paymentInfoAr .btnAr:after {
        content: '';
        display: block;
        clear: both;
    }

    .paymentInfoWp .btnAr .finishBtn,
    .paymentInfoWp .btnAr .paymentBtn {
        float: right;
        display: block;
    }

    .paymentInfoWp .btnAr .finishBtn {
        display: block;
    }

    .paymentInfoWp .btnAr .back {
        display: block;
        float: left;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #FACC16 url(images/MO-mobileMain_back.png) no-repeat center / 18px auto;
    }

    /* 상품 상세페이지 */
    .wrap.productDetailPage .pc-con {
        display: none !important;
    }

    .wrap.productDetailPage .header {
        height: 20px;
    }

    .wrap.productDetailPage .header .close {
        top: 10px;
        right: 20px;
    }

    .wrap.productDetailPage .container {
        padding-top: 20px;
    }

    .wrap.productDetailPage .contents.wTy2 {
        padding-left: 0;
        padding-right: 0;
    }

    .wrap.productDetailPage .productInfoAr .productCon .productInfo .infoRow {
        width: 100%;
        margin-bottom: 4px;
    }

    .wrap.productDetailPage .productInfoAr .productCon .productInfo .infoRow.BU {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .wrap.productDetailPage .productInfoAr .productCon .productInfo .infoRow.GY {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .wrap.productDetailPage .productInfoAr .receive-info .inpAr .inpBox {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .wrap.productDetailPage .productInfoAr .receive-info .inpAr .inpBox:last-child {
        margin-bottom: 0;
    }

    .wrap.productDetailPage .productInfoAr .priceInfo {
        padding-right: 25px;
        padding-left: 25px;
    }

    .productTop {
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 20px;
    }

    .productTop .txt {
        max-height: 63px;
    }

    .productInfoAr {
        padding-top: 135px;
    }

    .productInfoAr .priceInfo {
        width: 100%;
    }

    .productInfoAr .priceInfo .fL {
        width: calc(100% - 165px);
    }

    .productInfoAr .priceInfo .btn {
        float: left;
    }

    /* 상품 리스트 */

    /* 수량선택 */

    /* 수령지 선택 */
    .receive-place-sel .tabWp.line {
        padding: 0 5px;
    }

    .receive-place-sel .tabWp.line .tab:first-child {
        padding-left: 0;
    }

    .receive-place-sel .tabWp.line .tab:last-child {
        padding-right: 0;
    }

    /* 달력 */

    /* 1:1문의 파일첨부 */
    .fileUpload .tx {
        font-size: 14px;
    }

    .fileUpload .txUnBtn {
        font-size: 14px;
    }

    .addFile .del {
        background: #999 url(images/MO-file_ic_del.png) no-repeat center / 100% auto;
    }

    /* 검색 input */
    .search .inp .searchBtn {
        background-image: url(images/MO-search_ic.png);
    }

    .search .inp .txDel {
        background-image: url(images/MO-input_del_ic.png);
    }

    /* 구매/예약 내역 */
    .purchaseWp:nth-child(n+2) {
        margin-top: 15px;
    }

    .purchaseWp .date {
        font-size: 14px;
    }

    .purchaseList .orderInfo {
        margin-bottom: 8px;
        padding: 0 2px;
        font-size: 12px;
    }

    .purchaseList .titAr .tit {
        margin-left: 14px;
        font-size: 14px;
        line-height: 26px;
    }

    .purchaseList .titAr .detailView {
        height: 26px;
        font-size: 12px;
        border-radius: 13px;
    }

    .purchaseList .titAr .detailView .tx {
        background: url(images/PC-detail_view_arr.png) no-repeat 100% 50% / 12px auto;
    }

    .purchaseList .btn {
        height: 38px;
        font-size: 14px;
    }

    .orderAr {
        padding: 12px 10px;
    }

    .orderList {
        margin-bottom: 8px;
    }

    .orderList .name,
    .orderList .amount {
        font-size: 13px;
    }

    .orderList .status {
        font-size: 13px;
    }

    .orderList .status.finish {
        background-image: url(images/MO-order_finish_ic.png);
    }

    .orderList .status.cancel {
        background-image: url(images/MO-order_cancel_ic.png);
    }

    /* 마이페이지 */
    .myPageAr {
        width: 500px;
    }

    .myPageAr .myBtn {
        width: 50%;
    }

    /* 카드 */
    .cardAr .cardCon {
        background: #F2F2F3 url(images/MO-card_ic_add.png) no-repeat center / 61px auto;
    }

    .cardAr .cardCon.registered {
        background: url(images/MO-card_mockup.png) no-repeat center / 100% auto;
    }

    .cardCheckAr .tit {
        font-size: 15px;
    }

    .cardCheckAr .noti {
        margin-top: 15px;
        font-size: 13px;
        line-height: 18px;
    }

    .cardCheckAr .tit.em:before {
        background: url(images/MO-cardChk_ic_em.png) no-repeat center / 100% auto;
    }

    .cardPass .inpBox .inp {
        width: 41px;
    }

    .cardPass .inpBox .inp:nth-child(n+2) {
        margin-left: 8px;
    }

    /* Q&A 상세내용 */

    /* 상단 검색 input */
    .search-wp {
        padding: 28px 0;
    }

    .search-wp .search {
        height: 42px;
    }

    .search-wp .search .inp {
        width: calc(100% - 30px);
        margin: 0 15px;
    }

    /* 주소 리스트 */
    .addressWp .total {
        margin-top: 20px;
    }

    .addressList .postcode {
        margin-right: 10px;
        font-size: 13px;
    }

    .addressList .address-detail {
        width: calc(100% - 48px);
    }

    .addressList .address-detail .kindName {
        width: 40px;
        margin-right: 8px;
        padding: 2px 0 2px;
        font-size: 11px;
    }

    .addressList .address-detail .address-tx {
        width: calc(100% - 50px);
        font-size: 13px;
    }

    .addressList .inpBox {
        margin-top: 20px;
    }

    .addressList .inpBox .inp {
        border-radius: 22px;
    }

    .addressList .inpBox {
        margin-top: 15px;
    }

    /* 로그인 */
    .conLink.input {
        margin-top: 14px;
    }

    .conLink.input .linkBtn {
        font-size: 15px;
    }

    .snsAr {
        margin-top: 35px;
    }

    .snsAr .snsIc.facebook {
        background-image: url(images/MO-sns_ic_face.png);
    }

    .snsAr .snsIc.kakao {
        background-image: url(images/MO-sns_ic_kakao.png);
    }

    .snsAr .snsIc.naver {
        background-image: url(images/MO-sns_ic_naver.png);
    }

    .loginWp .contTit {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .contents .dosirak-usim-logo {
        margin: 40px auto 40px;
    }

    /* 회원가입 */
    .stepBtnAr {
        margin-top: 15px;
    }

    .stepBtnAr .stepBtn.prev {
        background-image: url(images/MO-step_ic_prev.png);
    }

    .stepBtnAr .stepBtn.next {
        background-image: url(images/MO-step_ic_next.png);
    }

    .join + .noti {
        font-size: 13px;
    }

    .noti .tx.myIDchk .arr {
        background-image: url(images/MO-id_chk_arr.png);
    }

    .join .txBoxCon .passView {
        background-image: url(images/MO-pass_view_ic.png);
    }

    .join .txBoxCon .passView.active {
        background-image: url(images/MO-pass_view_ic_on.png);
    }

    .join-agree-total {
        margin-top: 50px;
    }

    .join-agree-wp {
        padding-top: 15px;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .join-agree-wp .agree-form-wp .checks .view {
        display: inline-block;
    }

    .join-agree-wp .agree-form-wp {
        display: block;
        width: 100%;
    }

    .join-agree-wp .agree-form-wp.personal_info {
        float: inherit;
    }

    .join-option {
        padding-top: 0;
    }

    .join-option .checkList.inline .checks {
        display: block;
    }

    .join-option .checkList.inline .checks:nth-child(n+2) {
        margin-left: 0;
    }

    .join-agree-wp .checks,
    .join-option .checks {
        margin-bottom: 10px;
    }

    .txBoxCon.col2 .txBox:nth-child(2n+1) {
        margin-right: 0;
    }

    .txBoxCon.col2 .txBox {
        width: 100%;
    }

    /* 이미지 영역 */

    /* 내역없음 */
    .noConAr .noNoti {
        font-size: 15px;
    }

    .noConAr .noNoti .tx:before {
        background-image: url(images/MO-noList_ic.png);
    }

    /* 하단 원형 버튼 */
    /*.btmfixBtn{
right: 15px;
}*/
    .btmfixBtn.close {
        background-image: url(images/MO-btmfixBtn_close.png);
    }

    .btmfixBtn.top {
        background-image: url(images/MO-btmfixBtn_top.png);
    }

    /* ------------------- etc ------------------- */

    /* 하단 고정 */

    /* 나의 포인트 */
    .myPoint {
        width: 100%;
        padding: 10px 0;
        text-align: center;
        background-color: #2559AC;
    }

    .myPoint .txt {
        margin: 0 5px;
        font-family: 'NotoSansKR-M';
        font-size: 14px;
        color: #fff;
    }

    .myPoint .txt:after {
        margin-right: 0;
        margin-left: 14px;
    }

    .myPointTb {
        margin-top: 0;
    }

    /* 테이블 디테일 */
    .overseas-tel .th:first-child,
    .overseas-tel .td:first-child {
        width: 24%;
    }

    .overseas-tel .th:not(first-child),
    .overseas-tel .td:not(first-child) {
        width: 38%;
    }

    .topTx {
        padding: 18px 0;
    }

    .topTx .txt {
        font-size: 16px;
    }

    .answConAr .conAr {
        margin-bottom: 20px;
    }

    .answConAr .conAr .txAr .name {
        margin-bottom: 5px;
        font-size: 15px;
    }

    .answConAr .conAr .txAr .txt {
        font-size: 14px;
    }

    .answConAr .conAr .del {
        background-image: url(images/MO-que_del_ic.png);
    }

    /* 앱 다운로드 btn */
    .app-downAr {
        margin-top: 14px;
    }

    .app-download {
        float: left;
        width: calc(50% - 5px);
        height: 42px;
        background-color: #fff;
        border-radius: 22px;
    }

    .app-download:first-child {
        margin-right: 10px;
    }

    .app-download .tx {
        padding: 8px 0 8px 26px;
        font-family: 'NotoSansKR-M';
        font-size: 13px;
        color: #E63422;
        line-height: 24px;
        background-repeat: no-repeat;
        background-position: 0 50%;
        background-size: 24px auto;
    }

    .app-download .tx.ios {
        background-image: url(images/MO-app_ic_ios.png);
    }

    .app-download .tx.android {
        background-image: url(images/MO-app_ic_android.png);
    }

    /* ------------------- swiper ------------------- */
    .tabWp.sub.swiper-container .tab {
        padding: 17px 13px 17px;
    }

    /* 이용방법 -swiper */
    .tabWp.use-guide .before-purchase-tab.swiper-slide {
        width: 42px;
    }

    .tabWp.use-guide .before-departure-tab.swiper-slide {
        width: 42px;
    }

    .tabWp.use-guide .after-arrival-tab.swiper-slide {
        width: 42px;
    }

    .tabWp.use-guide .failover-tab.swiper-slide {
        width: 55px;
    }
    /* 수령장소 -swiper */
    .tabWp.receive-place .Incheon-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.receive-place .Gimpo-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.receive-place .Gimhae-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.receive-place .Daegu-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.receive-place .Cheongju-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.receive-place .Busan-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.receive-place .Seoul-tab.swiper-slide {
        width: 26px;
    }
    /* 가입 -swiper */
    .tabWp.join-menu .join-id-tab.swiper-slide {
        width: 15px;
    }

    .tabWp.join-menu .join-password-tab.swiper-slide {
        width: 52px;
    }

    .tabWp.join-menu .join-name-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.join-menu .join-mobileNum-tab.swiper-slide {
        width: 65px;
    }

    .tabWp.join-menu .join-birthday-tab.swiper-slide {
        width: 52px;
    }

    .tabWp.join-menu .join-gender-tab.swiper-slide {
        width: 26px;
    }

    .tabWp.join-menu .join-info-tab.swiper-slide {
        width: 52px;
    }

    /*대륙 - swiper*/
    .continent-tabWp .swiper-pagination {
        padding: 0 0;
    }

    /* 메인배너 */
    .mainVisualAr .banner-content li:first-child {
        padding: 0;
    }

    .mainVisualAr h1 {
        font-size: 34px;
    }

    .sub {
        margin-top: 10px;
    }

    .mainVisualAr .banner-content img {
        width: 100%;
        margin: auto;
    }

    .mainBanAr .swiper-container {
        width: 100%;
    }

    .mainBanAr .swiper-container .swiper-slide img {
        width: 100%;
    }

    .btnAr {
        display: block !important;
    }
}

@media all and (max-width: 480px) {
    /* PC 컨텐츠 */
    .pc-con {
        display: none !important;
    }
    /* 모바일 컨텐츠 */
    .mo-con {
        display: block !important;
    }

    /* GNB */
    .gnbWp {
        min-width: 320px;
    }

    .gnbWp .gnbList {
        padding: 0 15px;
        font-size: 14px;
    }

    .gnbWp .gnbList:last-child {
        margin-right: 15px;
    }

    /* gnb -swiper */
    .gnbWp.swiper-container {
        padding: 0 5px;
    }

    .gnbWp .swiper-wrapper {
        justify-content: flex-start;
        padding: 0 0;
    }

    .gnbWp .home.swiper-slide {
        width: 13px;
    }

    .gnbWp .guide.swiper-slide {
        width: 51px;
    }

    .gnbWp .receive.swiper-slide {
        width: 51px;
    }

    .gnbWp .login-join.swiper-slide {
        width: 94px;
    }

    .gnbWp .purchase.swiper-slide {
        width: 51px;
    }

    .gnbWp .customer.swiper-slide {
        width: 51px;
    }

    /* 마이페이지 */
    .myInfoTop .greeting .tx {
        display: block;
    }

    .myInfoTop .btn {
        margin-top: 12px;
    }

    .myInfoTop .btn.line {
        padding: 7px 16px;
    }

    .myPageAr {
        width: 100%;
        margin-top: -10px;
    }

    .myPageAr .myBtn {
        width: calc(100% / 2 - 5px);
        min-width: auto;
        height: 108px;
        margin: 5px 0;
    }

    .myPageAr .myBtn:nth-child(even) {
        margin-left: 10px;
    }

    .myPageAr .myBtn .tx {
        font-size: 14px;
    }

    .myPageAr .myBtn.modify .tx:before {
        background-image: url(images/MO-my_ic_modify.png);
    }

    .myPageAr .myBtn.register .tx:before {
        background-image: url(images/MO-my_ic_register.png);
    }

    .myPageAr .myBtn.reservation .tx:before {
        background-image: url(images/MO-my_ic_reservation.png);
    }

    .myPageAr .myBtn.point .tx:before {
        background-image: url(images/MO-my_ic_point.png);
    }
    
    .myPageAr .myBtn.membership .tx:before {
        background-image: url(images/MO-my_ic_membership.png);
    }

    /* 상품 상세페이지 */
    .wrap.productDetailPage .header {
        height: 18px;
    }

    .wrap.productDetailPage .container {
        padding-top: 18px;
    }

    .wrap.productDetailPage .productTop {
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 20px;
    }

    .wrap.productDetailPage .container .tabConWp .contents {
        padding-right: 15px;
        padding-left: 15px;
    }

    .productInfoAr {
        padding-top: 140px;
    }

    .productTop .tit {
        font-size: 20px;
    }

    .productTop .tit:before {
        width: 13px;
        height: 13px;
        border: 3px solid #FACC16;
    }

    .productTop .tit .tx {
        margin-top: 10px;
    }

    .productTop .txt {
        padding: 0 16px;
        max-height: 83px;
    }

    .productInfoAr {
        margin-bottom: 40px;
    }

    .productInfoAr .productInfoBox {
        padding: 0 0;
        background-color: #fff;
    }

    .productInfoAr .productCon {
        margin-bottom: 10px;
        padding: 20px 15px;
        background-color: #EFEFF1;
    }

    .productInfoAr .receive-info {
        padding: 20px 15px 0;
        background-color: #EFEFF1;
    }

    .productInfoAr .inpBox .inp.place .ic {
        background-image: url(images/MO-detile_input_place.png);
    }

    .productInfoAr .inpBox .inp.date .ic {
        background-image: url(images/MO-detile_input_date.png);
    }

    .productInfoAr .inpBox .inp.opening .ic {
        background-image: url(images/MO-detile_input_opening.png);
    }

    .wrap.productDetailPage .productInfoAr .priceInfo {
        float: inherit;
        width: 100%;
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
        padding-left: 15px;
        background-color: #EFEFF1;
        margin-top: 0;
        line-height: inherit;
    }

    .productInfoAr .priceInfo .fL {
        float: inherit;
        width: 100%;
        margin-right: 0;
    }

    .productInfoAr .priceInfo .btn {
        float: inherit;
    }

    .productInfoAr .priceInfo .priceAr .txt {
        font-size: 19px;
        line-height: 1;
    }

    .productInfoAr .priceInfo .btn {
        width: 100%;
        height: 46px;
        margin-top: 16px;
    }

    /* header */
    #header {
        position: absolute;
        width: 100%;
        top: 2.2%;
        z-index: 2;
    }

    #header #logo {
        position: initial;
        transform: translateZ(0);
        text-align: center;
    }

    #header #logo a {
        color: inherit;
        text-decoration: none;
    }

    #header #logo img {
        height: 26px;
    }

    /* 메인배너 */
    .mainVisualAr {
        height: 100%;
    }

    .mainVisualAr .banner-content {
        width: 100%;
    }

    .mainVisualAr .banner-content li {
        width: 100%;
    }

    .mainVisualAr .banner-content li:first-child {
        float: none;
        padding: 0;
    }

    .mainVisualAr .banner-content li:last-child {
        padding: 0;
        margin: auto;
        text-align: center;
    }

    .mainVisualAr h1 {
        font-size: 30px;
        text-align: center;
    }

    .sub {
        text-align: center;
        margin-top: 10px;
    }

    .mainVisualAr .banner-content img {
        width: 100%;
        margin: auto;
    }

    .mainBanAr .swiper-container {
        width: 100%;
    }

    .mainBanAr .swiper-slide {
        width: 100% !important;
    }

    .mainBanAr .swiper-pagination {
        bottom: 0 !important;
        left: 50%;
    }

    .mainBanAr .swiper-pagination span:nth-of-type(n+2) {
        margin-left: 5px;
    }

    .visualCon .visualAr iframe {
        height: 300px;
    }

    tabConWp .detailNote .noteTit {
        font-size: 12px;
    }

    .tabConWp .detailNote .noteSub {
        font-size: 12px;
        margin-top: 5px;
    }

    .tabConWp .detailNote .noteTit strong {
        display: block;
    }

    .tabConWp .detailNote .noteSub strong {
        display: block;
    }

    .noticeWp .noticeTit {
        font-size: 14px;
    }

    .noticeWp .noticeTxt {
        font-size: 12px;
    }

    .join-agree-total .familyAr span {
        width: 25%;
    }

    .join-agree-total .familyAr span img {
        width: 100%;
    }

    .join-agree-total .familyAr span:nth-of-type(n+2) {
        margin-left: 10px;
    }
}

@media all and (max-width: 320px) {
    .tabWp.sub .tab {
        padding: 14px 10px;
    }

    .tabWp.sub .tab .tabBtn {
        font-size: 13px;
    }

    .mainCon.country-sel .tabWp.line .tab {
        padding: 0 1.5%;
    }

    .reserv-place-sel .tabWp.line .tab {
        padding: 0 2%;
    }

    .wrap.productDetailPage .productInfoAr .productCon .productInfo .infoRow .info .txt {
        font-size: 11px;
    }
}