@charset "UTF-8";

@import "./font.css";

/* ------------------------------
Reset
------------------------------ */
html, body, h1, h2, h3, h4, h5, h6, p, ul, li, th, td, input, select, textarea, button {color: #555; font-size: 14px; font-family: 'Pretendard', sans-serif !important; line-height:1.5;}
.cf:after {content: ""; display: block; clear: both;}

/* ------------------------------
color
------------------------------ */
.blue {color: #42A4EB !important;}
.gray {color: #AAAAAA !important;}
.red {color: #E53737 !important;}
.pink {color: #FF4C95 !important;}

/* ------------------------------
font
------------------------------ */
h2 {font-size: 20px; font-weight: 700; color: #191919;}
.font-400 {font-weight: 400;}
.font-500 {font-weight: 500;}
.font-600 {font-weight: 600;}
.font-700 {font-weight: 700;}
.font-size-12 {font-size: 12px !important;}
.font-size-14 {font-size: 14px !important;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-cancel {text-decoration: line-through;}
.text-overflow-1 {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.text-overflow-2 {display: block; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-overflow-3 {display: block; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/* ------------------------------
width
------------------------------ */
.w-auto {width: auto;}
.w-5 {width: 5%;}
.w-6 {width: 6%;}
.w-8 {width: 8%;}
.w-9 {width: 9%;}
.w-10 {width: 10%;}
.w-15 {width: 15%;}
.w-20 {width: 20% !important;}
.w-25 {width: 25% !important;}
.w-30 {width: 30%;}
.w-35 {width: 35%;}
.w-33 {width: 33.333% !important;}
.w-40 {width: 40%;}
.w-45 {width: 45%;}
.w-50 {width: 50%;}
.w-60 {width: 60%;}
.w-70 {width: 70%;}
.w-100 {width: 100%;}
.w-px-40 {width: 40px;}
.w-px-60 {width: 60px;}
.w-px-70 {width: 70px;}
.w-px-80 {width: 80px;}
.w-px-90 {width: 90px;}
.w-px-105 {width: 105px;}
.w-px-260 {width: 260px;}
.w-px-300 {width: 300px;}
.h-100 {height: 100%;}
.h-px-40 {height: 40px;}
.h-px-200 {height: 200px;}

/* ------------------------------
padding, margin
------------------------------ */
.ml-auto {margin-left: auto !important;}
.ml-1 {margin-left: 0.25rem !important;}
.ml-2 {margin-left: 0.5rem !important;}
.ml-3 {margin-left: 1rem !important;}
.mr-1 {margin-right: 0.25rem !important;}
.mr-2 {margin-right: 0.5rem !important;}
.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 0.25rem !important;}
.mt-2 {margin-top: 0.5rem !important;}
.mt-3 {margin-top: 1rem !important;}
.mt-4 {margin-top: 1.125rem !important;}
.mt-5 {margin-top: 1.5rem !important;}
.pt-1 {padding-top: 0.25rem !important;}
.pt-3 {padding-top: 1rem !important;}
.pl-1 {padding-left: 0.25rem !important;}
.pl-2 {padding-left: 0.5rem !important;}

/* ------------------------------
display
------------------------------ */
.d-block {display: block !important;}
.d-flex {display: flex;}
.justify-content-start {-ms-flex-pack: justify!important; justify-content: start!important;}
.justify-content-between {-ms-flex-pack: justify!important; justify-content: space-between!important;}


/* ------------------------------
input
------------------------------ */
input::placeholder {font-size: 14px;}


/* ------------------------------
select
------------------------------ */
.custom-select {position:relative; display:block; width:100%;}
.custom-select-nav {position:relative; display:block;}
/*.custom-select-nav .material-icons {position:absolute; top:50%;right:15px; display:inline-block; font-size:16px; width:16px; height:24px; line-height:24px; margin-top:-12px; z-index:2;}*/
.custom-select-list {position:absolute; top:100%; left: 0; width:100%;;}
.custom-select-list-inner {display:none;}
.custom-select-list-inner > button {margin-top: 4px;}


/* ------------------------------
button
------------------------------ */
.btn {display: inline-block; font-size: 14px; color: #191919; line-height: 1; border-radius: 3px; background: #fff; border: 1px solid #222; font-weight: 500; transition: all .5s; padding: 12px 16px; text-align: center; cursor: pointer; box-sizing: border-box;}
.btn-s {padding: 0 16px; line-height: 32px; height: 32px; font-size: 14px;}
.btn-m {padding: 0 16px; min-width: 110px; height: 40px; line-height: 40px;}
.btn-lg {padding: 0 16px; min-width: 110px; height: 48px; line-height: 48px;}
.btn-pill {border-radius: 3rem;}
.btn-primary {background: #F3F7FB; border: 1px solid #F3F7FB; color: #42A4EB; font-weight: 500;}
.btn-blue {background: #42A4EB !important; border: 1px solid #42A4EB; color: #fff !important;}
.btn-yellow {background: #FCE602 !important; border: 1px solid #FCE602; color: #191919 !important;}
.btn-blue-line {background: #F3F7FB !important; border: 1px solid #42A4EB !important; color: #42A4EB !important;}
.btn-gray {background: #EEEEEE !important; border: 1px solid #EEEEEE !important; color: #AAAAAA !important;}
.btn-search {position: absolute; right: 10px; top: 50%; margin-top: -13px; padding-left: 5px;}
.btn-gnb span {font-size: 30px;}
.btn-gnb img.menu {width: 22px;}


/* ------------------------------
table
------------------------------ */
.table {border-collapse: collapse; border-spacing: 0; margin-top: 10px; width: 100%;}
.table tr th,
.table tr td {font-size: 14px; font-weight: 400; line-height: 20px; color: #454447; padding: 10px 12px; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec;}
.table tr th {background-color: #F3F7FB; color: #191919; font-weight: 600; border-top: 1px solid #ececec;}
.table tr:first-child td {border-top: 1px solid #ececec;}
.table tr:first-child th:first-child {border-left: 1px solid #ececec;}
.table tr td {padding: 8px; color: #555; position: relative;background: #fff;}
.table tr td:first-child {border-left: 1px solid #ececec;}
.table.table-left-th tr th {border-left: 1px solid #ececec;}
.table.table-left-th tr:first-child td {border-top: 1px solid #ececec;}
.table-left {border-collapse: collapse; border-spacing: 0;}
.table-left tr th,
.table-left tr td {border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; padding: 8px 12px; font-weight: 400;}
.table-left tr th {background-color: #F3F7FB; color: #191919; font-weight: 600; border-left: 1px solid #ececec; text-align: left;}
.table-left tr:first-child th,
.table-left tr:first-child td {border-top: 1px solid #ececec;}
.table-left input {font-weight: 400;}
.table-responsive-wrap {margin: 0 16px 0 -16px;}
.table-responsive {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; /*white-space: nowrap;*/ padding: 0 36px 0 16px; position: relative;}
.table-responsive table {min-width: 750px; word-break: keep-all;}



/*=============================================

Custom Renewal Style

=============================================*/
/* ------------------------------
Common
------------------------------ */
body {background: #f6f6f6;}
/*body {max-width: 600px; margin: auto; background: #fff; position: relative !important; box-shadow: 0 0 20px rgba(0,0,0,0.2);}*/
#wrap {width: 600px; max-width: 600px; background: #fff; position: relative !important; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.container {width: auto; max-width: 100%; padding-left: 20px; padding-right: 20px;}
h2.content-title {text-align: center; padding-top: 24px; padding-bottom: 24px;}
/* 기타사항 */
.notice_msg {font-size: 12px; font-weight: 400; line-height: 18px; color: #FB6A6A; padding-bottom: 6px; word-break: keep-all;}
.no-data {text-align: center; padding: 40px 0;}


/* ------------------------------
PC화면
------------------------------ */
.web-wrap {display: flex; justify-content: center; position: relative;}
.web-wrap .web-left {width: 400px; height: 100vh; position: relative;}
.web-wrap .web-left .inner {width: 400px; height: 100%; position: fixed; top: 0; display: flex; flex-direction: column;}
.web-wrap .web-left-top {padding-top: 80px;}
.web-wrap .web-left-top img.miclick-icon {width: 100px; margin-bottom: 12px;}
.web-wrap .web-left-top .text {font-size: 18px; color: #191919;}
.web-wrap .web-left-top .title {font-size: 40px; color: #42A4EB; font-weight: 700;}
.web-wrap .web-left-center {margin-top: 24px;}
.web-wrap .web-left-center a {display: block; margin-top: 16px;}
.web-wrap .web-left-center img {width: 320px;}
.web-wrap .web-left-bottom {padding-bottom: 80px; margin-top: auto;}
.web-wrap .web-left-bottom .qr-box {display: flex; align-items: center;}
.web-wrap .web-left-bottom .qr-box img {width: 60px;}
.web-wrap .web-left-bottom .qr-box .text {font-size: 18px; font-weight: 500; color: #191919; margin-left: 16px;}
.web-wrap .web-left-bottom .qr-box .text .icon {vertical-align: middle; margin-top: -4px;}
.web-wrap .web-left-bottom .app-box {display: flex; margin-top: 16px;}
.web-wrap .web-left-bottom .app-box > div {margin-right: 8px;}
.web-wrap .web-left-bottom .app-box img {display: block; height: 40px;}
@media (max-width: 992px) {
    .web-wrap .web-left {display: none;}
}

/* ------------------------------
Header
------------------------------ */
header {max-width: 600px; position: fixed; width: 100%; height: 50px; border-bottom: 1px solid #ececec; z-index: 9;}
header .header-wrap {position: relative; padding: 8px 20px; height: auto; display: flex; align-items: center; overflow: inherit;}
header .header-wrap h1 {display: inline-block; margin-right: 12px;}
header .header-wrap h1 a {display: block; width: 30px; height: 33px; background: url('../images/common/logo.png') left top no-repeat; -webkit-background-size: 33px auto; background-size: 30px auto;}
header .header-wrap .search-wrap {width: 100%;}
header .header-wrap .search-wrap input {height: 38px; border: 1px solid #ececec; border-radius: 4px;}
header .header-wrap .btn-nation .custom-select-list {top: 116%; left: -12px; width: 52px;}
header .header-wrap .btn-nation .custom-select-list-inner {background: #fff; padding: 12px; border-radius: 4px; width: 28px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
header .header-wrap .btn-nation .btn-custom-select {display: flex; align-items: center;}
header .header-wrap .btn-nation img {width: 24px; height: auto; border: 2px solid #333; border-radius: 4px; display: block;}
header .header-wrap .btn-nation img.dropdown {width: auto; border: 0; border-radius: 0; margin-left: 4px;}
/* 모바일 전체 메뉴 */
.md_overlay_gnb {position: absolute; max-width: 600px; margin: auto;}
nav {width: 100%; max-width: 85%; position: absolute; display: none;}
nav.active {display: block;}
nav .header-wrap {width: 100%; height: 50px; display: inline-flex; align-items: center; justify-content: space-between; padding: 0 20px;}
nav .btn-back {position: relative; top: auto; left: auto; background-image: none; width: auto; height: auto;}
nav .btn-back span {display: block;}
nav .login-area {display: flex; align-items: center;}
nav .login-area .myinfo p {color: #191919; font-weight: 500;}
nav .login-area .btn-wrap {margin-left: 16px;}
.menu-top {background: #F3F7FB; padding: 24px 20px;}
.menu-top ul {font-size: 0; display: flex; margin: 0 -4px;}
.menu-top ul li {display: inline-block; width: 33.333%; padding: 0 4px;}
.menu-top ul li a {background: #fff; border: 1px solid #42A4EB; color: #42A4EB; border-radius: 4px; width: 100%; display: block; text-align: center;  height: 40px; line-height: 40px;}
.menu-wrap {overflow-x: hidden; height: calc(100% - 141px);}
.menu-wrap h2 {color: #191919; font-size: 14px; font-weight: 700; padding-top: 24px; padding-left: 20px; padding-right: 20px; margin-bottom: 8px; border-top: 1px solid #ececec; margin-top: 24px;}
.menu-wrap h2:first-child {margin-top: 0;}
.menu-wrap .menu-box {padding: 0 20px;}
.menu-wrap ul {display: flex; flex-wrap: wrap; margin: -4px;}
.menu-wrap ul li {width: 50%; display: inline-block;}
.menu-wrap ul li .inner {padding: 4px;}
.menu-wrap ul li a {display: block; width: 100%; border: 1px solid #ececec; border-radius: 4px; height: 40px; line-height: 40px; text-align: center; font-weight: 500;}


/* ------------------------------
Footer
------------------------------ */
footer {padding-bottom: 60px; margin-top: 56px;}
.footer-menu ul {display: flex; justify-content: space-between; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.footer-menu ul li {width: 25%; text-align: center; padding: 10px 6px; border-right: 1px solid #ececec; word-break: keep-all;}
.footer-menu ul li:last-child {border-right: 0;}
.footer-menu ul li a {font-size: 12px; color: #aaa;}
.footer-cont {padding-top: 16px; padding-bottom: 32px; color: #aaa; font-size: 12px;}
.footer-cont a.mail {color: #aaa; font-size: 12px; text-decoration: underline;}
.footer-cont div {padding-top: 2px; padding-bottom: 2px;}
.footer-cont .btn-install {display: block; width: 100%; border-radius: 3rem; background: #F3F7FB; border: 1px solid #42A4EB; text-align: center; padding: 10px 0; font-weight: 700; color: #42A4EB; margin-top: 16px;}
/* 하단 고정 메뉴 */
.fix-menu-wrap {
    position:fixed; bottom:0; left:50%; transform:translateX(-50%);
    display:flex; width:100%; max-width:600px;
    height:60px; z-index:100;
    background:rgba(255,255,255,0.85);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    border-top:1px solid rgba(0,0,0,0.06);
    box-shadow:0 -6px 24px rgba(0,0,0,0.08),0 -2px 6px rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.9);
    transition:transform 0.3s ease;
    align-items:center; justify-content:space-around;
    overflow:visible;
    padding-bottom:env(safe-area-inset-bottom,0);
}
.fix-menu-wrap.nav-hidden {transform:translateX(-50%) translateY(100%);}
.fix-menu-wrap a {display:flex; flex-direction:column; align-items:center; gap:2px; flex:1; padding:8px 0; color:#999; text-decoration:none; transition:color 0.25s ease, transform 0.25s ease; position:relative;}
.fix-menu-wrap a.active {color:#42A4EB; transform:translateY(-2px);}
.fix-menu-wrap a .material-symbols-outlined {font-size:24px; transition:font-variation-settings 0.25s ease, background 0.25s ease, box-shadow 0.25s ease; border-radius:12px; padding:2px 12px;}
.fix-menu-wrap a.active .material-symbols-outlined {font-variation-settings:'FILL' 1; background:rgba(66,164,235,0.12); box-shadow:0 2px 8px rgba(66,164,235,0.15);}
.fix-menu-wrap a span:last-child {font-size:10px; font-weight:500; transition:font-weight 0.25s ease;}
.fix-menu-wrap a.active span:last-child {font-weight:700;}
/* 고정 탑 버튼 */
.btn-fixed {margin: auto; position: fixed; bottom: 20px; z-index: 999; width: 100%; max-width: 600px;}
.btn-fixed.up2 {bottom: 77px; z-index: 98; height: 35px;}
/*.btn-fixed ul {width: 100%;}*/
.btn-fixed ul li {position: absolute; right: 20px;}
.btn-top {width: 35px; height: 35px; border-radius: 4px; background: #42A4EB; color: #fff; display: block; box-sizing: border-box; font-weight: 700; text-align: center;}
.btn-top .ico {font-size: 16px; margin-top: 2px;}
.btn-top .text {display: block; margin-top: -11px; font-size: 12px; font-weight: 600;}


/* ------------------------------
로그인
------------------------------ */
.sns-wrap .sns-item {width: 100%;}
.sns-wrap .sns-item +.sns-item {margin-top: 8px;}
.sns-wrap .sns-item a {display: flex; align-items: center; width: 100%; height: 48px; border-radius: 6px;}
.sns-wrap .sns-item.kakao a {background: #FCE602;}
.sns-wrap .sns-item.naver a {background: #45B64B; color: #fff;}
.sns-wrap .sns-item.apple a {background: #000; color: #fff;}
.sns-wrap .sns-item .sns-img {width: 54px;}
.sns-wrap .sns-item img {width: 22px; height: 22px; margin: auto; display: block;}
.sns-wrap .sns-item .text {display: block; height: 100%; width: calc(100% - 54px); border-left: 1px solid #fff; line-height: 48px; padding-left: 16px; font-weight: 500;}
.member-wrap .divide {position: relative; width: 100%; margin: 24px 0;}
.member-wrap .divide:before {content: ""; display: block; width: 100%; height: 1px; background: #ececec;}
.member-wrap .divide span {position: absolute; left: 50%; margin-left: -22px; top: -10px; background: #fff; padding: 0 10px;}
.member-wrap .btn-wrap {width: 100%;}
.member-wrap .btn-wrap a {display: block;}


/* ------------------------------
Main
------------------------------ */
/* 공통 */
.main #container{position: relative; margin-top: 54px; background-color: #fff; z-index: 1; }
.main-title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;}
.main-title .title {font-size: 16px; color: #191919; font-weight: 700;}
.main-title a.btn-arrow {width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ececec; display: flex; align-items: center; justify-content: center;}
.main-title a.btn-arrow span {font-size: 16px;}
/* 메인비주얼배너 */
.main-visual {padding: 0 20px;}
.main-visual .slick-list {width: 100%; height: 300px; padding: 0 !important; border-radius: 12px; border: 1px solid #ececec; overflow: hidden; box-sizing: border-box;}
.main-visual .slick-slide {margin: 0;}
.main-visual .slick-slide div {height: 100%; display: block;}
.main-visual .slick-slide a {display: block; height: 300px;}
.main-visual .slick-slide img {display: block; width: 100%; height: 100%;}
/*object-fit: cover;*/
/* 카테고리영역 */
.category-wrap ul {font-size: 0; margin-top: 32px;}
.category-wrap ul li {display: inline-flex; align-items: center; justify-content: center; width: 25%; height: 80px; border-right: 1px solid #ececec; border-top: 1px solid #ececec; box-sizing: border-box; text-align: center; cursor: pointer;}
.category-wrap ul li:first-child,
.category-wrap ul li:nth-child(5) {border-left: 1px solid #ececec;}
.category-wrap ul li:nth-child(5),
.category-wrap ul li:nth-child(6),
.category-wrap ul li:nth-child(7),
.category-wrap ul li:nth-child(8) {border-bottom: 1px solid #ececec;}
.category-wrap ul li a {display: block;}
.category-wrap ul li img {width: 30px; height: 30px; display: block; margin: auto auto 4px auto;}
.category-wrap ul li.active {background: #42A4EB; color: #fff;}
.category-wrap ul li.active p.text {color: #fff;}
/* 카테고리영역 2depth */
.category-menu-box {position: relative; background: #f6f6f6; border: 1px solid #ececec; border-radius: 8px; margin-top: 16px; padding: 12px;}
.category-menu-box:before {content: ''; display: block; position: absolute; top: -8px; left: 20px; width: 16px; height: 16px; background: #f6f6f6; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); border-radius: 4px;}
.category-menu-box .category-item {display: inline-block; font-size: 12px; font-weight: 500; border-radius: 3rem; background: #fff; border: 1px solid #ececec; margin: 2px; padding: 6px 12px;}
.category-menu-box .category-item.active {background: #42A4EB; color: #fff;}
/* 미클릭 TV */
.main-youtube-wrap {margin-top: 40px;}
.main-youtube-wrap .swiper-container {padding-left: 10px;}
.main-youtube-wrap .swiper-slide {border-radius: 6px; overflow: hidden;}
.main-youtube-wrap .swiper-slide img {display: block;}
/* 이벤트 */
.main-event-list {margin-top: 40px;}
.main-event-big .thumb-big {width: 100%; height: 300px; border-radius: 12px; overflow: hidden;}
.main-event-big .thumb-big a {display: block; width: 100%; height: 300px;}
.main-event-big .thumb-big img {width: 100%; height: 100%; object-fit: cover;}
.main-event-big .info-wrap {margin-top: 16px;}
.main-event-big .info-wrap .location {font-size: 12px; color: #aaa;}
.main-event-big .info-wrap .title {font-size: 18px; color: #191919; font-weight: 700; padding: 2px 0 0;}
.main-event-big .info-wrap .summary {font-size: 14px; color: #555;}
/* 메인 이벤트 상세 */
.event-big-img .info-wrap .location {font-size: 12px; color: #aaa;}
.event-big-img .info-wrap .title {font-size: 16px; color: #191919; font-weight: 700; padding: 2px 0 0 0;}
.event-big-img .info-wrap .info-footer {display: flex; justify-content: space-between; align-items: center; padding-top: 8px;}
.event-big-img .info-wrap .info-footer .people-num .icon {font-size: 14px; color: #555; vertical-align: middle; margin-top: -2px;}
.event-big-img .info-wrap .info-footer .price {font-size: 16px; color: #191919; font-weight: 700;}
/* 상품리스트 */
.item-list-wrap {margin-top: 24px; background: #fff;}
.item-list-wrap .item {display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.item-list-wrap .item + .item {margin-top: 16px;}
.item-list-wrap .item .thumb {position: relative; width: 100px; height: 100px; border-radius: 12px; overflow: hidden; border: 1px solid #ececec; box-sizing: border-box;}
.item-list-wrap .item .thumb img {width: 100%; height: 100%; object-fit: cover;}
.item-list-wrap .item .info {width: calc(100% - 116px);}
.item-list-wrap .item .location {font-size: 12px; color: #aaa; display: flex; align-items: center;}
.item-list-wrap .item .location .loca-station {margin-right: 4px;}
.item-list-wrap .item .title {font-size: 16px; color: #191919; font-weight: 700; padding: 2px 0 0 0;}
.item-list-wrap .item .summary {font-size: 14px; color: #555;}
.item-list-wrap .item .info-footer {display: flex; justify-content: space-between; align-items: center; padding-top: 8px;}
.item-list-wrap .item .info-footer .people-num {display: flex; align-items: center;}
.item-list-wrap .item .info-footer .people-num .click-item {margin-left: 6px;}
.item-list-wrap .item .info-footer .tag-new {background: #FB6A6A; border-radius: 2px; font-size: 14px; color: #fff; padding: 1px 4px 2px 4px; margin-right: 8px;}
.item-list-wrap .item .people-num span {font-size: 14px; color: #555; vertical-align: middle; margin-top: -2px;}
.item-list-wrap .item .price {font-size: 16px; color: #191919; font-weight: 700;}
.tag-ad {position: absolute; left: 8px; top: 8px; margin-left: auto; font-size: 8px; border: 1px solid #ececec; padding: 0 4px; border-radius: 2px; color: #fff; background-color: rgba(255,255,255,0.2);}
@media (max-width: 430px) {
    .main-visual .slick-list,
    .main-event-big .thumb-big,
    .main-visual .slick-slide a,
    .main-event-big .thumb-big a {height: 210px;}
}
@media (max-width: 390px) {
    .main-visual .slick-list,
    .main-event-big .thumb-big,
    .main-visual .slick-slide a,
    .main-event-big .thumb-big a {height: 180px;}
}


/* ------------------------------
핫딜지
------------------------------ */
.hotdeal-category {padding-top: 16px;}
.hotdeal-category .category-wrap ul {margin-top: 0;}


/* ------------------------------
상품 상세페이지
------------------------------ */
.product-detail-wrap .img-notice {position:relative; width:100%; background: #42A4EB; text-align:center; z-index:10; color: #fff; font-size: 12px; padding: 6px 0; font-weight: 400;}
/*.product-detail-wrap .product-img {height: 230px;}*/
.product-detail-wrap .product-img img {width: 100%; height: 100%; object-fit: cover;}
.product-detail-wrap .tab-wrap li {width: 50%;}
.product-info-wrap {padding: 16px 0 24px;}
.product-info-wrap .location {font-size: 14px; color: #555;}
.product-info-wrap .title {font-size: 20px; color: #191919; font-weight: 700; line-height: 1.4; padding: 2px 0;}
.product-info-wrap .price {font-size: 20px; font-weight: 700; color: #191919; margin-top: 12px;}
.product-info-wrap .price .price-01 {font-size: 15px; font-weight: 500; color: #AAAAAA; margin-top: 12px;}
.product-info-wrap .price .price-02 {padding-left: 8px;}
.product-info-wrap .product-data {margin-top: 16px; padding-top: 16px; border-top: 1px solid #ececec;}
.product-info-wrap .product-data .people-num {display: flex; align-items: center;}
.product-info-wrap .product-data .people-num .click-item {margin-left: 6px; margin-bottom: 2px;}
.product-info-wrap .product-data span {font-size: 14px; color: #555; vertical-align: middle; margin-top: 0;}
.product-info-wrap .product-data .date {padding-top: 4px;}
.product-info-wrap .people-num .tag-new {background: #FB6A6A; border-radius: 2px; font-size: 12px; color: #fff; padding: 4px 8px 4px 8px; font-weight: 600;}
.product-btn-wrap {display: flex; margin: 24px -8px 0;}
.product-btn-wrap > div {width: 50%; text-align: center; padding: 0 8px;}
.product-btn-wrap .btn-product-link {width: 100%; display: block; border: 1px solid #ececec; border-radius: 6px; height: 40px; line-height: 38px; box-sizing: border-box; font-weight: 400;}
.product-btn-wrap .btn-product-link span {font-size: 16px; margin-top: -2px; vertical-align: middle;}
.product-btn-wrap .btn-product-link.active {background-color: #42A4EB; color: #fff;}
/* 상품세정보 */
.product-detail-info .info-box {background-color: #f6f6f6; padding: 24px 20px; line-height: 1.7;}
/* 리뷰 */
.product-review-content .review-top {margin-top: 24px;}
.product-review-content .review-top .btn-write {width: 100%; display: block; height: 40px; line-height: 40px; border: 1px solid #42A4EB; border-radius: 3rem; background-color: #F3F7FB; color: #42A4EB; text-align: center;}
.product-review-content .review-top .total-num {font-size: 16px; font-weight: 700; margin-top: 24px;}
.product-review-content .star-readonly {margin-right: 24px;}
/* 상세하단 관련 이벤트 */
.related-list {padding: 24px 20px; border-top: 1px solid #ececec;}
.related-list h2 {font-size:16px; font-weight: 600; margin-bottom: 8px; text-align: center;}
/* 상세하단 고정 버튼 */
.product-fix-button {position: fixed; bottom: 0; width: 100%; max-width: 600px; z-index: 999; padding: 12px 20px; border-top: 1px solid #ececec; box-sizing: border-box; background: #fff; display: flex; align-items: center;}
.product-fix-button .heart-area {width: 40px;}
.product-fix-button .btn-heart {border: 1px solid #ececec; width: 40px; height: 40px; border-radius: 4px; vertical-align: middle;}
.product-fix-button .btn-heart.active {background: #42A4EB;}
.product-fix-button .btn-heart span {display: block; font-size: 20px; color: #aaa;}
.product-fix-button .btn-heart.active span {color: #fff;}
.product-fix-button .apply-area {width: 100%; display: flex;}
.product-fix-button a.btn {width: 100%; text-align: center; display: block; height: 40px; line-height: 38px; color: #fff; border-radius: 4px; margin-left: 8px; padding: 0; vertical-align: middle;}
.product-fix-button a.btn span {font-size: 16px; vertical-align: middle; margin-top: -2px;}
/* 상세 팝업창 */
#share-pop ul.share-wrap li {width: 50px;
    display: inline-block;
    padding: 0 8px;}
/*.md-overlay{position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 10; opacity: 0; background: #000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}*/
/*.md-overlay.active{visibility: visible;background: #000;opacity:.7;filter:alpha(opacity=70);}*/
/*#share-pop .popup-box {z-index: 11; margin-top: -85px; margin-left: -135px; width: 270px;}*/


/* ------------------------------
Best
------------------------------ */
.best-area .item {position: relative;}
.best-area .item:first-child:before {content: ""; display: inline-block; width: 36px; height: 46px; background: url("../images/content/best-01.png") center no-repeat; background-size: 36px; position: absolute; left: -12px; top: -12px; z-index: 10;}
.best-area .item:nth-child(2):before {content: ""; display: inline-block; width: 36px; height: 46px; background: url("../images/content/best-02.png") center no-repeat; background-size: 36px; position: absolute; left: -12px; top: -12px; z-index: 10;}
.best-area .item:nth-child(3):before {content: ""; display: inline-block; width: 36px; height: 46px; background: url("../images/content/best-03.png") center no-repeat; background-size: 36px; position: absolute; left: -12px; top: -12px; z-index: 10;}


/* ------------------------------
기획전
------------------------------ */
.event-wrap ul li {margin-bottom: 16px;}
.event-wrap ul li a {display: block; height: 300px; overflow: hidden; border-radius: 8px;}
.event-wrap ul li a img {width: 100%; height: 100%; object-fit: cover;}
/*.event-detail-wrap .review-img {height: 320px;}*/
.event-detail-wrap .review-img img {width: 100%; height: 100%; object-fit: cover;}
@media (max-width: 430px) {
    .event-wrap ul li a {height: 180px;}
    .event-detail-wrap .review-img {height: auto;}
}


/* ------------------------------
미클릭 TV
------------------------------ */
.youtube-item + .youtube-item {margin-top: 24px;}
.youtube-thumb {height: 210px; position: relative;}
.youtube-thumb .running-time {display:inline-block; position:absolute; bottom: 12px; right: 12px; background:#000;z-index:2; color:#fff; font-size:12px; padding:5px; border-radius:3px;}
.youtube-thumb a {display: block; height: 210px; border-radius: 12px; overflow: hidden;}
.youtube-thumb a img {width: 100%; height: 100%; object-fit: cover;}
.youtube-info .title {font-size: 16px; color: #191919; font-weight: 700; padding-top: 12px; padding-bottom: 2px;}
.youtube-info .summary {font-size: 14px; color: #555;}
.youtube-info .summary br {display: none;}
/* 미클릭 TV 상세페이지 */
.event-progress-wrap {margin-top: 40px;}
.event-progress-wrap .text-box {width:100%; text-align:center; line-height:45px; font-weight: 600; background-color:#42A4EB; color:#fff;}


/* ------------------------------
병원리스트
------------------------------ */
/* 공통 */
.list-result {color: #191919; font-size: 12px; padding-bottom: 8px;}
#divMore {width: 100%;}
#btnMore {display: block; width: 100%; height: 48px; font-size: 14px; font-weight: 500; border-radius: 3rem; line-height: 48px; text-align: center; margin-top: 40px;}
/* 검색 */
.hos-wrap .search-box {padding-top: 8px; padding-bottom: 16px;}
.hos-wrap .search-box .title {font-size: 14px; font-weight: 600; color: #191919; padding-bottom: 4px;}
.hos-search {display: flex;}
.hos-search button {width: 110px; border-radius: 4px; border: 1px solid #ECECEC; font-size: 12px; padding: 0 12px;}
.hos-search .input-box {position: relative; width: calc(100% - 110px); padding-left: 8px;}
.hos-search .input-box input {border-radius: 4px; font-size: 12px; border: 1px solid #ECECEC;}
.hos-search .tooltip {position: relative; display: block;}
.hos-search .tooltip .tooltiptext {visibility: hidden; width: 120px; background-color: #191919; color: #fff; text-align: center; border-radius: 6px; padding: 12px; position: absolute; z-index: 1; font-weight: 500;}
.hos-search .tooltip:hover .tooltiptext {visibility: visible;}
.hos-search .tooltip .tooltiptext::after {content: " "; position: absolute; border-style: solid; border-width: 5px;}
.hos-search .tooltip .tooltip-bottom {width: 120px; top: 130%; left: 50%; margin-left: -60px;}
.hos-search .tooltip .tooltip-bottom::after {bottom: 100%; left: 50%; margin-left: -5px; border-color: transparent transparent #191919 transparent;}
/* 병원검색 팝업창 - 모바일 최적화 */
.pop_overlay {
    display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0;
    background: rgba(0, 0, 0, 0); z-index: 9999;
    -webkit-transition: background 0.3s ease; transition: background 0.3s ease;
}
.pop_overlay.active { background: rgba(0, 0, 0, 0.5); }
.hos_local_select_pop {
    display: none; position: fixed; bottom: 0; left: 0; z-index: 10000;
    width: 100%; max-width: 600px; background: #fff;
    border-top-left-radius: 16px; border-top-right-radius: 16px;
    -webkit-transform: translateY(100%); transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
    box-shadow: 0 -4px 20px rgba(0,0,0,0.12);
    max-height: 85vh; overflow: hidden;
    padding-bottom: 0;
}
.hos_local_select_pop.active { -webkit-transform: translateY(0); transform: translateY(0); }
/* 팝업 핸들 */
.pop-handle { text-align: center; padding: 10px 0 4px; cursor: grab; }
.pop-handle span {
    display: inline-block; width: 36px; height: 4px;
    background: #D5D5D5; border-radius: 2px;
}
/* 팝업 헤더 */
.pop-header {
    display: -webkit-box; display: -webkit-flex; display: flex;
    -webkit-box-align: center; -webkit-align-items: center; align-items: center;
    -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
    padding: 4px 16px 12px;
    border-bottom: 1px solid #F0F0F0;
}
.pop-header .pop-title {
    font-size: 17px; font-weight: 700; color: #222; margin: 0; line-height: 1;
}
.pop-header .pop-close {
    width: 32px; height: 32px; border: none; background: none; padding: 0; cursor: pointer;
    display: -webkit-box; display: -webkit-flex; display: flex;
    -webkit-box-align: center; -webkit-align-items: center; align-items: center;
    -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center;
}
.pop-header .pop-close .material-symbols-outlined { font-size: 22px; color: #888; }
/* 시도/구군 영역 */
.hos_local_select_box {
    display: -webkit-box; display: -webkit-flex; display: flex;
    width: 100%; background: #fff;
    -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;
    min-height: 0; overflow: hidden;
}
.hos_local_one_list {
    width: 90px; min-width: 90px; border-right: 1px solid #F0F0F0;
    overflow-y: auto; -webkit-overflow-scrolling: touch;
    background: #FAFAFA; float: none; height: auto;
}
.hos_local_one_list > ul { list-style: none; margin: 0; padding: 4px 0; }
.hos_local_one_list > ul > li > a {
    display: block; width: 100%; height: auto; font-weight: 600; font-size: 14px;
    padding: 13px 0; text-align: center; color: #666;
    border-left: 3px solid transparent; cursor: pointer;
    line-height: 1.2; padding-left: 0;
    -webkit-transition: all 0.15s ease; transition: all 0.15s ease;
}
.hos_local_one_list > ul > li > a.local_on {
    color: #42A4EB !important; background: #fff; font-weight: 700;
    border-left-color: #42A4EB;
}
.hos_local_one_list > ul > li > a:active { background: #F0F4F8; }
/* 구군 리스트 */
.hos_local_two_list {
    width: calc(100% - 90px); overflow-y: auto;
    -webkit-overflow-scrolling: touch; padding: 12px;
    float: none; height: auto;
}
.hos_local_two_list > h1 { display: none; }
.hos_local_two_list ul {
    margin: -4px; display: -webkit-box; display: -webkit-flex; display: flex;
    -webkit-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding: 0;
}
.hos_local_two_list ul li { width: 50%; padding: 4px; box-sizing: border-box; height: auto; line-height: normal; padding-left: 4px; }
.hos_local_two_list .chk_custom { position: relative; }
.hos_local_two_list .chk_custom > label > span { display: none; }
.hos_local_two_list .chk_custom > label > p { margin-left: 0; }
.hos_local_two_list .chk_custom input[type="checkbox"] { display: none; }
.hos_local_two_list .btn-region {
    width: 100%; border-radius: 8px; font-size: 13px; color: #555;
    border: 1px solid #E8E8E8; height: 38px; line-height: 38px;
    text-align: center; font-weight: 600; cursor: pointer;
    -webkit-transition: all 0.15s ease; transition: all 0.15s ease;
    background: #fff;
}
.hos_local_two_list .btn-region:active { background: #F5F5F5; }
.hos_local_two_list .chk_custom input[type="checkbox"]:checked + label .btn-region {
    color: #42A4EB; background: #EFF7FD; border: 1.5px solid #42A4EB;
}
/* 하단 버튼 */
.hos_local_btn {
    background: #fff; z-index: 9; padding: 10px 16px;
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid #F0F0F0;
    position: relative; left: auto; height: auto; padding-top: 10px;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.06);
}
.hos_local_btn > button {
    display: block; width: 100%; height: 48px; border-radius: 10px;
    font-weight: 700; font-size: 15px; color: #fff; border: none;
    background: -webkit-linear-gradient(left, #48aae0, #4ecfe0);
    background: linear-gradient(to right, #48aae0, #4ecfe0);
    cursor: pointer; position: relative;
}
.hos_local_btn > button:active { opacity: 0.85; }
.btn-filter-text { display: inline; }
.btn-filter-count {
    display: inline-block; margin-left: 6px; background: rgba(255,255,255,0.25);
    padding: 2px 8px; border-radius: 10px; font-size: 12px; font-weight: 600;
}
/* 전화 팝업창 */
.modal {position: fixed; z-index: 10000; top: 0; left: 0; visibility: hidden; width: 100%; height: 100% !important;}
.modal.active {visibility: visible;}
/*.modal-overlay {position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; !*background: hsla(0, 0%, 0%, 0.5);*! background: transparent; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s;}*/
/*.modal.active .modal-overlay {opacity: 1; visibility: visible; transition-delay: 0s;}*/
.modal-wrapper {position: absolute; z-index: 9999; top: 30%; left: 50%; width: 300px; background-color: #fff; box-shadow: 0 4px 20px hsla(0, 0%, 0%, 0.1); transition: all 0.3s 0.12s; opacity: 0; border-radius: 16px; transform: translate(-50%, 0); text-align: center;}
.modal.active .modal-wrapper {opacity: 1;}
.modal-header {padding: 32px 24px 12px 24px;}
.modal-header .sub {font-size: 12px; padding-bottom: 6px;}
.modal-header .title {text-align: center; font-size: 16px; font-weight: 700; color: #333; line-height: 1.5;}
.modal-cont {padding: 0 24px;}
.modal-cont span {font-size: 12px;}
.modal-footer {text-align: center; padding: 24px 24px 32px 24px; font-size: 0;}
.modal-footer a,
.modal-footer button {height: 36px; line-height: 36px; font-size: 14px; padding: 0 16px; border-radius: 4px; width: calc(50% - 4px); vertical-align: middle;}
.modal-footer button.btn-submit {margin-right: 4px;}
.modal-footer a.btn-close {margin-left: 4px;}
/* 리스트 */
#divHospitalList {margin-top: 0;}
#divHospitalList .item .thumb {margin: 0; background: #f5f7fa; display: flex; align-items: center; justify-content: center;}
#divHospitalList .item .thumb .swiper-slide {width: 100% !important;}
#divHospitalList .item .thumb .swiper-slide a {width: 100%; height: 100%;}
#divHospitalList .item .thumb img {width: 100%; height: 100%; object-fit: contain;}
#divHospitalList .item .thumb .swiper-pagination-fraction {width: auto !important; height: 20px; text-align: center; border-radius: 3rem; display: inline-block; right: 8px !important; left: auto !important; bottom: 8px !important; background: rgba(0,0,0,0.5); font-size: 10px; color: #fff; line-height: 20px; padding: 0 8px 1px 8px;}
#divHospitalList .item .diagnosis {font-size: 12px; color: #aaa; padding-top: 2px;}
#divHospitalList .item .hos-footer {padding-top: 8px;}
#divHospitalList .item .hos-footer ul li {display: inline-block; font-size: 12px; color: #555;}
#divHospitalList .item .hos-footer ul li span {color: #42A4EB; font-weight: 500;}
@media (max-width: 992px) {
    /* 검색 */
    .hos-search .tooltip:hover .tooltiptext {visibility: hidden;}
}



/* ------------------------------
병원상세페이지
------------------------------ */
/* 상단 */
#hospitalInfo .swiper-container {height: 230px;}
#hospitalInfo .swiper-container .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.swiper-container .swiper-pagination-bullet-active {background-color: #000;}
#hospitalInfo .hos-title {padding-top: 16px; padding-bottom: 24px;}
#hospitalInfo .hos-title .address {padding-bottom: 4px;}
/* 공통 */
.page-detail {position: relative;}
.page-detail .tab-wrap.clone {position: fixed; top: 50px; display: none;}
.tab-wrap {font-size: 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; position: absolute; top: 0; margin: 0; padding: 0; width: 100%; max-width: 600px; background-color: #fff; z-index: 999;}
.tab-wrap li {display: inline-block; width: 25%; height: 48px; line-height: 48px; border-right: 1px solid #ececec; box-sizing: border-box; text-align: center; cursor: pointer;}
.tab-wrap li:last-child {border-right: 0;}
.tab-wrap li.active {background-color: #42A4EB; color: #fff; font-weight: 600;}
.tab-wrap li.active .num {color: #fff;}
.tab-wrap li .num {color: #42A4EB; font-weight: 500;}
.tab-container {padding-top: 50px;}
/* 병원정보 */
.tab-container .info-content .info-block {padding-top: 24px; border-top: 1px solid #ececec; margin-top: 24px; padding-left: 20px; padding-right: 20px;}
.tab-container .info-content .info-block:first-child {padding-top: 0; border-top: 0;}
.tab-container .info-content .info-block .box-tit {font-size: 16px; font-weight: 700; color: #191919; padding-bottom: 8px;}
.tab-container .info-content .info-block p {line-height: 1.6;}
.tab-container .info-content .info-block #map {width:100%; height:250px; display:inline-block; margin-top: 8px;}
.tab-container .info-content .diagnosis-info {margin-left: -4px;}
.tab-container .info-content .diagnosis-info span {display: inline-block; font-size: 14px; color: #555; padding: 8px 12px; border-radius: 3rem; background-color: #F6F6F6; margin: 4px;}
.info-content .consult-box {margin: 0 -4px; display: flex;}
.info-content .consult-box .consult-item {display: inline-block; width: 100%; padding: 0 4px;}
.info-content .consult-box .consult-item a {display: block; font-size: 14px; background-color: #F3F7FB; text-align: center; height: 38px; border-radius: 4px; line-height: 36px; color: #191919;}
.info-content .consult-box .consult-item a span {vertical-align: middle; font-size: 16px; margin-right: 4px;}
.info-content .consult-box .consult-item.no-item a {background-color: #f6f6f6; color: #aaa;}
/* 후기 */
.review-content .review-item {position: relative; padding-top: 24px; border-top: 1px solid #ececec; margin-top: 24px; padding-left: 20px; padding-right: 20px;}
.review-content .review-item:first-child {margin-top: 0; border-top: 0;}
.review-item .review-head {position: relative;}
.review-item .review-head .title {width: calc(100% - 30px); font-size: 16px; font-weight: 700; color: #191919;}
.review-item .review-head .btn-dot {transform: rotate(90deg); top: 4px; right: 0;}
.review-item .review-info {display: flex; align-items: center; justify-content: space-between; margin-top: 8px;}
.review-item .review-info .tit {font-size: 14px; color: #191919; font-weight: 500;}
.review-item .review-info .date {font-size: 12px; color: #aaa; margin-left: 4px;}
.review-item .review-info .star-readonly {display: block; margin-top: 0; margin-left: 0;}
.review-item .review-con .con-text a {display: block; margin-top: 12px; color: #555;}
.review-item .review-visual {padding: 0;}
.review-item .review-visual img {max-height: 150px;}
.review-item .view-num {text-align: right; color: #aaa;}
/* 후기 작성하기 */
.review-write table {border-top: 0; border-bottom: 0;}
.review-write table tr th {height: auto; line-height: 1; border-left: 1px solid #ececec;}
.review-write table tr th,
.review-write table tr td {padding: 0;}
.review-write table tr:first-child td {border-top: 1px solid #ececec;}
.review-write table tfoot .join {border-left: 1px solid #ececec !important; border-right: 1px solid #ececec !important;}
.review-write table tfoot .join textarea::placeholder {font-size: 14px; font-weight: 400;}
.review-write .review-cancel {background-color: #f6f6f6; color: #191919; border: 1px solid #ececec; border-radius: 4px;}
.review-write .review-submit {background-color: #42A4EB; color: #ffffff; border: 1px solid #42A4EB; border-radius: 4px;}
#review-pop .btn-cancel {width: 130px; padding: 0; background-color: #f6f6f6; border: 1px solid #ececec;}
#review-pop .btn-submit {width: 130px; padding: 0; background-color: #42A4EB; border: 1px solid #42A4EB; color: #fff;}
#review-pop #divHospitalList {margin-top: 0;}
/* 유튜브 */
.tab-container .youtube-content {margin-top: 24px;}



/* ------------------------------
마이페이지
------------------------------ */
.mypage-area h3 {color: #191919;}
.mypage-area .btn-area {margin-top: 24px;}
.mypage-area .btn-area .btn-withdrawal {background-color: #f6f6f6; border: 1px solid #ececec; color: #191919; font-weight: 500;}
.mypage-area .btn-area .btn-modify {background-color: #42A4EB; color: #fff; font-weight: 500;}


/* ------------------------------
최근본상품
------------------------------ */
#recentProduct .item-list-wrap {margin-top: 0;}
#recentProduct .item-list-wrap .item .info-footer {justify-content: left}
#recentProduct .item-list-wrap .info-footer .price {margin-left: 8px;}
#recentProduct .item-list-wrap .info-footer .btn-area {margin-left: auto;}
#recentProduct .item-list-wrap a.btn-consult {height: 32px; line-height: 32px; background-color: #f6f6f6; font-size: 12px; border-radius: 3rem; padding: 0 12px; color: #42A4EB;}


/* ------------------------------
찜보관함
------------------------------ */
.item-list-wrap .item + .btn-area {margin-top: 12px; margin-bottom: 24px;}
.item-list-wrap .item + .btn-area a {font-weight: 500;}


/* ------------------------------
받은정보함
------------------------------ */
#receive-box .receive-item + .receive-item {margin-top: 24px; padding-top: 24px; border-top: 1px solid #ececec;}
#receive-box .receive-item .receive-top {display: flex;}
#receive-box .receive-item .thumb {width: 120px; height: 120px;}
#receive-box .receive-item .thumb .con-img {width: 120px; height: 120px; border-radius: 12px; overflow: hidden;}
#receive-box .receive-item .thumb .con-img img {width: 100%; height: 100%; object-fit: cover;}
#receive-box .receive-item .review-con {margin-left: 16px;}
#receive-box .receive-item .title a {display: block; font-size: 14px; font-weight: 600; color: #191919; padding-bottom: 4px;}
#receive-box .receive-item .con-text a {margin-top: 4px;}
#receive-box .table-wrap table {width: 100%; margin-top: 12px;}
#receive-box .btn-area {margin-top: 16px;}
#receive-box .btn-delete {background-color: #F3F7FB; border: 1px solid #42A4EB; color: #42A4EB; border-radius: 3rem; padding: 8px 0;}
#review-detail {padding-top: 24px;}
#review-detail .review-head .d-flex {margin-top: 8px;}
#review-detail .review-con {margin-top: 16px;}


/* ------------------------------
공지사항
------------------------------ */
.notice-table {border-collapse: collapse; border-spacing: 0; width: 100%;}
.notice-table .title {font-size: 16px; color: #191919; font-weight: 600; border-top: 1px solid #191919; padding-top: 16px;}
.notice-table .date {font-size: 14px; color: #aaa; font-weight: 400; text-align: center; padding-top: 8px; border-bottom: 1px solid #ececec; padding-bottom: 16px;}
.notice-table .content {padding: 16px 0; background-color: #fff; font-weight: 400; line-height: 1.6;}


/* ------------------------------
입점문의
------------------------------ */
#partnerInquiry table input {border: 0;}
#partnerInquiry table td.join {padding: 0;}
#partnerInquiry table td.join textarea {border: 0; border-left: 1px solid #ececec; width: 100%; box-sizing: border-box;}
#partnerInquiry table .file td {padding: 0;}
#partnerInquiry table .file td input {height: auto;}
#partnerInquiry .btn-area {margin-top: 24px;}
#partnerInquiry .business-cancel {background-color: #f6f6f6; border: 1px solid #ececec; border-radius: 6px;}
#partnerInquiry .business-submit {background-color: #42A4EB; border: 1px solid #42A4EB; color: #fff; border-radius: 6px;}
.board-write .span-box label,
.board-write .span-box a {font-weight: 400;}

/**
다국어시 스타일 변경되는것 수정
 */
.skiptranslate {
    display: none !important;
}
body {
    top : 0px !important;
}