/* ----------------------------------------------------------------------------------------------------
Super Form Reset
A couple of things to watch out for:
- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs
----------------------------------------------------------------------------------------------------*/

input,
label,
select,
button,
textarea
{
    margin:0;
    border:0;
    padding:0;
    display:inline-block;
    vertical-align:middle;
    white-space:normal;
    background:none;
    line-height:1;
    font-size: 1rem;
    border-radius: 0;
    appearance: none;
    font-family: 'NanumSquareRound',sans-serif;
}

/* Remove the stupid outer glow in Webkit */
input:focus
{
    outline:0;
}

/* Box Sizing Reset
-----------------------------------------------*/

/* All of our custom controls should be what we expect them to be */
input,
textarea
{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
    max-width: 100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

/* Text Inputs
-----------------------------------------------*/

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week]
{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

/* Button Controls
-----------------------------------------------*/

input[type=checkbox],
input[type=radio]
{
    width:13px;
    height:13px;
}

/* File Uploads
-----------------------------------------------*/

input[type=file]
{

}

/* Search Input
-----------------------------------------------*/

/* Make webkit render the search input like a normal text field */
input[type=search]
{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration
{
    display:none;
}

/* Buttons
-----------------------------------------------*/

button,
input[type="reset"],
input[type="button"],
input[type="submit"]
{
    /* Fix IE7 display bug */
    overflow:visible;
    width:auto;
    outline-width: 0;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button
{
    padding:0;
    border:0;
    background:none;
}

/* Textarea
-----------------------------------------------*/

textarea
{
    /* Move the label to the top */
    vertical-align:top;

    /* Turn off scroll bars in IE unless needed */
    overflow:auto;
}

/* Selects
-----------------------------------------------*/
select
{

    --appearance: none;
    --moz-appearance: none;
    --webkit-appearance: none;

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


select[multiple]
{
    /* Move the label to the top */
    vertical-align:top;
}
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;
    ----vertical-align: baseline;
    line-height:1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -.03em;
}
h1, h2, h3, h4, h5, h6{
    font-size:1rem;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
img {
    max-width:99%;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    min-width:100%;
}
/**
tr, th, td{
    ---vertical-align: middle;
}
**/
a, a:active, a:visited, a:hover {
    text-decoration: none;
}
html, body{
    font-size:16px;
    color:#666;
    font-family: 'NanumSquareRound',sans-serif;
    letter-spacing: -.03em;
}
.wrapper{
    width:100%;
    margin:0 auto;
    max-width: 980px;
}
.wrap{
    width:100%;
    max-width:980px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    margin:0 auto;
    position:relative;
    padding:0 10px;
}
.float-left{
    float:left;
}
.float-right{
    float:right;
}
.clearfix:after{
    content:'';
    display:block;
    clear:both;
}
.blind{
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:1px;
    overflow:hidden;
    opacity:0;
}
.text-center{
    text-align:center !important;
}
.text-left{
    text-align:left !important;
}
.text-right{
    text-align:right !important;
}
.text-ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
}
.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
/* default */
.alert-text{font-size: 12px;margin-top: 8px;line-height: 16px;color:#f26d7d;}
.shadow{-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.2);box-shadow:3px 3px 3px rgba(0,0,0,0.2);}
.description{font-size:14px;line-height: 20px;color:#666666;word-break: keep-all}
.section__title{font-size: 16px;color:#cc0000}
.default-pdt{padding-top: 20px;}

/* header */
.main-header,
.header{position:fixed;height: 50px;border-bottom: 1px solid #cccccc;background:#fff;left:0;top: 0;z-index: 1000;width: 100%;}
.header .header__btn{position:absolute;top: 0;width: 50px;height: 50px;z-index: 10;text-indent: -9999px;}
.header .header__btn.is_text{text-indent: 0;text-align: right;padding-right: 10px;width: auto;white-space: nowrap;line-height: 50px;color:#cc0000;font-size: 14px;}
.header .header__btn.left{left: 0;}
.header .header__btn.right{left: auto;right: 0;}
.header .header__btn.back{background:url('../images/icon-back.png') no-repeat 14px center;}
.header .header__btn.text{text-indent: 0;}
.header__title{line-height: 50px;color:#666666;text-align: center;}

/* main-header */
.main-header{background:none;border-bottom:1px solid #ebebeb !important}
.main-header__logo{}
.main-header__logo a{}
.main-header__logo img{height: 35px;}
.main-header .wrap{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.main-header__right{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.main-header__right a{height: 50px;width: 40px;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position:relative}
.main-header__right a .label{position:absolute;right: 5px;top: 10px;font-size: 10px;color:#fff;background:#f26d7d;width: 15px;height: 15px;border-radius: 50%;line-height: 15px;}

/* .container */
.container{--min-height: 100vh;}
/*.container.has_header{padding-top: 50px;}*/
.container.has-nav{padding-bottom: 80px;}
.container.has-btnbox{padding-bottom: 120px;}

/* gnb */
.gnb {position:fixed;left: 0;bottom: 0;width: 100%;z-index: 100;background:#fff;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.gnb a{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;width: 25%;height: 65px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position:relative;padding-top: 2px;}
.gnb a span{font-size: 13px;color:#434159;padding-top: 30px;}
.gnb a.active:after{content:'';display: block;width: 100%;height: 2px; background:#23ac39;position:absolute;left:0;top: 0;}
.gnb a span.gnb__home{background:url('../images/nav-home.png') no-repeat top center;}
.gnb a.active span.gnb__home{background:url('../images/nav-home-active.png') no-repeat top center;color:#23ac39}
.gnb a span.gnb__charge{background:url('../images/nav-charge.png') no-repeat center 2px;}
.gnb a.active span.gnb__charge{background:url('../images/nav-charge-active.png') no-repeat center 2px;color:#23ac39}
.gnb a span.gnb__payment{background:url('../images/nav-payment.png') no-repeat center 2px;}
.gnb a.active span.gnb__payment{background:url('../images/nav-payment-active.png') no-repeat center 2px;color:#23ac39}
.gnb a span.gnb__menu{background:url('../images/nav-menu.png') no-repeat center 5px;}

/* nav */
.nav{position:fixed;left: 0;top: 0;width: 100%;height: 100vh;overflow: auto;background:#fff;z-index: 1000;padding-top: 50px;display: none;}
.nav .main-header{border-bottom: 1px solid #ebebeb;}
.nav__row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 55px;padding:0 10px;border-bottom: 1px solid #ebebeb;}
.nav__row > *:first-child{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.nav__row a{font-size: 14px;line-height: 50px;color:#666666;}
.nav__links{}
.r-title,
.nav h3{background:#ebebeb;color:#b7b7b7;font-size: 12px;padding:15px 10px 5px;}
.nav__etclinks{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.nav__etclinks a{width: 33.333%;height: 90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
.nav__etclinks a p{font-size: 13px;display: block;margin-top: 10px;color:#666666;}
.nav .etc{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.nav .etc a{-webkit-box-flex: 1;-ms-flex: 1;flex: 1; width: 33.333%;text-align: center;line-height: 40px;color:#666;font-size: 14px;}
.nav__tel{background:#cc0000;text-align: center;padding: 15px;display: block;color:#fff;}
.nav__tel p{font-size: 12px;margin-top: 10px;}


    /* form style */
.form-default{}
.form-default__row{margin-bottom: 16px;}
.form-default__row:last-child{margin-bottom: 0;}
.form-default__row .form-title{font-size: 13px;line-height: 20px;font-weight: 900;display: block;}
.form-default__row .form-title.required:after{content:'*';color:#f26d7d;padding-left:3px;}
.form-default__row .form-title span{color:#cc0000;font-size: 11px;vertical-align: baseline;font-weight: 400;}
.form-default__box{margin-top: 5px;position:relative}
.form-default__box.flex{display: flex;align-items: center;flex-wrap: wrap;}
.form-default__box.flex .ctgb{font-size: 12px;margin:0 5px;}
.form-default__box.flex input{flex: 1;}

.form-default__box select,
.form-default__box input{height: 30px;border-bottom: 1px solid #b7b7b7;width: 100%;font-size: 13px;}
.form-default__box select{background:url('../images/icon-select.png') no-repeat calc(100% - 10px) center;}
.form-default__box select.form-color-change{color:#ccc;}
.form-default__box .btn{position:absolute;right:0;top: 3px;height: 24px;line-height: 20px;color:#cc0000;font-size: 13px;border:2px solid #cc0000;padding:0 1em;text-align: center;border-radius: 2em;}
.form-default__box .btn:disabled{color:#b7b7b7;border-color:#b7b7b7;}
.form-default__box .btn + input{}
.form-default__box input + label{margin-top: 5px;font-size: 13px;}
.form-default__box input + label.error{color:#f26d7d;}
.form-default__box input::-webkit-input-placeholder{color:#ccc;}
.form-default__box input::-moz-placeholder{color:#ccc;}
.form-default__box input:-ms-input-placeholder{color:#ccc;}
.form-default__box input::-ms-input-placeholder{color:#ccc;}
.form-default__box input::placeholder{color:#ccc;}
.form__btnbox{padding-bottom: 60px;background:#fff;padding-top: 16px;}
.form__btnbox.fixed{position:fixed;left:0;bottom:0;width: 100%;z-index: 100;}
.form__btnbox .btn{display: block;line-height: 40px;text-align: center;width: 100%;font-size: 14px;font-weight: 600;}
.form__btnbox .btn.btn-round{border-radius: 15px;}
.form__btnbox .btn:nth-child(n+2){margin-top: 6px;}
.form__btnbox .btn.bg-white{border: 1px solid #727272;color:#727272;}
.form__btnbox .btn.bg-green{color:#fff;}

/* checkbox */
.checkbox{position:relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;white-space: nowrap;font-size: 13px;}
.checkbox.d-flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.checkbox.t-left span{margin-right:0;margin-left: 5px;}
.checkbox input{opacity: 0;position:absolute;left: 0;top: 0;overflow: hidden;width: 1px;height: 1px;}
.checkbox input + span{width: 20px;height: 20px;background:#ccc url('../images/check_off.png') no-repeat center;background-size:14px auto ;border-radius: 50%;margin-right: 5px;}
.checkbox input:checked + span {background:url('../images/check_on.png') no-repeat center;background-size: 100% 100%; }

/* switch */
.switch{display:inline-block;cursor:pointer}
.switch__layout{width:40px;height:20px;position:relative;border-radius:2em;overflow:hidden;}
.switch input{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;opacity:0;}
.switch input + span:before{display:block;width:100%;height:100%;background:#bababa;content:'';-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.switch input + span:after{position:absolute;left:2px;top:2px;width:16px;height:16px;background:#fff;content:'';display:block;border-radius:50%;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.switch input:checked + span:before{background:#cc0000;}
.switch input:checked + span:after{left:22px;}
.switch input:disabled + span:before{opacity: .3;}

/* radio */
.radio{position:relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;white-space: nowrap;font-size: 13px;}
.radio.d-flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.radio.t-left span{margin-right:0;margin-left: 5px;}
.radio input{opacity: 0;position:absolute;left: 0;top: 0;overflow: hidden;width: 1px;height: 1px;}
.radio input + span{width: 18px;height: 18px;border-radius: 50%;margin-right: 5px;border:1px solid #ccc;position:relative}
.radio input:checked + span:after{content:'';display: block;background:#cc0000;width: 10px;height: 10px;position:absolute;left:3px;top: 3px;border-radius: 50%;}

/* modal */
.modal{position:fixed;left:0;top: 0;width: 100%;height: 100%;z-index: 5000;background:rgba(0,0,0,0.35);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:10px;}
.modal__content{border-radius: 10px;background:#fff;max-height: 100%;padding:15px 0;width: 100%;}
.modal__content .wrap{padding:0 20px;}
.modal__header{border-bottom:1px solid #ccc;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 35px;}
.modal__header .x{text-indent: -9999px;overflow: hidden;width: 35px;height: 35px;background:url('../images/icon-x.png') no-repeat right center;background-size:auto 13px;}
.modal__body{margin-top: 20px;max-height: calc(100vh - 200px);overflow: auto;}
.modal__body p.pre-line{white-space: pre-line;font-size: 13px;line-height: 18px;}
.modal__btnbox{margin-top: 35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.modal__btnbox .btn{line-height: 40px;display: block;width: 160px;margin:0 auto;background:#cc0000;color:#fff;font-size: 14px;font-weight: 600;text-align: center;}
.modal__content.modal__content--confirm{padding: 0;overflow: hidden;}
.confirm__body{padding:30px 10px;text-align: center;}
.confirm__body h3{font-size: 24px;line-height: 36px;}
.confirm__body h2{font-size: 24px;line-height: 36px;color:#cc0000;}
.confirm__btnbox{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.confirm__btnbox .btn{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;background:#f4f4f4;font-size: 14px;line-height: 45px;text-align: center;color:#b7b7b7;}
.confirm__btnbox .btn.submit{background:#cc0000;color:#fff;}


/* agree */
.agree{display: block;border: 1px solid #b7b7b7;margin-top: 24px;margin-bottom: 30px;}
.agree-all{height: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;padding:0 10px;border-bottom: 1px solid #b7b7b7;}
.agree-body{padding: 8px 10px;}
.agree .checkbox a{color:#cc0000;font-size: 13px;margin-left: 1em;}

/* top-visual */
.top-visual{margin-bottom: 60px;}
.top-visual.mb-30{}
.top-visual img{width: 100%;}
/* login */
.login{}
.login__header{padding-top: 120px;margin-bottom: 60px;}
.auto-login{margin-top: 10px;}
.login__etc-link{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: 16px;}
.login__etc-link a{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;width: 50%;text-align: center;font-size: 13px;line-height: 20px;color:#666666;}

/* register_form */
.register_form__title{margin-bottom: 45px;padding-top: 20px;}

/* index */
.index{padding-top: 20px;}
.index__header{margin-bottom: 10px;}

/* moa-state */
.moa-state{position:relative;border:2px solid #cc0000;background:#fff;border-radius: 15px;margin-top: 14px;}
.moa-state__link{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;}
.moa-state__link a{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;background:#cc0000;color:#fff;line-height: 55px;text-align: center;}
.moa-state__link a:first-child{border-right: 1px solid #6bcc9d;}
.moa-state__content{padding: 35px 20px;}
.moa-state__price{margin-top: 20px;display: inline-block;background:url('../images/icon-arrow-right.png') no-repeat calc(100% - 2px) 14px;padding-right: 15px;font-size: 32px;background-size: auto 12px;}
.moa-state__price span{font-size: 16px;vertical-align: baseline;font-weight: 400;}
.moa-charge-link{background:#cc0000;width: 70px;height: 70px;border-radius: 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;font-size: 13px;color:#fff;}
.moa-charge-link i{border: 2px solid #fff;color:#fff;font-style:normal;border-radius: 50%;width: 32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 5px;}
.moa-state .moa-charge-link{position:absolute;right:5px;top: -35px;z-index: 10;font-size: 16px;line-height: 16px;}

/* moalife */
.moalife{border:2px solid #cc0000;background:#fff;border-radius: 15px;margin-top: 20px;padding:20px 0;}
.moalife__title{font-size: 16px;letter-spacing: -.03em;color:#cc0000;font-weight: 600;padding:0 15px;}
.moalife__title span{font-weight: 400;}
.moalife__content{margin-top: 1em;}
.moalife__content .slider{padding-bottom: 25px;}
.moalife__content .slider .slick-dots{position:absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom: -0;display: -webkit-box;display: -ms-flexbox;display: flex;}
.moalife__content .slider .slick-dots li{margin:0 3px;}
.moalife__content .slider .slick-dots button{width: 10px;height: 10px;background:#cccccc;border-radius: 50%;text-indent: -9999px;-webkit-transition:all .5s;transition:all .5s;}
.moalife__content .slider .slick-dots li.slick-active button{background:#cc0000;}
.moalife__slider-item{display: -webkit-box;display: -ms-flexbox;display: flex;}
.moalife__slider-item .clearfix:after{content:'';display: block;clear:both;}
.moalife__slider-item a{float: left;width: 50%;text-align: center;}
.moalife__slider-item a:first-child{border-right:1px solid #f4f4f4;}
.moalife__slider-item a p{line-height: 24px;font-size: 16px;color:#cc0000;margin-top: 20px;}
.moalife__slider-item a p strong{display: block;font-weight: 700;}
.moalife__img{text-align: center;display: block;height: 50px;line-height: 50px;}
.moalife__img img{display: inline;max-height: 100%;vertical-align: middle}

/* intro */
.intro{}
.intro__img{text-align: center;padding: 10px;border: 1px solid #efefef;margin:10px 0;}
.intro__doing{margin-top: 40px;}
.intro__doing-items{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 10px;}
.intro__doing-items li{width: 50%;padding:10px;text-align: center;}
.intro__doing-items li h4{font-size: 16px;color:#cc0000;margin-top: 10px;margin-bottom: 5px;}

.what__img{text-align: center;background:#f4f4f4;padding: 20px;margin:10px 0;}
.what__section{margin-bottom: 50px;}
.what__section:last-child{margin-bottom: 0;}

/* user-moa-state */
.user-moa-state{padding:40px 15px 35px;}
.user-moa-state p{text-align: left;color:#fff;margin-bottom: 1em;}
.user-moa-state p span{color:#fff799;}
.user-moa-state h2{text-align: right;color:#fff;line-height: 1em;}
.user-moa-state h2 strong{font-size: 40px;font-weight: 100;}

/* tab */
.tab{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;border-bottom: 1px solid #cccccc;height: 40px;}
.tab a{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;line-height: 40px;font-size: 14px;color:#666666;text-align: center; background-color: #eee;}
.tab a.active{position:relative;color:#cc0000;font-weight: 700; background-color: #F4FA58;}
.tab a.active:after{content:'';display:block;position:absolute;left:0;bottom: 0;width: 100%;height: 2px;background:#cc0000;}

/* calendar_row */
.calendar_row{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.calendar_row .calendar{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;width:calc(50% - 15px);}
.calendar_row .calendar input{height: 30px;border-bottom:1px solid #a1a1a1;background:url('../images/icon-calendar.png') no-repeat calc(100% - 5px) center;width: 100%;font-size: 14px;line-height: 30px;}
.calendar_row > span{-webkit-box-flex: 0;-ms-flex: none;flex: none;width: 30px;text-align: center;}

/* choose-btn */
.choose-btn{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.choose-btn button{-webkit-box-flex: 1;-ms-flex: 1;flex: 1; margin-right: 5px;font-size: 14px;color:#b7b7b7;height: 35px;border: 2px solid #b7b7b7}
.choose-btn button:last-child{margin-right: 0px;}
.choose-btn button.active{background:#cc0000;color:#fff;border-color:#cc0000;}

/* search-btn */
.search-btn{margin-top: 15px;}
.search-btn a{display: block;line-height: 36px;border:2px solid #cc0000;border-radius: 2em;color:#cc0000;font-size: 16px;font-weight: 800;text-align: center;}

/* usehistory */
.usehistory__list{background:#ebebeb;padding-top: 10px;}
.usehistory__item{background:#fff;padding:15px 10px;margin-bottom: 1px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;white-space: nowrap;}
.usehistory__case{color:#666666;font-size: 14px;}
.usehistory__case span{display: block;color:#b7b7b7;font-size: 12px;margin-top: 3px;}
.usehistory__pay{font-size: 14px;font-weight: 800;color:#f26d7d;}
.usehistory__pay span{display:block;text-align: right;font-size: 12px;font-weight: 400;margin-top: 3px;}

.usehistory__top{padding-bottom: 10px;}
.usehistory__search{padding: 10px 10px 0;}
.usehistory__search .choose-btn{margin-top: 10px;}
.usehistory__top .search-btn{padding:0 10px;}

/* search-default */
.search-default{display: block;padding: 10px;border-bottom:1px solid #ebebeb;}
.search-default .input{display: -webkit-box;display: -ms-flexbox;display: flex;background:#f4f4f4;border-radius: 2em;padding-right: 5px;border:1px solid #cccccc;}
.search-default .input input{height: 38px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding:0 15px;font-size: 14px;color:#666;}
.search-default-btn{width: 38px;height: 38px;background:url('../images/icon-search.png') no-repeat center;text-indent: -9999px;overflow: hidden;}

.searched{padding-bottom: 55px;}
.searched .default{text-align: center;padding: 40px 0;}
.searched .default p{margin-top: 10px;font-size: 14px;color:#b7b7b7;}
.searched__items{width:100%;}
.searched__item{float: left; width: 50%; border-bottom: 1px solid #e1e1e1; height: 110px;}
.searched__item label{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;padding:15px 10px;background:#fff;-webkit-transition:all .3s;transition:all .3s;}
.searched__item label.active{background:#dff4ea;}
.searched__item label.align-start{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.searched__item .thumb{width: 60px;background:#f4f4f4;border: 1px solid #cccdcd;border-radius: 5px;margin-right: 10px;min-height: 61px;}
.searched__item .searched__info{margin-right: auto;white-space: nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.searched__item .searched__info h3{font-size: 18px;color:#666666;}
.searched__item .searched__info .premium{font-size: 14px;color:red;}
.searched__item .searched__info p{font-size: 12px;color:#3c3a3a;margin-top: 5px;}

.supported-info{font-size: 14px;height: 24px;line-height: 20px;border: 2px solid #cc0000;boerder-radius: 2em;padding:0 .75em;border-radius:2em;color:#cc0000;margin-right: 10px;background:#fff;}

.submit-searched{position:fixed;left: 0;bottom: 0;height: 55px;text-align:center;display: block;line-height: 55px;color:#fff;background:#cc0000;width: 100%;-webkit-transition:all .3s;transition:all .3s;}
.submit-searched:disabled{background:#999;}

.support .modal__header{border: none;}
.support .modal__body{margin:0;}
.support .modal__btnbox{margin-top: 15px;}
.supported-img img{vertical-align: top; width: 100% !important;}
.supported-img .slider .slick-dots{position:absolute;left: 50%;bottom:20px;z-index: 50;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.supported-img .slider .slick-dots li{margin:0 3px;}
.supported-img .slider .slick-dots button{width:6px;height: 6px;background:#fff;text-indent: -9999px;overflow: hidden;border-radius: 50%;}
.supported-img .slider .slick-dots .slick-active button{background:none;border:1px solid #fff;width: 12px;height: 12px;}

.supported-content{padding:15px 10px;}
.supported-title{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color:#cc0000;font-size: 30px;margin-bottom: 10px;}
.supported-title span{background:#cc0000;color:#fff;font-weight: 400;font-size: 12px;padding:5px;margin-left: 10px;}
.supported-table{display: block;border-top: 1px solid #b7b7b7;margin-top: 1em;}
.supported-table .row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding: 10px 0;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-bottom: 1px solid #b7b7b7;}
.supported-table .row a{color:#666666;}
.supported-table .row h4{font-size: 13px;color:#c1c1c1;line-height: 20px;width: 100px;font-weight: 400;}
.supported-table .row p{text-align: right;word-break: keep-all}

.remittance-form{}
.remittance-form .searched__item{border: none;}
.input-moa input,
.remittance-form .input input{height: 55px;font-size: 28px;border-bottom:1px solid #666666;width: 100%;}
.input-moa input::-webkit-input-placeholder, .remittance-form .input input::-webkit-input-placeholder{color:#cccccc;}
.input-moa input::-moz-placeholder, .remittance-form .input input::-moz-placeholder{color:#cccccc;}
.input-moa input:-ms-input-placeholder, .remittance-form .input input:-ms-input-placeholder{color:#cccccc;}
.input-moa input::-ms-input-placeholder, .remittance-form .input input::-ms-input-placeholder{color:#cccccc;}
.input-moa input::placeholder,
.remittance-form .input input::placeholder{color:#cccccc;}
.remittance-form .has-moa{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 1em;font-size: 14px;color:#666;font-weight: 600;}
.remittance-form .has-moa strong{color:#b7b7b7;}

.password-check{position:fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;background:#ececec;}
.password-check .header{position:static;}
.password__form{text-align: center;margin-top: 100px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.password__form .number{border-bottom:1px solid #666;width: 45px;-webkit-box-flex: 0;-ms-flex: none;flex: none;margin:0 5px;}
.password__form .number input{text-align: center;font-size: 40px;width: 100%;}

.remittance-result{}
.remittance-result .searched__item {border: none;}
.remittance-result .searched__item label{padding:10px;}
.remittance-result .has-moa{padding-top: 10px;border-top: 1px solid #cccccc;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.remittance-result .user-moa-state {padding-bottom: 20px;padding-top: 20px;}
.remittance-result .user-moa-state p,
.remittance-result .user-moa-state h2{color:#666;}
.remittance-result .user-moa-state h2 strong{font-weight: 600;}

.charge__case{margin-top:10px;}
.charge__case a{display: block;background:#cc0000;color:#fff;margin-bottom: 10px;padding:20px 15px;}
.charge__case h3{font-size: 1rem;line-height: 1em;margin-bottom: 5px;}
.charge__case p{color:#fff;}

.charge-form{}
.charge-form .input-moa{margin-top: 10px;}
.charge-form .moa-controller{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin:20px 0;}
.moa-controller button{color:#b7b7b7;font-size: 14px;margin-right: 10px;height: 35px;border: 2px solid #b7b7b7;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.moa-controller button:last-child{margin-bottom: 0;}

.moa-controller label{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin-right: 10px;display: block;}
.moa-controller label:last-child{margin-right: 0px;}
.moa-controller label input{display: none;}
.moa-controller label span{color:#b7b7b7;font-size: 14px;height: 35px;border: 2px solid #b7b7b7;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: block;line-height:31px;text-align: center;}
.moa-controller label input:checked + span{border-color:#cc0000;background:#cc0000;color:#fff;}

.charge-state{margin-top: 40px;background:#f4f4f4;}
.charge-state li{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 48px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:0 10px;}
.charge-state li h3{font-size: 14px;}
.charge-state li p{font-size: 14px;color:#666}
.charge-state li p strong{vertical-align: baseline;font-size: 16px;}
.charge-state li.charge-state__result{border-top: 1px solid #cccccc;}
.charge-state li.charge-state__result p{color:#f26d7d;}

.notice-info{margin-top: 20px;}
.notice-info h2{font-size: 16px;margin-bottom: 10px;}
.notice-info p{padding-left: .75em;position:relative;margin-bottom: 5px;font-size: 12px;line-height: 16px;}
.notice-info p:last-child{margin-bottom: 0;}
.notice-info p:after{content:'-';position:absolute;left: 0;top: 0;line-height: 20px;z-index: 2;}

.select-payment{border:1px solid #cccccc;margin-top: 25px;}
.select-payment h2{line-height: 40px;border-bottom: 1px solid #ccc;padding:0 10px;color:#666;}
.select-payment__body{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.select-payment__body label{width :50%;-webkit-box-flex: 0;-ms-flex: none;flex: none;height: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:0 10px;font-size: 14px;color:#666;}
.select-payment__body label span{width: 20px;height: 20px;border-radius: 50%;background:#dbdfe4;margin-right: 5px;}
.select-payment__body label input:checked + span{border:7px solid #3676f2;}
.select-payment__body label input{display: none;}

.agreement-form .form{margin-top: 40px;}
.agreement-form .today{text-align: right;margin-top: 40px;font-size: 14px;font-weight: 600;}
.agreement-form .sign{margin-top: 30px;}
.agreement-form .sign p{font-size: 12px;color:#b7b7b7;}
.agreement-form .sign p strong{color:#333;}

.charge-result-top{background:url('../images/charge-result-bg.png') no-repeat center;background-size: cover;padding:30px 20px;text-align: center;}
.charge-result .user-moa-state{padding-bottom: 20px;}
.charge-result .user-moa-state p,
.charge-result .user-moa-state h2{color:#666;text-align: left;}
.charge-result-info{border-top: 1px solid #cccccc;}
.charge-result-info .row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 40px;border-bottom: 1px solid #cccccc;}
.charge-result-info .row h3{color:#b7b7b7;font-size: 14px;}
.charge-result-info .row p{color:#666666;font-size: 14px;font-weight: 600;}
.charge-result-info .row p a{background:#cc0000;color:#fff;line-height: 25px;padding:0 1em;display:inline-block;font-size: 12px;border-radius: 5px;margin-left: 5px;}

.payment-place{background:#f4f4f4;padding: 40px 0;margin-bottom: 20px;}
.payment-place h3{font-size: 32px;letter-spacing: -.03em;margin-bottom: 8px;}
.payment-place p{color:#b7b7b7;font-size: 14px;}

.qr-result{background:#cc0000;min-height:100vh;padding-top: 10px;}
.qr-result__content{background:#fff;}
.qr-result__content .result-title{text-align: center;font-size: 14px;font-weight: 400;padding:60px 0 40px;}
.qr-result__content .user-moa-state{padding: 0;}
.qr-result__content .user-moa-state h2{text-align: center;color:#666666;font-size:20px;}
.qr-result__content .user-moa-state h2 strong{font-weight: 500;}
.qr-result__content .user-moa-state p{font-size: 20px;margin-top: 8px;line-height:1em;text-align: center;color:#666;}
.qr-result__content .user-moa-state p strong{font-weight: 400;}
.qr-result__content .searched__item{border: none;margin-top: 30px;}
.qr-result__content .searched__item label{padding: 10px 0;}
.qr-result__content .form__btnbox{padding-top: 80px;}

.search-map{height: 100%;}
.search-map{}
/**.search-map #map{height:calc(100vh - 215px);}**/
.search-map #map{height:800px;}

.infoWindow{background:#fff;padding: 26px;border-radius: 10px;-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);box-shadow: 3px 3px 5px rgba(0,0,0,0.2);margin-bottom: 48px;position:relative;width: 280px;padding-left: 95px;z-index: 9999}
.infoWindow:after{content:'';width:0;height: 0;border-top: 8px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid transparent;position:absolute;bottom: -16px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.infoWindow__thumb{position:absolute;left: 10px;top: 20px;width: 80px;height: 80px;border:1px solid #ccc;border-radius: 3px;}
.infoWindow__thumb img{max-height: 100%; width: 100%; height: 100%;}
.infoWindow__marketName{color:#cc0000;font-size: 24px;font-weight: 600;white-space: nowrap;overflow:hidden;text-overflow: ellipsis}
.infoWindow__marketAddress,
.infoWindow__marketNumber{font-size: 16px;margin-top: 5px;display: block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis}
.infoWindow__marketDetail{font-size: 12px;margin-top: 5px;display: block;white-space: nowrap;color:#0080ff; text-align: right;}
.infoWindow__closer{position:absolute;right: 15px;top: 15px;width: 25px;height: 25px;background:url('../images/i-x.png') no-repeat center;background-size: 100% 100%;z-index: 100;}
.search-map .setPlace{position:absolute;left: 5%;bottom: 5%;z-index: 1000;display: block;background:#fff url("../images/icon-geo1.gif") no-repeat center;width: 60px;height: 60px;border-radius: 5px;text-indent: -9999px;overflow: hidden;border:1px solid #999;}
.map-category{position:fixed;left: 10px;top:100px;width:calc(100% - 20px);z-index: 1000;}
.map-category select{background:url('--../images/icon-select-white.png') #cc0000 no-repeat calc(100% - 12px) center;color:#fff;width: 100%;height: 50px;border-radius: 5px;font-size: 14px;padding:0 10px;}
.map-category.map-category--static{position:static;}

.review{background:#f4f4f4;padding-top: 20px;margin-top: 5px;}
.review__form{background:#fff;padding: 20px 0;margin-bottom: 20px;}
.review__form-title{font-size: 16px;color:#666;font-weight: 600;line-height: 24px;}
.review__form-content{margin-top: 5px;}
.review__form-content textarea{border:1px solid #cccccc;border-radius: 5px;width: 100%;height: 80px;padding: 10px;line-height: 20px;font-size: 14px;}
.review__form-content textarea:focus{outline-width: 0;}

.review__form-star{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 5px;}
.review__form-star label{-webkit-box-flex: 0;-ms-flex: none;flex: none; width: 33.3333%;padding: 6px 0;}
.review__register-btn{text-align: right;margin-top: 10px;}
.review__register-btn button{color:#fff;background:#cc0000;line-height: 35px;font-size: 14px;padding: 0 50px;border-radius: 5px;}
.review__list{background:#fff;}
.review__item{padding: 20px 0;border-bottom: 1px solid #ccc;}
.review__item:last-child{border-bottom: 0;}
.review__item-header{margin-bottom: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.review__item-header h3{color:#cc0000;font-size: 12px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.review__item-header .msg{background:url('../images/icon-msg.png') no-repeat center;width: 20px;height: 20px;text-indent: -9999px;overflow: hidden;margin-left: 10px;}
.review__createdAt{color:#cccccc;font-size: 12px;}
.review__foot{margin-top: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.review__item-link{margin-left: auto;}
.review__item-link a{font-size: 14px;margin-left: 15px;display:inline-block;}

.market-list .searched__info{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.searched__item .searched__info a{font-size: 12px;display:block;margin-top: 10px;}
.search-category{padding: 10px 10px 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.search-category .map-category{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.search-category .map-category select{height: 25px;}
.search-category .map-category {margin-right: 10px;}

.current-use-history__info{padding: 16px 0;}
.current-use-history__info-item{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height:22px;}
.current-use-history__info-item strong{font-size: 14px;color:#cc0000;}
.current-use-history__info-item p{font-size: 14px;color:#666;margin-left: auto;}

.mypage__info{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 16px 10px;}
.mypage__name{margin-right: auto;}
.mypage__name h2{font-size: 18px;color:#666;}
.mypage__name p{color:#b7b7b7;font-size: 14px;margin-top: 8px;}
.mypage__info a{color:#cc0000;font-size: 14px;-ms-flex-item-align: stretch;align-self: stretch;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.mypage-state{}
.mypage-state__items{}
.mypage-state__items a{display: -webkit-box;display: -ms-flexbox;display: flex;height: 55px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;padding:0 10px;border-bottom: 1px solid #f4f4f4;}
.mypage-state__items a strong{color:#b7b7b7;font-size: 14px;}
.mypage-state__items a p{font-size: 14px;color:#666666;padding-right: 1.25em;background:url('../images/icon-arrow-right.png') no-repeat right center;background-size: auto 9px;}

.mypage-state .form{padding: 16px 0;}
.mypage-state .form__btnbox{margin-top: 40px;}

.lists{}
.lists__item{padding:16px 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;border-bottom: 1px solid #cccccc;}
.lists__item .label{-webkit-box-flex: 0;-ms-flex: none;flex: none;color:#fff;font-size: 12px;line-height: 20px;padding:0 10px;border-radius: 2em;width: 45px;text-align: center;margin-right: 10px;}
.lists__item-content{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;max-width: 100%;}
.lists__item-content h2{font-size: 14px;line-height: 20px;color:#666;white-space: nowrap;overflow:hidden;text-overflow:ellipsis}
.lists__item-content span{font-size: 12px;display:block;color:#b7b7b7;line-height: 16px;margin-top: 3px;}
/*.lists__item--private h2{display:inline-flex;padding-right: .85em;background:url('../images/icon-private.png') no-repeat right 3px;}*/


.lists--dropdown .lists__item{background:url('../images/icon-dropdown.png') no-repeat calc(100% - 10px) center;}
.lists--dropdown .lists__item.active{background:url('../images/icon-dropdown-active.png') no-repeat calc(100% - 10px) center;}
.lists--dropdown .lists__item-desc{background:#f4f4f4;padding: 16px 10px;display: none;}
.lists--dropdown .lists__item.active + .lists__item-desc{display: block;}

.notice-detail-content{padding: 16px 10px;background:#f4f4f4;}
.notice .review{margin: 0;}

.qnabox{background:#55c58f;padding:20px 10px;position:relative}
.qnabox h3{color:#fff;font-size: 18px;}
.qnabox p{color:#fff;font-size: 14px;margin-top: 5px;line-height: 20px;}
.qnabox a{display: block;position:absolute;right:10px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);color:#fff;font-size: 14px;border:2px solid #fff;padding: 10px;border-radius: 5px;}

.qna-detail{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-wrap: wrap;flex-wrap: wrap;min-height:calc(100vh - 50px);}
.qna-detail .qna-detail-description{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;background:#f4f4f4;padding: 16px 10px;}
.qna-write .form__btnbox{margin-top: 40px;}

.setting{}
.setting__row{border-bottom: 1px solid #ccc;height: 55px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.setting__row a{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;height: 55px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.setting__row strong{font-size: 14px;color:#666;padding-left: 10px;}
.setting__row .switch{margin-left: auto;margin-right: 10px;}

.withdraw__step{line-height: 20px;font-size: 12px;width: 50px;border-radius:2em;color:#fff;background:#cc0000;text-align: center;}
.withdraw__desc{margin-top: 20px;margin-bottom: 25px;}
.withdraw__desc h2{color:#cc0000;font-size: 16px;margin-bottom: 5px;line-height: 20px;}
.withdraw__desc p{padding-left:.75em;font-size:14px;line-height: 20px;color:#666666;word-break: keep-all;position:relative;margin-bottom: 10px;}
.withdraw__desc p:after{content:'-';position:absolute;left: 0;top: 0;line-height: 20px;font-size: 14px;}
.withdraw__desc p:last-child{margin-bottom: 0;}

.moalife__lists{}
.moalife__item{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid #e1e1e1;}
.moalife__thumb{height: 85px;width: 85px;-webkit-box-flex: 0;-ms-flex: none;flex: none;}
.moalife__thumb img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;vertical-align: top;}
.moalife__desc{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding:0 10px;}
.moalife__desc h3{font-size: 14px;color:#666;}
.moalife__desc p{font-size: 12px;color:#b7b7b7;line-height: 16px;margin-top: 5px;}

.moalife-board__header{padding: 16px 0;}
.moalife-board__header h2{font-size: 14px;color:#666;line-height: 20px;}
.moalife-board__header p{font-size: 12px;color:#b7b7b7;line-height: 16px;margin-top: 2px;}
.moalife-board__header span{font-size: 12px;color:#b7b7b7;display:block;margin-top: 7px;}
.moalife-board__content .description{padding:10px;}
.moalife-board__content img{display: block;width: 100%;}

.vingsan .review{margin: 0;}
.vingsan__thumb{}
.vingsan__thumb img{vertical-align: top;}
.vingsan .map-category--static{margin:0 !important;}
.vingsan .moalife__item{padding-right: 10px;}
.vingsan .moalife__item .label{line-height: 20px;font-size: 12px;color:#fff;padding:0 10px;margin-left: 10px;}

.vingsan .moalife__item{min-height: 65px;padding:10px 10px 10px 0;}
.vingsan__detail{background:#f4f4f4;}
.vingsan__detail p{white-space: pre-line;padding: 16px 0;}
/* font */
.display-1{font-size: 32px;font-weight: 600;line-height: 48px;}
.display-2{}
.display-3{}

.h1{}
.h2{font-size: 16px;line-height: 22px;}
.h3{}
.h4{font-size: 13px;line-height: 20px;}

.p{font-size: 13px;line-height: 20px;}


/* color */
.bg-gray{background:#ebebeb !important;}
.bg-green{background:#cc0000 !important;}
.bg-white{background:#fff !important;}
.bg-red{background:#f26d7d !important;}

.color-green{color:#cc0000 !important;}
.color-red{color:#f26d7d !important;}

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

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

.info-bg-green{text-align: center;color:#fff;background:#cc0000;padding: 8px 10px;}



.mid-title {padding:40px 0 16px; font-size: 13px; line-height: 20px; font-weight: 900; display: block; color:#cc0000; }

.mid-title:before { content:'\25C9'; padding-right:8px; }


.total-benefit{font-size: 16px;line-height: 55px;font-weight: 600;}
.total-benefit:after{content:'';display:block;clear:both;}
.total-benefit h2{float: right;line-height: 55px;}

.introShow{width: 100vw;height:100vh;background:#cc0000;}
.introShow .slider .sitem{width: 100vw;height:100vh;background:#cc0000;position:relative;vertical-align: top;}
.introShow .slider .sitem img{position:absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 10;}
.introShow .slider .slick-dots{position:fixed;left: 0;bottom: 1.5em;z-index: 20;width: 100%;text-align: center;}
.introShow .slider .slick-dots li{width: 10px;height: 10px;background:rgba(255,255,255,.3);margin:0 3px;border-radius: 50%;display: inline-block;transition:all .3s;}
.introShow .slider .slick-dots li.slick-active{background:#fff;}
.introShow .slider .slick-dots li button{text-indent: -9999px;overflow: hidden;}



/**
 * Component: Button
 * --------------------------------------------------
 */
.c-button {
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    overflow: visible;
    color: #fff;
    font: inherit;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 1px;
    background: transparent;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

}
.c-button:hover, .c-button:focus {
    outline: 0;
    text-decoration: none;
}
.c-button:not(:disabled) {
    cursor: pointer;
}

/**
 * Mixin: Button Modifier
 * --------------------------------------------------
 */
/**
 * Component: Button
 * Modifier: Purple
 * --------------------------------------------------
 */
.c-button--purple {
    background: #967adc;
    text-shadow: 2px 2px 0 #7652d1;
}
.c-button--purple:hover {
    background: #8666d7;
}

/**
 * Component: Button
 * Modifier: Blue
 * --------------------------------------------------
 */
.c-button--blue {
    background: #4a89dc;
    text-shadow: 2px 2px 0 #276ecc;
}
.c-button--blue:hover {
    background: #357bd8;
}

/**
 * Component: Button
 * Modifier: Red
 * --------------------------------------------------
 */
.c-button--red {
    background: #e9573f;
    text-shadow: 2px 2px 0 #dc3519;
}
.c-button--red:hover {
    background: #e64328;
}

/**
 * Utility: Ripple
 * --------------------------------------------------
 */
.c-ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
}

.c-ripple__circle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(43, 182, 115, 0.8);
}
.c-ripple.is-active .c-ripple__circle {
    -webkit-animation: a-ripple 0.4s ease-in;
    animation: a-ripple 0.4s ease-in;
}

.c-ripple.is-active + span {
    position:relative;
    z-index: 20;
}
.c-ripple.is-active + span {
    /*-webkit-animation: a-color 0.4s ease-in;*/
    /*animation: a-color 0.4s ease-in;*/
}

/**
 * Animation: Ripple
 * --------------------------------------------------
 */
@-webkit-keyframes a-ripple {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    100% {
        width: 200%;
        padding-bottom: 200%;
        opacity: 0;
    }
}
@keyframes a-ripple {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    100% {
        width: 200%;
        padding-bottom: 200%;
        opacity: 0;
    }
}
@keyframes a-color {
    0% {
        color:#b7b7b7;
    }
    25% {
        color:#fff;
    }
    100% {
        color:#b7b7b7;
    }
}

.banner_top2 {
	position: fixed;
    bottom: -3px;
}

.ad-reg {
	position: absolute;
	bottom: 5%;
	right: 5%;
	z-index: 1000;
}

.table-frame {
	width: 100%;
	border: none;
	background-color: white;
}

.table-contents td {
	padding: 3px !important;
}

.ad-div {
	width: 108px !important;
	text-align: center !important;
}

.ad-div img {
	width: 105px !important;
}

.quick-right {
    position: absolute;
    top: 30px;
    right: 15px;
    width: 110px;
}

.quick-left {
    position: absolute;
    top: 30px;
    left: 15px;
    width: 110px;
}

.pyoji-main {
	text-align: center;
	background-color: #000000;
	position: relative;
}

.cs-pyoji {
	margin: 0 auto;
	text-align: center;
}

.cs-select {
	position: absolute;
	top: 563px;
	left: 582px;
	text-align: left;
	font-size: 18px;
	line-height: 180%;
	color: #000;
}

.cs-select a {
	color: #ffffff;
}

.pyoji-tel {
	font-size: 36px;
	font-weight: bolder;
	color: #0080c0;
}

.select-form {
	height: 27px;
	width: 200px;
	background-color: #fff;
	/**-webkit-appearance: initial !important;**/
}

.index-side, .index-side img {
	display: inline-block;
}

.ct-table td {
	padding: 8px;
	font-size: 32px;
}

--.bg-premium {
	width: auto;
	overflow: hidden;
	background-color: #ffcc99;
    border-radius: 5px;
    padding: 5px;
}

.bg-premium {
	background-color: #ffe7eb;
	padding: 5px;
}

.bg-premium h3 {
	color: #2f2929 !important;
}

.pagination {
	display: inline-block;
	text-align: center;
	width: 100%;
	margin-top: 20px;
}

.pagination li {
	padding: 5px 8px 5px 8px;
	display: inline-block;
	--border: 1px solid #ccc;
	--background-color: #666;
}

.pagination li.active  {
	background-color: #3399ff;
	border-radius: 20px;
}

.pagination a {
	color: #000;
}

.pagination .active a {
	color: #fff;
}

.map-pk_shop {
	font-size: 14px;
	font-weight: bolder;
	color: #fff;
	background-color: #003f7d;
	border: 1px solid #000;
	border-radius: 20px;
	margin-bottom: 3px;
	padding: 3px;

	text-align: center;
}

.pk-shop-number {
	position: absolute; 
	top: 10px; 
	right: 5px;

	color: #fff;
	background-color: #003f7d;
	border: 1px solid #000;
	border-radius: 20px;
	padding: 3px;

	text-align: center;
}

.view-detail {
	position: absolute; 
	top: 52px; 
	right: 5px;
	font-size: 12px;
	color: #000;
}

.infoWindow__detailText {
	font-size: 12px;
	color: #fff;

	background-color: #003f7d;
	border: 1px solid #000;
	border-radius: 20px;
	padding: 3px;


}