@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Blinker:wght@100;200;300;400;600;700;800;900&family=Nanum+Gothic&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/*# sourceMappingURL=user.css.map */
#PHOTO_FLOGO,#PHOTO_LOGO,#PHOTO_MAIN,#PHOTO_VIEW,#PHOTO_PROFILE,#PHOTO_PC,#PHOTO_MO,#PHOTO_BACKGROUND {
  display: none;
}

.com_loading_popup{width: 100vw;height: 100vh;position: fixed;z-index: 5000000;display: none;}
.com_loading_popup.on{display: block;}
.com_loading_popup .bg_box{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.4);}
.com_loading_popup .con_box{width: 300px;height: 200px;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;z-index: 10;box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.com_loading_popup .con_box .txt_box{width: 100%;height: 100%;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.com_loading_popup .con_box .ic_loading{width: 75px;margin-bottom: 10px}
.com_loading_popup .con_box .big_txt{font-size: 18px;font-weight: bold;color: #333;}


.btn_category_img{
    display: inline-block;
   
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--falcon-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--falcon-btn-border-width) solid var(--falcon-btn-border-color);
    border-radius: var(--falcon-btn-border-radius);
    background-color: var(--falcon-btn-bg);
    -webkit-box-shadow: var(--falcon-btn-box-shadow);
    box-shadow: var(--falcon-btn-box-shadow);
}

.mobile_iframe_viewer{
   height: calc(100vh - 80px);
   width:100%; 
   position: relative;
}
.card_list_viewer{
   height: calc(100vh - 68px);
}

/* coustom */
:root{
  --falcon-body-color: #333;
  --falcon-heading-color : #222;
}
a{color: inherit}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{}
pre{font-family: inherit}

/* common */
.form-check{padding-right: 1.5em}
.content-inner-box{max-width: 1300px; margin: 0 auto; }
.content-inner-box .card,
.content-inner-box .card+*:not(form){max-width: 1000px; margin: 0 auto; overflow: visible; transition: all .3s; width: 100%}

.content-inner-box .card+.modal{max-width: none}
.content-inner-box .card.on{max-width: 1300px; }
.navbar-vertical .navbar-nav .nav-link-icon{display: flex; align-items: center; justify-content: center}

/* components */
.refer[data-bs-relative*="refer"]{position: relative}
.refer .refer-icon{width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(94, 110, 130); border-radius: 50%; cursor: pointer}
.refer .refer-box{background: #fff;  border-radius: 4px; width: 300px; position: absolute; box-shadow: var(--falcon-box-shadow); overflow: hidden; display: none; z-index: 3}
.refer[data-bs-relative*="refer"][data-bs-placement*="top"] .refer-box{bottom: 100%; transform: translateY(-5px)}
.refer[data-bs-relative*="refer"][data-bs-placement*="bottom"] .refer-box{top: 100%; transform: translateY(5px)}
.refer[data-bs-relative*="refer"][data-bs-placement*="left"] .refer-box{left:  0%}
.refer[data-bs-relative*="refer"][data-bs-placement*="right"] .refer-box{right: 0%}

.refer[data-bs-relative*="card"][data-bs-placement*="right"] .refer-box{left: 100%; transform: translate(10px, -20px)}
.refer[data-bs-relative*="card"][data-bs-placement*="left"] .refer-box{right: 100%; transform: translate(-10px, -20px)}

.refer .refer-body{padding: 15px 20px; }

.form-check.type1{padding: 0; margin: 0}
.form-check.type1 .form-check-input{appearance: none; background: none; border: none; position: absolute; z-index: -1; opacity: 0}
.form-check.type1 .form-check-input+.form-check-label{border: 1px solid var(--falcon-gray-300); padding: 0.3125rem 1rem; border-radius: var(--falcon-border-radius); cursor: pointer; color: var(--falcon-gray-600); text-align: center; background: rgb(var(--falcon-light-rgb),.5); box-shadow: var(--falcon-box-shadow-inset); width: 100%; }
.form-check-inline.type1 .form-check-input+.form-check-label{width: auto}

.form-check.type1 .form-check-input:checked+.form-check-label{border-color: var(--falcon-primary); background: var(--falcon-white); color: var(--falcon-gray-900)}

.form-check.form-check-sm.type1 .form-check-input+.form-check-label{padding: .25rem 1rem; font-size: .75rem}
.form-check.form-check-lg.type1 .form-check-input+.form-check-label{padding: .75rem 2rem; font-size: 1rem}


.form-check.type2{padding: 0; margin: 0; position: relative}
.form-check.type2 .form-check-input{position: absolute; top: .75rem; left: .5rem; margin: 0}
.form-check.type2 .form-check-input+.form-check-label{border: 1px solid var(--falcon-gray-300); padding: .5rem 1.5rem; border-radius: var(--falcon-border-radius); cursor: pointer; color: var(--falcon-gray-600); text-align: center; background: rgb(var(--falcon-light-rgb),.5); box-shadow: var(--falcon-box-shadow-inset)}

.form-check.type2 .form-check-input:checked+.form-check-label{border-color: var(--falcon-primary); background: none; color: var(--falcon-gray-900)}



/* base */
pre{white-space: pre-wrap}

/* style */
/* width */
.w-50px{width: 50px}
.w-60px{width: 60px}
.w-75px{width: 75px}
.w-100px{width: 100px}
.w-200px{width: 100px}

.mw-200px{max-width: 200px !important;}
.mw-1000px{max-width: 1000px !important;}
.w-fit-content{width: fit-content !important;}

.hover-w-100:hover{width: 100% !important;}

/* height */
.h-fit{height: fit-content;}


/* ratio */
.ratio-1x1{aspect-ratio : 1/1 !important;}

/* flex */
.flex-none{flex:none !important;}
.flex-2{flex:2 !important;}

.grid-col-1{grid-template-columns: repeat(1,1fr);}
.grid-col-2{grid-template-columns: repeat(2,1fr);}
.grid-col-3{grid-template-columns: repeat(3,1fr);}
.grid-col-4{grid-template-columns: repeat(4,1fr);}
.grid-col-5{grid-template-columns: repeat(5,1fr);}
.grid-col-6{grid-template-columns: repeat(6,1fr);}
.grid-col-7{grid-template-columns: repeat(7,1fr);}
.grid-col-8{grid-template-columns: repeat(8,1fr);}

[class*="grid-col-"]>.col-1{grid-column: span 1; width: auto;}
[class*="grid-col-"]>.col-2{grid-column: span 2; width: auto;}
[class*="grid-col-"]>.col-3{grid-column: span 3; width: auto;}
[class*="grid-col-"]>.col-4{grid-column: span 4; width: auto;}
[class*="grid-col-"]>.col-5{grid-column: span 5; width: auto;}
[class*="grid-col-"]>.col-6{grid-column: span 6; width: auto;}
[class*="grid-col-"]>.col-7{grid-column: span 7; width: auto;}
[class*="grid-col-"]>.col-8{grid-column: span 8; width: auto;}

/* filter */
.grayscale-0{filter: grayscale(0)}
.grayscale-1{filter: grayscale(1)}

/* input */
input[type='text'].form-control.readonly
input[type='text'].form-control:read-only{background: }

/* font */
.fs-12px{font-size: 12px}
.fs--1{}
.hover-fw-bold:hover{font-weight: bold}

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

/* color */
.hover-border-primary:hover{border-color: var(--falcon-primary) !important;}

.hover-bg-primary:hover{background: var(--falcon-primary) !important;}
.hover-bg-200:hover{background: var(--falcon-gray-200) !important;}

.text-inherit{color: inherit !important;}
.hover-text-white:hover{color: var(--falcon-white) !important;}
.hover-text-primary:hover{color: rgba(var(--falcon-primary-rgb), 1) !important}

/* opacity */
.hover-opacity-100:hover{opacity: 1 !important;}

/* scrollbar */
.scrollbar-none::-webkit-scrollbar{display: none}
.overscroll-contain{overscroll-behavior : contain}


/* common */
.excel_cell {
  list-style-type: none;
  width: 100%;
  display: table;
}
.excel_cell li.java_title {
  float: left;
  width: 100%;
  padding: 5px;
  border: 1px solid #dfdfdf;
  background: #f9f9f9;
  cursor: pointer;
  margin: 2px;
}
.excel_cell li {
  float: left;
  width: 100%;
  padding: 10px;
  border: 1px solid #dfdfdf;
  background: #f9f9f9;
  cursor: pointer;
  margin: 2px;
}
.excel_cell li.on {
  float: left;
  width: 100%;
  padding: 10px;
  border: 1px solid #dfdfdf;
  background: #ff6700;
  color: #fff;
  cursor: pointer;
  margin: 2px;
}
.excel_cell li:hover {
  border: 1px solid #ff6700;
  background: #dfdfdf;
  color: #000;
  margin: 2px;
}
.excel_cell_cloxe_btn {margin: 0; border: 0; background: url(../img/ic_close.png) no-repeat center / 10px auto; width: 20px; height: 20px; display: inline-block; opacity: .5; transition: all .3s; padding: 0;}
.excel_cell_cloxe_btn:hover{opacity: 1; transform: scale(1.2)}

.excel_cell_s {
  list-style-type: none;
  width: 100%;
  display: table;
}
.excel_cell_s li {
  float: left;
  padding: 10px;
  border: 1px solid #dfdfdf;
  background: #f9f9f9;
  cursor: pointer;
  margin: 2px;
}
.excel_cell_s li.on {
  float: left;
  padding: 10px;
  border: 1px solid #dfdfdf;
  background: #ff6700;
  color: #fff;
  cursor: pointer;
  margin: 2px;
}
.excel_cell_s li:hover {
  border: 1px solid #ff6700;
  background: #dfdfdf;
  color: #000;
  margin: 2px;
}


.table{table-layout: fixed}

.page-link{width: 28px; height: 28px; line-height: 28px; padding: 0 !important;  text-align: center; font-size: 14px}

.tox .tox-toolbar--scrolling,
.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-wrap: wrap !important;}

/* content */

/* tooltip - custom */
*[data-bs-title]{position: relative; }
*[data-bs-title]:hover{text-decoration: none}
*[data-bs-title]:hover::before{content: attr(data-bs-title) ;display: block; background: #333; color: #fff; position: absolute; font-size: 13px; padding: 5px; min-width: 75px; border-radius: 4px; z-index: 3; text-align: center}
*[data-bs-title]:hover::after{content: "" ;display: block; width: 8px; height: 8px; background: #333; position: absolute; z-index: 3; }
*[data-bs-title][data-bs-placement="top"]:hover::before{bottom: 100%; left: 0; transform: translateY(-8px)}
*[data-bs-title][data-bs-placement="top"]:hover::after{ bottom: 100%; left: 15px; transform:translateY(-4px) rotate(45deg)}
*[data-bs-title][data-bs-placement="bottom"]:hover::before{top: 100%; left: 0; transform: translateY(8px)}
*[data-bs-title][data-bs-placement="bottom"]:hover::after{ top: 100%; left: 15px; transform:translateY(4px) rotate(45deg)}
*[data-bs-title][data-bs-placement="left"]:hover::before{top: 50%; right: 100%; transform: translate(-8px, -50%)}
*[data-bs-title][data-bs-placement="left"]:hover::after{ top: 50%; right: 100%; transform:translate(-4px, -50%) rotate(45deg)}
*[data-bs-title][data-bs-placement="right"]:hover::before{top: 50%; left: 100%; transform: translate(8px, -50%)}
*[data-bs-title][data-bs-placement="right"]:hover::after{ top: 50%; left: 100%; transform:translate(4px, -50%) rotate(45deg)}


@media (min-width: 576px) {
  .grid-col-sm-1{grid-template-columns: repeat(1,1fr); display: grid;}
  .grid-col-sm-2{grid-template-columns: repeat(2,1fr); display: grid;}
  .grid-col-sm-3{grid-template-columns: repeat(3,1fr); display: grid;}
  .grid-col-sm-4{grid-template-columns: repeat(4,1fr); display: grid;}
  .grid-col-sm-5{grid-template-columns: repeat(5,1fr); display: grid;}
  .grid-col-sm-6{grid-template-columns: repeat(6,1fr); display: grid;}
  .grid-col-sm-7{grid-template-columns: repeat(7,1fr); display: grid;}
  .grid-col-sm-8{grid-template-columns: repeat(8,1fr); display: grid;}

  [class*="grid-col-"]>.col-sm-1{grid-column: span 1; width: auto;}
  [class*="grid-col-"]>.col-sm-2{grid-column: span 2; width: auto;}
  [class*="grid-col-"]>.col-sm-3{grid-column: span 3; width: auto;}
  [class*="grid-col-"]>.col-sm-4{grid-column: span 4; width: auto;}
  [class*="grid-col-"]>.col-sm-5{grid-column: span 5; width: auto;}
  [class*="grid-col-"]>.col-sm-6{grid-column: span 6; width: auto;}
  [class*="grid-col-"]>.col-sm-7{grid-column: span 7; width: auto;}
  [class*="grid-col-"]>.col-sm-8{grid-column: span 8; width: auto;}

  .w-sm-50px{width: 50px}
  .w-sm-75px{width: 75px}
  .w-sm-100px{width: 100px}
}

@media (min-width: 768px) {
  .grid-col-md-1{grid-template-columns: repeat(1,1fr); display: grid;}
  .grid-col-md-2{grid-template-columns: repeat(2,1fr); display: grid;}
  .grid-col-md-3{grid-template-columns: repeat(3,1fr); display: grid;}
  .grid-col-md-4{grid-template-columns: repeat(4,1fr); display: grid;}
  .grid-col-md-5{grid-template-columns: repeat(5,1fr); display: grid;}
  .grid-col-md-6{grid-template-columns: repeat(6,1fr); display: grid;}
  .grid-col-md-7{grid-template-columns: repeat(7,1fr); display: grid;}
  .grid-col-md-8{grid-template-columns: repeat(8,1fr); display: grid;}

  [class*="grid-col-"]>.col-md-1{grid-column: span 1; width: auto;}
  [class*="grid-col-"]>.col-md-2{grid-column: span 2; width: auto;}
  [class*="grid-col-"]>.col-md-3{grid-column: span 3; width: auto;}
  [class*="grid-col-"]>.col-md-4{grid-column: span 4; width: auto;}
  [class*="grid-col-"]>.col-md-5{grid-column: span 5; width: auto;}
  [class*="grid-col-"]>.col-md-6{grid-column: span 6; width: auto;}
  [class*="grid-col-"]>.col-md-7{grid-column: span 7; width: auto;}
  [class*="grid-col-"]>.col-md-8{grid-column: span 8; width: auto;}

  .w-md-fit-content{width: fit-content !important;}
  .w-md-50px{width: 50px !important;}
  .w-md-75px{width: 75px !important;}
  .w-md-100px{width: 100px !important;}

  .flex-md-1{flex: 1  !important;; }

  .page-link{width: 40px; height: 40px; line-height: 40px; font-size: 18px}


}


@media (min-width: 992px) {
  .grid-col-lg-1{grid-template-columns: repeat(1,1fr); display: grid;}
  .grid-col-lg-2{grid-template-columns: repeat(2,1fr); display: grid;}
  .grid-col-lg-3{grid-template-columns: repeat(3,1fr); display: grid;}
  .grid-col-lg-4{grid-template-columns: repeat(4,1fr); display: grid;}
  .grid-col-lg-5{grid-template-columns: repeat(5,1fr); display: grid;}
  .grid-col-lg-6{grid-template-columns: repeat(6,1fr); display: grid;}
  .grid-col-lg-7{grid-template-columns: repeat(7,1fr); display: grid;}
  .grid-col-lg-8{grid-template-columns: repeat(8,1fr); display: grid;}

  [class*="grid-col-"]>.col-lg-1{grid-column: span 1; width: auto;}
  [class*="grid-col-"]>.col-lg-2{grid-column: span 2; width: auto;}
  [class*="grid-col-"]>.col-lg-3{grid-column: span 3; width: auto;}
  [class*="grid-col-"]>.col-lg-4{grid-column: span 4; width: auto;}
  [class*="grid-col-"]>.col-lg-5{grid-column: span 5; width: auto;}
  [class*="grid-col-"]>.col-lg-6{grid-column: span 6; width: auto;}
  [class*="grid-col-"]>.col-lg-7{grid-column: span 7; width: auto;}
  [class*="grid-col-"]>.col-lg-8{grid-column: span 8; width: auto;}


  /* width */
  .w-lg-50px{width: 50px}
  .w-lg-75px{width: 75px}
  .w-lg-100px{width: 100px}

  /* overflow */
  .overflow-lg-auto{overflow: auto !important;}
}

@media (min-width: 1200px) {
  .grid-col-xl-1{grid-template-columns: repeat(1,1fr); display: grid;}
  .grid-col-xl-2{grid-template-columns: repeat(2,1fr); display: grid;}
  .grid-col-xl-3{grid-template-columns: repeat(3,1fr); display: grid;}
  .grid-col-xl-4{grid-template-columns: repeat(4,1fr); display: grid;}
  .grid-col-xl-5{grid-template-columns: repeat(5,1fr); display: grid;}
  .grid-col-xl-6{grid-template-columns: repeat(6,1fr); display: grid;}
  .grid-col-xl-7{grid-template-columns: repeat(7,1fr); display: grid;}
  .grid-col-xl-8{grid-template-columns: repeat(8,1fr); display: grid;}

  [class*="grid-col-"]>.col-xl-1{grid-column: span 1; width: auto;}
  [class*="grid-col-"]>.col-xl-2{grid-column: span 2; width: auto;}
  [class*="grid-col-"]>.col-xl-3{grid-column: span 3; width: auto;}
  [class*="grid-col-"]>.col-xl-4{grid-column: span 4; width: auto;}
  [class*="grid-col-"]>.col-xl-5{grid-column: span 5; width: auto;}
  [class*="grid-col-"]>.col-xl-6{grid-column: span 6; width: auto;}
  [class*="grid-col-"]>.col-xl-7{grid-column: span 7; width: auto;}
  [class*="grid-col-"]>.col-xl-8{grid-column: span 8; width: auto;}



  .w-xl-50px{width: 50px}
  .w-xl-75px{width: 75px}
  .w-xl-100px{width: 100px}
}

@media (min-width: 1540px) {
  .grid-col-xxl-1{grid-template-columns: repeat(1,1fr); display: grid;}
  .grid-col-xxl-2{grid-template-columns: repeat(2,1fr); display: grid;}
  .grid-col-xxl-3{grid-template-columns: repeat(3,1fr); display: grid;}
  .grid-col-xxl-4{grid-template-columns: repeat(4,1fr); display: grid;}
  .grid-col-xxl-5{grid-template-columns: repeat(5,1fr); display: grid;}
  .grid-col-xxl-6{grid-template-columns: repeat(6,1fr); display: grid;}
  .grid-col-xxl-7{grid-template-columns: repeat(7,1fr); display: grid;}
  .grid-col-xxl-8{grid-template-columns: repeat(8,1fr); display: grid;}

  [class*="grid-col-"]>.col-xxl-1{grid-column: span 1; width: auto;}
  [class*="grid-col-"]>.col-xxl-2{grid-column: span 2; width: auto;}
  [class*="grid-col-"]>.col-xxl-3{grid-column: span 3; width: auto;}
  [class*="grid-col-"]>.col-xxl-4{grid-column: span 4; width: auto;}
  [class*="grid-col-"]>.col-xxl-5{grid-column: span 5; width: auto;}
  [class*="grid-col-"]>.col-xxl-6{grid-column: span 6; width: auto;}
  [class*="grid-col-"]>.col-xxl-7{grid-column: span 7; width: auto;}
  [class*="grid-col-"]>.col-xxl-8{grid-column: span 8; width: auto;}



  .w-xxl-50px{width: 50px}
  .w-xxl-75px{width: 75px}
  .w-xxl-100px{width: 100px}
}