body {box-sizing:border-box;font-family:'noto sans kr';}
p {margin:0;}
a {text-decoration:none;color:#0a0a0a;}
a:hover {text-decoration:none;}
.cont-pd {padding:12px 16px;}
.pd-16 {padding:0 16px;}
.flex {display:flex;}
.align-ct {align-items:center;}
.btw {justify-content:space-between;}
.ovf {overflow:hidden;}
.dim {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px #fff inset;}

#bg {width:100%;min-height:100vh;background:#f3f9ed;position:fixed;z-index:-1;}
#mobile {min-height:100vh;background:#fff;max-width:420px;margin:0 auto;padding:0 16px;
    box-sizing:border-box;padding-bottom:76px;}
section {background:#fff;box-sizing:border-box;}



.bnr-main .swiper-wrapper {height:210px!important;}
.bnr-main .thumb {width:100%;height:100%;object-fit:cover;}
.bnr-main .swiper-slide {height:100%;}
.bnr-main .swiper-pagination {bottom:8px;left:auto;right:12px;width:auto;padding:0 8px;background:#00000069;
    color:#fff;border-radius:100vw;}
.bnr-main .swiper-pagination-bullet {width:8px;height:8px;margin:0 4px!important;background:#fff!important;}
.bnr-main .bnr-art {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;
    color:#fff;text-align:center;padding:16px 22px 20px;white-space:nowrap;background:#00000069;}
.bnr-main .bnr-art p {font-size:26px;font-weight:600;margin-bottom:14px;letter-spacing:-0.4px;}
.bnr-main .bnr-art span {font-size:14px;font-weight:400;}

.gnb .list-gnb li {position:relative;}
.gnb .list-gnb li::after {content:"";width:0;transition:width .3s ease;display:block;
    position:absolute;top:50%;right:14px;transform:translateY(-135%);height:1px;background:#3e3e3e;}
.gnb .list-gnb li:hover::after {content:"";width:14px;}

/*이용방법 레이어*/
.info_layer {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;
    width:92%;max-width:380px;max-height:75vh;z-index:10000;padding:18px 14px;box-sizing:border-box;
    box-shadow:2px 2px 6px rgb(0 0 0 / 30%);display:none;}
.info_layer .top {display:flex;justify-content:space-between;align-items:center;margin:-18px -14px 0;
    padding:0 16px;background:#fff;z-index:1;position:sticky;top:0;border-radius:100vw 100vw 0 0;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.info_layer .top p {font-size:16px;font-weight:500;line-height:42px;}
.info_layer .top .close {border:0;width:24px;height:24px;background:url('/img/close.png')no-repeat center/16px;}
.info_layer .art {font-size:14px;line-height:normal;max-height:calc(75vh - 72px);overflow:auto;padding-top:14px;}
.info_layer .art img {max-width:100%;height:64px;}

/*이용약관 레이어*/
.guide_layer {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;
    width:92%;max-width:380px;max-height:75vh;z-index:10000;padding:18px 14px;box-sizing:border-box;
    box-shadow:2px 2px 6px rgb(0 0 0 / 30%);display:none;}
.guide_layer .top {display:flex;justify-content:space-between;align-items:center;margin:-18px -14px 0;
    padding:0 16px;background:#fff;z-index:1;position:sticky;top:0;border-radius:100vw 100vw 0 0;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.guide_layer .top p {font-size:16px;font-weight:500;line-height:42px;}
.guide_layer .top .close {border:0;width:24px;height:24px;background:url('/img/close.png')no-repeat center/16px;}
.guide_layer .art {font-size:14px;line-height:normal;max-height:calc(75vh - 72px);overflow:auto;padding-top:14px;}

/*개인정보 취급방침 레이어*/
.guide_p_layer {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;
    width:92%;max-width:380px;max-height:75vh;z-index:10000;padding:18px 14px;box-sizing:border-box;
    box-shadow:2px 2px 6px rgb(0 0 0 / 30%);display:none;}
.guide_p_layer .top {display:flex;justify-content:space-between;align-items:center;margin:-18px -14px 0;
    padding:0 16px;background:#fff;z-index:1;position:sticky;top:0;border-radius:100vw 100vw 0 0;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.guide_p_layer .top p {font-size:16px;font-weight:500;line-height:42px;}
.guide_p_layer .top .close {border:0;width:24px;height:24px;background:url('/img/close.png')no-repeat center/16px;}
.guide_p_layer .art {font-size:14px;line-height:normal;max-height:calc(75vh - 72px);overflow:auto;padding-top:14px;}


/*로그인 레이어*/
.login-layer {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;
    width:92%;max-width:380px;max-height:500px;z-index:9999;padding:18px 14px;box-sizing:border-box;
    display:none;box-shadow:0 0 6px rgb(255 255 255 / 80%);}
.login-logo {display:block;width:100px;margin:0 auto;margin-bottom:14px;}
.login-layer .input-box input {display:block;width:82%;margin:0 auto;line-height:36px;border:0;
    border-bottom:1px solid #ddd;padding:0 4px;box-sizing:border-box;font-size:14px;}
.login-layer .input-box>.flex.align-ct {width:95%;margin:0 auto;}
.login-layer .input-box>.flex.align-ct:nth-child(1) {margin-bottom:6px;}
.login-layer .input-box>.flex.align-ct p {width:102px;text-align:center;}
.login-layer .input-box .login-id {margin-bottom:6px;width:100%;box-sizing:border-box;}
.login-layer .input-box .login-pw {margin-bottom:16px;width:100%;}
.login-layer .login-btn {display:block;width:65%;border:0;height:38px;line-height:38px;border-radius:100vw;
    font-family:'noto sans kr';font-size:18px;background:linear-gradient(353deg, #556ee6, #a8b6f9);
    color:#fff;margin-right:8px;}
.login-layer>.flex.btw {width:84%;margin:0 auto;font-family:'noto sans kr';color:#666;line-height:24px;}
.login-layer .input-box .login-btn {font-size:14px;width:40%;margin-right:0;margin-bottom:16px;height:32px;
    line-height:32px;}
.login-layer .join-btn {display:block;width:35%;border:0;background:none;font-family:'noto sans kr';
    color:#fff;background:#8f8f8f;border-radius:100vw;height:38px;line-height:38px;font-size:14px;}
.login-layer form>.flex.btw {margin:18px 0;}
.find_user {display:block;text-align:center;color:#666!important;}
.find_user:hover {font-weight:600;color:#333!important;}

/*공지사항 레이어*/
.notice-layer {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;
    width:92%;max-width:380px;max-height:calc(100vh - 160px);z-index:9999;box-sizing:border-box;
    padding-bottom:20px;overflow:auto;display:none;box-shadow:0 0 6px rgb(255 255 255 / 80%);}
.notice-layer .top {position:sticky;top:0;left:0;width:100%;height:38px;line-height:42px;font-size:20px;font-family:'noto sans kr';
    padding-left:14px;box-sizing:border-box;box-shadow:0 4px 4px rgb(0 0 0 / 10%);margin-bottom:12px;z-index:1;
    background:#fff;}
.notice-layer .close {background:url('/img/close.png')no-repeat center/16px;border:0;width:38px;height:38px;font-size:0;}
.notice-layer .notice-title {padding:0 14px;line-height:32px;font-size:17px;margin-bottom:6px;}
.notice-layer .notice-art {padding:0 14px;line-height:20px;font-size:13px;}


/*헤더 햄버거메뉴*/
.header {position:static;box-shadow:none;padding:14px 0;}
.gnb.active {left:auto;}
#hd_login {width:124px;box-shadow:3px 3px 10px rgba(0,85,255,0.15);border-radius:6px;}
.login, .login222, .logout {width:100%;line-height:38px;border:0;background:none;
    font-family:'noto sans kr';font-size:14px;}
header .hd {display:flex;justify-content:space-between;align-items:center;}
.hd:after {display:none;}
.hd .hd-logo {position:static;transform:none;width:84px;}
.l_icon {width:68px;height:46px;border:0;background:url('/img/user.png')no-repeat center/28px;}
.login222 {right:0;}
.hd .hd-hamburger span {display:block;width:20px;height:2px;background:#333;border-radius:100vw;margin:0 auto;
    margin-bottom:4px;}
.hd .hd-hamburger span:last-child {margin-bottom:0;}
.hd .hd-hamburger span:nth-child(1) {
	-webkit-animation : menu-bar07-01 .75s forwards;
	animation : menu-bar07-01 .75s forwards;
}
@-webkit-keyframes menu-bar07-01 {
	0% {-webkit-transform:translateY(6.1px) rotate(45deg);}
	50% {-webkit-transform:translateY(6.1px) rotate(0);}
	100% {-webkit-transform:translateY(0) rotate(0);}
}
@keyframes menu-bar07-01 {
	0% {transform:translateY(6.1px) rotate(45deg);}
	50% {transform:translateY(6.1px) rotate(0);}
	100% {transform:translateY(0) rotate(0);}
}
.hd .hd-hamburger span:nth-child(2) {
	transition : all .25s .25s;
	opacity : 1;
}
.hd .hd-hamburger span:nth-child(3) {
	-webkit-animation : menu-bar07-02 .75s forwards;
	animation : menu-bar07-02 .75s forwards;
}
@-webkit-keyframes menu-bar07-02 {
	0% {-webkit-transform:translateY(-6.1px) rotate(-45deg);}
	50% {-webkit-transform:translateY(-6.1px) rotate(0);}
	100% {-webkit-transform:translateY(0) rotate(0);}
}
@keyframes menu-bar07-02 {
	0% {transform:translateY(-6.1px) rotate(-45deg);}
	50% {transform:translateY(-6.1px) rotate(0);}
	100% {transform:translateY(0) rotate(0);}
}
.hd .hd-hamburger.active span:nth-child(1) {
	-webkit-animation : active-menu-bar07-01 .75s forwards;
	animation : active-menu-bar07-01 .75s forwards;
}
@-webkit-keyframes active-menu-bar07-01 {
	0% {-webkit-transform:translateY(0) rotate(0);}
	50% {-webkit-transform:translateY(6.1px) rotate(0);}
	100% {-webkit-transform:translateY(6.1px) rotate(45deg);}
}
@keyframes active-menu-bar07-01 {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(6.1px) rotate(0);}
	100% {transform:translateY(6.1px) rotate(45deg);}
}
.hd .hd-hamburger.active span:nth-child(2) {
	opacity : 0;
}
.hd .hd-hamburger.active span:nth-child(3) {
	-webkit-animation : active-menu-bar07-02 .75s forwards;
	animation : active-menu-bar07-02 .75s forwards;
}
@-webkit-keyframes active-menu-bar07-02 {
	0% {-webkit-transform:translateY(0) rotate(0);}
	50% {-webkit-transform:translateY(-6.1px) rotate(0);}
	100% {-webkit-transform:translateY(-6.1px) rotate(-45deg);}
}
@keyframes active-menu-bar07-02 {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(-6.1px) rotate(0);}
	100% {transform:translateY(-6.1px) rotate(-45deg);}
}

.main-notice-ul {padding:0 16px;}
.main-notice-ul li {}
.main-notice-ul li a {display:flex;justify-content:space-between;align-items:center;padding:6px 0;}
.main-notice-ul li a p {font-size:14px;width:calc(100% - 84px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-notice-ul li a span {font-size:12px;}

.main-art-box {padding:8px 16px;font-size:14px;line-height:24px;}

.main-icon-wrap {overflow:hidden;display:flex;justify-content:space-between;margin-bottom:16px;}
.main-icon-wrap li {width:48%;height:126px;box-sizing:border-box;background:#F0F6FE;border-radius:14px;
    overflow:hidden;}
.main-icon-wrap li a {height:100%;display:flex;justify-content:center;align-items:end;font-family:'noto sans kr';
    padding:6px 14px 14px;box-sizing:border-box;font-size:18px;text-decoration:none;}
.main-icon-wrap li:nth-child(1) a {background:#F0F6FE url('/img/main-nav1.png')no-repeat 50% 25%/64px;}
.main-icon-wrap li:nth-child(2) a {background:#F0F6FE url('/img/main-nav2.png')no-repeat 50% 25%/64px;}
.main-icon-wrap li:nth-child(1) a:hover {background:#e3eefd url('/img/main-nav1.png')no-repeat 50% 25%/64px;}
.main-icon-wrap li:nth-child(2) a:hover {background:#e3eefd url('/img/main-nav2.png')no-repeat 50% 25%/64px;}
.main-icon-wrap li:nth-child(1) a:active {background:#e3eefd url('/img/main-nav1.png')no-repeat 50% 25%/64px;
    box-shadow:inset 3px 3px 8px rgba(0,0,0,0.08);}
.main-icon-wrap li:nth-child(2) a:active {background:#e3eefd url('/img/main-nav2.png')no-repeat 50% 25%/64px;
    box-shadow:inset 3px 3px 8px rgba(0,0,0,0.08);}
.main_box {box-shadow:3px 3px 10px rgba(0,85,255,0.15);border-radius:12px;margin-bottom:16px;
    overflow:hidden;}
.main_box .business-more {border:0;}
.main_box .main_art1 {font-size:16px;color:#666;padding:0 12px;line-height:34px;margin-bottom:6px;
    font-weight:500;}
.main_box .main_art2 {font-size:14px;padding:0 12px 8px;color:#0a0a0a;line-height:24px;
    font-weight:500;}

.utilize-box {position:fixed;bottom:0px;width:100%;background:#fff;box-shadow:0 -2px 4px rgba(0,0,0,0.1);
    padding:12px 0;padding-bottom:18px;border-radius:8px 8px 0 0;z-index:99;max-width:420px;}
/* .utilize-box.active {bottom:0;} */
.utilize-box.active button {transform:scaleY(-1);border-radius: 0 0 6px 6px;box-shadow:0 4px 4px rgba(0,0,0,0.06);}
.utilize-box button {position:absolute;top:-20px;left:50%;margin-left:-21px;width:42px;height:20px;background:#fff;
    border:0;box-shadow:0 -4px 4px rgba(0,0,0,0.08);border-radius:6px 6px 0 0;}
.utilize-box button::after {content:"";position:absolute;top:50%;left:35%;background:#333;border-radius:100vw;
    transform:rotate(40deg) translate(-50%,-50%);width:2px;height:10px;}
.utilize-box button::before {content:"";position:absolute;top:45%;left:65%;background:#333;border-radius:100vw;
    transform:rotate(321deg) translate(-50%,-50%);width:2px;height:10px;}
.utilize-box .ub-title {text-align:center;font-family:'noto sans kr';font-size:16px;margin-bottom:4px;}
.utilize-box .ub-art {padding:0 16px;font-size:12px;max-height:65vh;overflow:auto;}
.utilize-box .ub-art img {width:220px;display:block;margin:-6px auto -16px;}

.bnr-main {border-bottom:0;margin-bottom:16px;overflow:hidden;border-radius:12px;
    box-shadow:2px 2px 6px rgba(0,0,0,0.1);}
.my-upload .my-point {position:sticky;top:46px;z-index:1;}
.my-point {align-items:baseline;padding:12px 16px;border-bottom:2px solid #e5e5e5;background:#225c04;color:#fff;
    position:sticky;z-index:2;top:46px;}
.my-point .left p {font-size:16px;font-family:'noto sans kr';}
.my-point .right p {font-size:16px;font-family:'noto sans kr';text-align:right;}
.my-point .point-box {font-size:18px;margin-top:4px;font-family:'noto sans kr';color:#fff;}
.my-point .right .point-box {text-align:right;}
.point-box span {margin-right:2px;}
.point-box span:nth-child(1) {color:#edc606;}
.point-box span:nth-child(2) {margin-right:0;}
.my-upload {padding-bottom:12px;}
.my-upload-title {font-size:14px;font-weight:600;margin-bottom:6px;line-height:26px;padding:8px 16px;position:sticky;
    z-index:1;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.12);}
.my-upload-title .my-items {font-size:13px;font-weight:500;color:#333;margin-top:-2px;}
.my-upload-title .my-items span {font-size:16px;font-weight:600;color:#259500;margin-right:2px;}
.my-cont-ul {padding:0 16px;}
.my-cont-ul li {margin-bottom:14px;}
.my-cont-ul .my-url {border:0;border-bottom:1px solid #ddd;padding:4px 8px;box-sizing:border-box;
    height:38px;line-height:30px;width:calc(100% - 152px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.my-cont-ul .my-url.none {width:100%;border:0;text-align:center;padding:42px 0;color:#999;}
.my-cont-ul button {font-size:12px;border:1px solid #ccc;background:none;letter-spacing:-0.4px;width:64px;padding:4px 0;
    box-shadow:2px 2px 2px rgb(0 0 0 / 20%);}
.my-cont-ul button.active {background:#37b106;color:#fff;border:0;text-shadow:1px 1px 2px rgba(0,0,0,0.24);
    line-height:19px;box-shadow:inset 2px 2px 4px #2a8b02, inset -2px -2px 4px #6dcd47;}
.my-cont-ul .switch-box input {display:none;}
.my-cont-ul label {display:flex;border:1px solid #ccc;width:68px;height:28px;box-sizing:border-box;position:relative;
    border-radius:100vw;background:#ccc;border:1px solid #fff;box-shadow:inset 2px 2px 4px #7e7e7e, inset -2px -2px 4px #e3e3e3;}
.my-cont-ul label::after {content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;
    background:#fff;border-radius:100vw;transition:all .24s ease;box-shadow:2px 2px 2px rgba(0,0,0,0.3);}
.my-cont-ul label span {display:block;width:100%;line-height:26px;padding:0 12px;font-size:12px;box-sizing:border-box;
    text-align:right;text-shadow:2px 2px 2px rgb(0 0 0 / 10%);}
.my-cont-ul .switch-box input:checked+label {background:#37b106;
    box-shadow:inset 2px 2px 4px #2a8b02, inset -2px -2px 4px #6dcd47;}
.my-cont-ul .switch-box input:checked+label span {text-align:left;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,0.3);}
.my-cont-ul .switch-box input:checked+label::after {left:43px;box-shadow:-2px 2px 2px rgba(0,0,0,0.3);}
.my-cont-ul li.lock .lock-p {width:68px;margin-right:10px;display:flex;justify-content:center;font-weight:500;color:#fff;
    background:linear-gradient(314deg, #cf0f0f, #ff4d4d);border-radius:100vw;box-sizing:border-box;line-height: 24px;font-size:12px;text-shadow:2px 2px 2px rgba(0,0,0,0.14);box-shadow:inset 2px 2px 4px #ab3030, inset -2px -2px 4px #ff8484;}
.my-cont-ul li.lock .my-url {width:calc(100% - 78px);opacity:.3;}
.my-upload-layer {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-height:600px;max-width:540px;
    background:#fff;border-radius:12px;box-shadow:0 0 6px rgba(255,255,255,0.7);padding:16px 24px;padding-bottom:18px;
    z-index:10000;box-sizing:border-box;display:none;}
.my-upload-layer p {font-size:16px;font-weight:500;margin-bottom:16px;}
.my-upload-layer .btn-wrap button {width:50%;border:0;background:#dbdbdb;line-height:32px;font-weight:600;border-radius:6px;}
.my-upload-layer .btn-wrap button.use-item {margin-left:6px;background:linear-gradient(353deg, #0ba100, #18b30d);
    color:#fff;text-shadow:1px 1px 2px rgb(0 0 0 / 30%);}
.blog_report-layer {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-height:600px;max-width:540px;
    background:#fff;border-radius:12px;box-shadow:0 0 6px rgba(255,255,255,0.7);padding:16px 24px;padding-bottom:18px;
    z-index:10000;box-sizing:border-box;display:none;}
.blog_report-layer p {font-size:16px;font-weight:500;margin-bottom:16px;}
.blog_report-layer .btn-wrap button {width:100%;border:0;background:#dbdbdb;line-height:32px;font-weight:600;border-radius:6px;}
.blog_report-layer .btn-wrap button.use-item {margin-left:6px;background:linear-gradient(353deg, #0ba100, #18b30d);
    color:#fff;text-shadow:1px 1px 2px rgb(0 0 0 / 30%);}
.point-layer {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:140px;height:116px;
    background:linear-gradient(317deg, #0a8f00c4, #65d55dc9);border-radius:12px;padding:24px 36px;box-sizing:border-box;
    z-index:10000;text-align:center;color:#fff;font-weight:600;font-size:42px;text-shadow:2px 2px 4px rgb(0 0 0 / 30%);
    box-shadow:0 0 6px rgb(98 255 87 / 50%);display:none;}

/*회원가입*/
.join {}
.join-title {font-size:24px;font-family:'noto sans kr';text-align:center;margin-bottom:18px;padding-top:24px;}
.join-swiper {box-sizing:border-box;}
.join-swiper .swiper-btn-wrap {width:100%;box-sizing:border-box;margin-bottom:12px;justify-content:right;}
.join-swiper .swiper-wrapper {}
.join-swiper .swiper-slide {width:100%;padding:12px 0;box-sizing:border-box;}
.join-swtitle {font-size:15px;font-weight:600;margin-bottom:6px;color:#555;line-height:normal;}
.join-swiper .swiper-slide>.join-swtitle {font-size:20px;}
#join-swchk {display:none;}
#join-swchk+label {font-size:13px;padding-left:21px;background:url('/img/chk.png')no-repeat 0 4px/16px;
    transition:all .2s ease;letter-spacing:-0.34px;display:block;line-height:24px;margin-bottom:20px;}
#join-swchk:checked+label {background:url('/img/chk_on.png')no-repeat 0 4px/16px;}
.swiper-button-next, .swiper-button-prev {position:static;width:100%;background:none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {font-size:14px;font-weight:600;
    margin-left:8px;margin-top:1px;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content:"";}
.swiper-button-prev::before {font-family:swiper-icons;text-transform:none!important;letter-spacing:0;
    font-variant:initial;line-height:1;}
.swiper-button-prev::before, .swiper-rtl .swiper-button-next:before {content:'prev';font-size:14px;font-weight:600;
    margin-right:8px;margin-top:1px;}
.swiper-button-next, .swiper-button-prev {margin-top:0;height:auto;line-height:40px;border-radius:4px;
    background:#555;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,0.2);box-shadow:0 4px 4px rgb(0 0 0 / 20%);
    font-size:15px;font-weight:500;}
button.swiper-button-next {border:0;}
button.swiper-button-next:disabled {opacity:0.35;}
.swiper-button-next {background:#556EE6}
.swiper-button-prev {background:#556EE6}
.join-swiper .join-swart {font-size:14px;font-weight:500;letter-spacing:-0.2px;margin-bottom:18px;line-height:normal;}
.join-swiper .join-swart span {color:#e32222;}
.join-fin-btn {border:0;background:#556EE6;color:#fff;font-size:16px;
    width:100%;border-radius:100vw;box-shadow:2px 2px 4px rgba(0,0,0,0.24);line-height:38px;font-weight:500;}
.join_cont {margin-bottom:12px;}
.join_cont .select_box {border:1px solid #dbdbdb;box-sizing:border-box;border-radius:8px;
    background:url('/img/down_b.png')no-repeat top 50% right 14px/14px;}
.join_cont select {width:100%;background:none;padding:0 62px 0 10px;height:42px;border:0;font-size:14px;}
.join_cont input {width:100%;height:44px;border:1px solid #dbdbdb;padding:0 10px;box-sizing:border-box;
    font-size:14px;border-radius:8px;}
.jc_h1 {font-size:16px;font-weight:600;margin-top:32px;margin-bottom:12px;}
.join_cont input[type="radio"] {display:none;}
.join_cont input[type="radio"]+label {padding-left:22px;background:url('/img/chk.png')no-repeat 0 57%/18px;
    display:inline-block;line-height:26px;margin-left:16px;cursor:pointer;}
.join_cont input[type="radio"]:checked+label {background:url('/img/chk_on.png')no-repeat 0 57%/18px;}
.join_cont input[type="password"]:last-child {margin-top:4px;}
.join_cont .cash_bill_no_wrap {display:none;}
.join_cont .cash_bill_no_wrap.show {display:block;}
.join_cont input#cash_bill_1_1 {margin-top:6px;}
.join_cont input#cash_bill_2_1 {display:none;margin-top:6px;}

/*문의*/
.inquiry {padding-top:24px;}
.inquiry .tab {display:none;}
.inquiry .tab.active {display:block;}
.inquiry #tab2 {box-shadow:3px 3px 10px rgba(0,85,255,0.15);padding:10px 16px 16px;border-radius:12px;}
.inquiry .tab_top {display:flex;justify-content:space-between;align-content:center;margin-bottom:26px;
    background:#fff;box-shadow:3px 3px 10px rgba(0,85,255,0.15);border-radius:12px;
    padding:10px 12px;}
.inquiry .tab_top button {border:0;border-radius:6px;line-height:38px;width:48%;
    background:none;font-family:'noto sans kr';font-size:18px;height:38px;}
.inquiry .tab1-ul {background:#fff;border-radius:12px;box-shadow:3px 3px 10px rgba(0,85,255,0.15);
    padding:12px;}
.inquiry .tab_top button.active {border:0;background:#556EE6;color:#fff;line-height:38px;}
.inquiry .tab1-ul li {display:flex;line-height:26px;cursor:pointer;border-bottom:1px solid #ededed;}
.inquiry .tab1-ul li:hover {background:#f9f9f9;}
.inquiry .tab1-ul li:last-child {border-bottom:0;}
.inquiry .tab1-ul .list_none {text-align:center;padding:32px 0;font-weight:500;color:#ababab;}
.inquiry .tab1-ul li.tab1_top {text-align:center;border-bottom:2px solid #ddd;line-height:24px;
    background:#ECECFF;}
.inquiry .tab1-ul li.tab1_top p {font-size:16px;color:#666;}
.inquiry .tab1-ul li p {padding:4px 8px;box-sizing:border-box;}
.inquiry .tab1-ul li .t1-p1 {width:68px;font-size:13px;letter-spacing:-0.6px;text-align:center;}
.inquiry .tab1-ul li .t1-p2 {width:calc(100% - 148px);font-size:13px;overflow:hidden;
    text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.inquiry .tab1-ul li .t1-p3 {width:80px;font-size:13px;text-align:center;letter-spacing:-0.6px;}
.inquiry .tab1-ul li .t1-p3.on {color:#556EE6;font-weight:500;}
.inquiry .tab-write-box {margin-bottom:16px;}
.inquiry .tab-write-box .title {font-size:16px;font-weight:500;margin-bottom:8px;}
.inquiry .tab-write-box input {border:1px solid #ddd;width:100%;line-height:36px;padding:0 6px;
    box-sizing:border-box;border-radius:6px;font-size:14px;}
.inquiry .tab-write-box textarea {border:1px solid #ddd;border-radius:6px;padding:8px 6px;width:100%;
    min-height:240px;box-sizing:border-box;resize:none;font-size:14px;}
.inquiry .tab-write-btn {width:100%;border:0;background:#556ee6;border-radius:6px;height:40px;
    line-height:40px;color:#fff;font-size:18px;font-family:'noto sans kr';}
.inquiry .tab_layer {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;
    max-width:340px;background:#fff;border-radius:12px;box-shadow:0 0 4px rgba(255,255,255,0.8);z-index:10000;overflow:auto;max-height:80%;display:none}
.inquiry .top_sticky {position:sticky;top:0;left:0;width:100%;height:42px;line-height:46px;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);margin-bottom:16px;background:#fff;}
.inquiry .top_sticky p {font-size:18px;font-family:'noto sans kr';padding:0 14px;line-height:42px;}
.inquiry .top_sticky button {position:absolute;right:8px;top:5px;width:32px;height:32px;border:0;font-size:0;
    background:url('/img/close.png')no-repeat center/16px;}
.inquiry .tab_layer .title {margin:0 12px;margin-bottom:12px;font-size:16px;font-weight:500;
    border-bottom:1px solid #efefef;line-height:24px;padding-bottom:6px;text-indent:4px;}
.inquiry .tab_layer .art {padding:0 12px;padding-bottom:12px;}
.inquiry .admin-comment {padding-top:14px;border-top:1px dashed #556EE6;}
.inquiry .admin-comment .title {padding-left:20px;background:url('/img/admin-comment.png')no-repeat 0 0/18px;}
.inquiry .admin-comment-no {text-align:center;padding:24px 0;color:#ababab;font-weight:500;}

/*식사신청*/
.rsp_h1 {font-size:18px;font-weight:600;text-align:center;margin-bottom:12px;}
.hasDatepicker>div {width:100%;margin-bottom:32px;box-shadow:2px 2px 10px rgba(0,85,255,0.15);overflow:hidden;
    background:#f3f3f3;position:relative;box-sizing:border-box;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {text-align:center;
    font-size:14px;line-height:28px;border-radius:4px;}
.ui-datepicker .ui-datepicker-header {z-index:1;}
.ui-datepicker .ui-datepicker-title {font-size:16px;line-height:32px!important;height:28px;}
.ui-datepicker table {position:relative;z-index:1;}
.ui-datepicker table thead th {padding:0;}
.ui-datepicker table thead th span {display:block;padding:.7em .3em;color:#0a0a0a;
    font-family:'noto sans kr';}
.ui-datepicker table thead th:first-child span {color:#ff7878;}
.ui-datepicker table thead th:last-child span {color:#2a62ff;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border:0!important;background:none!important;}
.ui-state-hover {background:#378f1278!important;border:1px solid #236a1a94!important;}
.ui-datepicker-today .ui-state-default {background:#f8f7f6 url(images/ui-bg_fine-grain_10_f8f7f6_60x60.png) 50% 50% repeat!important;color:#654b24!important;}
.ui-datepicker-today .ui-state-default:hover {background:#378f1278!important;border:1px solid #236a1a94!important;
    color:#fff!important;}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {background:#378f12!important;
    border:1px solid #236a1a!important;}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight .ui-state-hover {border:1px solid #236a1a94!important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border:1px solid #a9a089!important;background:#f8f7f6 url(images/ui-bg_fine-grain_10_f8f7f6_60x60.png) 50% 50% repeat!important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top:6px!important;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover {top:5px!important;}
.datepic_h1 {font-size:16px;font-weight:600;font-family:'noto sans kr';color:#333;margin-bottom:6px;
    text-indent:4px;display:flex;justify-content:space-between;align-items:center;}
.datepic_h1 .color_info {border:0;font-size:14px;font-weight:500;padding:0 10px;border-radius:4px;
    line-height:26px;background:#556EE6;color:#fff;box-shadow:2px 2px 4px rgba(0,0,0,0.12);
    display:flex;align-items:center;}
.datepic_h1 .color_info::before {content:"i";width:14px;height:14px;background:#fff;border-radius:100vw;
    color:#556EE6;line-height:16px;font-size:14px;font-weight:500;margin-right:4px;font-family:math;
    text-indent:-1px;}
.rsp_cont {margin-bottom:12px;font-family:'noto sans kr'}
.rsp_h2 {font-size:16px;color:#333;font-weight:600;margin-bottom:6px;text-indent:4px;}
.rsp_h3 {font-size:16px;color:#333;font-weight:600;margin-bottom:6px;text-indent:4px;}
.rsp_cont input {width:100%;border:1px solid #dbdbdb;padding:0 8px;box-sizing:border-box;height:36px;
    font-size:14px;}
.pay_btn_wrap {display:flex;align-items:center;justify-content:space-between;margin-top:18px;}
.pay_btn_wrap .rsp_send {width:48%;margin:0;line-height:22px!important;padding:8px 0 22px;background:#fff;
    text-shadow:none;color:#999;font-weight:500;box-shadow:1px 1px 6px rgba(0,0,0,0.2);
    background:#fff!important;}
.pay_btn_wrap .rsp_send:active {background:none;
    box-shadow:inset 2px 2px 4px rgba(0,0,0,0.1), inset -2px -2px 4px rgb(0,0,0,0.04);}
.pay_btn_wrap .rsp_send::before {content:"";display:block;width:64px;height:64px;margin:0 auto;
    background:url('/img/tongjang.png')no-repeat center/100%;}
.pay_btn_wrap .rsp_send.card::before {background:url('/img/card.png')no-repeat center/100%;}
.rsp_send {display:block;width:100%;line-height:42px;font-size:16px;font-weight:600;border-radius:6px;
    border:0;background:#556EE6;color:#fff;margin-top:24px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
.rsp_send:active {box-shadow:inset 3px 3px 6px rgba(0,0,0,0.2), inset -3px -3px 6px rgb(255 255 255 / 60%);
    background:#556EE6;}
.eatinfo_layer.info .info_title, .eatinfo_layer.info ul {display:block;}
.eatinfo_layer.account .info_title, .eatinfo_layer.account ul {display:none;}
.eatinfo_layer.account .account_title, .eatinfo_layer.account .account_wrap {display:block;}
.eatinfo_layer.info .account_title, .eatinfo_layer.info .account_wrap {display:none;}
.eatinfo_layer.account .account_wrap {margin-bottom:16px;font-size:14px;line-height:24px;}
.eatinfo_layer.account .account_wrap .t1 {display:flex;align-items:center;justify-content:space-between;color:#666;}
.eatinfo_layer.account .account_wrap .t1 span {font-size:15px;font-weight:500;color:#0a0a0a;}


/*아이템 스토어*/
.store .my-upload-title {padding:0;position:static;box-shadow:none;}
.my-store-box {box-shadow:0 0 4px rgb(0 0 0 / 25%);border-radius:6px;padding:8px 14px;padding-top:10px;font-family:'noto sans kr';
    align-items:baseline;justify-content:center;font-size:16px;margin-bottom:14px;}
.my-store-box .ms-point {font-weight:500;align-items:baseline;margin-right:14px;}
.my-store-box .ms-point span {margin-left:4px;margin-right:2px;color:#0a9500;font-size:20px;}
.store-items {box-shadow:0 0 4px rgb(0 0 0 / 25%);border-radius:6px;margin-bottom:14px;}
.store-items li {display:flex;align-items:center;padding:12px;padding-bottom:14px;border-bottom:1px solid #f3f3f3;}
.store-items li:last-child {border:0;}
.store-items .left {width:calc(100% - 102px);padding:4px 0;padding-left:46px;box-sizing:border-box;}
.store-items .item-1 .left {background:url('/img/item-1.png')no-repeat 0 5px/36px;}
.store-items .item-2 .left {background:url('/img/item-2.png')no-repeat 0 5px/36px;}
.store-items .item-3 .left {background:url('/img/item-3.png')no-repeat 0 5px/36px;}
.store-items .item-4 .left {background:url('/img/item-4.png')no-repeat 0 5px/36px;}
.store-items .left p {font-weight:600;margin-bottom:4px;}
.store-items .left span {font-size:13px;color:#999;font-weight:500;display:flex;line-height:16px;}
.store-items .right {width:102px;}
.store-items .item-price {text-align:center;font-weight:500;margin-bottom:6px;}
.store-items .item-price span {font-size:16px;color:#e34900;margin-right:2px;}
.store-items .item-exchange {box-shadow:0 0 2px rgba(0,0,0,0.5);border:0;background:#fff;border-radius:4px;padding:3px 12px;
    font-weight:500;font-size:13px;display:block;margin:0 auto;width:100%;}
.store-tip {border-radius:100vw;padding:1px 12px;font-size:12px;color:#fff;display:inline-block;
    text-shadow:1px 1px 2px rgba(0,0,0,0.2);font-weight:500;padding-bottom:2px;padding-left:26px;
    background:#ccc url('/img/info.png')no-repeat 8px 50%/14px;margin-bottom:4px;}
.store-tip-ul {}
.store-tip-ul li {color:#666;font-size:12px;padding:1px 0;position:relative;padding-left:10px;}
.store-tip-ul li::before {content:"";display:block;width:4px;height:4px;border-radius:100vw;background:#666;margin-right:6px;
    position:absolute;left:0;top:6px;}
.store-layer {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-height:600px;max-width:540px;
    background:#fff;border-radius:12px;box-shadow:0 0 6px rgba(255,255,255,0.7);z-index:10000;padding:16px 24px;
    padding-bottom:18px;box-sizing:border-box;display:none;}
.store-layer p {font-size:16px;margin-bottom:16px;}
.store-layer p span.txt1 {display:block;font-size:18px;font-weight:600;}
.store-layer .btn-wrap {display:flex;}
.store-layer button {width:50%;border:0;background:#dbdbdb;line-height:32px;font-weight:600;border-radius:6px;}
.store-layer .buy {margin-left:6px;background:linear-gradient(353deg, #0ba100, #18b30d);color:#fff;
    text-shadow:1px 1px 2px rgb(0 0 0 / 30%);}
.store-layer .confirm {width:100%;display:block;background:linear-gradient(353deg, #0ba100, #18b30d);color:#fff;
    text-shadow:1px 1px 2px rgb(0 0 0 / 30%);display:none;}
.store-layer.active button {display:none;}
.store-layer.active .confirm {display:block;}
.store .spinner-wrap {width:100%;display:flex;margin-bottom:8px;position:relative;}
.store .spinner-wrap input {width:50px;border-left:0;border-right:0;box-sizing:border-box;padding:0;text-align:center;
    font-size:13px;font-weight:500;}
.store .spinner-wrap #spinner-2 {text-align:right;padding-right:14px;color:#e34900}
.store .spinner-wrap div {width:26px;padding:0;line-height:24px;background:#1fb500;text-align:center;color:#fff;}
.store .spinner .btn-primary:focus, .btn-primary:hover {background:#1da700;}
.store .spinner-wrap .custom-prev {border-radius:4px 0 0 4px;}
.store .spinner-wrap .custom-next {border-radius:0 4px 4px 0;}
.store .spinner-wrap span {position:absolute;top:55%;right:30px;transform:translateY(-50%);font-size:13px;font-weight:500;
    color:#333;}


/*마이페이지*/
.mypage section.join {padding-bottom:0;}
.mypage-wrap {padding:12px 0;margin-bottom:18px;}
.mypage-wrap .my-point {border:0;padding:0;position:static;}
.mypage-wrap .user-info-wrap {padding:12px 14px;box-shadow:3px 3px 10px rgba(0,85,255,0.15);box-sizing:border-box;
    border-radius:12px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;}
.user-info-wrap .user-mail {font-size:18px;font-family:'noto sans kr';color:#666;}
.mypage-wrap .account_wrap {padding:0 4px;}
.mypage-wrap .account_wrap p {font-size:14px;line-height:32px;display:flex;align-items:center;color:#707070;
    font-weight:500;letter-spacing:-0.4px;}
.mypage-wrap .account_wrap p span {display:inline-block;padding:0 8px;background:#EDF0FD;margin-right:10px;
    border-radius:6px;font-size:12px;line-height:24px;}
.mypage .user-point-detail {box-shadow:0 0 4px rgb(0 0 0 / 25%);box-sizing:border-box;border-radius:12px;
    margin:0 14px;margin-bottom:24px;max-height:240px;overflow-y:scroll;}
.mypage .user-point-detail li {display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid #f3f3f3;}
.mypage .user-point-detail .left {width:72%;}
.mypage .user-point-detail .left .days {font-size:13px;color:#666;}
.mypage .user-point-detail .left .subject {font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    padding-right:12px;}
.mypage .user-point-detail .right {font-family:'noto sans kr';font-size:18px;width:28%;justify-content:right;}
.mypage .user-point-detail .right p {margin:0 4px;margin-right:2px;letter-spacing:-0.6px;}
.mypage .user-point-detail .minus .right .p-m, .mypage .user-point-detail .minus .right p {color:#eb2525;}
.mypage .user-point-detail .plus .right .p-m, .mypage .user-point-detail .plus .right p {color:#07a321;}
.mypage .add-account-wrap {position:relative;}
.mypage .add-account {box-shadow:0 0 4px rgb(0 0 0 / 25%);box-sizing:border-box;border-radius:12px;margin:0 14px;
    margin-bottom:14px;padding-bottom:1px;}
.mypage .add-account li {display:flex;align-items:start;justify-content:space-between;padding:12px 14px;
    border-bottom:1px solid #f3f3f3;}
.mypage .add-account li:last-child {border:0;}
.mypage .add-account li .flex {align-items:baseline;margin-bottom:4px;}
.mypage .add-account li .add-id {width:126px;border:1px solid #ababab;border-radius:6px;margin-right:4px;
    line-height:22px;padding:0 6px;box-sizing:border-box;font-size:12px;}
.mypage .add-account li p {font-size:16px;font-family:'noto sans kr';color:#1f7c00;}
.mypage .add-account li span {font-size:13px;font-weight:500;color:#666;padding-left:2px;}
.mypage .add-account .right {}
.mypage .add-account .right button {display:block;width:64px;background:#1f7c00;border:0;box-sizing:border-box;
    padding:2px 0;border-radius:4px;color:#fff;font-weight:600;height:54px;font-size:13px;}
.mypage .add-account .left .add-id-btn {margin-bottom:6px;background:#fff;border:1px solid #1f7c00;color:#1f7c00;
    line-height:20px;display:block;width:64px;box-sizing:border-box;padding:2px 0;border-radius:4px;font-weight:600;
    height:26px;font-size:13px;}
.mypage .add-account li .add-pw {width:126px;border:1px solid #ababab;border-radius:6px;line-height:22px;
    padding:0 6px;box-sizing:border-box;font-size:12px;display:block;margin-bottom:6px;margin-right:14px;}
.user-info-wrap button {background:#556EE6;border:0;box-sizing:border-box;padding:2px 12px;
    border-radius:4px;color:#fff;font-weight:600;height:26px;font-size:14px;}
.mypage .my-upload-title {position:static;box-shadow:none;padding:8px 0;margin:0;display:block!important;
    text-align:center;color:#0a0a0a!important;font-size:15px!important;font-weight:600!important;}
.mypage-wrap .my-point {background:none;color:#333;}
.mypage .my-point .point-box {color:#333;}
.mypage .point-box span:nth-child(1) {color:#1f7c00;}
.mypage-wrap>.flex.btw {padding:0 14px;margin-bottom:12px;}
.mypage-wrap>.flex.btw .mypage-btn {background:none;border:0;font-size:12px;color:#888;font-weight:500;
    border-radius:6px;padding:2px 12px;box-shadow:0 0 3px rgba(0,0,0,0.3);}
.mypage .join-swiper {box-shadow:3px 3px 10px rgba(0,85,255,0.15);border-radius:12px;padding:12px 14px;}
.mypage .join-swiper .swiper-wrapper {padding:0;}
.mypage .join-swiper .swiper-slide {width:100%!important;margin-right:28px;}
.mypage .join-swiper .swiper-slide .select_box {border-radius:8px;
    background:url('/img/down_b.png')no-repeat top 50% right 14px/14px;}
.mypage .join-swiper .swiper-slide select {font-size:14px;background:none;}
.mypage .join-swiper .swiper-slide input {font-size:14px;border-radius:8px;}
.mypage .join-swiper .swiper-slide .jc_h1 {margin-bottom:12px;}

/*약관*/
.provision .my-upload-title {position:static;box-shadow:none;}
.provision .art {font-size:13px;padding:0 16px;padding-bottom:12px;line-height:20px;}
.provision .art #term .wrap {padding:0!important;}

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


/*푸터 회사소개*/
.bottom_company {max-width:420px;margin:24px auto 0;color:#888;box-sizing:border-box;}
.bottom_company .flex {margin-top:4px;}
.bottom_company button {background:none;border:0;font-weight:500;}

/*푸터 네비게이션*/
footer {position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:420px;
    box-shadow:0 -4px 10px rgba(0,0,0,0.1);background:#fff;z-index:9;}
footer ul {display:flex;}
footer ul li {width:25%;}
footer ul li a {display:block;font-size:12px;text-align:center;line-height:18px;padding:4px 0;color:#999;}
footer ul li a::before {content:"";display:block;width:28px;height:28px;background:#ccc;margin:0 auto;}
footer ul li:nth-child(1) a::before {background:url('/img/nav-1.png')no-repeat center/26px;}
footer ul li:nth-child(2) a::before {background:url('/img/nav-2.png')no-repeat center/19px;}
footer ul li:nth-child(3) a::before {background:url('/img/nav-3.png')no-repeat center/28px;}
footer ul li:nth-child(4) a::before {background:url('/img/nav-4.png')no-repeat center/22px;}
footer ul li:nth-child(1).active.none a::before {background:url('/img/nav-1.png')no-repeat center/26px;}
footer ul li:nth-child(2).active.none a::before {background:url('/img/nav-2.png')no-repeat center/19px;}
footer ul li:nth-child(3).active.none a::before {background:url('/img/nav-3.png')no-repeat center/28px;}
footer ul li:nth-child(4).active.none a::before {background:url('/img/nav-4.png')no-repeat center/22px;}
footer ul li:nth-child(1).active a::before {background:url('/img/nav-1-1.png')no-repeat center/26px;}
footer ul li:nth-child(2).active_layer a::before {background:url('/img/nav-2-1.png')no-repeat center/19px;}
footer ul li:nth-child(3).active a::before {background:url('/img/nav-3-1.png')no-repeat center/28px;}
footer ul li:nth-child(4).active a::before {background:url('/img/nav-4-1.png')no-repeat center/22px;}














@media (max-width:420px) {
    footer {left:0;transform:none;}
}
/**/