.ios .text { margin-bottom: -0.1em; }

.android .text { margin-bottom: -0.1em; }

.pdt10 { padding-top: 10px; }

.mgt10 { margin-top: 10px; }

.mgr4 { margin-right: 4px; }

.mgl6 { margin-left: 6px; }

.mgl10 { margin-left: 10px; }

.mgt30 { margin-top: 30px; }

.mgbt8 { margin-bottom: 8px; }

.mgbt16 { margin-bottom: 16px; }

.mgbt20 { margin-bottom: 20px; }

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

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

.pdbt0 { padding-bottom: 0 !important; }

.pr { position: relative; }

.required { color: #ff4b4b; }

.sub-text { font-size: 12px; color: #b2b2b2; }

.back-none { background: none !important; }

.btn { border: none !important; }

@font-face { font-family: "NotoSans-Black"; src: url("/common/css/font/NotoSansKR-Black.woff2") format("woff2"), url("/common/css/font/NotoSansKR-Black.woff") format("woff"); font-weight: normal; font-style: normal; }

.font-black { font-family: "NotoSans-Black", sans-serif; font-size: 16px; line-height: 2; color: #262626; }

@font-face { font-family: "NotoSans-Bold"; src: url("/common/css/font/NotoSansKR-Bold.woff2") format("woff2"), url("/common/css/font/NotoSansKR-Bold.woff") format("woff"); font-weight: normal; font-style: normal; }

.font-bold { font-family: "NotoSans-Bold", sans-serif; font-size: 16px; line-height: 2; color: #262626; }

@font-face { font-family: "NotoSans-Medium"; src: url("/common/css/font/NotoSansKR-Medium.woff2") format("woff2"), url("/common/css/font/NotoSansKR-Medium.woff") format("woff"); font-weight: normal; font-style: normal; }

.font-medium { font-family: "NotoSans-Medium", sans-serif; font-size: 16px; line-height: 2; color: #262626; }

@font-face { font-family: "NotoSans-Regular"; src: url("/common/css/font/NotoSansKR-Regular.woff2") format("woff2"), url("/common/css/font/NotoSansKR-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }

.font-regular { font-family: "NotoSans-Regular", sans-serif; font-size: 16px; line-height: 2; color: #262626; }

@font-face { font-family: "NotoSans-Light"; src: url("/common/css/font/NotoSansKR-Light.woff2") format("woff2"), url("/common/css/font/NotoSansKR-Light.woff") format("woff"); font-weight: normal; font-style: normal; }

.font-light { font-family: "NotoSans-Light", sans-serif; font-size: 16px; line-height: 2; color: #262626; }

@font-face { font-family: "NotoSans-DemiLight"; src: url("/common/css/font/NotoSansKR-DemiLight.woff2") format("woff2"), url("/common/css/font/NotoSansKR-DemiLight.woff") format("woff"); font-weight: normal; font-style: normal; }

.font-demilight { font-family: "NotoSans-DemiLight", sans-serif; font-size: 16px; line-height: 2; color: #262626; }

@font-face { font-family: "NotoSans-Thin"; src: url("/common/css/font/NotoSansKR-Thin.woff2") format("woff2"), url("/common/css/font/NotoSansKR-Thin.woff") format("woff"); font-weight: normal; font-style: normal; }

.font-thin { font-family: "NotoSans-Thin", sans-serif; font-size: 16px; line-height: 2; color: #262626; }

.type1 em { color: #415ec4; }

.time-check { font-size: 12px; color: #b2b2b2; }

/* ********************************************* Project ===== base /* -------------------------------------------- default /* ------------------------------------------ */
* { -webkit-text-size-adjust: none; /*letter-spacing:-0.05em*/ word-break: keep-all; }

html { padding: 0; margin: 0; height: 100%; }

body { font-family: "NotoSans-Regular", sans-serif; color: #262626; overflow-y:auto; overflow-x:hidden; }

html, body { height: 100%; -webkit-text-size-adjust: none; -webkit-appearance: none; }

html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, h1, h2, h3, h4, h5, h6, header, footer, section, article, aside, nav, hgroup, details, figure, figcaption { font-size: inherit; margin: 0; padding: 0; list-style: none; line-height: 1em; box-sizing: border-box; /*vertical-align:middle*/ }

sub { margin: 0; padding: 0; list-style: none; line-height: 1em; box-sizing: border-box; /*vertical-align:middle*/ }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/* -------------------------------------------- link /* ------------------------------------------ */
a { text-decoration: none; color: inherit; }

/* -------------------------------------------- etc /* ------------------------------------------ */
address, em, dfn { font-style: normal; }

strong { font-weight: bold; }

hr { display: none; }

img { border: 0; vertical-align: middle; }

mark { background: none; }

img { width: 100%; object-fit: cover; height: inherit; }

/* -------------------------------------------- table /* ------------------------------------------ */
table { width: 100%; border-spacing: 0; table-layout: fixed; border-collapse: collapse; empty-cells: show; }

/*border-collapse:separate;*/
tbody, tfoot, thead, tr, th, td { word-break: break-all; }

caption { visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; position: static; left: 0; top: -999999px; }

/* -------------------------------------------- fieldset /* ------------------------------------------ */
fieldset { border: none; }

legend { visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: -999999px; }

/* -------------------------------------------- form /* ------------------------------------------ */
button, input { cursor: pointer; width: auto; overflow: visible; vertical-align: middle; -webkit-appearance: none; box-sizing: border-box; font-size: 1em; font-family: "NotoSans-Medium", sans-serif; color: #262626; border:0; outline:0;}

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

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

select { vertical-align: middle; height: 35px; padding-left: 5px; width: 100%; color: #666; border: 1px solid #d3d4d6; }
.search_select { width: auto; }
.search_select_disable { display: none; }
.top_menu_select { width: auto; font-weight:bold; color:#222;}
.btn-search-short { width:15%; height: 35px; text-align: center; background-color: #0793F4; font-size: 14px; padding: 4px; color: #fff; border-radius: 4px; float:right;}

.btn-search-tab { width:15%; height: 35px; text-align: center; font-size: 14px; padding: 4px; color: #fff; border-radius: 4px; float:right; margin-left:5px;}
.btn-search-tab.select { background-color: #0793F4; }
.btn-search-tab.unselect { background-color: #0793f463}

/*
.btn-add { position:fixed; left:50%; bottom:20px; width:95%; height: 40px; text-align: center; background-color: #75bdde; font-size: 14px; padding: 0px 10px 0px 10px; color: #fff; border-radius: 4px; transform: translateX(-50%); font-weight:bold;}
*/
.btn-add { position:fixed; right:10px; bottom:20px; width:auto; height: 40px; text-align: center; background-color: #75bdde; font-size: 14px; padding: 0px 10px 0px 10px; color: #fff; border-radius: 4px; float: right; font-weight:bold;}

textarea { font-size:1em; resize: none; width: 100%; padding: 15px; border: 1px solid #d3d4d6; display: block; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; }

input, button { vertical-align: middle; border: 0px }

label { cursor: pointer; }

.kakao-logo { width: 36px; height: 15px; }

.btn-alarm, .btn-chatting { position: relative; }

.btn-deal { border: solid 2px #415ec4; border-radius: 4px; width: 140px; height: 180px; display: inline-flex; justify-content: center; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); }

.deal-emergency-container .btn-deal { border: solid 2px #e48d37; border-radius: 4px; width: 140px; height: 180px; display: inline-flex; justify-content: center; }

.deal-emergency-container .btn-deal.sale { background: url("../images/icon/img-sell-o.png") no-repeat 50% 60px/61px; }

.deal-emergency-container .btn-deal.sale.disable { background: url("../images/icon/img-sell-g.png") no-repeat 50% 60px/61px; border: solid 2px #b2b2b2; }

.deal-emergency-container .btn-deal.sale.disable .btn-title { color: #b2b2b2; }

.deal-emergency-container .btn-deal.purchase { background: url("../images/icon/img-buy-o.png") no-repeat 50% 60px/61px; }

.btn-deal.sale { background: url("../images/icon/img-sell-lg.png") no-repeat 50% 60px/80px; }

.btn-deal.purchase { background: url("../images/icon/img-buy-lg.png") no-repeat 50% 60px/80px; }

.btn-deal.donate { background: url("../images/icon/img-donate-md.png") no-repeat 50% 60px/80px; }

.btn-deal .btn-title { text-align: center; font-size: 16px; color: #415ec4; margin-top: 24px; }

.deal-emergency-container .btn-deal .btn-title { font-size: 19px; color: #e48d37; margin-top: 26px; }

.btn-search-cprimary { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/search-cprimary.png") no-repeat; width: 18px; height: 18px; background-size: 18px 18px; }

.btn-plus { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/ico-plus.png") no-repeat; width: 48px; height: 48px; background-size: 48px 48px; background-position: 50% -4px; flex: none; }

.btn-trash { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/trash.png") no-repeat; width: 32px; height: 32px; background-size: 32px 32px; }

.btn-write { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/pencil.png") no-repeat; width: 16px; height: 16px; background-size: 16px 16px; flex: none; }

.btn-send { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/ico-send.png") no-repeat; width: 22px; height: 22px; background-size: 22px 22px; flex: none; }

.btn-more-wh { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/more-lg-wh.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; }

.btn-phone-wh { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/phone-lg-wh.png") no-repeat; width: 36px; height: 36px; background-size: 36px 36px; }

.btn-store-wh { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/btn-store-wh.png") no-repeat; width: 36px; height: 36px; background-size: 36px 36px; }

.btn-phone { height: 54px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; background: url("../images/icon/phone-lg.png") no-repeat left/32px; width: 86px; height: 32px; color: #415ec4; font-size: 14px; padding-left: 34px; margin-right: 24px; }

.btn-thumb-close { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/close-md.png") no-repeat; width: 18px; height: 18px; background-size: 18px 18px; }

.btn-menu { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/menu.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; }

.btn-estimate { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/estimate.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; }

.btn-chatting { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/chatting.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; }

.btn-alarm { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/alarm.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; }

.btn-config { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/config.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; }

.btn-prev-large { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/prev-large.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; }

.btn-more { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/more.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; }

.btn-more-dark { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/more-dark.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; }

.btn-kakao-search { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/kakao-search.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; }

.btn-config-wh { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/config-wh.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; }

.switch { display: inline-block; position: relative; width: 50px; height: 26px; -webkit-tap-highlight-color: transparent; }

.switch input { opacity: 0; width: 0; height: 0; }

.switch input:checked + .slider { background-color: #ccc; }

.switch input:checked + .slider:before { transform: translate(-100%, -50%); }

.switch input:disabled + .slider { background-color: #f5f5f5; }

.switch input:disabled + .slider:before { background-color: #fff; }

.switch .slider { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #3555d9; border-radius: 13px; transition: .4s; cursor: pointer; }

.switch .slider:before { content: ''; position: absolute; right: 5%; top: 50%; width: 23px; height: 23px; background-color: #fff; border-radius: 50%; transition: .4s; transform: translate(2%, -50%); }

.btn-wrap-logout { padding: 0 14px; }

.btn-wrap-mystore { padding: 5px 14px 25px; }

.btn-rect-medium { background-color: rgba(206, 206, 206, 0.7); height: 48px; display: flex; justify-content: center; align-items: center; flex-direction: row; border-radius: 4px; }

.btn-rect-medium .text { font-size: 14px; color: #fff; }

.btn-fit-small { background-color: #415ec4; height: 34px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding: 0 12px; border-radius: 4px; }

.btn-fit-small .text { font-size: 14px; color: #fff; }

.btn-fit-medium { background-color: #415ec4; height: 40px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding: 0 12px; border-radius: 20px; flex-grow: 1; }

.btn-fit-medium .text { font-size: 14px; color: #fff; }

.btn-list-more { background-color: #fff; height: 40px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding: 0 12px; border-radius: 2px; border: solid 1px #415ec4; flex-grow: 1; }

.btn-list-more .text { font-size: 14px; color: #415ec4; }

.btn-fit-large { background-color: #415ec4; height: 46px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding: 0 12px; border-radius: 2px; flex-grow: 1; }

.btn-fit-large .text { font-size: 14px; color: #fff; }

.btn-fit-large.disable { background-color: rgba(206, 206, 206, 0.7); pointer-events: none; }

.btn-fit-start { background-color: #415ec4; height: 36px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding: 0 20px; border-radius: 18px; }

.btn-fit-start .text { font-size: 14px; color: #fff; }

.fit-indicator { background-color: transparent; height: 46px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding: 0 0 0 24px; border-radius: 4px; background: url("../images/icon/check-active.png") no-repeat left center/19px; flex-grow: 1; }

.fit-indicator .text { font-size: 14px; color: #415ec4; }

.fit-indicator.disable { background-color: rgba(206, 206, 206, 0.7); pointer-events: none; }

.btn-fit-back { background-color: #415ec4; height: 46px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding: 0 15px 0 35px; border-radius: 2px; border: solid 1px #415ec4; width: fit-content; }

.btn-fit-back .text { font-size: 14px; color: #415ec4; }

.btn-fit-back.refresh { background: url("../images/icon/refresh.png") no-repeat 10px center/25px; }

.btn-rect-small { background-color: #fff; height: 40px; display: flex; justify-content: center; align-items: center; flex-direction: row; border-radius: 4px; border: solid 1px #215bd9; }

.btn-rect-small .text { font-size: 14px; color: #215bd9; }

.btn-down { height: 38px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; background-color: #e6e6e6; padding: 0 11px; margin-top: 20px; }

.btn-down .file-name { margin-right: auto; margin-left: 7px; }

.btn-text { height: 28px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: 0 8px; outline: none; }

.btn-text.cancel { color: #b2b2b2; }

.btn-text.ok { color: #415ec4; }

.btn-text.white { color: #fff; font-size: 14px; }

.btn-up-small { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/camera-upload.png") no-repeat; width: 30px; height: 30px; background-size: 30px 30px; }

.btn-fixed { width: 100%; color: #fff; z-index: 2; height: 54px; display: flex; justify-content: center; align-items: center; flex-direction: row; }

.btn-fixed.disable { font-size: 18px; background-color: rgba(206, 206, 206, 0.7); pointer-events: none; }

.btn-fixed.emergency { background-color: #e48d37; }

.btn-fixed.purchase { background-color: #10ccc5; }

.btn-fixed.sale { background-color: #3ca4f0; }

.btn-fixed.primary { background-color: #415ec4; }

.btn-sort { height: 18px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; font-size: 12px; color: #898989; position: relative; padding-right: 18px; }

.btn-sort:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 18px; height: 18px; background-image: url("../images/icon/arr-small-d.png"); background-size: 100%; z-index: 1; }

.btn-chat-detail { height: 40px; display: flex; justify-content: center; align-items: center; flex-direction: row; font-size: 14px; color: #415ec4; }

.btn-search-del { display: none; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background: #fff url("../images/icon/search-close-primary.png") no-repeat center/22px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: none; }

.btn-search-del.on { display: block; }

.btn-search-speak { border-top-right-radius: 4px; border-bottom-right-radius: 4px; display: inline-block; width: 80px; height: 60px; background: #415ec4 url("../images/icon/img-mike.png") no-repeat 50% 50%/24px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; }

.btn-emergency { background-color: #e48d37; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: row; padding: 13px 14px; border-radius: 4px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16); width: fit-content; background-image: linear-gradient(to bottom, #f5993d, #e6892c); }

.btn-emergency .text { font-size: 16px; color: #fff; }

.btn-emergency .ico-emergency { width: 26px; margin-top: -4px; margin-right: 5px; }

.swiper-button-next, .swiper-button-prev { width: 36px !important; height: 36px !important; color: #fff !important; font-size: 14px !important; background-color: rgba(206, 206, 206, 0.7); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-radius: 36px; outline: none; }

.swiper-button-next:after, .swiper-button-prev:after { font-size: 13px !important; text-transform: none !important; }

.label { display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 10px; height: 18px; padding: 0 6px; border-radius: 6px; width: fit-content; }

.label.dealer { background: #e48d37; }

.label.user { background: #90a1a8; }

.label.sdealer { background: linear-gradient(290deg, #dca561 0%, #edd452 100%); }

.label.purchase { background: #10ccc5; }

.label.sale { background: #3ca4f0; }

.label.complete { background: #d04444; }

.label-line { display: inline-flex; align-items: center; justify-content: center; font-size: 10px; height: 18px; padding: 0 6px; border-radius: 6px; width: fit-content; background-color: #fff; }

.label-line.sale { border: solid 1px #3ca4f0; color: #3ca4f0; }

.label-line.purchase { border: solid 1px #10ccc5; color: #10ccc5; }

.label-v { display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 10px; writing-mode: vertical-rl; text-orientation: upright; padding: 6px 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; width: 18px; }

.label-v.dealer { background: #e48d37; }

.label-v.user { background: #90a1a8; }

.label-v.sdealer { background: linear-gradient(290deg, #dca561 0%, #edd452 100%); }

.label-v.purchase { background: #10ccc5; }

.label-v.sale { background: #3ca4f0; }

.label-v.complete { background: #d04444; }

.android .label-v { letter-spacing: -0.2em; }

.android .label-v .text { margin-top: -0.2em; }

.n-badge { width: 28px; height: auto; }

.down { width: 16px; }

.label-file { display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; color: #fff; font-size: 10px; border-radius: 6px; flex: none; }

.label-file.pdf { background: #ef1414; }

.label-file.exl { background: #ef1414; }

.bg-dim { height:100%; display: none; z-index: 10; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }

.bg-dim.open { height:100%; display: block; animation: dim-on 0.5s; }

@keyframes dim-on { from { opacity: 0; }
  to { opacity: 1; } }

.pop-wrap { display: none; padding: 14px; background-color: #fff; border-radius: 4px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 100; width: 300px; flex-direction: column; max-height: 400px; }

.pop-wrap.open { display: flex; }

.pop-wrap .pop-head { height: 40px; flex: none; display: flex; }

.pop-wrap .pop-body { overflow-y: auto; }
.pop-wrap .pop-body.alarm { display: flex; }
.pop-wrap .pop-body.alarm h2 { font-size: 16px; color: #262626; line-height: 24px; margin-bottom: 2px; text-align: left; }
.pop-wrap .pop-body.alarm .pop-info p { font-size: 12px; text-align: left; }
.pop-wrap .pop-body.alarm img { width: 61px; height: 58px; flex: none; margin-right: 7px; }
.pop-wrap .pop-body .warning-black { margin-bottom: 15px; }

.pop-wrap .pop-body.default { text-align: center; }
.pop-wrap .pop-body.default h2 { color: #262626; }

.pop-wrap .pop-body h2 { font-size: 20px; color: #415ec4; margin-bottom: 20px; text-align: center; }
.pop-wrap .pop-body .del { color: #f43e07; }
.pop-wrap .pop-body p { font-size: 14px; line-height: 1.57; text-align: center; }

.pop-wrap .pop-body .category-set { padding: 0 10px; }
.pop-wrap .pop-body .category-set li { margin-bottom: 0; margin-top: 20px; }

.pop-wrap .pop-btn-wrap { padding: 30px 11px 14px; }
.pop-wrap .pop-btn-wrap + label { padding-top: 10px; }

.pop-wrap .pop-btn-wrap .btn-pop-confirm { background-color: #415ec4; height: 40px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding: 0 12px; border-radius: 4px; }
.pop-wrap .pop-btn-wrap .btn-pop-confirm .text { font-size: 14px; color: #fff; }
.pop-wrap .pop-btn-wrap .btn-pop-confirm.emergency { background-color: #e48d37; }
.pop-wrap .pop-btn-wrap .btn-pop-confirm.disable { background-color: rgba(206, 206, 206, 0.7); }
.pop-wrap .pop-btn-wrap .btn-pop-confirm.hidden { display: none; }
.pop-wrap .pop-btn-wrap .btn-pop-confirm.new { background-color: #0793F4; }

.pop-wrap .pop-btn-wrap .btn-pop-confirm.ok { width:48%; float:left; background-color: #0793F4; }
.pop-wrap .pop-btn-wrap .btn-pop-confirm.del { width:48%; float:left; background-color: #f43e07; }
.pop-wrap .pop-btn-wrap .btn-pop-confirm.cancel { width:48%; float:right; background-color: rgba(206, 206, 206, 0.7);}

.pop-wrap .pop-btn-wrap .btn-pop-confirm-non-focus { background-color: #415ec4; height: 40px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding: 0 12px; border-radius: 4px; }
.pop-wrap .pop-btn-wrap .btn-pop-confirm-non-focus .text { font-size: 14px; color: #fff; }
.pop-wrap .pop-btn-wrap .btn-pop-confirm-non-focus.emergency { background-color: #e48d37; }
.pop-wrap .pop-btn-wrap .btn-pop-confirm-non-focus.disable { background-color: rgba(206, 206, 206, 0.7); }
.pop-wrap .pop-btn-wrap .btn-pop-confirm-non-focus.hidden { display: none; }
.pop-wrap .pop-btn-wrap .btn-pop-confirm-non-focus.new { background-color: #0793F4; }

.pop-wrap .pop-btn-wrap .btn-pop-confirm-non-focus.ok { width:48%; float:left; background-color: #0793F4; }
.pop-wrap .pop-btn-wrap .btn-pop-confirm-non-focus.del { width:48%; float:left; background-color: #f43e07; }
.pop-wrap .pop-btn-wrap .btn-pop-confirm-non-focus.cancel { width:48%; float:right; background-color: rgba(206, 206, 206, 0.7);}

.sheet-wrap { padding: 0 14px; background-color: #fff; position: absolute; bottom: 0; width: 100%; z-index: 100; transform: translateY(100%); transition: 0.45s cubic-bezier(0.32, 1, 0.23, 1) 0.1s; }

.sheet-wrap .sheet-header { height: 54px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; }

.sheet-wrap .sheet-icon-wrap { height: 120px; display: flex; }

.sheet-wrap .sheet-icon-wrap a { text-align: center; font-size: 12px; color: #898989; margin: 0 15px; display: block; height: 70px; }

.sheet-wrap .sheet-icon-wrap img { width: 44px; height: 44px; display: block; margin-bottom: 10px; }

.sheet-wrap li:not(:last-of-type) { border-bottom: solid 1px #e6e6e6; }

.sheet-wrap.open { transform: translateY(0); }

.sheet-wrap .btn-sheet { height: 54px; display: flex; justify-content: center; align-items: center; flex-direction: row; height: 50px; font-size: 13px; color: #898989; background-color: #fff; }

.sheet-wrap .btn-sheet.active { color: #415ec4; }

.sheet-wrap .btn-sheet.cancel { background-color: rgba(206, 206, 206, 0.7); color: #fff; }

.warning-black { width: 60px; object-fit: unset; }

.list-larger { padding: 30px 14px 0; }

.list-larger h3 { font-family: "NotoSans-Bold", sans-serif; font-size: 14px; margin-bottom: 10px; }

.list-larger p { font-size: 12px; line-height: 18px; color: #898989; }

.list-larger p:not(:last-of-type) { margin-bottom: 25px; }

.list-larger li { padding-bottom: 20px; border-bottom: solid 1px #e6e6e6; }

.list-larger li:not(:last-of-type) { margin-bottom: 25px; }

.list-larger li:last-child { margin-bottom: 100px; }

.list-large .label { margin-bottom: -5px; }

.list-large .list-item { position: relative; border-bottom: solid 1px #e6e6e6; }

.list-large .btn-link { height: 100px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: 0 14px; }

.list-large .thumb-large { margin-right: 12px; }

.list-large .user-info { display: flex; flex-direction: column; justify-content: space-between; height: inherit; min-width: 0; padding: 17px 0; margin-right: auto; }

.list-large .user-info .name { color: #262626; }

.list-large .user-info .body-copy { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #898989; font-size: 13px; }

.list-large .util-more { position: absolute; right: 3px; top: 9px; display: flex; align-items: center; }

.list-large .util-more .time-check { font-size: 12px; color: #b2b2b2; }

.list-column { position: relative; padding: 14px 0; }

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

.list-column .list-item { float: left; width: 50%; }

.list-column .list-item:nth-child(odd) .s-thumb-l { padding: 16px 12px 16px 14px; }

.list-column .list-item:nth-child(even) .s-thumb-l { padding: 16px 14px 16px 12px; }

.list-column .time-check { font-size: 10px; color: #b2b2b2; }

.list-column .label-v { position: absolute; right: 14px; top: 0; z-index: 1; }

.list-column dl { display: flex; flex-direction: column; align-items: flex-end; }

.list-column dt { width: 100%; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 9px; }

.list-column .price { font-size: 13px; color: #484848; margin-bottom: 12px; }

.list-column .price sup { font-size: 10px; color: #415ec4; }

.list-column .price em { font-size: 16px; font-family: "NotoSans-Bold", sans-serif; }

.list-store { position: relative; padding: 14px 0; }

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

.list-store .list-item { float: left; width: 50%; }

.list-store .list-item:nth-child(odd) .s-thumb-l { padding: 16px 12px 16px 14px; }

.list-store .list-item:nth-child(even) .s-thumb-l { padding: 16px 14px 16px 12px; }

.list-store .time-check { font-size: 10px; color: #b2b2b2; }

.list-store .label-v { position: absolute; right: 14px; top: 0; z-index: 1; }

.list-store dl { display: flex; flex-direction: column; align-items: flex-end; }

.list-store dt { width: 100%; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 9px; }

.list-store .price { font-size: 13px; color: #484848; margin-bottom: 12px; }

.list-store .price sup { font-size: 10px; color: #415ec4; }

.list-store .price em { font-size: 16px; font-family: "NotoSans-Bold", sans-serif; }

.list-large-request .label { margin-bottom: -5px; }

.list-large-request .list-item { position: relative; border-bottom: solid 1px #e6e6e6; background: url("../images/icon/arr-small-r.png") no-repeat right 9px top 50%/18px; }

.list-large-request .list-item.complete { background: #F3F2F2 url("../images/icon/arr-small-r.png") no-repeat right 9px top 50%/18px; }

.list-large-request .list-item.new { background: #F5F7FC url("../images/icon/arr-small-r.png") no-repeat right 9px top 50%/18px; }

.list-large-request .btn-link { height: 110px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: 0 14px; position: relative; }

.list-large-request .btn-link .time-check { position: absolute; right: 14px; top: 14px; }

.list-large-request .btn-link .time-check.send { position: unset; right: unset; top: unset; }

.list-large-request .btn-link .answer-complete { position: absolute; right: 14px; top: auto; background: url("../images/icon/check-answer.png") no-repeat left 50%/8px 6px; padding: 4px 0 4px 14px; bottom: 14px; color: #d04444; font-size: 12px; }

.list-large-request .thumb-smaller-rect { position: relative; margin-right: 12px; border-radius: 4px; overflow: hidden; display: block; }

.list-large-request .thumb-smaller-rect.disable:after { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: rgba(0, 0, 0, 0.5) url("../images/icon/dim-small.png") no-repeat center/50px; width: 100%; height: 100%; border-radius: 4px; }

.list-large-request .thumb-smallest-rect { position: relative; margin-right: 12px; border-radius: 3px; overflow: hidden; display: block; }

.list-large-request .user-info { display: flex; flex-direction: column; align-self: stretch; justify-content: space-between; min-width: 0; padding: 12px 0; margin-right: auto; }

.list-large-request .user-info .labels { margin-bottom: 8px; }

.list-large-request .user-info .address { font-size: 12px; color: #b2b2b2; background: url("../images/icon/pin-gray.png") no-repeat left 50%/10px 15px; padding: 4px 0 4px 14px; }

.list-large-request .user-info .price { font-size: 14px; }

.list-large-request .user-info .price em { font-size: 16px; }

.list-large-request .user-info .prdt-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #262626; }

.list-large-request .answer { display: flex; align-items: center; flex-direction: column; padding-right: 12px; }

.list-large-request .answer-count { position: absolute; right: 14px; bottom: 12px; font-size: 12px; color: #b2b2b2; }

.list-large-store .btn-link { height: 100px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; border-radius: 4px; background-color: #fff; margin-top: 10px; }

.list-large-store .thumb-small-rect { position: relative; margin-right: 12px; border-radius: 4px; overflow: hidden; display: block; }

.list-large-store .thumb-small-rect.disable:after { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: rgba(0, 0, 0, 0.5) url("../images/icon/dim-medium.png") no-repeat center/80px; width: 100%; height: 100%; border-radius: 4px; }

.list-large-store .thumb-small-rect .label-v { position: absolute; left: 10px; top: 0; }

.list-large-store dl { display: flex; flex-direction: column; align-self: stretch; justify-content: space-between; min-width: 0; padding: 13px 0; margin-right: 14px; flex: 1; }

.list-large-store dl .prdt-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #262626; }

.list-large-store dl dt { font-size: 15px; line-height: 1.2; }

.list-large-store dl .price { height: 54px; display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row; }

.list-large-store dl .price sup { font-size: 11px; color: #415ec4; }

.list-large-card { padding: 20px 0 60px; }

.list-large-card .label { margin-bottom: -2px; }

.list-large-card .list-item { position: relative; padding: 0 14px; }

.list-large-card .list-item:not(:last-of-type) { padding: 0 14px 16px; }

.list-large-card .btn-link { height: auto; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row; padding: 14px; background: url("../images/icon/arr-small-r.png") no-repeat right 9px top 50%/18px #fff; box-shadow: 0 0 6px 0 rgba(178, 178, 178, 0.16); }

.list-large-card .time-check { font-size: 12px; color: #b2b2b2; }

.list-large-card .thumb-medium { margin-right: 12px; }

.list-large-card .user-info { display: flex; flex-direction: column; min-width: 0; margin-right: auto; }

.list-large-card .user-info .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 4px 0; line-height: 1.5; }

.list-large-card .user-info .copy { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; line-height: 1.5; }

.list-large-card .user-info .price { color: #484848; }

.list-large-card .user-info .price sup { font-size: 12px; color: #415ec4; }

.list-large-card .user-info .price em { font-size: 20px; font-family: "NotoSans-Bold", sans-serif; line-height: 1.45; }

.list-large-card .answer { display: flex; align-items: center; flex-direction: column; padding-right: 17px; }

.list-large-card .answer-count { position: absolute; right: 14px; bottom: 12px; font-size: 12px; color: #b2b2b2; }

.list-card-round { padding: 20px 0 30px; }

.list-card-round .thumb-smaller-rect { margin-right: 12px; }

.list-card-round .label { margin-bottom: -2px; }

.list-card-round .list-item { position: relative; padding: 0 14px; }

.list-card-round .list-item:not(:last-of-type) { padding: 0 14px 16px; }

.list-card-round .btn-link { height: 117px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: 14px 40px 14px 14px; background: url("../images/icon/arr-small-r.png") no-repeat right 9px top 50%/18px #fff; box-shadow: 0 0 6px 0 rgba(178, 178, 178, 0.16); border-radius: 6px; }

.list-card-round .time-check { position: absolute; right: 28px; top: 14px; display: flex; font-size: 12px; color: #b2b2b2; }

.list-card-round .thumb-medium { margin-right: 12px; }

.list-card-round .user-info { display: flex; flex-direction: column; min-width: 0; margin-right: auto; justify-content: space-between; align-self: stretch; }

.list-card-round .user-info .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 1.83; font-size: 12px; }

.list-card-round .user-info .middle-ellipsis { display: flex; font-size: 14px; line-height: 1.57; }

.list-card-round .user-info .copy { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: "NotoSans-Bold", sans-serif; min-width: 0; }

.list-card-round .user-info .prefix { margin-left: auto; flex: none; }

.list-card-round .user-info .message { font-size: 14px; line-height: 1.57; }

.list-card-round .answer { display: flex; align-items: center; flex-direction: column; padding-right: 17px; }

.list-card-round .answer-count { position: absolute; right: 14px; bottom: 12px; font-size: 12px; color: #b2b2b2; }

.list-small:not(:last-of-type) { border-bottom: solid 10px #f5f6f8; }

.list-small .list-item { height: 50px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: 0 14px; background-color: #fff; }

.list-small .list-item.gray { background-color: #f5f6f8; }

.list-small .list-item.sub { padding: 0 14px 0 24px; }

.list-small .list-item:not(:last-child) { border-bottom: solid 1px #f5f6f8; }

.list-small .list-item > *:last-child { margin-left: auto; }

.list-small .version { font-size: 14px; color: #898989; }

.list-small .item-text { display: flex; }

.list-small-1th { border-bottom: solid 10px #f5f6f8; }

.list-small-1th > .list-item:not(:last-child) { border-bottom: solid 1px #f5f6f8; }

.list-small-1th > .list-item > .item-text { height: 50px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding-left: 38px; position: relative; }

.list-small-1th > .list-item > .item-text > .text { position: relative; }

.list-small-1th > .list-item > .item-text > .text .n-badge { position: absolute; right: -26px; top: -9px; }

.list-small-1th > .list-item > .item-text.list { background: url("../images/icon/list.png") no-repeat 12px 50%/18px; }

.list-small-1th > .list-item > .item-text.chat { background: url("../images/icon/chat.png") no-repeat 12px 50%/18px; }

.list-small-1th > .list-item > .item-text.help { background: url("../images/icon/help.png") no-repeat 12px 50%/18px; }

.list-small-1th > .list-item > .item-text.requestpaper { background: url("../images/icon/requestpaper.png") no-repeat 12px 50%/18px; }

.list-small-1th > .list-item > .item-text.settings { background: url("../images/icon/settings.png") no-repeat 12px 50%/18px; }

.list-small-1th > .list-item > .item-text.writerequest { background: url("../images/icon/writerequest.png") no-repeat 12px 50%/18px; }

.list-small-1th > .list-item > .item-text:after { content: ""; position: absolute; right: 9px; top: 50%; transform: translateY(-50%); display: block; width: 18px; height: 18px; background-image: url("../images/icon/arr-small-dblue.png"); background-size: 100%; z-index: 1; }

.list-small-1th > .list-item > .item-text.only-1st:after { content: ""; position: absolute; right: 9px; top: 50%; transform: translateY(-50%); display: block; width: 18px; height: 18px; background-image: url("../images/icon/arr-small-r.png"); background-size: 100%; z-index: 1; }

.list-small-1th > .list-item > .item-text.on:after { background-image: url("../images/icon/arr-small-ublue.png"); }

.list-small-1th > .list-item > .item-text + .list-small-2th { max-height: 0; transition: .5s; overflow: hidden; }

.list-small-1th > .list-item > .item-text.on + .list-small-2th { max-height: 300px; }

.list-small-input { border-bottom: solid 10px #f5f6f8; }

.list-small-input .list-item:not(:last-child) { border-bottom: solid 1px #f5f6f8; }

.list-small-input .list-item .item-text { background-color: #fff; height: 50px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; display: flex; padding: 0 14px 0 38px; position: relative; }

.list-small-input .list-item .item-text > *:not(:first-child) { margin-left: 4px; }

.list-small-input .list-item .item-text .text { position: relative; }

.list-small-input .list-item .item-text .text .n-badge { position: absolute; right: -26px; top: -9px; }

.list-small-input .list-item .item-text.pin { background: #fff url("../images/icon/pin.png") no-repeat 12px 50%/18px; }

.list-small-input .list-item .item-text.phone { background: #fff url("../images/icon/phone.png") no-repeat 12px 50%/18px; }

.list-small-input .list-item .item-text + .list-small-2th { max-height: 0; transition: .5s; overflow: hidden; }

.list-small-input .list-item .item-text.on + .list-small-2th { max-height: 300px; }

.list-small-incomplete { background-color: #fff; border-top: solid 10px #f5f6f8; }

.list-small-incomplete .list-item:not(:last-of-type) { border-bottom: solid 1px #e6e6e6; }

.list-small-incomplete .list-item .item-text { height: 50px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; display: flex; padding: 0 30px 0 14px; position: relative; font-size: 14px; }

.list-small-incomplete .list-item .item-text:after { content: ""; position: absolute; right: 9px; top: 50%; transform: translateY(-50%); display: block; width: 18px; height: 18px; background-image: url("../images/icon/arr-small-r.png"); background-size: 100%; z-index: 1; }

.list-small-incomplete .list-item .indicator { font-size: 14px; color: #ff4b4b; }

.list-small-incomplete .list-item .more { font-size: 14px; color: #b2b2b2; }

.list-small-category .list-item:not(:last-of-type) { border-bottom: solid 1px #f5f6f8; }

.list-small-category .list-item .item-text { height: 50px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; display: flex; padding: 0 30px 0 14px; position: relative; background-color: #fff; }

.list-small-category .list-item .item-text:after { content: ""; position: absolute; right: 9px; top: 50%; transform: translateY(-50%); display: block; width: 18px; height: 18px; background-image: url("../images/icon/arr-small-r.png"); background-size: 100%; z-index: 1; }

.list-small-drop .list-item:not(:last-of-type) { border-bottom: solid 1px #f5f6f8; }

.list-small-drop .list-item .item-text { height: 50px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; display: flex; padding: 0 30px 0 14px; position: relative; background-color: #fff; }

.list-small-drop .list-item .item-text:after { content: ""; position: absolute; right: 9px; top: 50%; transform: translateY(-50%); display: block; width: 18px; height: 18px; background-image: url("../images/icon/arr-small-d.png"); background-size: 100%; z-index: 1; }

.list-small-complete { border-top: solid 10px #f5f6f8; }

.list-small-complete .list-item { background-color: #fff; }

.list-small-complete .list-item:not(:last-of-type) { border-bottom: solid 1px #e6e6e6; }

.list-small-complete .list-item .item-text { font-size: 14px; height: 50px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; display: flex; padding: 0 14px 0 14px; position: relative; }

.list-small-complete .list-item .indicator { color: #b2b2b2; }

.list-small-complete .list-item .more { font-size: 14px; color: #b2b2b2; }

.list-small-2th > .list-item > .item-text { border-top: solid 1px #e6e6e6; height: 50px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; display: flex; padding-left: 38px; display: flex; position: relative; }

.list-small-2th > .list-item > .item-text:after { content: ""; position: absolute; right: 9px; top: 50%; transform: translateY(-50%); display: block; width: 18px; height: 18px; background-image: url("../images/icon/arr-small-r.png"); background-size: 100%; z-index: 1; }

.list-flex .btn-accordion { padding: 30px 66px 30px 14px; display: flex; min-height: 100px; position: relative; align-items: center; margin-right: auto; }

.list-flex .btn-accordion:after { content: ""; display: block; width: 18px; height: 18px; background-image: url("../images/icon/arr-small-d.png"); background-size: 100%; position: absolute; z-index: 1; right: 12px; top: 50%; transform: translateY(-50%); }

.list-flex .btn-accordion.on:after { background-image: url("../images/icon/arr-small-u.png"); }

.list-flex .btn-accordion .text { line-height: 22px; }

.list-flex .btn-accordion .util-down { position: absolute; right: 14px; top: 6px; font-size: 11px; line-height: 17px; color: #b2b2b2; }

.list-flex .btn-accordion + .js-acc-con { overflow: hidden; max-height: 0; padding: 0 14px; transition: .5s; }

.list-flex .btn-accordion.on + .js-acc-con { max-height: 500px; padding: 20px 14px; }

.list-flex p { font-size: 12px; line-height: 18px; color: #898989; }

.list-flex p:not(:last-of-type) { margin-bottom: 25px; }

.list-flex li { position: relative; border-bottom: solid 1px #e6e6e6; }

.list-flex li:last-child { margin-bottom: 100px; }

.list-flex .body-copy { background-color: #f5f6f8; padding: 20px 14px; color: #262626; font-size: 12px; line-height: 22px; }

.slide-wide { flex: none; position: relative; overflow: hidden; }

.slide-wide .swiper-pagination-bullet { background-color: #b2b2b2; opacity: 1; width: 6px; height: 6px; }

.slide-wide .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #415ec4; }

.slide-splash { flex: 1; position: relative; overflow: hidden; }

.slide-splash .swiper-pagination { buttom: 16px; }

.slide-splash .swiper-pagination-bullet { background-color: #b2b2b2; opacity: 1; width: 6px; height: 6px; }

.slide-splash .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; }

.slide-splash img { object-position: top; }

.slide-medium { position: relative; padding: 14px 0; overflow: hidden; }

.slide-medium .swiper-slide { width: 150px; }

.slide-medium .time-check { font-size: 10px; color: #b2b2b2; }

.slide-medium .label-v { position: absolute; right: 14px; top: 0; z-index: 1; }

.slide-medium dl { display: flex; flex-direction: column; align-items: flex-end; }

.slide-medium dt { width: 100%; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 9px; }

.slide-medium .price { font-size: 13px; color: #484848; margin-bottom: 12px; }

.slide-medium .price sup { font-size: 10px; color: #415ec4; }

.slide-medium .price em { font-size: 16px; font-family: "NotoSans-Bold", sans-serif; }

.slide-small { position: relative; overflow: hidden; padding-bottom: 10px; }

.slide-small .swiper-slide { width: 100px; }

.slide-small .swiper-slide:first-child .s-thumb-s { border-radius: 4px; }

.slide-small .count { display: inline-block; width: 100%; font-size: 10px; color: #b2b2b2; text-align: right; }

.list-small-address li { margin-bottom: 20px; }

.list-small-address .ex-title { font-size: 11px; margin-bottom: 8px; }

.list-small-address .ex-copy { font-size: 11px; color: #415ec4; }

.list-smaller .list-item { border-bottom: solid 1px #f5f6f8; }

.list-smaller .item-text { height: 40px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; color: #898989; font-size: 14px; padding: 0 14px 0 38px; }

.list-smaller .item-text em { color: #415ec4; font-size: 14px; }

.list-alarm .n-badge { display: none; }

.list-alarm .new { padding: 0 10px 0 0 !important; }

.list-alarm .new:after { display: none !important; }

.list-alarm .new .n-badge { display: inline-block; position: absolute; right: 19px; }

.list-alarm .list-item .main-label { height: 46px; padding: 17px 2px 17px 30px; width: 60px; font-size: 13px; color: #fff; display: inline-block; border-radius: 4px; flex: none; }

.list-alarm .list-item .main-label.sale { background: #3ca4f0 url("../images/icon/img-sell-wh.png") 2px 50%/28px no-repeat; }

.list-alarm .list-item .main-label.purchase { background: #10ccc5 url("../images/icon/img-buy.png") 2px 50%/28px no-repeat; }

.list-alarm .list-item .main-label.emergency { background: #e48d37 url("../images/icon/emergency-s-w.png") 5px 45%/22px 19px no-repeat; }

.list-alarm .list-item:not(:last-of-type) { margin-bottom: 6px; }

.list-alarm .item-text { height: 46px; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; background-color: rgba(255, 255, 255, 0.8); padding: 0 34px 0 0; border-radius: 3px; overflow: hidden; position: relative; /* &:after { @include after-arrow($arr-small-rblack); } */ }

.list-alarm .item-text.sale { border: solid 1px #3ca4f0; }

.list-alarm .item-text.purchase { border: solid 1px #10ccc5; }

.list-alarm .item-text.dealer { border: solid 1px #e48d37; }

.list-alarm .item-text .prdt-name { padding-left: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transform: translateY(-175%); opacity: 0; }

.list-alarm .item-text .animation { animation: roll-in 3s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; }

@keyframes roll-in { 0% { transform: translateY(-175%);
    opacity: 0; }
  30% { transform: translateY(0%);
    opacity: 1; }
  100% { transform: translateY(0%);
    opacity: 1; } }

.list-address-container { box-shadow: 0 2px 6px 0 rgba(170, 170, 170, 0.16); margin-bottom: 30px; }

.list-address-container .paging { font-size: 14px; text-align: center; height: 40px; color: #9f9f9f; padding: 14px; }

.list-address-container .paging em { color: #575757; }

.list-address-detail li { padding: 20px 26px; height: 100px; border-bottom: solid 1px #dddddd; }

.list-address-detail .address-line { height: 22px; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; }

.list-address-detail .address-line span:first-child { margin-right: 10px; }

.list-address-detail .num { color: #ed4343; }

.list-address-detail .sub-num { font-size: 13px; color: #9f9f9f; }

.list-address-detail .copy { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #535353; font-size: 12px; }

.list-address-detail .label-load-name { font-size: 9px; color: #415ec4; width: 43px; height: 16px; border: solid 1px #415ec4; text-align: center; padding: 3px; flex: none; }

.list-small-check { padding-left: 14px; }

.list-small-check .list-item { height: 54px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; height: 35px; }

.tab { width: 100%; top: 54px; display: flex; z-index: 2; background-color: #fff; justify-content: space-between; border-bottom: solid 1px #e6e6e6; }

.tab li { flex: 1; text-align: center; }

.tab a { display: inline-block; width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #898989; position: relative; }

.tab a.on { color: #3555d9; }

.tab a.on:after { content: ""; display: block; position: absolute; bottom: -1px; width: 100%; height: 2px; background-color: #3555d9; }

.tab-store { width: 100%; display: flex; z-index: 2; background-color: #fff; justify-content: space-between; border-bottom: solid 1px #e6e6e6; }

.tab-store li { flex: 1; text-align: center; }

.tab-store a { display: inline-block; width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #b2b2b2; position: relative; }

.tab-store a.on { color: #262626; }

.tab-store a.on em { color: #415ec4; }

.tab-con-wrap.gray { background-color: #f5f6f8; }

.tab-con-wrap .store-con { padding: 14px 14px 40px; }

.tab-con-wrap .store-con.intro { height: 100%; }

.tab-con-wrap .store-con .copy { height: inherit; background-color: #fff; padding: 14px; white-space: pre-wrap; word-break: break-all; font-size: 14px; line-height: 1.43; }

.js-tab-con .js-tab-item { overflow: hidden; display: none; }

.js-tab-con .js-tab-item.on { display: block; }

.user-profile { flex: none; position: relative; height: 80px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: 0 14px; background-color: #f5f6f8; }

.user-profile.chat { background-color: #415ec4; }

.user-profile.chat .name { color: #fff; }

.user-profile .thumb-medium { margin-right: 12px; }

.user-profile .user-info { display: flex; flex-direction: column; justify-content: space-between; height: 40px; min-width: 0; margin-right: auto; }

.user.category .user-profile .user-info .label, .user.category .user-profile .user-info .shape-1, .user.category .user-profile .user-info .my-category { flex: none; }

.user-profile .user-info .my-category { font-size: 12px; color: #898989; display: flex; }

.user-profile .user-info .my-category li:not(:first-of-type) { margin-left: 13px; position: relative; }

.user-profile .user-info .my-category li:not(:first-of-type):after { content: ''; display: block; position: absolute; width: 1px; height: 100%; background-color: #b2b2b2; left: -7px; top: 0; }

.user.category .user-profile { position: relative; background-color: #415ec4; padding-top: 20px; height: 160px; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.user.category .user-profile .thumb-larger { margin-bottom: 10px; }

.user.category .user-profile .btn-config-wh { position: absolute; right: 14px; top: 40px; }

.user.category .user-info { height: 54px; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-right: unset; }

.user.category .shape-1 { color: #fff; text-align: center; }

.user.category .activity-count { background-color: #415ec4; }

.thumb-larger { position: relative; }

.thumb-larger .btn-up-small { display: none; position: absolute; right: 0; bottom: 0; z-index: 0; width: 100%; height: 100%; background-position: right bottom; }

.thumb-larger.edit .btn-up-small { display: block; }

.user.information .user-profile { position: relative; background-color: #fff; padding-top: 0px; height: 112px; display: flex; justify-content: center; align-items: center; flex-direction: row; }

.user.information .user-profile .thumb-larger { margin-right: 10px; }

.user.information .user-profile .btn-config-wh { position: absolute; right: 14px; top: 40px; }

.user.information .user-info { height: 54px; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-right: 14px; height: 5.72em; }

.user.information .user-info .copy { overflow: hidden; text-overflow: ellipsis; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.43; white-space: pre-line; word-break: break-all; }

.user.information .activity-count { background-color: #415ec4; }

.thumb-larger { position: relative; }

.thumb-larger .btn-up-small { display: none; position: absolute; right: 0; bottom: 0; z-index: 0; width: 100%; height: 100%; background-position: right bottom; }

.thumb-larger.edit .btn-up-small { display: block; }

/* checkbox */
.chk-box { height: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; overflow: hidden; }

.chk-box input { display: block; position: relative; width: 19px; height: 19px; padding: 0; margin: 0; border: none; -webkit-appearance: none; }

.chk-box input:before { content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background-color: #fff; border: 1px solid #ccc; border-radius: 12px; }

.chk-box input:after { content: ''; position: absolute; left: 7px; top: 4px; width: 3px; height: 6px; border: solid #ccc; border-width: 0 2px 2px 0; transform: rotate(45deg); }

.chk-box input:checked:before { border: 1px solid #415ec4; }

.chk-box input:checked:after { border-color: #415ec4; }

.chk-box input:disabled:before { content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 12px; }

.chk-box input:disabled:after { content: ''; position: absolute; left: 6px; top: 3px; width: 4px; height: 7px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }

.chk-box .form-txt { display: block; padding: 0 0 0 6px; line-height: 23px; font-size: 14px; color: #505050; }

.chk-box .form-txt .date { font-size: 15px; }

.category-check { border: solid 1px #415ec4; border-radius: 20px; padding: 0 23px; height: 40px; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; }

.category-check.checked { background-repeat: no-repeat, no-repeat; background-position: 10px 50%, center; background-size: 14px 10px, 100%; background-image: url("../images/icon/checked-wh.png"), linear-gradient(140deg, #6781e6 9%, #415ec4 93%); border: none; padding: 0 16px 0 32px; }

.category-check input { display: none; }

.category-check input + .form-txt { display: block; color: #415ec4; font-size: 14px; font-family: 'NotoSans-Regular', sans-serif; letter-spacing: -0.05em; white-space: nowrap; }

.category-check input:checked + .form-txt { color: #fff; }

.map-check { background-color: #fff; border: solid 2px #b2b2b2; border-radius: 20px; padding: 0 23px; width: 90px; height: 36px; overflow: hidden; position: absolute; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; box-shadow: 0 0 6px 0 rgba(118, 118, 118, 0.16); }

.map-check.seoul { left: 108px; top: 97px; }

.map-check.checked.seoul { border-color: #007ecd; color: #007ecd; }

.map-check.checked.seoul .form-txt { color: #007ecd; }

.map-check.busan { left: 221px; top: 313px; }

.map-check.checked.busan { border-color: #f18653; color: #f18653; }

.map-check.checked.busan .form-txt { color: #f18653; }

.map-check.daegu { left: 215px; top: 220px; }

.map-check.checked.daegu { border-color: #00934b; color: #00934b; }

.map-check.checked.daegu .form-txt { color: #00934b; }

.map-check.gwangju { left: 14px; top: 295px; }

.map-check.checked.gwangju { border-color: #ed75ac; color: #ed75ac; }

.map-check.checked.gwangju .form-txt { color: #ed75ac; }

.map-check.incheon { left: 8px; top: 71px; }

.map-check.checked.incheon { border-color: #00a2ec; color: #00a2ec; }

.map-check.checked.incheon .form-txt { color: #00a2ec; }

.map-check.daejeon { left: 116px; top: 193px; }

.map-check.checked.daejeon { border-color: #fba913; color: #fba913; }

.map-check.checked.daejeon .form-txt { color: #fba913; }

.map-check.ulsan { left: 234px; top: 266px; }

.map-check.checked.ulsan { border-color: #bdbc45; color: #bdbc45; }

.map-check.checked.ulsan .form-txt { color: #bdbc45; }

.map-check.gyeonggi-do { left: 108px; top: 47px; }

.map-check.checked.gyeonggi-do { border-color: #61b1d8; color: #61b1d8; }

.map-check.checked.gyeonggi-do .form-txt { color: #61b1d8; }

.map-check.gangwon-do { left: 208px; top: 71px; }

.map-check.checked.gangwon-do { border-color: #0098b7; color: #0098b7; }

.map-check.checked.gangwon-do .form-txt { color: #0098b7; }

.map-check.chungcheongbuk-do { left: 128px; top: 144px; }

.map-check.checked.chungcheongbuk-do { border-color: #fdb5af; color: #fdb5af; }

.map-check.checked.chungcheongbuk-do .form-txt { color: #fdb5af; }

.map-check.chungcheongnam-do { left: 21px; top: 168px; }

.map-check.checked.chungcheongnam-do { border-color: #f48323; color: #f48323; }

.map-check.checked.chungcheongnam-do .form-txt { color: #f48323; }

.map-check.jeollabuk-do { left: 83px; top: 237px; }

.map-check.checked.jeollabuk-do { border-color: #aa67a7; color: #aa67a7; }

.map-check.checked.jeollabuk-do .form-txt { color: #aa67a7; }

.map-check.jeollanam-do { left: 85px; top: 340px; }

.map-check.checked.jeollanam-do { border-color: #e44269; color: #e44269; }

.map-check.checked.jeollanam-do .form-txt { color: #e44269; }

.map-check.gyeongsangbuk-do { left: 234px; top: 157px; }

.map-check.checked.gyeongsangbuk-do { border-color: #95b23c; color: #95b23c; }

.map-check.checked.gyeongsangbuk-do .form-txt { color: #95b23c; }

.map-check.gyeongsangnam-do { left: 129px; top: 289px; }

.map-check.checked.gyeongsangnam-do { border-color: #fdba37; color: #fdba37; }

.map-check.checked.gyeongsangnam-do .form-txt { color: #fdba37; }

.map-check.jeju-do { left: 218px; top: 372px; }

.map-check.checked.jeju-do { border-color: #df54cc; color: #df54cc; }

.map-check.checked.jeju-do .form-txt { color: #df54cc; }

.map-check.all-do { left: 0; top: 0; }

.map-check.checked.all-do { border-color: #415ec4; color: #415ec4; }

.map-check.checked.all-do .form-txt { color: #415ec4; }

.map-check.all-gangwon { left: 0; top: 0; }

.map-check.checked.all-gangwon { border-color: #0098b7; color: #0098b7; }

.map-check.checked.all-gangwon .form-txt { color: #0098b7; }

.map-check.gangwon-a { left: 106px; top: 48px; }

.map-check.checked.gangwon-a { border-color: #69cbbc; color: #69cbbc; }

.map-check.checked.gangwon-a .form-txt { color: #69cbbc; }

.map-check.gangwon-b { left: 139px; top: 159px; }

.map-check.checked.gangwon-b { border-color: #69b8cb; color: #69b8cb; }

.map-check.checked.gangwon-b .form-txt { color: #69b8cb; }

.map-check.all-chungbuk { left: 0; top: 0; }

.map-check.checked.all-chungbuk { border-color: #F6B1AB; color: #F6B1AB; }

.map-check.checked.all-chungbuk .form-txt { color: #F6B1AB; }

.map-check.chungbuk-a { left: 137px; top: 53px; }

.map-check.checked.chungbuk-a { border-color: #F6ABB1; color: #F6ABB1; }

.map-check.checked.chungbuk-a .form-txt { color: #F6ABB1; }

.map-check.chungbuk-b { left: 37px; top: 115px; }

.map-check.checked.chungbuk-b { border-color: #F6ABD1; color: #F6ABD1; }

.map-check.checked.chungbuk-b .form-txt { color: #F6ABD1; }

.map-check.all-chungnam { left: 0; top: 0; }

.map-check.checked.all-chungnam { border-color: #F48323; color: #F48323; }

.map-check.checked.all-chungnam .form-txt { color: #F48323; }

.map-check.chungnam-a { left: 106px; top: 46px; }

.map-check.checked.chungnam-a { border-color: #E59E61; color: #E59E61; }

.map-check.checked.chungnam-a .form-txt { color: #E59E61; }

.map-check.chungnam-b { left: 139px; top: 159px; }

.map-check.checked.chungnam-b { border-color: #E68A6F; color: #E68A6F; }

.map-check.checked.chungnam-b .form-txt { color: #E68A6F; }

.map-check.all-gyeongbuk { left: 0; top: 0; }

.map-check.checked.all-gyeongbuk { border-color: #B9CB67; color: #B9CB67; }

.map-check.checked.all-gyeongbuk .form-txt { color: #B9CB67; }

.map-check.gyeongbuk-a { left: 42px; top: 66px; }

.map-check.checked.gyeongbuk-a { border-color: #A5CB67; color: #A5CB67; }

.map-check.checked.gyeongbuk-a .form-txt { color: #A5CB67; }

.map-check.gyeongbuk-b { left: 190px; top: 125px; }

.map-check.checked.gyeongbuk-b { border-color: #9BB775; color: #9BB775; }

.map-check.checked.gyeongbuk-b .form-txt { color: #9BB775; }

.map-check.all-gyeongnam { left: 0; top: 0; }

.map-check.checked.all-gyeongnam { border-color: #FDBA37; color: #FDBA37; }

.map-check.checked.all-gyeongnam .form-txt { color: #FDBA37; }

.map-check.gyeongnam-a { left: 200px; top: 61px; }

.map-check.checked.gyeongnam-a { border-color: #F2CD69; color: #F2CD69; }

.map-check.checked.gyeongnam-a .form-txt { color: #F2CD69; }

.map-check.gyeongnam-b { left: 174px; top: 130px; }

.map-check.checked.gyeongnam-b { border-color: #E8E371; color: #E8E371; }

.map-check.checked.gyeongnam-b .form-txt { color: #E8E371; }

.map-check.gyeongnam-c { left: 31px; top: 105px; }

.map-check.checked.gyeongnam-c { border-color: #EAA66C; color: #EAA66C; }

.map-check.checked.gyeongnam-c .form-txt { color: #EAA66C; }

.map-check.all-jeonbuk { left: 0; top: 0; }

.map-check.checked.all-jeonbuk { border-color: #AA67A7; color: #AA67A7; }

.map-check.checked.all-jeonbuk .form-txt { color: #AA67A7; }

.map-check.jeonbuk-a { left: 37px; top: 94px; }

.map-check.checked.jeonbuk-a { border-color: #8F7CAC; color: #8F7CAC; }

.map-check.checked.jeonbuk-a .form-txt { color: #8F7CAC; }

.map-check.jeonbuk-b { left: 199px; top: 107px; }

.map-check.checked.jeonbuk-b { border-color: #B187C3; color: #B187C3; }

.map-check.checked.jeonbuk-b .form-txt { color: #B187C3; }

.map-check.all-jeonnam { left: 0; top: 0; }

.map-check.checked.all-jeonnam { border-color: #E44269; color: #E44269; }

.map-check.checked.all-jeonnam .form-txt { color: #E44269; }

.map-check.jeonnam-a { left: 37px; top: 94px; }

.map-check.checked.jeonnam-a { border-color: #DD779A; color: #DD779A; }

.map-check.checked.jeonnam-a .form-txt { color: #DD779A; }

.map-check.jeonnam-b { left: 199px; top: 107px; }

.map-check.checked.jeonnam-b { border-color: #DD7777; color: #DD7777; }

.map-check.checked.jeonnam-b .form-txt { color: #DD7777; }

.map-check.all-busan { left: 0px; top: 0px; }

.map-check.checked.all-busan { border-color: #F18653; color: #F18653; }

.map-check.checked.all-busan .form-txt { color: #F18653; }

.map-check.busan-a { left: 205px; top: 29px; }

.map-check.checked.busan-a { border-color: #D98869; color: #D98869; }

.map-check.checked.busan-a .form-txt { color: #D98869; }

.map-check.busan-b { left: 29px; top: 98px; }

.map-check.checked.busan-b { border-color: #B26D57; color: #B26D57; }

.map-check.checked.busan-b .form-txt { color: #B26D57; }

.map-check.busan-c { left: 150px; top: 163px; }

.map-check.checked.busan-c { border-color: #BA855E; color: #BA855E; }

.map-check.checked.busan-c .form-txt { color: #BA855E; }

.map-check.all-incheon { left: 0; top: 0; }

.map-check.checked.all-incheon { border-color: #00A2EC; color: #00A2EC; }

.map-check.checked.all-incheon .form-txt { color: #00A2EC; }

.map-check.incheon-a { left: 49px; top: 71px; }

.map-check.checked.incheon-a { border-color: #65ABD0; color: #65ABD0; }

.map-check.checked.incheon-a .form-txt { color: #65ABD0; }

.map-check.incheon-b { left: 212px; top: 144px; }

.map-check.checked.incheon-b { border-color: #567F90; color: #567F90; }

.map-check.checked.incheon-b .form-txt { color: #567F90; }

.map-check.all-daejeon { left: 0; top: 0; }

.map-check.checked.all-daejeon { border-color: #FBA913; color: #FBA913; }

.map-check.checked.all-daejeon .form-txt { color: #FBA913; }

.map-check.daejeon-a { left: 151px; top: 27px; }

.map-check.checked.daejeon-a { border-color: #DDA94A; color: #DDA94A; }

.map-check.checked.daejeon-a .form-txt { color: #DDA94A; }

.map-check.daejeon-b { left: 82px; top: 155px; }

.map-check.checked.daejeon-b { border-color: #BC8439; color: #BC8439; }

.map-check.checked.daejeon-b .form-txt { color: #BC8439; }

.map-check.all-ulsan { left: 0; top: 0; }

.map-check.checked.all-ulsan { border-color: #C1BF45; color: #C1BF45; }

.map-check.checked.all-ulsan .form-txt { color: #C1BF45; }

.map-check.ulsan-a { left: 48px; top: 78px; }

.map-check.checked.ulsan-a { border-color: #C1BF45; color: #C1BF45; }

.map-check.checked.ulsan-a .form-txt { color: #C1BF45; }

.map-check.ulsan-b { left: 196px; top: 111px; }

.map-check.checked.ulsan-b { border-color: #989155; color: #989155; }

.map-check.checked.ulsan-b .form-txt { color: #989155; }

.map-check.all-gyeonggi { left: 0; top: 0; }

.map-check.checked.all-gyeonggi { border-color: #61b1d8; color: #61b1d8; }

.map-check.checked.all-gyeonggi .form-txt { color: #61b1d8; }

.map-check.gyeonggi-a { left: 100px; top: 18px; }

.map-check.checked.gyeonggi-a { border-color: #B7C584; color: #B7C584; }

.map-check.checked.gyeonggi-a .form-txt { color: #B7C584; }

.map-check.gyeonggi-b { left: 31px; top: 60px; }

.map-check.checked.gyeonggi-b { border-color: #98A46A; color: #98A46A; }

.map-check.checked.gyeonggi-b .form-txt { color: #98A46A; }

.map-check.gyeonggi-c { left: 202px; top: 52px; }

.map-check.checked.gyeonggi-c { border-color: #A99BC7; color: #A99BC7; }

.map-check.checked.gyeonggi-c .form-txt { color: #A99BC7; }

.map-check.gyeonggi-d { left: 150px; top: 98px; }

.map-check.checked.gyeonggi-d { border-color: #8679A0; color: #8679A0; }

.map-check.checked.gyeonggi-d .form-txt { color: #8679A0; }

.map-check.gyeonggi-e { left: 227px; top: 140px; }

.map-check.checked.gyeonggi-e { border-color: #CB8C8B; color: #CB8C8B; }

.map-check.checked.gyeonggi-e .form-txt { color: #CB8C8B; }

.map-check.gyeonggi-f { left: 179px; top: 192px; }

.map-check.checked.gyeonggi-f { border-color: #AC7170; color: #AC7170; }

.map-check.checked.gyeonggi-f .form-txt { color: #AC7170; }

.map-check.gyeonggi-g { left: 39px; top: 190px; }

.map-check.checked.gyeonggi-g { border-color: #84ABD6; color: #84ABD6; }

.map-check.checked.gyeonggi-g .form-txt { color: #84ABD6; }

.map-check.gyeonggi-h { left: 129px; top: 150px; }

.map-check.checked.gyeonggi-h { border-color: #6086B1; color: #6086B1; }

.map-check.checked.gyeonggi-h .form-txt { color: #6086B1; }

.map-check.gyeonggi-i { left: 8px; top: 145px; }

.map-check.checked.gyeonggi-i { border-color: #E6A779; color: #E6A779; }

.map-check.checked.gyeonggi-i .form-txt { color: #E6A779; }

.map-check.gyeonggi-j { left: 52px; top: 103px; }

.map-check.checked.gyeonggi-j { border-color: #C39575; color: #C39575; }

.map-check.checked.gyeonggi-j .form-txt { color: #C39575; }

.map-check.all-daegu { left: 0; top: 0; }

.map-check.checked.all-daegu { border-color: #00934b; color: #00934b; }

.map-check.checked.all-daegu .form-txt { color: #00934b; }

.map-check.daegu-a { left: 151px; top: 17px; }

.map-check.checked.daegu-a { border-color: #67C396; color: #67C396; }

.map-check.checked.daegu-a .form-txt { color: #67C396; }

.map-check.daegu-b { left: 132px; top: 131px; }

.map-check.checked.daegu-b { border-color: #63B96A; color: #63B96A; }

.map-check.checked.daegu-b .form-txt { color: #63B96A; }

.map-check.all-gwangju { left: 0; top: 0; }

.map-check.checked.all-gwangju { border-color: #EC74AB; color: #EC74AB; }

.map-check.checked.all-gwangju .form-txt { color: #EC74AB; }

.map-check.gwangju-a { left: 37px; top: 94px; }

.map-check.checked.gwangju-a { border-color: #D386A9; color: #D386A9; }

.map-check.checked.gwangju-a .form-txt { color: #D386A9; }

.map-check.gwangju-b { left: 199px; top: 107px; }

.map-check.checked.gwangju-b { border-color: #C77DC2; color: #C77DC2; }

.map-check.checked.gwangju-b .form-txt { color: #C77DC2; }

.map-check.all-seoul { left: 0; top: 0; }

.map-check.checked.all-seoul { border-color: #007ecd; color: #007ecd; }

.map-check.checked.all-seoul .form-txt { color: #007ecd; }

.map-check.seoul-a { left: 159px; top: 15px; }

.map-check.checked.seoul-a { border-color: #F4C57A; color: #F4C57A; }

.map-check.checked.seoul-a .form-txt { color: #F4C57A; }

.map-check.seoul-b { left: 204px; top: 59px; }

.map-check.checked.seoul-b { border-color: #EDB163; color: #EDB163; }

.map-check.checked.seoul-b .form-txt { color: #EDB163; }

.map-check.seoul-c { left: 80px; top: 59px; }

.map-check.checked.seoul-c { border-color: #F492A1; color: #F492A1; }

.map-check.checked.seoul-c .form-txt { color: #F492A1; }

.map-check.seoul-d { left: 154px; top: 103px; }

.map-check.checked.seoul-d { border-color: #E1788A; color: #E1788A; }

.map-check.checked.seoul-d .form-txt { color: #E1788A; }

.map-check.seoul-e { left: 11px; top: 103px; }

.map-check.checked.seoul-e { border-color: #7DCBEA; color: #7DCBEA; }

.map-check.checked.seoul-e .form-txt { color: #7DCBEA; }

.map-check.seoul-f { left: 28px; top: 149px; }

.map-check.checked.seoul-f { border-color: #65B6D7; color: #65B6D7; }

.map-check.checked.seoul-f .form-txt { color: #65B6D7; }

.map-check.seoul-g { left: 126px; top: 172px; }

.map-check.checked.seoul-g { border-color: #6EE080; color: #6EE080; }

.map-check.checked.seoul-g .form-txt { color: #6EE080; }

.map-check.seoul-h { left: 230px; top: 147px; }

.map-check.checked.seoul-h { border-color: #72B565; color: #72B565; }

.map-check.checked.seoul-h .form-txt { color: #72B565; }

.map-check .form-txt { display: block; color: #b2b2b2; font-size: 14px; font-family: 'NotoSans-Regular', sans-serif; letter-spacing: -0.05em; white-space: nowrap; }

.shape-1 { width: 100%; height: 34px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 8px 14px; border-radius: 2px; border: solid 1px rgba(206, 206, 206, 0.7); background-color: #fff; font-size: 14px; }

.shape-1:focus { border-color: #415ec4; }

.shape-1:disabled { background-color: transparent; opacity: 1; -webkit-text-fill-color: inherit; width: 100%; height: 34px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; border-radius: 4px; border: none; font-size: 14px; }

.user.category .user-profile .shape-1:disabled { -webkit-text-fill-color: #fff; }

.shape-2 { width: 100%; height: 46px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 8px 14px; border-radius: 2px; border: solid 1px rgba(206, 206, 206, 0.7); }

a.shape-2 { display: block; width: 100%; height: 46px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 8px 14px; border-radius: 2px; border: solid 1px rgba(206, 206, 206, 0.7); display: flex; align-items: center; }

a.shape-2.already { background: #f5f6f8 url("../images/icon/arr-small-r.png") no-repeat right 9px top 50%/18px; color: #b2b2b2; }

a.shape-2 .text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 10px; }

.shape-3 { width: 100%; height: 46px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 8px 14px; border-radius: 2px; border: solid 1px rgba(206, 206, 206, 0.7); text-align: right; }

.shape-3::placeholder { text-align: left; }

.shape-4 { width: 100%; min-height: 100px; padding: 8px 14px; border-radius: 2px; border: solid 1px rgba(206, 206, 206, 0.7); font-size: 14px; }

.shape-5 { width: 100%; height: 46px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 8px 14px; border-radius: 2px; border: solid 1px rgba(206, 206, 206, 0.7); background-color: #fff; }

.shape-5:focus { border-color: #415ec4; }

.shape-5:disabled { background-color: #f5f6f8; }

.shape-6 { font-size: 14px; border-radius: 17px; border: solid 1px rgba(206, 206, 206, 0.7); background-color: #f5f6f8; padding: 7px 14px; flex-grow: 1; margin: 8px 0 7px; height: 34px; max-height: 75px; }

.shape-7 { border: solid 1px #b2b2b2; width: 20px; height: 20px; -webkit-appearance: checkbox; }

.read-only { height: 34px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; border-radius: 4px; font-size: 14px; min-width: 0; }

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

.read-only.edit { padding: 0px 10px; border: solid 1px rgba(206, 206, 206, 0.7); }

.search-address { margin-top: 26px; position: relative; margin-bottom: 16px; }

.search-address input { width: 100%; height: 46px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 8px 14px; border-radius: 2px; border: solid 1px #262626; font-size: 16px; color: #262626; padding-right: 40px; }

.search-address .btn-kakao-search { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }

.bar1 { background-color: #fff; height: 64px; display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row; padding: 0 14px 11px; flex: none; }

.bar5 { height: 35px; display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: row; padding: 16px 14px 0; flex: none; }

.bar2 { background-color: #fff; border-bottom: solid 1px #e6e6e6; padding: 14px; flex: none; }

.bar2 .prdt-name { font-size: 18px; }

.bar2 .inner { height: 50px; display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row; }

.bar2 .price { font-size: 14px; }

.bar2 .price sup { font-size: 14px; color: #415ec4; }

.bar2 .price em { font-size: 25px; font-family: "NotoSans-Bold", sans-serif; line-height: 1.45; }

.bar3 { border-bottom: solid 1px #e6e6e6; background-color: #fff; height: 106px; display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 20px 14px 14px; flex: none; }

.bar3 .price-group { align-self: flex-end; }

.bar3 .prdt-name { font-size: 18px; margin-bottom: 10px; align-self: flex-start; }

.bar3 sup { font-size: 12px; }

.bar3 sup.sale { color: #3ca4f0; }

.bar3 sup.purchase { color: #10ccc5; }

.bar3 .price { font-size: 14px; }

.bar3 .price em { font-size: 25px; font-family: "NotoSans-Bold", sans-serif; line-height: 1.45; }

.bar4 { position: relative; padding: 14px; background-color: #e6e6e6; display: flex; flex: none; }

.bar6 { position: relative; padding: 14px; background-color: #f5f6f8; line-height: 1.5; }

.bar6 .copy { font-size: 14px; color: #898989; margin-bottom: 10px; }

.bar6 em { color: #415ec4; font-family: "NotoSans-Bold", sans-serif; }

.bar6 strong { color: #262626; font-family: "NotoSans-Bold", sans-serif; }

.bar7 { background-color: #e48d37; padding: 12px 14px; color: #fff; }

.bar7 .emergency-s-w { width: 22px; margin-right: 5px; margin-top: -4px; }

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

.bar-bottom-fixed { flex: none; background-color: #fff; height: 60px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: 0 14px; }

.bar-bottom-fixed .price { font-size: 14px; }

.bar-bottom-fixed .price sup { font-size: 14px; color: #415ec4; }

.bar-bottom-fixed .price em { font-size: 25px; font-family: "NotoSans-Bold", sans-serif; line-height: 1.45; }

.bar-chat-fixed { border-top: solid 1px #e6e6e6; background-color: #fff; height: auto; display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row; }

.bar-chat-fixed .btn-send { margin: 0 14px 14px 18px; }

.header-top { position: relative; padding: 8px; background-color: #fff; height: 54px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; border-bottom: solid 1px #e6e6e6; }

.header-top h1 { position: absolute; width:100%; text-align:center; left:0px;}

.header-top h1.left { text-align:left; width:80%; }

.splash-top { position: absolute; z-index: 2; padding: 8px; width: 100%; height: 54px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; }

.splash-top-start { position: absolute; z-index: 2; padding: 20px; width: 100%; height: 75px; display: flex; justify-content: center; align-items: center; flex-direction: row; }

.gnb { position: relative; }

.user { background-color: #f5f6f8; }

.activity-count { height: 80px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: 13px 14px; }

.activity-count li { background-color: #fff; flex: 1; }

.activity-count li:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.activity-count li:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.activity-count li:not(:last-of-type) a:after { content: ""; position: absolute; width: 1px; height: 30px; background-color: #f5f6f8; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; background-color: rgba(206, 206, 206, 0.7); }

.activity-count a { display: flex; flex-direction: column; align-items: center; height: 54px; justify-content: center; position: relative; }

.activity-count a em { color: #415ec4; position: relative; margin-bottom: 8px; }

.activity-count a em .n-badge { position: absolute; right: -26px; top: -9px; }

.activity-count a .title { font-size: 11px; }

.banner { padding: 14px; }

.wrap { height: 100%; display: flex; flex-direction: column; background-color: #fff; overflow: hidden; overflow-y: auto; }

.wrap.gray { background-color: #f5f6f8; }

.wrap.blue { background-color: #415ec4; }

/*scroll fixed*/
.scroll-fixed { position: fixed; overflow: hidden; width: 100%; height: 100%; }

.container { flex: 1; overflow-y: auto; height: inherit; }

.contents { height: inherit; display: flex; flex-direction: column; }

.slide-nest .contents { flex-direction: unset; }

.contents > .btn-list-more { margin: 0 14px 40px; flex: none; }

.slide-nest { overflow: hidden; overflow-y: auto; }

.tab-con-wrap { flex: 1; overflow-y: auto; }

.tab-con-wrap > .btn-list-more { margin: 30px 14px 40px; }

.labels { display: flex; }

.labels > *:not(:first-child) { margin-left: 4px; }

.frame-large { padding: 0 14px; }

.frame-large-all { padding: 20px 14px; }

.reply { position: relative; border-top: solid 2px #415ec4; padding: 0 14px 46px; }

.reply h1 { padding: 34px 0 18px; text-align: center; color: #415ec4; font-size: 18px; }

.reply:after { content: ""; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #415ec4; z-index: 100; }

.reply .inner-wrap { position: relative; background-color: #fff; border: solid 2px #415ec4; border-radius: 8px; }

.reply .inner-wrap .form-wide-wrap:last-of-type { margin-bottom: 0; }

.category-set { display: flex; flex-wrap: wrap; justify-content: flex-start; }

.category-set li { margin-bottom: 18px; display: flex; justify-content: flex-start; margin-right: 10px; }

.top-main { position: relative; margin-bottom: 20px; }

.top-main h2 { font-size: 19px; position: absolute; top: 25px; left: 50%; transform: translateX(-50%); }

.top-main .copy { text-align: center; font-size: 15px; display: block; width: 100%; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); }

.top-main .copy strong { font-size: 19px; }


.btn-ok-short2.ok { background-color: #0793F4; float:left;}
.btn-ok-short2.del { background-color: #f43e07;}
.btn-ok-short2.cancel { background-color: rgba(206, 206, 206, 0.7);}
.btn-ok-short2 { width:27%; height: 47px; text-align: center; font-size: 14px; padding: 4px; color: #fff; border-radius: 4px; margin: 10px; }

.btn-ok-short3.ok { background-color: #0793F4; float:left;}
.btn-ok-short3.cancel { background-color: rgba(206, 206, 206, 0.7);}
.btn-ok-short3 { width:44%; height: 47px; text-align: center; font-size: 14px; padding: 4px; color: #fff; border-radius: 4px; margin: 10px; }

.btn-ok-short4.ok { background-color: #0793F4; float:left;}
.btn-ok-short4.cancel { background-color: rgba(206, 206, 206, 0.7);}
.btn-ok-short4 { width:43%; height: 47px; text-align: center; font-size: 14px; padding: 4px; color: #fff; border-radius: 4px; margin: 10px; }


.btn-ok-short { width:27%; height: 47px; text-align: center; background-color: #0793F4; font-size: 14px; padding: 4px; color: #fff; border-radius: 4px; float:right;}
.btn-ok-short-disable { width:27%; height: 47px;  text-align: center; background-color: #ccc; font-size: 14px; padding: 4px; color: #fff; border-radius: 4px; float:right;}

.btn-ok { height: 53px; text-align: center; background-color: #0793F4; font-size: 19px; padding: 14px; color: #fff; border-radius: 4px; margin: 10px 14px 14px; }
.btn-ok-disable { height: 53px; text-align: center; background-color: #ccc; font-size: 19px; padding: 14px; color: #fff; border-radius: 4px; margin: 10px 14px 14px; }

.btn-join-orange { height: 53px; text-align: center; background-color: #ff9b38; font-size: 19px; padding: 14px; color: #fff; border-radius: 4px; margin: 45px 14px 14px; }
.btn-join { height: 53px; text-align: center; background-color: #0793F4; font-size: 19px; padding: 14px; color: #fff; border-radius: 4px; margin: 45px 14px 14px; }
.btn-join-disable { height: 53px; text-align: center; background-color: #ccc; font-size: 19px; padding: 14px; color: #fff; border-radius: 4px; margin: 45px 14px 14px; }

.btn-play { height: 53px; text-align: center; background-color: #0793F4; font-size: 19px; padding: 14px; color: #fff; border-radius: 4px; margin: 0px 14px 14px; }
.btn-play-disable { height: 53px; text-align: center; background-color: #ccc; font-size: 19px; padding: 14px; color: #fff; border-radius: 4px; margin: 0px 14px 14px; }

.comment { font-size: 12px; text-align: center; width: 100%; margin-bottom: 19px; padding: 0 25px; letter-spacing: -0.05em; color: #707070; line-height:20px}

.movie-link { display: flex; flex-direction: column; }

.movie-link h2 { font-size: 16px; padding: 8px 14px; }

.movie-link a { margin: 15px; font-size: 13px; display: block; border-bottom: solid 1px #535353 !important; }

.application-info { padding: 14px 21px; }

.application-info h2 { font-size: 12px; line-height: 15px; color: #5E5E5E; }

.application-info h2 img { width: 18px; margin-right: 5px; }

.application-info .copy { font-size: 12px; line-height: 15px; color: #5E5E5E; }

.footer-static { border-top: solid 1px #535353; height: 180px; padding: 17px 17px 30px; font-size: 12px; color: #696969; margin-bottom:20px;}

.footer-static .link-wrap { margin-bottom: 17px; line-height: 16px; }

.footer-static .link-wrap a { margin-bottom: 30px; margin-right: 25px; line-height: 16px; }

.footer-static .address { margin-bottom: 17px; }

.footer-static .address, .footer-static .contact-info { line-height: 16px; }

.sub { padding: 18px 0; margin: 0 18px; display: flex; flex-direction: column; flex: none; align-items: center; text-align: center; border-bottom: solid 1px #BFBFBF; }

.sub .check-icon { display: block; width: 36px; height: 36px; margin-bottom: 10px; }

.sub h2 { font-size: 22px; margin-bottom: 14px; }

.sub .copy { font-size: 14px; line-height: 22px; }

.sub h3 { margin-bottom: 16px; }

.sub .app-link-set { display: flex; justify-content: center; }

.sub .app-link-set a { display: block; width: 133px; }

.sub .app-link-set a:first-of-type { margin-right: 10px; }

.sub .step-link-set { display: flex; margin-top: 20px; padding: 0 10px; }

.sub .step-link-set a { display: block; width: 92px; }

.sub .step-link-set a:not(:last-of-type) { margin-right: 15px; }

.title-bar { font-size: 16px; line-height: 18px; border-bottom: solid 1px #BFBFBF; padding: 20px 15px 10px 5px; margin: 0 20px 22px; }


.title-bar-list { font-size: 16px; line-height: 18px; border-bottom: solid 1px #BFBFBF; padding: 20px 5px 10px 5px; margin: 0 20px 10px;}
.title-bar-list ul { font-weight:bold; font-size: 14px; line-height: 17px; list-style:none; margin:0px; padding:0px; width:100%;}
.title-bar-list li { float: left; text-align:left; border:0px; margin:0px; padding:0px; width:60%;}


.shortcuts { height: 54px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; }
.shortcuts span { font-weight:bold; display: flex;align-items: center; margin-left:10px;}

.title-bar-login { font-weight:normal; display: flex;align-items: center; width:auto; font-size: 14px; color:#0793F4;}

.btn-logout { justify-content: space-between; align-items: center; flex-direction: row; text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/out.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; float:right; margin:4px 10px 0px;}

.btn-out { justify-content: space-between; align-items: center; flex-direction: row; text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/out.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; float:right; margin:4px 10px 0px;}

.btn-del { justify-content: space-between; align-items: center; flex-direction: row; text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/del.png") no-repeat; width: 15px; height: 15px; background-size: 15px 15px;}

.btn-del.disable {opacity: 0.25; filter: alpha(opacity=25);}



.form-div { display: block; overflow-y:auto; width: 100%; padding:10px;}
.form-div-nodata { display: block; overflow-y:auto; width: 100%; height:100%; padding:50px 10px 50px 10px; text-align:center;}

.form-div-search{ display: block; overflow-y:auto; width: 100%; padding:10px; border-bottom: solid 1px #e6e6e6; }

.form-table { display: table; border-collapse: collapse; width: 100%; }
.form-table div { display: table-row;}
.form-table div.header { border-bottom: solid 1px #BFBFBF;}
.form-table span { display: table-cell; padding:10px 4px 10px 4px; text-align:center; vertical-align:middle; font-size: 13px; }
.form-table .del { width:20px; }
.form-table .header .idx { width:30px; font-size:13px; }
.form-table .header .comp_name { width:100px; font-size:13px; }
.form-table .header .ceo_name { width:50px; font-size:13px; }
.form-table .header .manager_data { width:50px; font-size:13px; }
.form-table .header .phone { width:90px; font-size:13px; }
.form-table .header .date { width:70px; font-size:13px; }
.form-table .form-data .idx { width:30px; font-size:12px; }
.form-table .form-data .comp_name { width:100px; font-size:13px; }
.form-table .form-data .ceo_name { width:50px; font-size:13px; }
.form-table .form-data .manager_data { width:70px; font-size:12px; }
.form-table .form-data .phone { width:90px; font-size:12px; }
.form-table .form-data .date { width:70px; font-size:12px; }

.manager_hidden { display:none; }

.form-auth { margin: 0 14px 20px; }
.form-auth h2 { font-size: 14px; line-height: 17px; margin-bottom: 12px; }
.form-auth input { height: 47px !important; border: solid 1px #7D7D7D !important; width: 70%; padding: 10px; border-radius: 4px; }

.form-auth-disabled { margin: 0 14px 20px; display:none; }
.form-auth-disabled h2 { font-size: 14px; line-height: 17px; margin-bottom: 12px; }
.form-auth-disabled input { height: 47px !important; border: solid 1px #7D7D7D !important; width: 70%; padding: 10px; border-radius: 4px; }

.form-set { margin: 0 14px 20px; }
.form-set-price { margin: 0 14px 20px; }
.form-set-input-disabled { margin: 0 14px 20px;}
.form-set-disabled { margin: 0 14px 20px; display:none; }

.form-set h2 { font-size: 14px; line-height: 17px; margin-bottom: 12px; }
.form-set input { display: block !important; height: 47px !important; border: solid 1px #7D7D7D !important; width: 100%; padding: 10px; border-radius: 4px; }
.form-set input[type=file] { width: 80%; }

.form-set-price h2 { font-size: 14px; line-height: 17px; margin-bottom: 12px; }
.form-set-price input { height: 47px !important; border: solid 1px #7D7D7D !important; width: 50%; padding: 10px; border-radius: 4px; }

.form-set-input-disabled h2 { font-size: 14px; line-height: 17px; margin-bottom: 12px; }
.form-set-input-disabled input { display: block !important; height: 47px !important; border: solid 0px #7D7D7D !important; width: 100%; padding: 10px; border-radius: 4px; color: #666666; background-color: #f5f5f5; }

.form-set .form-inline { display: flex; }
.form-set .form-inline input { flex: 1; align-items: center; }
.form-set .form-inline input[id="agree"] { flex: 1; align-items: center; max-width: 20px; max-height: 20px; align-self: center; }
.form-set .form-inline input[id="agree"]:checked {  background-image: url("../images/icon/icon_down.png"); background-size: initial; background-repeat: no-repeat; background-position: center; background-size: 15px; }

.arrow { width: 15px; height: 15px; float: right}
.arrow_ad { width: 15px; height: 15px; float: right; margin-right:24px;}

.up { background-image: url("../images/icon/icon_down.png"); background-size: cover; background-repeat: no-repeat; background-position: center;}

.down { background-image: url("../images/icon/icon_up.png"); background-size: cover; background-repeat: no-repeat; background-position: center;}

.form-set .form-inline span { display: block; margin: auto 17px; }
.form-set .agree span { display: block; margin: auto 17px; }

.main-top-wrap { background-color: #e6e6e6; padding: 0 14px 14px; }

.main-top-wrap.main-empty { position: relative; padding: 0; }

.main-top-wrap.main-user { position: relative; padding: 0; }

.alarm-head-wrap { height: auto; display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: 8px 0; }

.alarm-head-wrap .btn-all-request { font-size: 13px; margin-left: auto; }

.btn-main-search { flex: 1; font-size: 18px; color: #415ec4; border: solid 2px #415ec4; display: flex; align-items: center; padding: 0 14px; height: 60px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; margin: 0; overflow: hidden; }

.btn-main-search::placeholder { color: #415ec4; }

.deal-main-container { margin-bottom: 15px; position: relative; background: linear-gradient(180deg, #f5f6f8 0%, #f5f6f8 50%, #fff 50%, #fff 100%); }

.deal-main-container .btn-deal:not(:last-of-type) { margin-right: 4px; }

.deal-main-container + .user-count { width: 100%; align-self: center; }

.deal-main-container h2 { font-size: 14px; color: #898989; text-align: center; padding: 14px 0 28px 0; }

.deal-main-container .deal-btn-wrap { padding: 0 14px; display: flex; justify-content: center; height: 130px; }

.deal-main-container .deal-btn-wrap .btn-deal { width: 33.33333%; height: 130px; background-position: 50% 56px; background-size: 50px; background-color: #fff; }

.deal-main-container .deal-btn-wrap .btn-deal.on { background-repeat: no-repeat, no-repeat; background-position: 50% 56px, center; background-size: 50px, 100%; position: relative; border: 0; }

.deal-main-container .deal-btn-wrap .btn-deal.on .btn-title { color: #fff; }

.deal-main-container .deal-btn-wrap .btn-deal.on.sale { background-image: url("../images/icon/img-donate-buy.png"), linear-gradient(147deg, #7390f5 -1%, #213681); }

.deal-main-container .deal-btn-wrap .btn-deal.on.purchase { background-image: url("../images/icon/img-buy-wh.png"), linear-gradient(147deg, #7390f5 -1%, #213681); }

.deal-main-container .deal-btn-wrap .btn-deal.on.donate { background-image: url("../images/icon/img-donate-wh.png"), linear-gradient(147deg, #7390f5 -1%, #213681); }

.user-count { height: 80px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; flex: none; padding: 13px 14px; }

.user-count li { background-color: #fff; flex: 1; }

.user-count li:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.user-count li:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.user-count li:not(:last-of-type) a:after { content: ""; position: absolute; width: 1px; height: 30px; background-color: #f5f6f8; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; background-color: rgba(206, 206, 206, 0.7); }

.user-count a { display: flex; flex-direction: column; align-items: center; height: 54px; justify-content: center; position: relative; }

.user-count a em { position: relative; margin-top: 4px; font-size: 17px; line-height: 30px; }

.user-count a .title { font-size: 13px; }

.pr .n-badge { position: absolute; right: -7px; top: -6px; }

.empty-main { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; padding: 14px; width: 100%; height: 188px; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.empty-main .copy { font-size: 12px; color: #fff; margin-bottom: 12px; }

.empty-main .btn-category { background-color: #f3f2f2; height: 36px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding: 0 26px; border-radius: 2px; font-size: 12px; }

.empty-main .btn-category .text { font-size: 14px; color: #fff; }

.empty-main .ico-warning-main { margin-bottom: 12px; }

.ico-warning-main { width: 60px; height: 60px; }

video { width: 100%; }

.bottom-util-wrap { flex: none; height: 50px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; }

.bottom-util-wrap .btn-my-info, .bottom-util-wrap .btn-my-product { font-size: 15px; background-color: #f5f6f8; height: 50px; display: flex; justify-content: center; align-items: center; flex-direction: row; flex: 1; text-align: center; }

.bottom-util-wrap .btn-my-info { border-right: solid 1px rgba(206, 206, 206, 0.7); }

.arr-small-r { position: absolute; right: 4px; width: 18px; height: auto; }

.component { padding: 0 14px; }

.component h1 { font-family: "NotoSans-Bold", sans-serif; font-size: 40px; line-height: 2; color: #262626; }

.component .font-name { width: 150px; display: inline-block; }

.tip { margin-bottom: 22px; }

.tip dt { font-size: 14px; font-family: "NotoSans-Black", sans-serif; margin-bottom: 20px; }

.tip dd { font-size: 12px; }

footer.kakao { flex: none; margin-top: auto; height: 80px; display: flex; justify-content: center; align-items: center; flex-direction: row; background-color: #f0f0f0; width: 100%; }

footer.kakao .copy { font-size: 10px; color: #535353; }

footer.kakao .copy .kakao-logo { margin-top: -3px; }

.search-request { position: relative; flex-grow: 1; margin: 0 7px; }

.search-request .btn-search-cprimary { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }

.deal-container { height: inherit; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.deal-container .btn-deal:last-of-type { margin-left: 16px; }

.deal-container h2 { font-size: 20px; color: #262626; text-align: center; margin-bottom: 60px; }

.deal-container .deal-btn-wrap { display: flex; }

.empty { padding: 14px; background-color: #fff; height: inherit; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.empty .copy { font-size: 15px; color: #898989; margin-bottom: 12px; }

.empty .empty-copy { font-size: 15px; color: #898989; margin-bottom: 12px; }

.empty .btn-category { background-color: #f3f2f2; height: 36px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding: 0 12px; border-radius: 2px; font-size: 12px; }

.empty .btn-category .text { font-size: 14px; color: #fff; }

.store-con .empty .btn-category { background-color: #f3f2f2; height: 36px; display: flex; justify-content: center; align-items: center; flex-direction: row; padding: 0 24px; border-radius: 2px; font-size: 12px; }

.store-con .empty .btn-category .text { font-size: 14px; color: #fff; }

.empty .ico-warning { margin-bottom: 20px; }

.ico-warning { width: 60px; height: 60px; }

.form-wide-wrap { padding: 0 14px 18px; }

.form-wide-wrap h2 { font-size: 14px; margin-bottom: 10px; }

.form-wide-wrap h2 em { color: #ff4b4b; }

.form-wide-wrap:last-of-type { margin-bottom: 26px; }

.form-wide-none { padding-top: 14px; }

.form-wide-none h2 { font-size: 14px; margin-bottom: 10px; padding-left: 14px; }

.form-wide-none h2 em { color: #ff4b4b; }

.prdt-info { padding: 0 14px; background-color: #fff; }

.prdt-info p { font-size: 14px; line-height: 1.43; padding: 14px 0; }

.address-time-wrap { height: 54px; display: flex; justify-content: flex-start; align-items: flex-end; flex-direction: column; position: absolute; right: 14px; top: 14px; font-size: 12px; color: #b2b2b2; }

.address-time-wrap .address { margin-bottom: 10px; }

.address-time-wrap .time-check { font-size: 12px; color: #b2b2b2; }

.deal-emergency-container { text-align: center; position: relative; padding: 40px 37px; }

.deal-emergency-container .ico-emergency { width: 61px; margin-bottom: 15px; }

.deal-emergency-container .btn-deal:not(:last-of-type) { margin-right: 22px; }

.deal-emergency-container + .user-count { width: 100%; align-self: center; }

.deal-emergency-container h2 { font-size: 18px; position: relative; margin-bottom: 50px; line-height: 2; color: #e48d37; }

.deal-emergency-container h2:after { position: absolute; left: 50%; bottom: -12px; transform: translateX(-50%); content: ""; display: block; background-color: #e48d37; width: 40px; height: 2px; }

.deal-emergency-container .deal-btn-wrap { display: flex; justify-content: center; height: 158px; }

.deal-emergency-container .deal-btn-wrap .btn-deal { width: 50%; height: 158px; background-position: 50% 56px; background-size: 61px; background-color: #fff; }

.deal-emergency-container .deal-btn-wrap .btn-deal.on { background-repeat: no-repeat, no-repeat; background-position: 50% 56px, center; background-size: 50px, 100%; position: relative; border: 0; }

.deal-emergency-container .deal-btn-wrap .btn-deal.on .btn-title { color: #fff; }

.deal-emergency-container .deal-btn-wrap .btn-deal.on.sale { background-image: url("../images/icon/img-donate-buy.png"), linear-gradient(147deg, #7390f5 -1%, #213681); }

.deal-emergency-container .deal-btn-wrap .btn-deal.on.purchase { background-image: url("../images/icon/img-buy-wh.png"), linear-gradient(147deg, #7390f5 -1%, #213681); }

.comment-warp { display: block; padding: 30px 14px; background-color: #f5f6f8; line-height: 1.5; flex: none; }

.comment-warp .title { line-height: 24px; }

.comment-warp .copy { display: block; font-size: 12px; line-height: 1.5; color: #898989; }

.register-form-wrap { padding: 24px 14px 46px; }

.register-form-wrap h2 { font-size: 14px; background-color: #f3f2f2; color: #898989; padding: 0 14px; display: flex; height: 40px; align-items: center; margin-bottom: 12px; }

.register-form-wrap h2:not(:first-of-type) { margin-top: 30px; }

.form-thin-wrap { padding-bottom: 6px; display: flex; }

.ico-category { width: 32px; height: 32px; }

.ico-category + .text { margin-right: auto; }

.init-btn-wrap { margin: auto; background-color: #f5f6f8; width: calc(100% - 28px); height: 317px; border-radius: 6px; padding: 30px 20px 50px; text-align: center; }

.init-btn-wrap h1 { font-size: 18px; position: relative; margin-bottom: 50px; line-height: 2; }

.init-btn-wrap h1:after { position: absolute; left: 50%; bottom: -12px; transform: translateX(-50%); content: ""; display: block; background-color: #415ec4; width: 40px; height: 2px; }

.btn-init-wrap { display: flex; justify-content: space-between; }

.btn-init-wrap .btn-init { position: relative; padding-top: 111px; width: 140px; height: 160px; box-shadow: 0 0 10px 0 rgba(124, 124, 124, 0.16); border-radius: 10px; color: #898989; }

.btn-init-wrap .btn-init.user { background: #fff url("../images/icon/user.png") no-repeat 50% 20px/80px; }

.btn-init-wrap .btn-init.user.on { background-image: url("../images/icon/user-active.png"); }

.btn-init-wrap .btn-init.dealer { background: #fff url("../images/icon/dealer.png") no-repeat 50% 20px/80px; }

.btn-init-wrap .btn-init.dealer.on { background-image: url("../images/icon/dealer-active.png"); }

.btn-init-wrap .btn-init.on { border: solid #415ec4 2px; }

.btn-init-wrap .btn-init.on:after { content: ""; display: block; width: 32px; height: 32px; background: url("../images/icon/active-top.png") no-repeat center/100%; position: absolute; left: 50%; top: -16px; transform: translateX(-50%); }

.map-wrap { margin-top: 30px; padding: 447px 14px 50px; position: relative; }

.map-wrap.sub { padding: 240px 14px 50px; }

.map-center { width: 322px; position: absolute; left: 50%; top: 0; transform: translateX(-50%); }

.map-center .map { display: none; width: 214px; height: 391px; position: absolute; left: 59px; top: 35px; }

.map-center .map.on, .map-center .map.back { display: block; }

.map-center .sub-map { display: none; width: 332px; height: 240px; position: absolute; left: 0; top: 0; }

.map-center .sub-map.on, .map-center .sub-map.back { display: block; }

.local-info { border-radius: 2px; padding: 14px; background-color: #f3f2f2; }

.local-info li:not(:last-of-type) { padding-bottom: 14px; margin-bottom: 14px; border-bottom: solid 1px rgba(206, 206, 206, 0.7); }

.local-info .local-detail, .local-info .name-set { margin-bottom: 8px; }

.local-info .price { font-size: 13px; font-family: "NotoSans-Regular", sans-serif; text-align: right; }

.local-info .price em { font-size: 14px; font-family: "NotoSans-Bold", sans-serif; }

.local-info .local-detail { font-size: 13px; color: #b2b2b2; line-height: 1.5; }

.local-info .name-set { height: auto; display: flex; justify-content: space-between; align-items: center; flex-direction: row; }

.local-info .name-set .name { font-size: 13px; }

.local-info .name-set .name:not(:last-of-type) { margin-right: 8px; }

.local-info .name-set .btn-thumb-close { margin-left: auto; }

.local-info-sub { border-radius: 2px; padding: 14px; background-color: #fff; border: solid 1px rgba(206, 206, 206, 0.7); }

.local-info-sub .name-set .name.seoul { color: #007ecd; }

.local-info-sub .name-set .name.busan { color: #f18653; }

.local-info-sub .name-set .name.daegu { color: #00934b; }

.local-info-sub .name-set .name.gwangju { color: #ed75ac; }

.local-info-sub .name-set .name.incheon { color: #00a2ec; }

.local-info-sub .name-set .name.daejeon { color: #fba913; }

.local-info-sub .name-set .name.ulsan { color: #bdbc45; }

.local-info-sub .name-set .name.gyeonggi-do { color: #61b1d8; }

.local-info-sub .name-set .name.gangwon-do { color: #0098b7; }

.local-info-sub .name-set .name.chungcheongbuk-do { color: #fdb5af; }

.local-info-sub .name-set .name.chungcheongnam-do { color: #f48323; }

.local-info-sub .name-set .name.jeollabuk-do { color: #aa67a7; }

.local-info-sub .name-set .name.jeollanam-do { color: #e44269; }

.local-info-sub .name-set .name.gyeongsangbuk-do { color: #95b23c; }

.local-info-sub .name-set .name.gyeongsangnam-do { color: #fdba37; }

.local-info-sub .name-set .name.jeju-do { color: #df54cc; }

.local-info-sub .name-set .name.all-do { color: #415ec4; }

.local-info-sub .name-set .name.all-gangwon { color: #0098b7; }

.local-info-sub .name-set .name.gangwon-a { color: #69cbbc; }

.local-info-sub .name-set .name.gangwon-b { color: #69B8CB; }

.local-info-sub .name-set .name.all-chungbuk { color: #F6B1AB; }

.local-info-sub .name-set .name.chungbuk-a { color: #8F7CAC; }

.local-info-sub .name-set .name.chungbuk-b { color: #B187C3; }

.local-info-sub .name-set .name.all-chungnam { color: #F48323; }

.local-info-sub .name-set .name.chungnam-a { color: #E59E61; }

.local-info-sub .name-set .name.chungnam-b { color: #E68A6F; }

.local-info-sub .name-set .name.all-gyeongbuk { color: #B9CB67; }

.local-info-sub .name-set .name.gyeongbuk-a { color: #A5CB67; }

.local-info-sub .name-set .name.gyeongbuk-b { color: #9BB775; }

.local-info-sub .name-set .name.all-gyeongnam { color: #FDBA37; }

.local-info-sub .name-set .name.gyeongnam-a { color: #F2CD69; }

.local-info-sub .name-set .name.gyeongnam-b { color: #E8E371; }

.local-info-sub .name-set .name.gyeongnam-c { color: #EAA66C; }

.local-info-sub .name-set .name.all-jeonbuk { color: #AA67A7; }

.local-info-sub .name-set .name.chungbuk-a { color: #8F7CAC; }

.local-info-sub .name-set .name.chungbuk-b { color: #B187C3; }

.local-info-sub .name-set .name.all-jeonnam { color: #E44269; }

.local-info-sub .name-set .name.jeonnam-a { color: #DD779A; }

.local-info-sub .name-set .name.jeonnam-b { color: #DD7777; }

.local-info-sub .name-set .name.all-busan { color: #F18653; }

.local-info-sub .name-set .name.busan-a { color: #D98869; }

.local-info-sub .name-set .name.busan-b { color: #B26D57; }

.local-info-sub .name-set .name.busan-c { color: #BA855E; }

.local-info-sub .name-set .name.all-incheon { color: #00A2EC; }

.local-info-sub .name-set .name.incheon-a { color: #65ABD0; }

.local-info-sub .name-set .name.incheon-b { color: #567F90; }

.local-info-sub .name-set .name.all-daejeon { color: #FBA913; }

.local-info-sub .name-set .name.daejeon-a { color: #DDA94A; }

.local-info-sub .name-set .name.daejeon-b { color: #BC8439; }

.local-info-sub .name-set .name.all-ulsan { color: #C1BF45; }

.local-info-sub .name-set .name.ulsan-a { color: #C1BF45; }

.local-info-sub .name-set .name.ulsan-b { color: #989155; }

.local-info-sub .name-set .name.all-gyeonggi { color: #61b1d8; }

.local-info-sub .name-set .name.gyeonggi-a { color: #B7C584; }

.local-info-sub .name-set .name.gyeonggi-b { color: #98A46A; }

.local-info-sub .name-set .name.gyeonggi-c { color: #A99BC7; }

.local-info-sub .name-set .name.gyeonggi-d { color: #8679A0; }

.local-info-sub .name-set .name.gyeonggi-e { color: #CB8C8B; }

.local-info-sub .name-set .name.gyeonggi-f { color: #AC7170; }

.local-info-sub .name-set .name.gyeonggi-g { color: #84ABD6; }

.local-info-sub .name-set .name.gyeonggi-h { color: #6086B1; }

.local-info-sub .name-set .name.gyeonggi-i { color: #E6A779; }

.local-info-sub .name-set .name.gyeonggi-j { color: #C39575; }

.local-info-sub .name-set .name.daegu { color: #00934b; }

.local-info-sub .name-set .name.daegu-a { color: #67C396; }

.local-info-sub .name-set .name.daegu-b { color: #63B96A; }

.local-info-sub .name-set .name.all-gwangju { color: #EC74AB; }

.local-info-sub .name-set .name.gwangju-a { color: #D386A9; }

.local-info-sub .name-set .name.gwangju-b { color: #C77DC2; }

.local-info-sub .name-set .name.all-seoul { color: #007ecd; }

.local-info-sub .name-set .name.seoul-a { color: #F4C57A; }

.local-info-sub .name-set .name.seoul-b { color: #EDB163; }

.local-info-sub .name-set .name.seoul-c { color: #F492A1; }

.local-info-sub .name-set .name.seoul-d { color: #E1788A; }

.local-info-sub .name-set .name.seoul-e { color: #7DCBEA; }

.local-info-sub .name-set .name.seoul-f { color: #65B6D7; }

.local-info-sub .name-set .name.seoul-g { color: #6EE080; }

.local-info-sub .name-set .name.seoul-h { color: #72B565; }

.local-info-sub li:not(:last-of-type) { padding-bottom: 14px; margin-bottom: 14px; }

.local-info-sub .local-detail, .local-info-sub .name-set { margin-bottom: 8px; }

.local-info-sub .price { font-size: 13px; font-family: "NotoSans-Regular", sans-serif; text-align: right; }

.local-info-sub .price em { font-size: 14px; font-family: "NotoSans-Bold", sans-serif; }

.local-info-sub .local-detail { font-size: 13px; color: #b2b2b2; line-height: 1.5; }

.local-info-sub .name-set { height: auto; display: flex; justify-content: space-between; align-items: center; flex-direction: row; }

.local-info-sub .name-set .name { font-size: 13px; color: #b2b2b2; }

.local-info-sub .name-set .name:not(:last-of-type) { margin-right: 8px; }

.local-info-sub .name-set .btn-thumb-close { margin-left: auto; }

.sum-info { border-radius: 2px; background-color: #f3f2f2; height: 60px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: 14px; }

.sum-info .copy { font-size: 14px; }

.sum-info .price { font-size: 14px; color: #ff4b4b; font-family: "NotoSans-Bold", sans-serif; }

.util-chat { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 54px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; }

.dialog-container { flex: 1; overflow-y: auto; padding: 25px 14px; }

.dialog { display: flex; }

.dialog .time-check { font-size: 9px; }

.dialog.chat .inner { white-space: pre-line; word-break: break-all; }

.dialog .inner { line-height: 1.54; max-width: 230px; border-radius: 4px; padding: 10px; font-size: 15px; }

.dialog.l { display: flex; margin-bottom: 17px; }

.dialog.l .name { font-size: 13px; margin-bottom: 8px; }

.dialog.l.product { margin-bottom: 8px; }

.dialog.l.product .inner { width: 236px; padding: 10px 10px 0; text-align: left; }

.dialog.l.product .body { padding-bottom: 10px; border-bottom: solid 1px #e6e6e6; display: flex; flex-direction: row-reverse; }

.dialog.l.product .body .name { line-height: 1.46; font-size: 16px; }

.dialog.l .inner { background-color: #fff; }

.dialog.l .thumb-smaller-rect { margin-right: 10px; }

.dialog.l .chat-group { display: flex; flex-direction: column; margin-left: 10px; margin-right: 8px; }

.dialog.l .time-check { align-self: flex-end; }

.dialog.r { justify-content: flex-start; align-items: flex-end; flex-direction: row-reverse; margin-bottom: 17px; }

.dialog.r.product { margin-bottom: 8px; }

.dialog.r.product .inner { width: 236px; padding: 10px 10px 0; text-align: left; }

.dialog.r.product .body { padding-bottom: 10px; border-bottom: solid 1px #e6e6e6; display: flex; }

.dialog.r .inner { background-color: #fffa7e; margin-left: 8px; }

.dialog.r .thumb-smaller-rect { margin-left: 10px; }

.chat-product-info { display: flex; flex-direction: column; justify-content: space-between; flex: 1; }

.chat-product-info .name { line-height: 1.46; font-size: 16px; }

.chat-product-info .price { font-size: 15px; font-family: "NotoSans-Bold", sans-serif; }

.thumb-larger { width: 80px; height: 80px; display: inline-block; flex-shrink: 0; }

.thumb-larger img { border-radius: 40px; }

.thumb-large { width: 60px; height: 60px; display: inline-block; flex-shrink: 0; }

.thumb-large img { border-radius: 30px; }

.thumb-medium { width: 50px; height: 50px; display: inline-block; flex-shrink: 0; }

.thumb-medium img { border-radius: 25px; }

.thumb-small { width: 40px; height: 40px; display: inline-block; flex-shrink: 0; }

.thumb-small img { border-radius: 20px; }

.thumb-smaller { width: 36px; height: 36px; display: inline-block; flex-shrink: 0; }

.thumb-smaller img { border-radius: 18px; }

.thumb-smallest { width: 30px; height: 30px; display: inline-block; flex-shrink: 0; }

.thumb-smallest img { border-radius: 15px; }

.thumb-large-rect { width: 200px; height: 200px; display: inline-block; flex: none; }

.thumb-large-rect img { border-radius: 4px; }

.thumb-medium-rect { width: 154px; height: 154px; display: inline-block; flex: none; }

.thumb-medium-rect img { border-radius: 4px; }

.thumb-small-rect { width: 100px; height: 100px; display: inline-block; flex: none; }

.thumb-small-rect img { border-radius: 4px; }

.thumb-smaller-rect { width: 76px; height: 76px; display: inline-block; flex: none; }

.thumb-smaller-rect img { border-radius: 4px; }

.thumb-smallest-rect { width: 64px; height: 64px; display: inline-block; flex: none; }

.thumb-smallest-rect img { border-radius: 3px; }

.thumb-small-left { width: 47px; height: 47px; display: inline-block; flex-shrink: 0; float:left; margin-right:10px;}

.s-thumb-m { position: relative; display: block; width: 100%; }

.s-thumb-m .thumb-wrap { display: block; border-radius: 4px; margin-bottom: 12px; position: relative; overflow: hidden; }

.s-thumb-m .thumb-wrap img { width: 150px; height: 150px; }

.s-thumb-m.disable .thumb-wrap:after { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 2; background: rgba(0, 0, 0, 0.5) url("../images/icon/dim-medium.png") no-repeat center/90px; width: 100%; height: 100%; }

.s-thumb-s { position: relative; display: block; width: 100%; }

.s-thumb-s .btn-thumb-close { position: absolute; right: 4px; top: 4px; }

.s-thumb-s .thumb { border-radius: 4px; margin-bottom: 4px; width: 100px; height: 100px; }

.s-thumb-l { display: block; margin: 0 -1px -1px 0; border-right: 1px #f3f2f2 solid; border-bottom: 1px #f3f2f2 solid; }

.s-thumb-l .thumb-wrap { display: block; border-radius: 4px; margin-bottom: 12px; position: relative; overflow: hidden; padding-top: 100%; }

.s-thumb-l .crop { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(50%, 50%); }

.s-thumb-l .crop img { position: absolute; top: 0; left: 0; max-width: 100%; height: auto; transform: translate(-50%, -50%); }

.s-thumb-l .crop img.landscape { width: auto; height: 100%; }

.s-thumb-l.disable .thumb-wrap:after { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: rgba(0, 0, 0, 0.5) url("../images/icon/dim-medium.png") no-repeat center/90px; width: 100%; height: 100%; }

.slide-wide .swiper-slide { padding-top: 83.33333333%; overflow: hidden; }

.slide-wide .thumb { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(50%, 50%); }

.slide-wide .thumb img { position: absolute; top: 0; left: 0; max-width: 100%; height: auto; transform: translate(-50%, -50%); }

.slide-wide .thumb img.landscape { width: auto; height: 100%; }

.slide-wide .thumb.disable:after { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 2; background: rgba(0, 0, 0, 0.5) url("../images/icon/dim-large.png") no-repeat center/194px; width: 100%; height: 100%; transform: translate(-50%, -50%); }

.btn-thumb-add { position: relative; display: block; overflow: hidden; width: 100px; height: 100px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; border-radius: 4px; margin-bottom: 4px; }

.btn-thumb-add.sale { background: url("../images/icon/camera-b-r.png") no-repeat center/44px; border: solid 1px #3ca4f0; }

.btn-thumb-add.purchase { background: url("../images/icon/camera-g-r.png") no-repeat center/44px; border: solid 1px #10ccc5; }

.btn-thumb-add.primary { background: url("../images/icon/camera-p-r.png") no-repeat center/44px; border: solid 1px #415ec4; }

.btn-thumb-add.emergency { background: url("../images/icon/camera-o-r.png") no-repeat center/44px; border: solid 1px #e48d37; }

.link_icon { width:27px; height:27px; float: right; margin-top:-8px}
.info_icon { width:20px; height:20px; float: left; margin:-2px 10px 0px 0px}

.logo { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("../images/icon/logo_jgw.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px;  margin:0px 0px 0px 4px;}

.dropbtn {  padding: 16px 5px 16px 16px;  font-size: 16px;  border: none;  cursor: pointer; width:100%}

.dropbtn:hover, .dropbtn:focus {}

.dropdown {  position: relative;  display: inline-block; }

.dropdown-content {  display: none;  position: relative;  min-width: 160px;  overflow: auto;  z-index: 1;  padding: 20px; }
.dropdown-content-ad {  display: none;  position: relative;  min-width: 160px;  overflow: auto;  z-index: 1;  padding: 10px; margin-right: 24px; }

.drop-cont { height:80px; overflow-y:auto; border: groove;  color: #666;  background: #f7f7f7; }

.drop-policy {  margin: 10px;font-size: 11px;    line-height: 16px; }

.dropdown-content a {  color: black;  padding: 12px 16px;  text-decoration: none;  display: block; }

.dropdown a:hover {  background-color: #ddd; }

.show {  display: block; }

/*# sourceMappingURL=main.css.map */




.loan_logo { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("/joinad/images/loan_logo.png") no-repeat; width: 156px; height: 57px; background-size: 156px 57px; }

.btn-top-loan { height: 45px; text-align: center; background-color: #107677; font-size: 19px; padding: 5px 20px 5px 20px; color: #fff; border-radius: 10px; margin: 0; font-size: 1em;}

.loan-header-top { position: relative; padding: 8px; background-color: #fff; height: 80px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; border-bottom: solid 1px #e6e6e6; }

.loan-header-top h1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; }

.loan-header-top .btn-close-large { margin-left: auto; }

section.first_section {border: 0.4em solid #4b60d8; background-color: #212643;}

section.first_section .sub {align-items: flex-start; border-bottom: none;}

section.first_section .sub.btn {align-items: center; border-bottom: none;}

section.first_section h2 {color: white; text-align: left; line-height: 1.2em;}

section.first_section h3 {color: white; text-align: center; line-height: 1.1em; font-size: 1.1em;}


section.second_section {padding-top: 30px; background-color: #212643;}

section.second_section hr {border: solid 1px white; width: 50px; display: flex;}

section.second_section .sub {align-items: center; border-bottom: none;}

section.second_section .sub.btn {align-items: center; border-bottom: none;}

section.second_section h2 {color: white; text-align: left; line-height: 1.2em;}

section.second_section h3 {color: white; text-align: center; line-height: 1.1em; font-size: 1.1em;}

section.third_section {padding-top: 30px; background-color: #212643; padding-bottom: 30px; }

section.third_section hr {border: solid 1px white; width: 50px; display: flex;}

section.third_section .sub {align-items: center; border-bottom: none;}

section.third_section .sub.btn {align-items: center; border-bottom: none;}

section.third_section h2 {color: white; text-align: center; line-height: 1.2em;}

section.third_section p {color: white; text-align: center; line-height: 1.5em; font-size: 0.8em;}

section.forth_section {border: 0.4em solid #4b60d8; background-color: #212643;}

section.forth_section hr {border: solid 1px white; width: 50px; display: flex;}

section.forth_section .sub {align-items: center; border-bottom: none;}

section.forth_section .sub.mid {padding-top: 30px;}

section.forth_section .sub.btn {align-items: center; border-bottom: none;}

section.forth_section h2 {color: white; text-align: center; line-height: 1.2em;}

section.forth_section h3 {color: white; text-align: center; line-height: 1.1em; font-size: 1.1em;}

section.fifth_section {padding-top: 30px; background-color: #272c54;}

section.fifth_section .sub {align-items: center; border-bottom: none;}

section.fifth_section .sub.btn {align-items: center; border-bottom: none;}

section.fifth_section h2 {color: white; text-align: center; line-height: 1.2em;}

section.fifth_section h3 {color: white; text-align: center; line-height: 0.7em; font-size: 0.5em;}

section.fifth_section .btn-fifth-loan { width: 95%; height: 50px; text-align: left; background-color: white; font-size: 8px; padding: 5px 10px 5px 10px; color: black; border-radius: 10px; margin: 0; font-size: 1em; margin-top: 20px;}

section.fifth_section .btn-fifth-loan span {color: #ff9a18;}

section.fifth_section .long-arrow-right{ text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url("/joinad/images/right-arrow.png") no-repeat; width: 15px; height: 12px; background-size: 15px 12px; margin-right: 5px;}

section.sixth_section { padding-top: 0px; background-color: #212643; }

section.sixth_section hr {border: solid 1px white; width: 50px; display: flex;}

section.sixth_section .sub {align-items: center; border-bottom: none;}

section.sixth_section .sub.btn {align-items: center; border-bottom: none; color: white; font-size: 0.7em; padding-top: 5px;}

section.sixth_section h2 {color: white; text-align: center; line-height: 1.2em;}

section.sixth_section h3 {color: #000000; text-align: left; line-height: 1.2em; font-size: 1.2em; margin-bottom: 15px;}

section.sixth_section .form-container { margin: 10px; padding-top: 20px; background-color: white; border: 0.2em solid #885291; border-radius: 5px;}

section.sixth_section .btn-fifth-loan { width: 95%; height: 50px; text-align: left; background-color: white; font-size: 8px; padding: 5px 10px 5px 10px; color: black; border-radius: 10px; margin: 0; font-size: 1em; margin-top: 20px;}

section.sixth_section .btn-fifth-loan span {color: #ff9a18;}

section.sixth_section .form-set.dropdown { width: 100%; }

section.sixth_section .form-set.last { padding: 0 0 18px; border-bottom: solid 1px #BFBFBF; }

section.sixth_section .form-set input { width: 80%; display: block !important; height: 47px !important; border: solid 1px #cecece !important; width: 100%; padding: 10px; border-radius: 4px; }

section.sixth_section .form-set input::placeholder { color: #c9c9c9; }

section.sixth_section .btn-join { width: 90%; height: 53px; text-align: center; background-color: #f93654; font-size: 19px; padding: 14px; color: #fff; border-radius: 25px; margin: 0 14px 14px; }
section.sixth_section .btn-join-orange { width: 90%; height: 53px; text-align: center; background-color: #ff9b38; font-size: 19px; padding: 14px; color: #fff; border-radius: 25px; margin: 0 14px 14px; }

section.last_section { padding-top: 30px; background-color: #212643; }

section.last_section hr {border: solid 1px white; width: 50px; display: flex;}

section.last_section .sub {align-items: center; border-bottom: none;}

section.last_section .sub.btn {align-items: center; border-bottom: none;}

section.last_section h2 {color: white; text-align: center; line-height: 1.2em;}

section.last_section h3 {color: #9f9f9f; text-align: left; line-height: 1.2em; font-size: 1.2em; margin-bottom: 15px;}

section.last_section .btn-last-loan { width: 80%; height: 50px; text-align: center; background-color: white; font-size: 8px; padding: 5px 10px 5px 10px; color: black; border-radius: 25px; margin: 0; font-size: 1em; margin-top: 20px;}

section.last_section .footer-static { margin-top: 50px; background-color: white; font-size: 12px; height: 100%; color: #a4a4a4;}

section.last_section .footer-static .link-wrap { margin-bottom: 10px; line-height: 12px; }

.img-margin { padding: 5px; }


.product_detail_before {border-left: solid 1px #382715; border-right: solid 1px #ada8a1; background-color: #E5DCCD;}
.product_detail_hidden {display:none;}

.payment_button {
    margin-top: 10px;
    margin-left: 5px;

	padding: 13px 18px 13px 18px;
	border-radius: 15px;
}


.payment_button.selected {
	background-color: #5755D5;
	color: white;
}