/* css reset */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500');

* {
    -webkit-tap-highlight-color: transparent;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 100%;
    letter-spacing: -0.5px;
    outline: none;
    text-shadow: none !important;
}

.fixed {
    bottom: 0;
    position: fixed;
}

a {
    color: inherit;
    list-style: none;
    text-decoration: inherit;
}

a:focus, a:hover {
    color: inherit;
    list-style: none;
    text-decoration: inherit;
}

a:focus {
    outline: none;
    outline-offset: none;
}

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

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

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

.letter-space { letter-spacing: 0px; }

html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

.h-div { height: 100%; }

html, body, div, span, 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,
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, section, summary,
time, mark, audio, video {
    border: 0;
    margin: 0;
    padding: 0;
}

/* HTML5 display-role reset for older browsers */

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

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

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

input {
    -moz-appearance: none;
    -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
    appearance: none;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
    appearance: none;
}

.titleweight {
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 5px;
    padding-top: 5px;
}

.x {
    color: #cccccc;
    font-size: 13px;
    font-weight: 100;
    padding-left: 15px;
}

.titlebar { border: 1px solid #ececec; }

.row { margin: 0; }

.clearfix-after:after {
    clear: both;
    content: "";
    display: block;
}

.float-left { float: left; }

.float-right { float: right; }

.white-color { color: white; }

.black-color { color: black; }

.fa { margin: 5px; }

.btn-primary {
    background-color: #304c63;
    border: none;
    color: #fff;
}

.btn-primary:hover {
    background-color: #263948;
    border: none;
    color: #fff;
}

.btn-primary:active {
    background-color: #263948;
    border: none;
    color: #fff;
}

.text-hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* css reset end */

/*login*/

.form-control {
    border: none;
    width: 100%;
}

.login {
    margin: auto;
    margin-top: 70px;
    width: 80%;
}

.login .form-control { margin: 3px 0px; }

.log-middle-box { margin: auto; }

.login-btn { width: 100%; }

.login-btn-text {
    background: #19aa53;
    color: #fff;
    font-size: 15px;
    padding: 17px;
    text-align: center;
}

input[type=text]:focus { border: 2px solid #e5e5e5; }

input[type=password]:focus { border: 2px solid #e5e5e5; }

input[type=tel].phone {
    background-color: white;
    background-image: url('../images/handphone.svg');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border: 2px solid #fff;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 16px;
    padding: 12px 20px 12px 50px;
    width: 100%;
}

input[type=password] {
    background-color: white;
    background-image: url('../images/lockicon.svg');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    border: 2px solid #fff;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 16px;
    padding: 12px 20px 12px 50px;
    width: 100%;
}

input::placeholder {
    color: #bdbdbd;
    font-size: 15px;
}

.container-1 { position: relative; }

.container-1 .icon {
    color: #4f5b66;
    margin-left: 5px;
    margin-top: 17px;
    position: absolute;
    z-index: 1;
}

.login-btn {
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
    padding: 12px 0px;
}

.logo-box {
    margin-top: 20px;
    text-align: center;
}

.findpassword {
    color: #b5b5b5;
    margin-top: 15px;
    text-align: center;
    text-decoration: underline;
}

.firstlogin-alert {
    background: #a3bed4;
    color: #fff;
    padding: 10px 0px;
    text-align: center;
}

.passtitle {
    font-size: 17px;
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.find-ptext {
    color: #656565;
    font-size: 12px;
    margin-bottom: 30px;
    margin-top: 5px;
}

.tuto {
    background: red;
    margin-top: 35px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

/*login end*/

/*slide*/

.sidenav {
    background-color: #f9f9f9;
    box-shadow: 5px 5px 10px 5px #000000;
    height: 100%;
    overflow-x: hidden;
    padding-top: 60px;
    position: fixed;
    right: 0;
    top: 0;
    transition: 0.5s;
    width: 0;
    z-index: 1;
}

.sidenav a {
    border-bottom: 1px solid #eaeaea;
    color: #000000;
    display: block;
    font-size: 15px;
    font-weight: 300;
    margin: 10px 15px;
    padding: 8px 8px 10px 25px;
    text-decoration: none;
    transition: 0.3s;
}

.slideback:hover { background: #efefef; }

.slideback:active { background: #efefef; }

      

.sidenav .closebtn {
    font-size: 18px;
    left: 0;
    margin-right: 50px;
    position: absolute;
    top: 0;
}

#main {
    padding: 16px;
    transition: margin-right .5s;
}

.fa-file-alt { width: 25px; }

@media screen and (max-height: 450px) {
    .sidenav { padding-top: 15px; }

    .sidenav a { font-size: 18px; }
}

.giftlink {
    color: #fff;
    margin-top: 40px;
    padding: 15px;
}

.giftlink p {
    border: 1px solid #fff;
    padding: 5px 5px;
}

.list-btn { padding: 15px 30px; }

.img-pd { padding: 15px; }

.list { background: #ffffff; }

.list:nth-child(2n) { background: #f5f5f5; }

.cardnum { width: 60%; }

.form-control-coupon {
    border: 3px solid #e1e1e1;
    font-size: 13px;
    letter-spacing: 0px;
    margin: 3px;
    padding: 10px;
}

.form-control-coupon:hover { border: 3px solid #19aa53; }


.log5 {
    background: #263948;
    border-radius: 5px;
    color: white;
    margin-top: 3px;
    padding: 40px 23px;
    text-align: center;
}

/*touchslide*/

.touchSlider8_wrap {
    background: #fff;
    overflow: hidden;
}

#touchSlider8 {
    margin-right: 80%;

    overflow: visible;
    position: relative;
}

#touchSlider8 ul {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 99999px;
}

/*main*/

.main-slide-font { font-size: 18px !important; }

.main-slide-font:hover {
    background: #f5b94b;
    border-radius: 5px;
}

.top {
    background: #263948;
    height: 50px;
    text-align: center;
    width: 100%;
}

.locationbox {
    background: #172733;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 0px 8px 8px 8px;
    text-align: center;
}

.menu ul li {
    background: #fff;
    color: #979797;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

.menubox1 {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    font-weight: 300;
    padding: 10px 5px;
}

.menubox1 .title {
    color: black;
    font-size: 12px;
    font-weight: 400;
}

.menubox1 .subtitle {
    color: #656464;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    width: 100%;
}

.menubox-main:hover { background: #f5b94b; }

.menubox-main:active { background: #f5b94b; }

.tab2 {
    margin-left: 5px;
    width: 47%;
}

.addcircle {
    border: 1px solid black;
    border-radius: 20px;
    padding: 0px 7px;
}

.drop-tip { font-size: 20px; }

.subtitle.tip {
    color: #888;
    font-size: 11px;
}

.camera { padding: 5px 3px; }

.near {
    color: #21b359;
    font-size: 11px;
    margin-left: 5px;
}

.buybox {
    font-size: 10px;
    margin-right: 5px;
    padding: 20px 0px;
}

.buybox span {
    background: #fff;
    border: 1px solid #cecece;
    padding: 2px;
}

.popup-title {
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}

.mySlides { display: none; }

.visitbtn {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    color: #000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0); /* IE6-9 */
    margin-right: 1px;
    margin-top: 4px;
    padding: 5px;
    width: 46%;
    ;
}

.visitbtn:active {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); /* IE6-9 */
}

.visitbtn2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7c05b+0,f79621+100 */
    background: #f7c05b; /* Old browsers */
    background: -moz-linear-gradient(top, #f7c05b 0%, #f79621 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7c05b 0%, #f79621 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7c05b 0%, #f79621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #ffffff;
    border: 1px solid #f19f36;
    border-radius: 3px;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7c05b', endColorstr='#f79621', GradientType=0); /* IE6-9 */
    margin-top: 4px;
    padding: 5px;
    width: 46%;
    ;
}

.visitbtn2:active {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7ad02+0,f7a102+100 */
    background: #f7ad02; /* Old browsers */
    background: -moz-linear-gradient(top, #f7ad02 0%, #f7a102 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7ad02 0%, #f7a102 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7ad02 0%, #f7a102 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7ad02', endColorstr='#f7a102', GradientType=0); /* IE6-9 */
}

.visitbtn3 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1cac53+0,006e2e+100 */
    background: #1cac53; /* Old browsers */
    background: -moz-linear-gradient(top, #1cac53 0%, #006e2e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1cac53 0%, #006e2e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1cac53 0%, #006e2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #ffffff;
    border: 1px solid #047633;
    border-radius: 3px;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1cac53', endColorstr='#006e2e', GradientType=0); /* IE6-9 */
    margin-top: 4px;
    padding: 5px;
    width: 46%;
    ;
}

.msg { font-size: 13px; }

.visitbtn p { font-size: 16px; }

.visitbtn .subtitle { font-size: 13px; }

button.slideclick {
    background: #263948;
    border: 1px solid #263948;
    border-radius: 4px;
    color: #fff;
    padding: 0px 10px;
}

.menupic {
    text-align: center;
    width: 100%;
}

.menupic tbody tr td { width: 33%; }

/*detailmenu*/

.menupic tbody tr td {
    background: #fff;
    border-bottom: 3px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #979797;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 8px;
    padding-top: 8px;
}

.detailimg {
    background: #ccc;
    text-align: center;
}

.detailtitle {
    padding: 5px;
    text-align: center;
}

.ordertitle {
    background: #fff;
    padding: 10px;
    text-align: center;
}

.detailtitle p.subtitle {
    color: #000000;
    font-size: 12px;
}

.detailtitle p span {
    color: #ccc;
    font-size: 11px;
    margin-left: 5px;
}

.oneline { line-height: 52px; }

.twoline { padding-top: 7px; }

.detailsub {
    font-size: 10px;
    margin: auto;
    margin-top: 6px;
    padding-bottom: 13px;
    text-align: center;
    width: 75%;
}

.sum { font-size: 15px; }

.sumbox { padding: 10px 2px; }

.padding-right5 { padding-right: 5px; }

.plus tbody tr td {
    /*border: 1px solid black;*/
    text-align: center;
    width: 30px;
}

.plus tbody tr td .qtybtn:hover {
    background: #263948;
    color: #fff;
}

.plus tbody tr td .qtybtn:active {
    background: #263948;
    color: #fff;
}

.result-sum span {
    color: red;
    font-size: 30px;
    font-weight: 400;
}

.boxslideup {
    background: #fff;
    bottom: 0px;
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
}

.upshowtitle {
    background: #263948;
    color: #ccc;
    font-weight: 500;
    padding: 11px;
}

.uptable tbody tr td {
    border-bottom: 1px solid #ccc;
    padding: 7px;
}

.uptable tbody tr td.te { padding: 16px 8px; }

.uptable {
    text-align: left;
    width: 100%;
}

.upclose {
    padding: 8px;
    text-align: center;
}

.upclose.two {
    text-align: center;
    width: 45%;
}

.end.upclose.two {
    background: #eaeaea;
    font-weight: 500;
    width: 100%;
}

.choda {
    border: 1px solid #ccc;
    text-align: center;
}

.te { width: 75%; }

.tecen { text-align: center; }

.bottom-two {
    background: #fff;
    bottom: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: fixed;
    text-align: center;
    width: 100%;
}

.next {
    background: #263948;
    color: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
}

.numsm {
    background: red;
    border-radius: 50px;
    color: #fff;
    font-size: 10px;
    margin-left: 2px;
    padding: 0px 5px;
}

.bagpd { margin: 10px; }

.ordertable { width: 100%; }

.ordertable tr { height: 24px; }

.ordertable tbody tr th {
    font-size: 16px;
    font-weight: 400;
    padding: 1px 10px;
}

.ordertable tbody tr td {
    font-size: 13px;
    font-weight: 300;
    padding: 4px 10px;
}

.ordertable tbody tr th.ordermaintext { padding: 10px 10px; }

.orbox {
    border: 1px solid #ccc;
    padding: 0px 6px;
}

.paybox {
    font-weight: 300;
    margin: 25px 25px 30px 25px;
    text-align: left;
    width: 90%;
}

.pay-title {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px;
}

.address {
    font-size: 13px;
    font-weight: 500;
}

.address-detail {
    color: #8e8e8e;
    font-size: 15px;
}

input[type=text].inaddress {
    border: 1px solid #ccc;
    border-radius: 20px;
    margin: 5px 0px;
    padding: 5px 2px;
}

input::placeholder { text-indent: 10px; }

input[type=tel].inaddress {
    border: 1px solid #ccc;
    border-radius: 20px;
    margin: 5px 0px;
    padding: 5px 2px;
    text-indent: 10px;
}

input[type=tel].inaddress.birth {
    border: 1px solid #ccc;
    margin: 3px 0px;
    margin-left: 5px;
    padding: 2px;
    width: 87%;
}

input[type=tel].inaddress.havecash {
    border: 1px solid #ccc;
    margin: 3px 0px;
    padding: 2px;
    width: 87%;
}

input[type=password].inaddress {
    border: 1px solid #ccc;
    margin: 3px 0px;
    padding: 2px;
}

.inaddress.phonenum { width: 145px; }

.orbigbox { margin: 10px; }

.ztimepd {
    font-size: 18px;
    margin-top: 10px;
}

.infopay { font-size: 14px; }

.orderlistboxpd {
    background: #efefef;
    border: 1px solid #cccccc;
    margin: 5px 5px;
}

.infopay tbody tr td.grey {
    background: #eee;
    width: 25%;
}

.infopay tbody tr { border-top: 1px solid #ccc; }

input[type=tel].inaddress.card {
    margin-left: 5px;
    margin-right: 5px;
    width: 17%;
}

.month {
    border: 1px solid #cccccc;
    margin-bottom: 4px;
    margin-left: 5px;
    margin-top: 4px;
    padding: 1px 18px;
}

input[type=password].inaddress.cardpass {
    background-image: url('');
    margin-left: 5px;
    width: 21%;
}

input[type=text].inaddress.birth {
    margin-left: 5px;
    width: 50%;
}

.sumor {
    font-size: 15px;
    font-weight: 300;
    margin-right: 17px;
    text-align: right;
}

select.cpselectadd {
    -moz-appearance: none;
    -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
    appearance: none;
    background: url(../images/add.svg) no-repeat 95% 50%;
    font-family: inherit;
    font-size: 13px;
    text-align-last: center;
    width: 100%;
}

.savecash {
    font-size: 15px;
    font-weight: 400;
    margin-top: 15px;
}

input[id="cb1"] + label {
    border: 1px solid #bcbcbc;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px;
}

input[id="cb1"]:checked + label { background: url(../images/check.svg) no-repeat 95% 50%; }

input[id="cb1"] { display: none; }

.orderlistbox {
    background: #eee;
    font-size: 17px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

.orderlistpay {
    font-size: 14px;
    font-weight: 300;
    margin-top: 15px;
    width: 100%;
}

.orderlistpay tbody tr td { margin-bottom: 5px; }

.clock {
    -moz-appearance: none;
    -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
    appearance: none;
    border: 1px solid #ccc;
    font-size: 13px;
    padding: 5px 10px;
    text-align-last: center;
    width: 100%;
}

.havecash {
    font-size: 12px;
    margin-left: 5px;
    margin-top: 5px;
}

.couponpic {
    background: #fff;
    border: 1px solid #d2d2d2;
    font-weight: 300;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 10px 5px;
}

.receipt-table {
    border-top: 1px dashed #989898;
    height: 52px;
    vertical-align: middle;
}

.receipt-addtext { color: #ccc; }

.coupontext {
    font-size: 16px;
    line-height: 2;
}

.endbtn {
    background: #263948;
    color: #fff;
    font-size: 20px;
    text-align: center;
}

input[id="chkCashUseAll"] + label {
    border: 1px solid #bcbcbc;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px;
}

input[id="chkCashUseAll"]:checked + label { background: url(../images/check.svg) no-repeat 95% 50%; }

input[id="chkCashUseAll"] { display: none; }

.listbtn {
    background: #fff;
    border: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 49.4%;
}

.listtable {
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.listtable tbody tr td.inglist { border: 1px solid #eee; }

.listtable tbody tr td.inglist.hv {
    background: #263948;
    border: 1px solid #eee;
    color: #fff;
}

.listlist {
    font-size: 13px;
    font-weight: 300;
    margin: 0 auto;
    width: 97%;
}

.listlist tbody tr td {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
}

.thlist { font-size: 13px; }

.bd {
    background: #fff;
    border: 1px solid #ccc;
    margin-left: 5px;
    padding: 3px 5px;
}

.box-mg {
    background: #fff;
    border: 3px solid #ccc;
    margin: 20px;
    padding: 10px;
    text-align: center;
}

.maincolor { background: #263948; }

input[type=search].allsearch {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 98%;
}

.searchbtn {
    background: #263948;
    border: none;
    color: #fff;
    margin: 0px 5px 15px 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 98%;
}

.mapsearch {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 2px;
    padding-bottom: 10px;
    padding-top: 8px;
    width: 75%;
}

.mapsearch::placeholder { text-indent: 8px; }

.mapsearchbtn {
    background: #263948;
    border: none;
    border-radius: 4px;
    color: #fff;
  
    font-size: #fff;
    margin-left: -4px;
    padding-bottom: 5px;
    padding-top: 6px;
}

.searchprice.in { line-height: 2.5; }

.allinfo {
    border: 1px solid #cecece;
    color: #333;
    font-size: 10px;
    margin-left: 3px;
    padding: 1px 2px;
}

.readress {
    color: #a9a9a9;
    font-size: 13px;
    margin-left: 5px;
}

.searchprice.x { margin-right: 5px; }

.detailadress {
    border: 1px solid #ccc;
    border-radius: 1px;
    margin: 2px;
    padding: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 96%;
}

.mainimg {
    height: auto;
    max-width: 100%;
}

.thumbnail-wrapper {
    border: 2px solid #a1a1a0;
    border-radius: 10px;
    height: 40px;
    margin: 3px;
    overflow: hidden;
    width: 40px;
}

.nvbox {
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 13px;
    margin-left: 10px;
    padding: 5px;
    width: 53px;
}

.far.wt { width: 25px; }

.fas.wt { width: 25px; }

.fab.wt { width: 25px; }

.ilo {
    bottom: 2px;
    color: #1ee069;
    font-size: 11px;
    position: absolute;
    right: 2px;
    z-index: 1;
}

.bubble {
    background: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 10px;
    color: #868585;
    font-size: 10px;
    padding: 0px 3px;
    position: absolute;
    right: 15px;
    top: -10px;
}

.cashbox {
    background: #fff;
    border: 1px solid #ccc;
    font-size: 12px;
    margin: 0px 0px 5px;
    width: 98%;
}

.cashbox .title { font-size: 14px; }

.detailimages {
    height: 100%;
    width: 100%;
}

.tn {
    border: 1px solid #fff;
    border-radius: 15px;
    height: 80px;
    overflow-y: hidden;
    width: 80px;
}

.cashimg {
    height: 100px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    /*border-bottom: 1px solid #eee;*/
}

.smtext {
    color: #ababab;
    font-size: 10px;
}

.cashimg img.picture {
    height: auto;
    width: 100%;
}

.green { color: #21b359; }

.giftbox {
    background: #fff;
    box-shadow: 1px 2px 5px #b7b7b7;
    padding: 10px;
}

.giftbox .top {
    background: none;
    color: #ccc;
    font-size: 12px;
    height: inherit;
    text-align: left;
    width: inherit;
}

.giftbox .main { margin-bottom: 5px; }

.giftbox .day {
    font-size: 12px;
    font-weight: 300;
}

.giftbox.hv { background: rgba(0, 0, 0, 0.3); }

.giftbox.hv .main { color: #fff; }

.giftbox.hv .day { color: #fff; }

.cash.modal-title {
    font-size: 16px;
    padding-top: 5px;
}

.cashtable {
    font-size: 18px;
    text-align: right;
}

.cashtable tr td {
    height: 45px;
    width: 110px;
}

.cashnum {
    border: 1px solid #ccc;
    width: 50px;
}

.adressnum {
    border: 1px solid #ccc;
    width: 180px;
}

.adressbtn {
    background: #a5a5a5;
    border: 1px solid white;
    color: #fff;
    font-size: 12px;
    padding: 7px 4px 4px 4px;
}

.giftconfirm {
    background: #263948;
    color: #fff;
    margin-top: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.sns {
    margin-top: 10px;
    text-align: center;
    width: 33.3%;
}

.snsbox {
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
    width: 125px;
}

.ereceipt {
    background: #ffffff;
    border: 1px solid black;
    margin-top: 6px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

.minusmoney {
    color: red;
    font-weight: 500;
    line-height: 5;
}

.plusmoney {
    color: #2a7fe8;
    font-weight: 500;
    line-height: 5;
}

.buydate {
    border: 1px solid #d8d8d8;
    border-radius: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 85%;
}

table.buylist { width: 100%; }

table.buylist tbody {
    text-align: center;
    width: 100%;
}

.buylistenter p {
    background: #263948;
    color: #fff;
    /* border-radius: 3px; */
    font-size: 11px;
    margin-left: 5px;
    padding-bottom: 7px;
    padding-top: 7px;
    width: 90%;
}

.tablebuy { width: 30%; }

.receipt-info {
    font-size: 11px;
    text-align: right;
}

.buylist-poptable {
    font-size: 12px;
    text-align: right;
    width: 100%;
}

table.buylist-poptable tr th { font-weight: 500; }

table.buylist-poptable tr td { font-weight: 300; }

.buylist-poptable2 {
    font-size: 12px;
    font-weight: 500;
    text-align: right;
    width: 100%;
}

.bookmark-wrapper {
    border: 2px solid #cccccc;
    height: 80px;
    margin-right: 10px;
    overflow: hidden;
    width: 80px;
}

.landscape {
    height: 100%;
    width: auto;
}

.bookmarkbox p.title { font-size: 15px; }

.bookmarkbox p.subtitle { font-size: 12px; }

.bookmarkbox p.gps { font-size: 11px; }

.bookmarkbox p span.boxorder {
    border: 1px solid #c5c5c5;
    font-size: 12px;
    margin-right: 5px;
    padding: 1px;
}

.bookarrow {
    font-size: 22px;
    line-height: 1;
    margin-right: 5px;
    padding-top: 20px;
}

.book.fa-star {
    color: #a1a1a0;
    font-size: 17px;
    margin-right: 3px;
}

.book.fas.fa-star { color: #FFC107; }

.listprocess {
    background: #fff;
    border: 1px solid #ccc;
    margin: 5px 5px -5px 5px;
    /* box-shadow: 1px 2px 5px #b7b7b7; */
    padding: 10px 10px 10px 10px;
}

.listprocess-open {
    background: #efefef;
    border-bottom: 1px solid #ccc;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 11px;
    margin: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}

.ingdate {
    font-size: 11px;
    text-align: right;
}

.ingtitle {
    font-size: 13px;
    text-align: left;
}

.ingsubtitle {
    border: 1px solid #1cac53;
    color: #1cac53;
    font-size: 11px;
    margin-left: 10px;
    padding: 0px 2px;
    text-align: left;
}

.cardbox {
    background: #f1f1f1;
    height: 210px;
    padding-bottom: 0px;
    padding-top: 15px;
    width: 100%;
}

.telinfo {
    background: #263948;
    border: 1px solid #263948;
    color: #fff;
    font-size: 12px;
    padding: 10px 5px;
    text-align: center;
    width: 85%;
}

.passwardinfo {
    background: #fff;
    border: 1px solid #ccc;
    color: black;
    font-size: 12px;
    margin-top: 10px;
    padding: 10px 5px;
    text-align: center;
    width: 85%;
}

.passwardinfo.add { border: 1px solid #ccc; }

.year.myinfo {
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 5px 25px;
    width: 100%;
}

.month.myinfo {
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 5px 25px;
    width: 96%;
}

.loca-register {
    border: 1px solid #ccc;
    font-size: 13px;
    margin: auto;
    margin-top: 10px;
    padding: 5px 0px;
    width: 88%;
}

.symbtn {
    border: 1px solid #ccc;
    margin-left: 6px;
    padding: 5px 10px;
}

.symbtn.hv { background: #eee; }

.myinfo.form-control.inaddress.cardpass {
    margin-left: 5px;
    width: 45%;
}

.myinfo.form-control.inaddress.card {
    margin-left: 5px;
    width: 17%;
}

.saveinfo {
    background: #263948;
    color: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
}

.infolist {
    border: 1px solid #ccc;
    font-size: 13px;
    margin: 3px 3px;
    padding: 5px;
}

.closeinfo {
    background: #ffffff;
    border: 1px solid #ccc;
    color: #000;
    padding: 5px 15px;
}

.couday { color: orange; }

.giftbox.coupon {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.giftmargin { margin: 16px 5px; }

.day.money {
    color: black;
    font-size: 15px;
    font-weight: 500;
}

.couponbuy {
    border: 1px solid #cccccc;
    padding: 15px 20px;
    text-align: center;
}

.possessimg {
    height: 150px;
    margin: auto;
    margin-bottom: 7px;
    overflow: hidden;
    width: 150px;
}

.possess-text {
    font-weight: 400;
    text-align: left;
}

.possess-text .sm {
    font-size: 11px;
    font-weight: 300;
}

/*event*/

.event {
    font-size: 14px;
    margin: auto;
    text-align: left;
    width: 93%;
}

.event tbody tr td:first-child {
    background: #efefef;
    padding: 10px 6px;
    text-align: center;
}

.event tbody tr td:nth-child(2) { padding-left: 10px; }

.event tbody tr td {
    border-bottom: 1px solid #e1e1e1;
    font-weight: 300;
}

.eventfirm {
    background: #263948;
    color: #fff;
    margin: auto;
    margin-top: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 98%;
}

.eventclose {
    margin: 0 auto;
    margin-bottom: 20px;
    margin-right: 7px;
    margin-top: 20px;
}

/*add*/

.modal-body-fullsize.addpd {
    background-color: #ffffff;
    margin: 5px;
    width: 96%;
}

.alltitle {
    font-size: 16px;
    text-align: center;
    width: 85%;
}

.addtab2 { margin-left: 5px; }

.waitpls {
    border: 1px solid black;
    padding: 7px 3px;
}

.waitclose {
    background-color: white;
    border: 1px solid #ccc;
    margin: 5px;
    padding: 5px;
    width: 43%;
}

.waitdel {
    background-color: #263948;
    border: 1px solid #ccc;
    color: #fff;
    margin: 5px;
    padding: 5px;
    width: 43%;
}

.waitbox {
    border: 3px solid #243f93;
    border-radius: 25px;
    padding: 0px;
    width: 100%;
}

.no-address {
    color: #ccc;
    font-size: 12px;
    margin-top: 120px;
    text-align: center;
}

.gradibtn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#19aa53+1,50a873+10,00934e+87,19aa53+100 */
    background: #19aa53; /* Old browsers */
    background: -moz-linear-gradient(top, #19aa53 1%, #50a873 10%, #00934e 87%, #19aa53 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #19aa53 1%, #50a873 10%, #00934e 87%, #19aa53 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #19aa53 1%, #50a873 10%, #00934e 87%, #19aa53 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19aa53', endColorstr='#19aa53', GradientType=0); /* IE6-9 */
}

.gradibluebtn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#197fa8+0,004f77+87,13547f+100 */
    background: #197fa8; /* Old browsers */
    background: -moz-linear-gradient(top, #197fa8 0%, #004f77 87%, #13547f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #197fa8 0%, #004f77 87%, #13547f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #197fa8 0%, #004f77 87%, #13547f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#197fa8', endColorstr='#13547f', GradientType=0); /* IE6-9 */
}

.main-p {
    font-size: 24px;
    font-weight: 200;
    margin-bottom: 15px;
    margin-top: 0px;
}

.dambox { margin: 10px; }

.menutitle {
    font-size: 20px;
    font-weight: 200;
}

.download-container h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #242424;
    margin-bottom: 4px;
}

.download-container p {
    font-size: 16px;
    line-height: 24px;
    color: #8b8b8b;
}

.download-container .download-wrap {
    padding: 16px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    border-radius: 4px;
    /*height: 100%;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.download-container .downloadList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.download-container .download-wrap p {
    font-size: 14px;
    line-height: 20px;
    color: #8b8b8b;
}

.download-container .downloadList li {
    width: 100% !important;
}

.download-container .download-wrap div.banner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px;
}

.download-container .download-wrap div.banner-wrap a {
    border-radius: 6px;
    border: 1px solid #ccc;
    width: 48%;
    margin: 3px;
    padding: 10px;
    text-align: center;
    background: #000;
    color: #fff;
}