@charset "UTF-8";
/*@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');*/
/*@viewport {*/
/*    width: device-width;*/
/*}*/
/*@-ms-viewport {*/
/*    width: device-width;*/
/*}*/
/*@-o-viewport {*/
/*    width: device-width;*/
/*}*/

/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
    font-family: 'Pretendard-bl';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url('https://public.seoulauction.io/resources/static/font/Pretendard-Black.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard-ex';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url('https://public.seoulauction.io/resources/static/font/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard-bold';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url('https://public.seoulauction.io/resources/static/font/Pretendard-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard-semi';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url('https://public.seoulauction.io/resources/static/font/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard-m';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url('https://public.seoulauction.io/resources/static/font/Pretendard-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url('https://public.seoulauction.io/resources/static/font/Pretendard-Regular.woff') format('woff');
} 

@font-face {
    font-family: 'Pretendard-l';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url('https://public.seoulauction.io/resources/static/font/Pretendard-Light.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard-el';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url('https://public.seoulauction.io/resources/static/font/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard-th';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'), url('https://public.seoulauction.io/resources/static/font/Pretendard-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Libre Baskerville-re', serif;
    font-weight: 400;
    font-display: swap;
    src: local('LibreBaskerville-Regular'), url('https://public.seoulauction.io/resources/static/font/LibreBaskerville-Regular.ttf') format('ttf');
}
@font-face {
    font-family: 'Libre Baskerville-bo', serif;
    font-weight: 700;
    font-display: swap;
    src: local('LibreBaskerville-Bold'), url('https://public.seoulauction.io/resources/static/font/LibreBaskerville-Bold.ttf') format('ttf');
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,
nav,output,ruby,section,summary,time,mark,audio,video,main,button {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-family: 'Pretendard', sans-serif;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box;
    font-weight: normal;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,
nav,section, .pc-ver {
    display: block;
}
html {
    font-size: 16px;
    width: 100%;
    height: 100%;
    position: relative;
}
body {
    line-height: 1;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    letter-spacing: -0.4px;
    cursor: default;
}
/*scroll style */
body::-webkit-scrollbar,
.submenuBg::-webkit-scrollbar {
    /*display: none;*/
    width: 10px;
    height: 5px;
    -ms-overflow-style: none;
}
body::-webkit-scrollbar-thumb,
.submenuBg::-webkit-scrollbar-thumb {
    background-color: #f4f4f4;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}
.submenuBg::-webkit-scrollbar-thumb {
    background-color: rgba(225,225,225,0.5);
}
body::-webkit-scrollbar-track,
.submenuBg::-webkit-scrollbar-track {
    background-color: transparent;
}
blockquote, q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
span,
a.text-flex,
.contents a.text-flex { /*  a링크 공통 나열 클래스 명 text-flex */
    display: inline-block;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input,
textarea,
select {
    font-family: 'Pretendard', sans-serif;
    -moz-appearance:none;
    -o-appearance:none;
    -webkit-appearance:none;
    appearance:none;
}
select::-ms-expand {
    display: none;
}
input {
    box-sizing: border-box;
    width: 100%;
    border: 0;
    font-size: 16px;
}
input:focus {
    outline: none;
    -moz-appearance:none;
    -o-appearance:none;
    -webkit-appearance:none;
    appearance:none;
}
input[type="checkbox"] {
    width: auto;
    -moz-appearance:none;
    -o-appearance:none;
    -webkit-appearance:none;
    appearance:none;
}
input::placeholder {
    color: #999;
}
a {
    color: inherit;
    text-decoration: none;
    display: block;

    /* 이미지 저장 드래그 방지 */
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    -o-user-drag: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}
ul,li,ol {
    list-style: none;
    margin: 0;
}
h1 {
    margin: 0;
}
fieldset {
    padding: 0;
    border: 0;
}
figure {
    margin: 0;
    padding: 0;
}
button {
    cursor: pointer;
    border: 0;
    background: transparent;
    box-sizing: border-box;
    padding: 0;
}
.blind-text {
    display: block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
/* pc, mobile 공통 display: none */
.blind_none {
    display: none;
}
img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;

    /* 이미지 저장 드래그 방지 */
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
    -o-touch-callout:none;

    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    -o-user-drag: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;

    pointer-events: none;
}
::selection,
-webkit-::selection,
-moz-::selection,
-ms-::selection,
-o-::selection {
    color: #00acac;
    background-color: #f4f4f4;
}
img::selection {
    background-color: #62c3bc;
}

/* padding */
/* 상단 공통 여백*/
.toppd10 {
    padding-top: 10px;
}
.toppd20 {
    padding-top: 20px;
}
.toppd30 {
    padding-top: 30px;
}
.toppd40 {
    padding-top: 40px;
}
.toppd50 {
    padding-top: 50px;
}
/* 하단 공통 여백 */
.bottompd10 {
    padding-bottom: 10px;
}
.bottompd20 {
    padding-bottom: 20px;
}
.bottompd30 {
    padding-bottom: 30px;
}
.bottompd40 {
    padding-bottom: 40px;
}
.bottompd50 {
    padding-bottom: 50px;
}
/* 오른쪽 공통 여백 */
.rightpd10 {
    padding-right: 10px;
}
.rightpd20 {
    padding-right: 20px;
}
.rightpd30 {
    padding-right: 30px;
}
/* 왼쪽 공통 여백 */
.leftpd10 {
    padding-left: 10px;
}
.leftpd20 {
    padding-left: 20px;
}
.leftpd30 {
    padding-left: 30px;
}

/* margin */
/* 상단 공통 여백*/
.topmargin10 {
    margin-top: 10px;
}
.topmargin20 {
    margin-top: 20px;
}
.topmargin30 {
    margin-top: 30px;
}
.topmargin40 {
    margin-top: 40px;
}
.topmargin50 {
    margin-top: 50px;
}
/* 하단 공통 여백 */
.bottommargin10 {
    margin-bottom: 10px;
}
.bottommargin20 {
    margin-bottom: 20px;
}
.bottommargin30 {
    margin-bottom: 30px;
}
.bottommargin40 {
    margin-bottom: 40px;
}
.bottommargin50 {
    margin-bottom: 50px;
}
/* 오른쪽 공통 여백 */
.rightmargin10 {
    margin-right: 10px;
}
.rightmargin20 {
    margin-right: 20px;
}
.rightmargin30 {
    margin-right: 30px;
}
/* 왼쪽 공통 여백 */
.leftmargin10 {
    margin-left: 10px;
}
.leftmargin20 {
    margin-left: 20px;
}
.leftmargin30 {
    margin-left: 30px;
}

/* main layout frame */
.footer-bottom {
    min-height: 100%;
    position: relative;
}
.main-sectiontit {
    font-size: 32px;
    font-family: 'Libre Baskerville', serif;
    font-weight: 400;
    color: #333;
}
.visual {
    max-width: 2560px;
    margin: 0 auto;
}
.wrap,
.header_utilitymenu,
.header_nav,
.container,
.upcoming,
.video,
.platform,
.swiper-btn-wrap {
    max-width: 1920px;
    margin: 0 auto;
}
.wrap_padding,
.container,
.upcoming,
.video,
.platform,
.swiper-btn-wrap {
    padding: 0 60px;
}
.main-header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 5;
    left:  50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    background-color: #fff;
}
.header-border {
    border-bottom: 1px solid #dedede;
}
/*.darkmodeBg,*/
.scroll-top {
    position: fixed;
    right: 60px;
    bottom: 50px;
    outline: none;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    cursor: pointer;
    z-index: 2;
}

.scroll-top {
    width: 53px;
    height: 53px;
}
.scroll-top {
    opacity: 0;
    transition: opacity 150ms;
}
.scroll-top.show {
    opacity: 1;
}
.topBtn {
    background: url("https://seoulauction.com/images/common/ico-top-scroll.svg") no-repeat center center;
    width: 53px;
    height: 53px;
}
.blackBg {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 6;
}
.black-font-color {
  color: #555;
}
.visual {
    margin-bottom: 60px;
    z-index: 0;
}
/*common scroll none */
.scroll_none {
    -ms-overflow-style: none;
}
.scroll_none::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
}
/* button */
.commonbtn-box,
.commonbtn {
    text-align: center;
    margin: auto;
}
.commonbtn {
    width: 170px;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
}
.closebtn {
    background: url("https://seoulauction.com/images/pc/icon/ic_close_black_24.svg") no-repeat 0 0;
}
.closebtn-b {
    background-image: url("https://seoulauction.com/images/pc/icon/ic_close_black_24.svg");
}
.closebtn-g {
    background-image: url("https://seoulauction.com/images/pc/icon/ic_close_white_24.svg");
}
.closebtn-w {
    background-image: url("https://seoulauction.com/images/pc/icon/ic_close_white_24.svg");
}
.btn-bg-w{
    background-color: #fff;
    color: #111;
}
.btn-bg-b{
    border: none;
    background-color: #111;
    color: #fff;
    border: 1px solid #111;
    border-radius: 3px;
}
.btn-bg-g { /*주조색 */
    border-color: #4dada7;
    background-color: #4dada7;
    color: #fff;
}
.btn-bg-3 {
    background-color: #333;
    border: 1px solid #333;
    border-radius: 3px;
    color: #fff;
}
.btn-border-w {
    border: 1px solid #fff;
    color: #fff;
}
.btn-border-b {
    border: 1px solid #111;
    color: #111;
}
.btn-border-3{
    border: 1px solid #333;
    color: #333;
}
/* 말줄임 */
.text-over {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 부모태그 말줄임 해제 */
.text-over-nowrap {
    white-space: normal;
}
/* 텍스트 입력 줄바꿈 */
.txt-pre-line{
    white-space: pre-line;
}

/* checkbox */
.common_checkbox[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.common_checkbox[type="checkbox"]+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.common_checkbox[type="checkbox"]+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    background-image: url("https://seoulauction.com/images/common/ico-checkbox-off.svg");
    background-repeat: no-repeat;
    background-size: cover;
}
.common_checkbox[type="checkbox"]:checked+label:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    background-image: url("https://seoulauction.com/images/common/ico-checkbox-on.svg");
    background-repeat: no-repeat;
    background-size: cover;
}
.contents .trp.checkbox-box.checkbox-black input[type="checkbox"] + i:after,
.popupfixed-wrap .trp.checkbox-box.checkbox-black input[type="checkbox"] + i:after{
    display: block;
    content: '';
    background-image: url("https://public.seoulauction.io/resources/assets/images/common/bg-checkbox.svg");
    background-repeat: no-repeat;
    background-position: initial;
    background-size: initial;
    width: 20px;
    height: 20px;
}
.contents .trp.checkbox-box.checkbox-black input[type="checkbox"]:checked + i:after,
.popupfixed-wrap .trp.checkbox-box.checkbox-black input[type="checkbox"]:checked + i:after {
    background-image: url("https://public.seoulauction.io/resources/assets/images/common/bg-checkbox_on.svg");
    background-repeat: no-repeat;
    background-position: initial;
    background-size: initial;
    width: 20px;
    height: 20px;
}

.trp.popupfixed-wrap.online_confirm-popup .accordion-area .con-area .con-body .text-area ul li em.red {
    color: #f00
}
.trp.popupfixed-wrap.online_confirm-popup .accordion-area > .text-area p.gray {
    color: #888
}
.trp.popupfixed-wrap.online_confirm-popup .accordion-area > .text-area p.gray em {
    color: #555;
    font-weight: normal;
}



.visual_btn {
    display: flex;
    align-items: center;
}

/* common contents */
.flex_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.auctionKind-box,
.d-day {
    font-size: 12px;
    width: auto;
    /*height: 21px;*/
    vertical-align: middle;
    text-align: center;
    margin-bottom: 16px;
    font-weight: 600;
    padding: 5px 10px;
}
.auctionKind-box {
    background-color: #1F97D4;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 16px;
}


.auctionKind-box.on {
    background-color: #14ABA3;
}
.d-day.on {
    background-color: #333;
    border: 1px solid #333;
    border-radius: 2px;
    color: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
}


.blacklotbox {
    flex-basis: 240px;
    height: 240px;
    background-color: #808080;
    margin-left: 10px;
}
.topsearch-box {
    display: flex;
    flex-basis: 36px;
    justify-content: flex-end;
    margin-left: auto;
}
.topsearch-box>form{
    flex-basis: 36px;
    position: relative;
    flex-shrink: 0;
}
.topsearch-box:lang(en)>form {
    flex-basis: 36px;
}
.topsearch {
    display: flex;
}
.topsearch>input {
    font-size: 15px;
    height: 46px;
    border: 1px solid #c1c1c1;
    width: 0;
    overflow-x: hidden;
    border-right: 0;
    border-right-color: transparent;
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
}
.topsearch>input::placeholder {
    color: #999;
    font-size: 14px;
}
.topsearch-btn {
    flex-basis: 36px;
    width: 36px;
    height: 36px;
    overflow-x: hidden;
    background: url("https://seoulauction.com/images/common/ico-search_sm.svg") no-repeat center center / 21px 21px;
    cursor: pointer;
    padding: 0;
    border-radius: 3px;
    flex-shrink: 0;
}
.search-btn {
    width: 21px;
    height: 21px;
}
.platform {
    background: url("https://seoulauction.com/images/pc/icon/mode.png") no-repeat center center;
    margin-left: auto;
    margin-right: auto;
}
.platform a {
    cursor:pointer;
}
/*footer */
.footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0;
}
.footerBg  {
    position: relative;
    top:0;
}
.innerfooter {
    padding: 37px 60px 140px;
    max-width: 1920px;
    margin: 0 auto;
}
.innerfooter-familybox {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    top: 0;
    right: 60px;
}
.footer_menubox {
    padding-bottom: 37px;
}
.footer-gnbmenu {
    display: flex;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.footer-gnbmenu>li {
    padding-top: 13px;
    display: flex;
}
.footer-gnbmenu>li:before,
.footer-infomenu>li:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin-right: 14px;
    margin-left: 14px;
    background-color: #555;
}
.footer-gnbmenu>li:first-child:before,
.footer-infomenu>li:first-child:before {
    content: none;
}
.snsbox_icon,
.footer-infomenu,
.footer-infomenu>li {
    display: flex;
}
.footer-infomenu>li>a {
    font-weight: 600;
}
.footer-infomenu>li:nth-child(2)>a>strong {
    font-weight: 800;
}
.snsbox_icon>li {
    margin-right: 12px;
}
.snsbox_icon>li:last-of-type {
    margin-right: 0;
}
.sns-icon {
    width: 43px;
    height: 43px;
    background:url("https://seoulauction.com/images/pc/icon/footer_sns_instar.png") no-repeat 0 0;
}
.sns-icon01 {
    background-image: url("https://seoulauction.com/images/pc/icon/footer_sns_youtube.png");
}
.sns-icon02 {
    background-image: url("https://seoulauction.com/images/pc/icon/footer_sns_instar.png");
}
.sns-icon03 {
    background-image: url("https://seoulauction.com/images/pc/icon/footer_sns_facebook.png");
}
.sns-icon04 {
    background-image: url("https://seoulauction.com/images/pc/icon/footer_sns_blog.png");
}
.sns-icon05 {
    background-image: url("https://seoulauction.com/images/pc/icon/footer_sns_kakao.png");
}
.footer_infobox {
    flex-direction: column;
    padding-top: 40px;
    border-top: 1px solid #444;
}
.footer-infomenubox {
    display: flex;
    justify-content: space-between;
}
.footer_infobox p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    font-weight: 600;
}
.footer_infobox p:first-of-type {
    margin-bottom: 20px;
}
.footer-infomenu {
    flex-wrap: nowrap;
    font-size: 16px;
    color: #a9a9a9;
    margin-bottom: 30px;
}
.footer_tel{
    display: inline-block;
}
.Familysite-selectbox {
    position: absolute;
    top: calc(50% + 140px);
    right: 0px;
    cursor: pointer;
}
.familyselect {
    position: absolute;
    width: 205px;
    top: 46px;
}
.familyselect,
.familyselect>li>a {
    background-color: #2e2e2e;
    color: #999;
    font-size: 16px;
}
.Familysite {
    width: 205px;
    height: 46px;
    font-size: 16px;
    position: relative;
    top: 0;
    padding: 16px 17px 14px 21px;
    color: #999;
    background-color: #2e2e2e;
}
.Familysite:after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 7px;
    background: url("https://seoulauction.com/images/pc/icon/Family-Site_select-box_btn.png") no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    right: 17px;
}
.Familysite.on:after {
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transform: translate(0, -50%) rotate(-180deg);
    -webkit-transform: translate(0, -50%) rotate(-180deg);
    -ms-transform: translate(0, -50%) rotate(-180deg);
}
.familyselect>li>a {
    padding: 16px 17px 14px 21px;
}
.familyselect>li>a:hover {
    background-color: #444;
    color: #fff;
}
.familyselect {
    display: none;
}
/* active, on기능 (display: block) */
.search-bubble-box.on,
.bubble-box.on,
.span_block,
.familyselect.on,
.gnb_submenuBg.on,
.common_block {
    display: block;
}
.header_beltbox.on {
    display: flex;
}
/* 모바일 버전*/
.m-ver,
.m-ver1280,
.familyselect.on.hide {
    display: none;
}

/* 외주 css select container */
/*.sub-wrap .main-header {*/
/*    z-index: 5!important;*/
/*}*/
.popup-dim.popup_biddingPopup1-wrap,
.trp.popupfixed-wrap.bidding-online-popup {
    z-index: 0 !important;
}
.sticky_bidding-article {
    z-index: 1 !important;
}
.page_title-section.list_page-section .proceeding-article {
    z-index: 4 !important; 
}
.content-panel.type_panel-product_list .set-pc_mb .only-mb2 {
    /* auction 더보기 방식 더보기 btn 별도 새로운 클래스 생성 only-mb2*/
    text-align: center;
}
.trp.popupfixed-wrap.images-popup .viewer-article .img-area .img-box .images {
    /* 상세 이미지 팝업 그림자 삭제 */
    box-shadow: none !important;
}
.trp.popupfixed-wrap.auction_live_record-popup .pop-body .article-area {
    /* 마이페이지 응찰내역 스크롤 max-height 수정 */
    border-top: 1px solid #999999;
    max-height: 331px !important;
}
.content-panel .academy-article .academy-list li {
    /*아카데미 건축 삭제 */
    flex-grow: 1;
}
.content-panel.type_panel-introduce .history-area .history-header .select-box {
    /* 회사소개 연혁 select 텍스트 추가 */
    min-width: 150px;
}
.form_table_pay > li .product-box .img.paythumb {
    /* 아카데미 결제 리스트 썸네일, 텍스트 */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.paythumb-text {
    /* 아카데미 결제 리스트 썸네일, 텍스트 */
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

/* pc 1440px ~ 1920px*/
@media all and (max-width: 1919px) {
    .scroll-top {
        right: 50px;
    }
    .darkmodeBg {
        right: 110px;
    }
    /* common frame */
    .wrap,
    .container,
    .upcoming,
    .video,
    .platform,
    .header_utilitymenu,
    .header_nav,
    .swiper-btn-wrap {
        max-width: 1420px;
        margin: 0 auto;
    }
    .belttxtbox {
        min-width: 1420px;
    }
    .wrap_padding,
    .container,
    .upcoming,
    .video,
    .platform,
    .swiper-btn-wrap {
        padding-left: 50px;
        padding-right: 50px;
    }
    .Ingbanner-txt {
        padding: 10px 34px 10px 12px;
        color: #333;
        font-weight: 600;
        flex-grow: 2;
        background-color: #fff;
    }
    /*.auctionKind-box,*/
    .d-day {
        font-size: 14px;
    }
    .Ingkind-auction {
        font-size: 11px;
    }
    .subGnbmenu-tit {
        margin: 0;
    }
    .beltclose-btn {
        right: 50px;
    }
}

/* pc, tablet ui 혼용 */
/*1280px ~ 1440px*/
@media all and (max-width: 1439px) {
    .belttxtbox {
        min-width: 100%;
    }
}

/*1024px ~ 1280px*/
@media all and (max-width: 1279px) {

    .m-ver1280 {
        display: block;
    }
    .pc-ver1280 {
        display: none;
    }

    .topsearch-box {
        margin-right: 0;
        flex-basis: 36px;
    }
    .search-btn { /* top search */
        background-image: url("https://seoulauction.com/images/pc/icon/search.png");
    }
    .subGnbmenu  {
        margin: 0;
    }
    .topsearch-box>form{
        flex-basis: 36px;
    }
    .topsearch>input {
        padding: 15px 7px
    }
}

/* mobile */
/*720px ~ 1024px*/
@media all and (max-width: 1023px) {
    .scroll-top {
        right: 25px;
    }
    .darkmodeBg {
        right: auto;
    }
    .wrap,
    .container,
    .upcoming,
    .video,
    .platform,
    .swiper-btn-wrap {
        max-width: 100%;
    }
    .belttxtbox {
        min-width: 100%;
        height: 43px;
    }
    .header_nav,
    .wrap_padding,
    .container,
    .upcoming,
    .video,
    .header_navbox,
    .swiper-btn-wrap {
        padding-left: 25px;
        padding-right: 25px;
        max-width: 100%;
    }
    .platform,
    .video {
        max-width: 100%;
        padding: 0;
    }
    .btn-border-w,
    .btn-border-b,
    .btn-border-3 {
        border-width: 1px;
    }
    .m-ver,
    .Ingbanner-box {
        display: block;
    }
    .pc-ver,
    .darkmodeBg {
        display: none;
    }
    .commonbtn {
        width: 125px;
        height: 43px;
        font-size: 12px;
    }
    /* header */
    .header_beltbox {
        height: 43px;
        position: relative;
    }
    .header_beltTit {
        max-width: 100%;
        font-size: 14px;
    }
    .header_beltTit>a {
        height: 43px;
    }
    .belt_tit {
        max-width: 280px;
    }
    .belt_tit:lang(en) {
        max-width: 290px; 
    }
    .beltbanner-triangle {
        background-image: url("https://seoulauction.com/images/mobile/icon/arrow01.png");
        background-position: center;
        width: 7px;
        height: 10px;
    }
    .beltclose-btn {
        width: 20px;
        height: 20px;
        background-image: url("https://seoulauction.com/images/mobile/icon/notice_close.png");
        right: 25px;
    }
    .header_logo {
        background-image: url("https://seoulauction.com/images/mobile/logo/SA_logo_black.svg");
        flex-basis: 140px;
        width: 140px;
        height: 55px;
        margin-top: 0;
    }
    .header_nav {
        height: 56px;
        padding: 0;
        max-width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    .m-top-search {
        margin-right: 15px;
        width: 24px;
        height: 24px;
        background: url("https://seoulauction.com/images/mobile/icon/ic_search_black_24.svg") no-repeat center center;
        background-size: contain;
    }
    .m-gnbmenu {
        width: 22.5px;
        height: 22.5px;
        background: url("https://seoulauction.com/images/mobile/icon/ic_hamburger_menu_light_black_20.svg") no-repeat center center;
        background-size: contain;
    }

    .gnb_submenuBg {
        flex-direction: column;
        position: fixed;
        top: 0;
        bottom:0;
        left: 0;
        right: 0;
        width: 100%;
        height: calc(var(--vh, 1vh)*100);
        background-color: rgba(0,0,0,.5);
        backdrop-filter:blur(10px);
        z-index: 5;
        display: none;
    }

    .gnb_blackBg {
        display: none;
    }
    .subGnbmenu {
        flex-basis: 100%;
    }
    .auctionKind-box, .d-day {
        font-size: 12px;
        min-width: auto;
        min-height: auto;
        padding: 4px 10px 0 10px;
        height: 20px;
        margin-bottom: 12px;
        margin-right: 0;
    }
    .d-day.on  {
        padding-top: 3px;
        height: 20px;
    }
    .Ingkind-auction {
        width: auto;
        padding-top: 2px;
    }
    .flex_wrap.submenuBg-box .Ingbanner-box .Ingkind-auction {
        margin-bottom: 6px;
    }
    .Ingbanner-box {
        flex-basis: inherit;
        width: 100%;
        flex-shrink: 1;
        margin-bottom: 33.5px;
    }
    .Ingbanner {
        height:auto;
        margin-bottom: 10px;
    }
    .Ingbanner:last-of-type {
        margin-bottom: 0;
    }
    .Ingbanner-img {
        flex-basis: 80px;
        height: 80px;
    }
    .Ingbanner-img>img {
        width: 100%;
        height: 100%;
    }
    .Ingbanner-txt {
        padding: 18px 20px;
        font-size: 22px;
    }
    .Ingbanner-txt>p {
        font-size: 13px;
        padding-right: 17px;
    }
    .flex_wrap.submenuBg-box .Ingbanner-box  .Ingbanner-txt>p {
        line-height: 1;
    }

    .subGnbmenu {
        flex-direction: column;
        display: block;
        width: 100%;
    }
    .subGnbmenu-tit {
        margin: 0;
    }
    .subGnbmenu-tit:lang(en) {
        margin: 0;
    }
    .currentIng {
        padding-top: 3px;
    }
    .subGnbmenu-tit:last-of-type:lang(en),
    .subGnbmenu-tit:last-of-type {
        margin-bottom: 0;
    }
    .submenu {
        display: none;
    }
    .modebox-wrap{
        display:flex;
        margin-top: 17px;
        border-top: 1px solid #dedede;
        width: 100%;
    }
    .modebox {
        padding-top: 15px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }
    .modebox.dark{
        color:#111;
    }
    .mode-toggle {
        position: absolute;
        display: inline-block;
        width: 40px;
        height: 20px;
        right: 20px;
    }
    .mode-toggle>input {
        opacity: 0;
        height: 0;
        width: 0;
    }
    .mode-switch {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #888;
        transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        border-radius: 100%;
        -webkit-border-radius: 40px;
        -ms-border-radius: 40px;
    }
    .mode-switch.dark {
        background-color: #21a099;
    }
    .mode-switch:before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background-color: #fff;
        left: 3px;
        bottom: 2px;
        transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        -ms-border-radius: 40px;
    }
    .mode-toggle>input:focus + .mode-switch {
        box-shadow: 0 0 1px #ddd;
    }
    .mode-toggle>input:checked + .mode-switch:before {
        transform: translateX(18px);
        -webkit-transform: translateX(18px);
        -ms-transform: translateX(18px);
    }
    .subGnbmenu-tit:nth-child(6):before {
        margin-top: 0px;
    }


    /*footer*/
    .footer_menubox,
    .footer_infobox {
        flex-direction: column;
    }
    .footer-infomenubox {
        flex-direction: column;
    }
    .innerfooter {
        padding: 35px 25px 50px 25px;
        height: 100%;
    }
    .innerfooter-familybox {
        right: auto;
    }
    .Familysite,
    .familyselect {
        width: 100%;
    }
    .Familysite {
        margin-bottom: 25px;
    }
    .footer-gnbmenu {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 32px;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 auto;
        max-width: 235px;
    }
    .footer-gnbmenu>li {
        padding-top: 0;
    }
    .footer-gnbmenu:lang(en) {
        max-width: 200px;
        margin: 0 auto;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 24.5px;
    }
    .footer-gnbmenu>li:before,
    .footer-infomenu>li:before {
        width: 2px;
        height: 10px;
        margin: 0 10px;
        margin-top: 2px;
    }
    .footer-gnbmenu>li {
        margin-bottom: 15px;
    }
    .footer-gnbmenu:lang(en)>li:before {
        margin: 0 10px;
        margin-top: 2px;
    }
    .footer-gnbmenu:lang(en)>li:nth-of-type(4):before,
    .footer-gnbmenu:lang(ko)>li:nth-child(5):before{
        content: none;
    }
    .footer-gnbmenu:lang(ko)>li:nth-child(5) {
        margin-left: -19px;
    }
    .snsbox_icon {
        justify-content: center;
    }
    .snsbox_icon>li {
        margin-right: 16px;
    }
    .snsbox_icon>li:last-of-type {
        margin-right: 0;
    }
    .sns-icon {
        width: 35px;
        height: 35px;
        background-image:url("https://seoulauction.com/images/mobile/icon/footer_sns_instar.png");
        background-size: contain;
    }
    .sns-icon01 {
        background-image: url("https://seoulauction.com/images/mobile/icon/footer_sns_youtube.png");
    }
    .sns-icon02 {
        background-image: url("https://seoulauction.com/images/mobile/icon/footer_sns_instar.png");
    }
    .sns-icon03 {
        background-image: url("https://seoulauction.com/images/mobile/icon/footer_sns_facebook.png");
    }
    .sns-icon04 {
        background-image: url("https://seoulauction.com/images/mobile/icon/footer_sns_blog.png");
    }
    .sns-icon05 {
        background-image: url("https://seoulauction.com/images/mobile/icon/footer_sns_kakao.png");
    }
    .footer_menubox {
        padding-bottom: 35px;
    }
    .footer_infobox {
        padding-top: 35px;
    }
    .footer-infomenu {
        margin-bottom: 25px;
        font-size: 12px;
        margin-bottom: 110px;
        justify-content: center; 
    }
    .footer-infomenu>li:before {
        margin: 0 15px;
    }
    .footer_infobox p {
        font-size: 12px;
        line-height: 1.5;
    }
    .footer_infobox p:first-of-type {
        margin-bottom: 20px;
    }
    .scroll-top {
        z-index: 1;
        right: 25px;
    }
    .Familysite-selectbox {
        top: 240px; 
        width: calc(100% - 50px); 
        right: 25px;
    }
    .Familysite-selectbox:lang(en) {
        top: 260px;
    }

    .paythumb-text {
        font-size: 14px; 
    }
}
/*560px ~ 720px*/
@media all and (max-width: 719px) {
    .visual_btn>a {
        width: calc(100% / 2 - 10px);
    }
    .visual,
    .auction-contents,
    .upcoming,
    .platform {
        margin-bottom: 50px;
    }
    .Ingbanner-txt {
        padding: 14px 12px;
    }
    .Ingkind-auction {
        padding: 0 5px;
        padding-top: 2px;
    }
    .footer-bottom30 {
        padding-bottom: 35em;
    }
}

/*images-viewer css*/
.image-viewer-wrap{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background:white;
    z-index: 30;
    display:flex;
    align-items: center;
    flex-direction: column;
}
.image-viewer-wrap.close{
    display:none;
}

.control-wrap{
    display: flex;
    width:100%;
    justify-content: flex-end;
    z-index: 3;
}
.close-btn{
    padding: 15px;
    margin: 15px;
    cursor: pointer;
    z-index:31;
}
.close-btn::after {
    content: "";
    display: block;
    background: url('https://seoulauction.com/images/common/close_imageviewer.svg') no-repeat center center;
    width: 50px;
    height: 50px;
}

.big-image-wrap{
    width: 100%;
    background: white;
    height: 75%;
    align-items: center;
    display: flex;
}

.thumbnail-wrap{
    position: fixed;
    bottom:0;
    width: 100%;
    height: 80px;
    background:black;
}
.thumbnail-list{
    width:100%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}
.thumbnail-item{
    width:50px;
    height:50px;
    background:white;
    margin-right:10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.thumbnail-item.active{
    border: 2px solid #2ea0a0;
}

/*zoom-In*/
#myWindow {
    cursor: grab;
    display: flex;
    align-items: center;
    justify-content: center;
    background:white;
}

#myContent {
    position: relative;
    display: flex;
    align-items: center;
}

#myContent img {
    display: block;
    width: auto;
    height: auto;
    margin: auto;
    align-self: center;
    flex-shrink: 0;
}
/*image-viewer mobile*/
@media all and (max-width: 719px) {
    .big-image-wrap {
        width: 230%;
        height: 60%;
    }
    .close-btn {
        margin: 6px;
    }
}
@media (orientation: landscape) and (max-width: 719px) {
    .thumbnail-wrap {
        display: none;
    }
    .big-image-wrap {
        height: 50%;
    }
}

.required-label::after {
    content: "*";
    color: #db1b1b;
    font-size: 20px;
    font-weight: 700;
    margin-left: 2px;
}

.required-label-reverse::before {
    content: "*";
    color: #db1b1b;
    font-weight: 700;
    margin-right: 3px;
}

.pickup-modal-dropdown.select2-container--open {
    z-index: 24 !important;
}
.modal-pickup .select2.select2-container .placeholder-value,
.wrap_select_box .select2.select2-container .placeholder-value {
    color: #999;
}

.modal-pickup .select2.select2-container .selected-value,
.wrap_select_box .select2.select2-container .selected-value {
    color: #555;
}