@import url("./reset.css");
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700&family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #c6c6c6;
}

body {
    background: #fff;
    font-family: "Noto Sans KR", "Playfair Display", sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 13px;
}


/* clear */
.clear {
    display: inline-block;
}

.clear:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
}

* html .clear {
    height: 0;
}

.underline {
    text-decoration: underline !important;
}

hr.clear {
    visibility: hidden;
    clear: both;
    display: block;
}

/* floating */
.floatL {
    float: left !important;
}

.floatR {
    float: right !important;
}

/* margin */
.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt50 {
    margin-top: 50px !important;
}
.mt70 {
    margin-top: 70px !important;
}
.mt100 {
    margin-top: 100px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

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

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

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml30 {
    margin-left: 30px !important;
}

/* align */
.alignL {
    text-align: left !important;
}

.alignC {
    text-align: center !important;
}

.alignR {
    text-align: right !important;
}

.alignT {
    vertical-align: top !important;
}

.alignM {
    vertical-align: middle !important;
}

.alignB {
    vertical-align: bottom !important;
}
.h-auto{height:auto !important;}
.h-100vh{height:100vh; !important;}
.h-30px{height:30px !important;}
.h-40px{height:40px !important;}
.h-50px{height:50px !important;}
.h-60px{height:60px !important;}
.h-70px{height:70px !important;}
.h-80px{height:80px !important;}
.h-90px{height:90px !important;}
.h-100px{height:100px !important;}
.h-110px{height:110px !important;}
.h-120px{height:120px !important;}
.h-130px{height:130px !important;}


.h-25{height: 25% !important;}
.h-33{height: 33% !important;}
.h-50{height: 50% !important;}
.h-100{height: 100% !important;}

.w-35px{width:35px;}
.w-40px{width:40px;}
.w-50px{width:50px;}
.w-60px{width:60px;}
.w-65px{width:65px;}
.w-70px{width:70px;}
.w-80px{width:80px;}
.w-90px{width:90px;}
.w-100px{width:100px;}
.w-110px{width:110px;}
.w-120px{width:120px;}
.w-130px{width:130px;}
.w-140px{width:140px;}
.w-150px{width:150px;}
.w-160px{width:160px;}
.w-170px{width:170px;}
.w-180px{width:180px;}
.w-190px{width:190px;}
.w-200px{width:200px;}
.w-210px{width:210px;}
.w-220px{width:220px;}
.w-230px{width:230px;}
.w-240px{width:240px;}
.w-250px{width:250px;}
.w-260px{width:260px;}
.w-270px{width:270px;}
.w-280px{width:280px;}
.w-285px{width:285px;}
.w-290px{width:290px;}
.w-200px {
    width: 200px !important;
}

.w-225px {
    width: 225px !important;
}

.w-250px {
    width: 250px !important;
}

.w-275px {
    width: 275px !important;
}

.w-300px {
    width: 300px !important;
}

.w-325px {
    width: 325px !important;
}

.w-350px {
    width: 350px !important;
}

.w-375px {
    width: 375px !important;
}

.w-400px {
    width: 400px !important;
}

.w-425px {
    width: 425px !important;
}

.w-450px {
    width: 450px !important;
}

.w-475px {
    width: 475px !important;
}

.w-500px {
    width: 500px !important;
}

.w-550px {
    width: 550px !important;
}

.w-600px {
    width: 600px !important;
}

.w-650px {
    width: 650px !important;
}

.w-700px {
    width: 700px !important;
}

.w-750px {
    width: 750px !important;
}

.w-800px {
    width: 800px !important;
}

.w-850px {
    width: 850px !important;
}

.w-900px {
    width: 900px !important;
}

.w-950px {
    width: 950px !important;
}

.w-1000px {
    width: 1000px !important;
}
.w-10{width:10% !important;}
.w-12{width:12% !important;}
.w-15{width:15% !important;}
.w-20{width:20% !important;}
.w-25{width:25% !important;}
.w-30{width:30% !important;}
.w-33{width:33% !important;}
.w-35{width:35% !important;}
.w-38{width:38% !important;}
.w-40{width:40% !important;}
.w-44{width:44% !important;}
.w-50{width:50% !important;}
.w-60{width:60% !important;}
.w-70{width:70% !important;}
.w-80{width:80% !important;}
.w-90{width:90% !important;}
.w-100{width:100% !important;}

.miw-100px{min-width:100px;}
.miw-110px{min-width:110px;}
.miw-120px{min-width:120px;}
.miw-130px{min-width:130px;}
.miw-140px{min-width:140px;}
.miw-150px{min-width:150px;}
.miw-160px{min-width:160px;}
.miw-170px{min-width:170px;}
.miw-180px{min-width:180px;}
.miw-190px{min-width:190px;}
.miw-200px{min-width:200px;}
.miw-210px{min-width:210px;}
.miw-220px{min-width:220px;}
.miw-230px{min-width:230px;}
.miw-240px{min-width:240px;}
.miw-250px{min-width:250px;}
.miw-260px{min-width:260px;}
.miw-270px{min-width:270px;}
.miw-280px{min-width:280px;}
.miw-290px{min-width:290px;}
.miw-300px{min-width:300px;}
.miw-350px{min-width:350px;}
.miw-400px{min-width:400px;}
.miw-700px{min-width:700px;}
.miw-10{min-width:10%}
.miw-20{min-width:20%}
.miw-30{min-width:30%}
.miw-40{min-width:40%}
.miw-50{min-width:50%}
.miw-60{min-width:60%}
.miw-70{min-width:70%}
.miw-80{min-width:80%}
.miw-90{min-width:90%}
.miw-100{min-width:100%}


.maw-100px{max-width:100px;}
.maw-110px{max-width:110px;}
.maw-120px{max-width:120px;}
.maw-130px{max-width:130px;}
.maw-140px{max-width:140px;}
.maw-150px{max-width:150px;}
.maw-160px{max-width:160px;}
.maw-170px{max-width:170px;}
.maw-180px{max-width:180px;}
.maw-190px{max-width:190px;}
.maw-200px{max-width:200px;}
.maw-210px{max-width:210px;}
.maw-220px{max-width:220px;}
.maw-230px{max-width:230px;}
.maw-240px{max-width:240px;}
.maw-250px{max-width:250px;}
.maw-260px{max-width:260px;}
.maw-270px{max-width:270px;}
.maw-280px{max-width:280px;}
.maw-290px{max-width:290px;}
.maw-300px{max-width:300px;}
.maw-350px{max-width:350px;}
.maw-400px{max-width:400px;}
.maw-700px{max-width:700px;}

.maw-10{max-width:10%}
.maw-20{max-width:20%}
.maw-30{max-width:30%}
.maw-40{max-width:40%}
.maw-50{max-width:50%}
.maw-60{max-width:60%}
.maw-70{max-width:70%}
.maw-80{max-width:80%}
.maw-90{max-width:90%}
.maw-100{max-width:100%}

.margin0_auto{margin:0 auto !important;}
.border0{border:0 !important;}
.boder1{border:1px solid #ededed}
.boder1L_b{border-left:1px solid #cfcfcf}
.borderR_ed{border-right:1px solid #ededed}
.bold {
    font-weight: bold !important;
}

.cb{clear: both}

.bold {
    font-weight: bold;
}
.color_w{color:#fff}
.color_b{color:#000}
.color_4{color:#444444}

.position-relative{position:relative}
.position-absolute{position:absolute}
.position-fixed{position:fixed}

.display-inb{display:inline-block;}
.display-none{display:none;}

.left-50{left:50%}
.top-50{top:50%}

/*padding*/
.padding-10{
    padding:10px;
}

.padding-L0{padding-left:0 !important;}
.padding-L10{padding-left:10px}
.padding-L20{padding-left:20px }
.padding-L25{padding-left:25px }
.padding-L30{padding-left:30px }
.padding-L35{padding-left:35px }
.padding-L40{padding-left:40px }
.padding-L50{padding-left:50px }
.padding-L60{padding-left:60px }
.padding-L70{padding-left:70px}
.padding-L80{padding-left:80px }
.padding-L85{padding-left:85px}
.padding-L90{padding-left:90px }
.padding-L100{padding-left:100px }
.padding-L120{padding-left:120px }
.padding-L150{padding-left:150px }
.padding-L145{padding-left:145px }
.padding-L160{padding-left:160px}
.padding-L170{padding-left:170px}
.padding-L180{padding-left:180px}
.padding-L200{padding-left:200px}
.padding-L210{padding-left:210px}
.padding-L215{padding-left:215px}
.padding-L230{padding-left:230px}
.padding-L250{padding-left:250px}
.padding-L300{padding-left:300px}
.padding-L360{padding-left:360px}

.padding-T0{padding-top:0 !important;}
.padding-T10{padding-top:10px}
.padding-T20{padding-top:20px}
.padding-T25{padding-top:25px}
.padding-T30{padding-top:30px}
.padding-T40{padding-top:40px}
.padding-T45{padding-top:45px}
.padding-T50{padding-top:50px}
.padding-T60{padding-top:60px}
.padding-T80{padding-top:80px}
.padding-T95{padding-top:95px}
.padding-T140{padding-top:137px}
.padding-T150{padding-top:100px}
.padding-T155{padding-top:150px}
.padding-T115{padding-top:115px}
.padding-T155{padding-top:155px}
.padding-T160{padding-top:160px }
.padding-T170{padding-top:170px }
.padding-T190{padding-top:190px }
.padding-T200{padding-top:200px }
.padding-T220{padding-top:220px }
.padding-T280{padding-top:280px }
.padding-T330{padding-top:330px }
.padding-T540{padding-top:540px }
.padding-B0{padding-bottom:0}
.padding-B10{padding-bottom:10px}
.padding-B20{padding-bottom:20px}
.padding-B25{padding-bottom:25px}
.padding-B30{padding-bottom:30px}
.padding-B40{padding-bottom:40px}
.padding-B45{padding-bottom:45px}
.padding-B50{padding-bottom:50px}
.padding-B60{padding-bottom:60px}
.padding-B70{padding-bottom:70px }
.padding-B80{padding-bottom:80px}
.padding-B90{padding-bottom:90px}
.padding-B160{padding-bottom:160px }

.padding-R10{padding-right:10px;}
.padding-R15{padding-right:15px;}
.padding-R20{padding-right:20px;}
.padding-R30{padding-right:30px;}
.padding-R35{padding-right:35px}
.padding-R40{padding-right:40px;}
.padding-R45{padding-right:45px;}
.padding-R50{padding-right:50px;}
.padding-R55{padding-right:55px;}
.padding-R60{padding-right:60px;}
.padding-R65{padding-right:65px;}
.padding-R70{padding-right:70px}
.padding-R150{padding-right:150px}
.padding-R225{padding-right:225px}


.padding-L13P{padding-left:13%}


.margin-L10{margin-left:10px}
.margin-L15{margin-left:15px}
.margin-L30{margin-left:30px }
.margin-L40{margin-left:40px }
.margin-L70{margin-left:70px}
.margin-L80{margin-left:80px }
.margin-L85{margin-left:85px}
.margin-L90{margin-left:90px }
.margin-L120{margin-left:120px }
.margin-L150{margin-left:150px }
.margin-L145{margin-left:145px }
.margin-L160{margin-left:160px}
.margin-L170{margin-left:170px}
.margin-L180{margin-left:180px}
.margin-L200{margin-left:200px}
.margin-L210{margin-left:210px}
.margin-L215{margin-left:215px}
.margin-L230{margin-left:230px}
.margin-L250{margin-left:250px}
.margin-L300{margin-left:300px}
.margin-L360{margin-left:360px}

.margin-T0{margin-top:0 !important;}
.margin-T10{margin-top:10px}
.margin-T20{margin-top:20px}
.margin-T25{margin-top:25px}
.margin-T30{margin-top:30px}
.margin-T40{margin-top:40px}
.margin-T45{margin-top:45px}
.margin-T50{margin-top:50px}
.margin-T60{margin-top:60px}
.margin-T80{margin-top:80px}
.margin-T95{margin-top:95px}
.margin-T140{margin-top:137px}
.margin-T150{margin-top:100px}
.margin-T155{margin-top:150px}
.margin-T115{margin-top:115px}
.margin-T155{margin-top:155px}
.margin-T160{margin-top:160px }
.margin-T170{margin-top:170px }
.margin-T190{margin-top:190px }
.margin-T200{margin-top:200px }
.margin-T220{margin-top:220px }
.margin-T280{margin-top:280px }
.margin-T330{margin-top:330px }
.margin-T440{margin-top:440px }
.margin-T540{margin-top:540px }
.margin-B40{margin-bottom:40px }
.margin-B70{margin-bottom:70px }
.margin-B80{margin-bottom:80px }
.margin-B100{margin-bottom:100px }
.margin-B160{margin-bottom:160px }


.margin-R10{margin-right:10px}
.margin-R20{margin-right:20px}
.margin-R30{margin-right:30px}
.margin-R40{margin-right:40px}

.margin-R35{margin-right:35px}
.margin-R70{margin-right:70px}
.margin-R150{margin-right:150px}
.margin-R225{margin-right:225px}

.margin35{margin:35px;}


/*font-size*/

.font-s11{font-size:11px !important;}
.font-s12{font-size:12px !important; }
.font-s13{font-size:13px  !important;}
.font-s14{font-size:14px  !important;}
.font-s15{font-size:15px !important; }
.font-s16{font-size:16px !important; }
.font-s17{font-size:17px !important; }
.font-s18{font-size:18px !important;}
.font-s20{font-size:20px !important;}
.font-s21{font-size:21px !important;}
.font-s22{font-size:22px !important;}
.font-s23{font-size:23px !important;}
.font-s25{font-size:25px !important;}
.font-s30{font-size:30px !important;}
.font-s35{font-size:35px !important;}
.font-s40{font-size:40px !important;}
.font-s44{font-size:44px !important;}
.font-s48{font-size:48px !important;}
.font-s50{font-size:50px !important;}
.font-s60{font-size:60px !important;}
.font-s61{font-size:61px !important;}
.font-s70{font-size:70px !important;}
.font-s80{font-size:80px !important;}
.font-s95{font-size:95px !important;}

.font-italic{font-style: italic;}
.font-normal{font-style: normal;}
.letter-05{letter-spacing: 0.5px;}


/*flex*/
.flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center !important;;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.flex-direction-column{
    flex-direction: column;
}
.flex-direction-row{
    flex-direction: row;
}
.flex-1{
    flex:1;
}
.flex-start{
    align-items: flex-start !important;
}
.flex-end{
    align-items: flex-end !important;
    justify-content: end !important;
}
.justify-center{
    justify-content: center;
}

.gap10{gap:10px 10px}
.gap15{gap:15px 15px}
.gap20{gap:20px 20px}



/*bg*/

.no-repeat {
    background-repeat: no-repeat;
}

.bg-center {
    background-position: 50%;
}
.cover {
    background-size: cover;
}
.background_w{background-color:#ffffff}
.background_f64e60{background-color:#f64e60;}


/*overflow*/

.ofh{overflow: hidden;}
.ofv{overflow: visible;}


*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}

/* ellipsis */
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width:200px;
}
.ellipsis span{
    width:90%;
    display: inline-block;
}
.ellipsis a {color: #1976d2;}
.ellipsis i{color:#1976d2;}

a.ellipsis {
    display: inline-block;
    width: 100%;
}

button{
    border:0;
    background: transparent;
}

.hidden {
    display: none;
}


.spacer{
    flex: 1 auto;
}
.none {
    display: none !important;
}
.din-font{
    font-family: 'din-2014', sans-serif;
}
.noto-font{
    font-family: 'Noto Sans KR', sans-serif;
}

.text-danger{
    color:red;
}
.red--text {
    color: #F44336 !important;
    caret-color: #F44336 !important;
}


#mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:99999;opacity:0;display:none;}
.closeBtn{
    position: relative;
    top: -10px;
    right: 0;
    font-size: 44px;
    z-index: 999999;
    color:#fff;
    text-align:right;
}
#popup_layer {
    width:90%;
    max-width:724px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -45%;
    margin-top: 0;
    display: none;
    z-index: 100000;
}

.grecaptcha-badge{
    z-index:100;
    display:none !important;
}


.mobile_br{display:block;}
.web_br{display:none;}
.webMo_br{display:block;}


@media screen and (min-width: 1090px) {
    /* ellipsis */
    .ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }
    #popup_layer {
        top: 50%;
        margin-left: -362px;
        margin-top: -398px;
    }

    .closeBtn{
        position: absolute;
        top: -15px;
        right: -40px;
        font-size: 44px;
        z-index: 999999;
        color: #fff;
        text-align: right;
    }

    .mobile_br{display:none;}
    .web_br{display:block;}
    .webMo_br{display:block;}

    .sort-area {
        margin-right: 20px;
    }

}
.swal2-container {
    z-index: 999999 !important;
}