@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    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;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
}
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}

html,
body {
    font-size: 13px;
    padding: 0;
    margin: 0;
        scroll-behavior: smooth;
}

.main #wrap{
    width:100%;
    margin-top:0;
}

.fixeded div#wrap {
    margin-top: 64px;
}
.main #wrap .main-cont{width:1280px;margin:0 auto;}

.fixed #wrap.main{
    margin-top:170px;
}
.head-area {
    background: white;
    margin: 0 auto;
    position: relative;
    /* height: 90px; */
    /* width: 1280px; */
    z-index: 99;
    background: white;
}

.head-area.fixed-right {
    margin-top: 50px;
}

.fixed .head-area {
    height: 182px;
    width: 100%;
    background: white;
    position: fixed;
}

.head-area .header-cont {
    width: 1280px;
    margin: 0 auto;
    position: relative;
}

.header-cont.fixed-right .header-title {
    margin-top: 50px;
}

.header-cont ul.header-right {
    display: flex;
    justify-content: end;
    gap: 20px;
}
.fixed-header {width: 100%;background: white;}

.fixed-header.fixed-right {
    position: fixed;
    top: 0;
    z-index: 999;
}

.fixed-header.fixed-right img {
    display: block;
}

.fixed-header .fixed-header-cont {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.fixed-header-cont ul.header-right {
    display: flex;
    height: 50px;
    gap: 20px;
}

.fixed-header img {
    height: 50px;
    display: none;
}
.header-cont.fixed-right .fixed-header {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 1280px;
    margin: 0 auto;
}

ul.header-right li {
    height: 50px;
    display: flex;
    align-items: center;
}

.top {
    width: 100%;
    display: flex;
    background: #1CA2D2;
    color: white;
    /* display: none; */
}

.top > a {
    color: white;
}

.top .top_notice {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    position: relative;
}

.top .top_notice a {
    width: fit-content;
}

.top .top_notice > a {
    flex-grow: 1;
    color: white;
}

.top .top_notice > a:hover {
    color: black;
}

.top_notice .today {
    display: flex;
    width: 210px;
    color: black;
    gap: 10px;
    justify-content: end;
    position: absolute;
    right: 0;
}


.notice-wrapper {
    height: 30px;
    overflow: hidden;
    position: relative;
    /* width: 300px; 필요 시 조정 */
    /* border: 1px solid #ddd; */
  }
  
  .notice-list {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    animation: rollNotice 9s infinite;
  }

ul.notice-list a {
    color: white;
}

ul.notice-list a:hover {
    color: black;
}
  
  .notice-list li {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
  }
  
  @keyframes rollNotice {
    0%, 30%   { top: 0; }
    33%, 63%  { top: -30px; }
    66%, 96%  { top: -60px; }
    100%      { top: 0; }
  }

.fixedx{
    transition: all 1s ease;
}
.fixedx .head-area {
    /* position: fixed; */
    /* top: 0; */
    width: 100%;
    background: white;
    z-index: 99;
}

.fixedx .head-area .gnb {
    position: fixed;
    top: 80px;
}

.fixedx .head-area .header-title {
    visibility: hidden;
}

.fixedx .head-area .header-top {
    background: whitesmoke;
    margin-bottom: 30px;
    /* top: -40px; */
    /* left: 0; */
    margin: 0 auto;
}

.fixedx .head-area .header-top h1 {
    display: flex;
    visibility: visible;
}

.w600 {
    width: 600px;
}

.wa {
    width: auto;
}

.w100 {
    width: 100% !important;
}

* {
    font-family: 'NEXON Lv1 Gothic OTF';
    box-sizing: border-box;
    /* line-height: 100%; */
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
    letter-spacing: 0px;
    /* line-height: 120%; */
}

.partners_memo {
    padding: 20px;
    font-size: 18px;
    color: white;
    border-radius: 10px;
    background: red;
}

.fwn {
    font-weight: normal !important;
}

table {
    width: 100%;
    border-spacing: 0;
}

.wa {
    width: fit-content;
}

.dib {
    display: inline-block;
}

table th {
    background: #F6F6F6;
}

table th, table td {
    /* text-align: center; */
}

th.tar, td.tar {
    text-align: right !important;
}

th.tal, td.tal {
    text-align: left !important;
}

th.tac, td.tac {
    text-align: center;
}

.paging {}

.paging ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.paging ul li {
    display: flex;
    width: 30px;
    height: 30px;
}

.gnb-cart {
    position: relative;
}

.gnb-cart em {
    position: absolute;
    right: -5px;
    top: -5px;
    background: #1CA2D2;
    color: white;
    width: 15px;
    border-radius: 10px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
}

.fg01 {
    color: #1CA2D2;
}

.gnb-search {
    position: absolute;
    top: 59px;
    left: 0;
    width: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    z-index: 9;
    border: 1px solid black;
    border-top: 0;
}

.gnb-search .btn-x {
    position: absolute;
    right: 10px;
    width: 25px;
    top: 10px;
    height: 25px;
}

a.btn-x img {
    height: 100%;
    width: 100%;
}

.gnb-search .search-input {
    position: relative;
    margin-top: 30px;
}

.search-input a {
    position: absolute;
    right: 10px;
    top: 0;
    width: 30px;
}

.gnb-search h3 {
    font-size: 36px;
    font-weight: bold;
}

.gnb-search input {
    width: 850px;
    padding: 10px;
    border: 0;
    font-size: 20px;
    border-bottom: 1px solid black;
    color: #1CA2D2;
}

.g-recaptcha {
    display: flex;
    align-items: center;
    justify-content: center;
}

[readonly] {
    background: #F0F0F0;
}

.table {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-spacing: 0;
}

table.table tr {
    /* border-bottom: 1px solid #ADADAD; */
}

.loc {
    text-align: right;
    padding-top: 30px;
    font-size: 16px;
}

b {
    font-weight: bold;
}

.fs13 {
    font-size: 13px !important;
}

.b {
    font-weight: bold;
}

.nff {
    /* font-family: 'GmarketSansMedium' !important; */
}

table td input[type=text].cnt {
    width: 30px;
    text-align: center;
}

._hidden {
    display: none !important
}

#wrap {
    width: 1280px;
    margin: 0 auto 0;
}

.fixed #wrap {
    margin-top: 240px;
}

.fixedx #wrap {
    margin-top: 150px;
}

#wrap .cont.w800 {
    width: 800px !important;
}
#wrap .cont{
    width: 100%;
    margin: 0 auto;
    /* text-align: center; */
}

.product.dt .cont {
    margin-top: 31px !important;
    display: flex;
    flex-direction: column;
}

.product.dt .cont .cont-title {
    display: none;
}

.cont .goods-dt {
    /* display: flex; */
}

.good-dt .good-info {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.product .tabs ul {
    display: flex;
    /* position: absolute; */
}

.product .tabs ul li {
    border-left: 1px solid #adadad;
    border-top: 1px solid #ADADAD;
    border-right: 1px solid #adadad;
    /* padding: 10px; */
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 39px;
    cursor: pointer;
}

.product .tabs li.on {
    border-top: 2px solid black;
    border-bottom: 2px solid white;
    border-right: 2px solid black;
    border-left: 2px solid black;
}

.product .tabs {
    margin-top: 65px;
    border-bottom: 2px solid black;
    position: relative;
    height: 39px;
    scroll-margin-top: 138px;
}

#info-refund {
    display: flex;
    flex-direction: column;
    padding: 0;
}

div#info-refund .info-1 {
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    line-height: 150%;
}

div#info-refund .info-1 dl {
    display: flex;
    gap: 4px;
}

div#info-refund .info-1 dt {
    font-weight: bold;
    width: 61px;
}

div#info-refund dd {
    color: #adadad;
}

div#info-refund .info-2 {
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    line-height: 150%;
}

div#info-refund .info-2 dl {}

div#info-refund .info-2 dt {
    font-weight: bold;
}

.x17 {
    font-size: 17px;
}

.box-bd1 {
    border: 1px solid #adadad;
    margin-top: 40px;
    width: fit-content;
    width: 170px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.good-dt .detail {
    overflow: hidden;
    margin-top: 50px;
    line-height: normal;
}

.good-dt .detail img {
    max-width: 100%;
}

.good-info .detail {}

.good-info .detail {
    overflow: hidden;
}

.good-info .detail img {
    max-width: 100%;
    width: 100%;
}

.good-info .good-img {
    width: 570px;
    height: 570px;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex: none;
}

.good-info .good-price {
    flex-grow: 1;
    border-top: 1px solid black;
    padding: 35px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.good-info .good-price .org-price {
    flex: none;
}

.good-price .info {
    flex-grow: 1;
}

.good-price .qty-price {
    display: flex;
    padding: 25px 0;
    justify-content: space-between;
    border-top: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
    align-items: center;
    gap: 50px;
}

.good-price .qty-price .pname {
    flex-grow: 1;
}

.good-price .tot {
    display: flex;
    padding: 25px 0;
    justify-content: space-between;
    /* border-top: 1px solid #ADADAD; */
    /* border-bottom: 1px solid #ADADAD; */
    align-items: center;
    font-size: 17px;
    font-weight: bold;
}

.tot dd {
    font-size: 20px;
    font-family: 'GmarketSansMedium';
}

.tot dd em {
    font-size: 14px;
    font-style: normal;
    color: #adadad;
}

.good-price .btns {
    display: flex;
    gap: 30px;
}

.btns.sale_state_2 a.disable {
    display: flex;
}

.good-price .btns a {
    padding: 20px;
    border: 1px solid #adadad;
    font-size: 17px;
    font-weight: bold;
}

.good-price .btns a.btn.qa {
    background: black;
    color: white;
}

a.btn.disable {
    display: none;
}

.good-price .btns a.cart {
    background: #1CA2D2;
    color: white;
    border: 1px solid #1CA2D2;
}

a.btn.btnPop.qa {}

a.btn.btnPop.cart.sale_state_2 {
    display: none;
}

.good-price .qty-price .qty {
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 110px; */
}

.qty.sale_state_2 {
    display: none !important;
}

.good-price .qty-price .qty a {
    width: 30px;
    height: 30px;
    border: 1px solid #ADADAD;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 20px;
    cursor: pointer;
}

.good-price .qty-price .qty input {
    border: 0;
    width: 50px;
    text-align: center;
    border-top: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
    padding: 5px;
    height: 30px;
    font-size: 14px;
}

.good-price .info .prices {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.good-price .info .prices dl {
    display: flex;
}

.good-price .info .prices p {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 10px;
}

.good-price .info .prices dl dt {
    width: 120px;
}

.good-price .info .prices dl.sprice {
    font-size: 17px;
    font-weight: bold;
}

dl.sprice span {
    color: #1CA2D2;
}

.good-price .title {
    font-size: 24px;
    margin-bottom: 35px;
}

.good-img img {
    width: 100%;
    border:1px solid #7E7E7E;
}

.goods-dt .goods-info {}

#wrap h4.cont_title{
    font-size: 26px;
    margin: 40px 0;
    text-align: center;
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

h4.cont_title ul {
    display: flex;
    font-size: 14px;
    justify-content: center;
    align-items: center;
}

h4.cont_title ul li {
    width: 100px;
    padding: 5px;
}

h4.cont_title ul li.on {
    background: #1CA2D2;
}

h4.cont_title ul li.on a {
    color: white;
}

/* LOADER */
.loader-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    top: 0;
    left: 0;
    display: none;
}

.loader {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: transparent;
}

.loader:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 4px;
    background-color: blueviolet;
    animation: loading 2s linear infinite;
}

@keyframes loading {
    from {
        left: -200px;
        width: 30%;
    }

    50% {
        width: 30%;
    }

    70% {
        width: 70%;
    }

    80% {
        left: 50%;
    }

    95% {
        left: 120%;
    }

    to {
        left: 100%;
    }
}

a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: black;
}

a.bg_02 {
    color: red;
}

.red {
    color: red !important;
}

a.w-a {
    width: fit-content;
}

a:hover {
    /* color: #1CA2D2; */
}

.ui-datepicker td span, .ui-datepicker td a {
    height: 30px;
}

.ui-datepicker td span, .ui-datepicker td {
    height: 30px;
}

.btn.btn01 {
    background: black;
    color: white;
}

a._btnFileup {
    width: 41px;
    border: 1px solid #ADADAD;
    height: 41px;
    font-size: 24px;
    color: #1CA2D2;
}

.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1280px;
    margin: 0 auto;
    padding: 0 18px;
    /* height: 50px; */
    position: absolute;
    top: 0;
    /* left: 0; */
    background: white;
    z-index: 9;
}

.main header.header-top {
    position: relative;
    height: 0;
}

.header-cont.fixed .header-title {
    margin-top: 51px;
}

.fixed .header-top {
    /* background: whitesmoke; */
    /* padding-bottom: 30px; */
}


.header-title {
    width: 1280px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 10px;
    position: relative;
    z-index: 7;
}

.main .header-title {
    padding-top: 0;
}

.fixed .header-title {
    height: 100px;
    position: fixed;
    top: 0;
}

.fixed .header-title img {
    visibility: hidden;
}

.header-title img {
    /* width: 400px; */
    height: 100px;
}

.header-top h1 {
    height: 50px;
    visibility: hidden;
}

.fixed .header-top h1 {
    visibility: visible;
}

.header-top h1 a {
    width: 180px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-top h1 a img {
    width: 100%;
    /* display: none; */
}

.header-top ul {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.header-top ul li {
    padding: 0 10px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-top ul li:not(:last-child)::after {
    content: '|';
    /* margin-left: 8px; */
    color: #888;
    /* 원하는 색 */
    position: absolute;
    right: -7px;
    top: 0;
}

.header-top ul li a {}

.gnb {
    width: 100%;
    margin: 0 auto;
    /* display: flex; */
    /* justify-content: space-between; */
    /* align-items: center; */
    /* padding: 0 30px 30px; */
    /* position: relative; */
    /* height: 50px; */
    border-bottom: 1px solid #ADADAD;
    /* z-index: 99; */
    background: white;
    padding-top: 0;
    position: relative;
    top: 0;
}

.gnb.fixed {
    position: fixed;
    top: 44px;
    left: 0;
    right: 0;
    padding-top: 26px;
}

.gnb .gnb-cont {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 30px;
    position: relative;
    /* height: 50px; */
    /* border-bottom: 1px solid #ADADAD; */
    z-index: 9;
    background: white;
}

.fixed .gnb {
    position: fixed;
    /* padding-top: 30px; */
    top: 80px;
}

.gnb .gnb-all {
    flex: none;
    width: 50px;
}

a.gnb-all img {
    width: 26px;
}

.gnb ul.gnb-cate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    padding: 0px 35px;
    font-size: 18px;
}

.gnb .gnb-icons {
    /* display: flex; */
    width: 140px;
    flex: none;
    /* flex-direction: row; */
}

.gnb-icons ul {
    display: flex;
    justify-content: space-between;
    /* gap: 24px; */
    align-items: center;
    width: 100%;
}

.gnb-icons ul li a img {
    height: 24px;
}

.gnb ul.gnb-cate li {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 100%; */
    position: relative;
    padding: 5px;
}

.gnb ul.gnb-cate li > a {
    width: 100%;
    align-items: end;
}

.gnb ul.gnb-cate li > a span {
    color: #1CA2D2;
    /* margin-right: 3px; */
}

.gnb ul.gnb-cate > li:hover > a {
    color: #1CA2D2;
}
.gnb ul.gnb-cate > li a span.material-symbols-outlined {
    position: absolute;
    left:-23px;
    transform: translateY(0);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.gnb ul.gnb-cate > li a:hover span.material-symbols-outlined {
    transform: translateY(-5px); /* 아래에서 위로 5px */
    color:red;
    /* font-size: 30px; */
}

.gnb ul.gnb-cate li .sub {
    display: none;
    position: absolute;
    top: 27px;
    left: 0;
    right: 0;
    padding: 0 0;
    background: white;
}
.gnb ul.gnb-cate li .sub:hover {
    display: block;
}

.sub ul {
    display: flex;
    flex-direction: column;
    border: 1px solid #e8e8e8;
    border-bottom: 0;
    font-size: 13px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}

.sub ul li {
    width: 100% !important;
    font-size: 12px;
    border-bottom: 1px solid #e8e8e8;
    padding: 7px !important;
}

.sub ul li:hover {
    background: #1CA2D2;
}

.sub ul li:hover a{color:white;}

.gnb ul.gnb-cate li.unitprice:hover .sub {
    display: block;
}


ul.join-step{
    display: flex;
    width: 300px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 50px;
    gap: 40px;
}
ul.join-step li{
    position: relative;
}

ul.join-step li.on {
    font-weight: bold;
}

ul.join-step li:not(:last-child)::after {
    content: '>';
    /* margin-left: 8px; */
    color: #888;
    position: absolute;
    right: -24px;
    top: 0;
}

footer {
    padding: 50px 0 35px;
    margin-top: 45px;
}

footer .footer-logo {
    padding: 0 30px;
}

.footer-cont {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

footer .footer-logo ul {
    display: flex;
    margin-top: 50px;
    gap: 30px;
    margin-bottom: 40px;
}

footer .footer-logo ul li {}

footer .footer-logo ul li a {}

footer .footer-info {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
}

.footer-info h5 {
    font-size: 15px;
    margin-bottom: 25px;
}

footer .footer-tail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 30px 10px;
    margin-top: 50px;
    border-top: 1px solid black;
}

.footer-tail h6 {
    color: #ADADAD;
    font-size: 13px;
    font-weight: normal;
}

.footer-tail .sns {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 20px;
}

.footer-tail .sns ul {
    display: flex;
    gap: 20px;
}

.footer-tail ul {
    display: flex;
}

footer .footer-info-1 {}

footer .footer-info-2 {}

footer .footer-info-3 {}

footer .cont {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

footer .cont>div {
    display: flex;
    gap: 20px;
}

footer .cont dl {
    display: flex;
    gap: 10px;
}

footer .cont dl dt {
    font-weight: bold;
}

footer .cont dl dd {
    font-size: 12px;
}

.fg-bd1 {
    border: 1px solid #7E7E7E
}

.bg01 {
    background-color: #F3F3F3;
}

.btn_00 {
    background-color: white;
    color: black;
    border: 1px solid #ADADAD;
}

.btn_01 {
    background-color: #1CA2D2;
    color: white;
    border: 1px solid #1CA2D2;
}

.fade-down {
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeDown 0.3s ease-out forwards;
}

@keyframes fadeDown {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.fade-up {
    opacity: 1;
    transform: translateY(20px);
    animation: fadeDown 0.3s ease-out forwards;
}

@keyframes fadeUp {
    to {
        opacity: 0;
        transform: translateY(0);
    }
}


.tax0	{display: inline-block;border:1px solid #aaa;padding: 5px;border-radius: 4px;font-size: 11px;}
.taxA	{border:1px solid #58aaed;padding: 5px;border-radius: 4px;font-size: 11px;}
.taxB	{border:1px solid #dd9362; padding:2px; }
.taxD	{border:1px solid #54a030; padding:2px; }
.taxA_on{border:1px solid #58aaed; padding:2px; background-color:#58aaed; color:#fff; }
.taxB_on{border:1px solid #dd9362; padding:2px; background-color:#dd9362; color:#fff; }
.taxD_on{border:1px solid #54a030; padding:2px; background-color:#54a030; color:#fff; }

.btn_state {display:inline-block;padding: 5px;/* margin-top:3px; *//* cursor: pointer; */background-color: #aaa;color:#fff;border-radius:4px;font-size: 11px;}
.btn_small {display:inline-block; padding:3px 5px 3px 5px; margin:2px 0; cursor: pointer; background-color: #aaa; color:#fff; border-radius:4px; }
.btn_small:hover { background-color: #888;}

.fee_icon	{display:inline-block; padding:3px; background-color: #65b173; color:#fff; border-radius:4px;  text-align:center; }
.fee_num	{display:inline-block; width:40px; text-align:right; color:#009900;}

/* .select {
    border: 1px solid #b1bcc7;
    border-radius: 0.5rem;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 0;
    background: url(/static/img/btn_down.png) 0 100%;
    background-position: right;
    background-repeat: no-repeat;
} */
.select {
appearance: none;         /* 기본 꺾쇠 제거 (브라우저별 벤더 프리픽스도 있음) */
-webkit-appearance: none;
-moz-appearance: none;
background: white url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat;
background-position: calc(100% - 5px) center;
background-size: 20px;
}

.paging {margin: 3rem 0;display: flex;justify-content: center;align-items: center;}
.paging ul{display:flex;justify-content: center;align-items: center;}
.paging li{width:33px;height:33px;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;text-align: center;display: table;}
.paging li a{width:100%;height:100%;}
.paging li:first-child{border-left:1px solid #e1e1e1;}
/* .paging li.first a{background: url(/static/img/first.png) 50% 50% no-repeat;}
.paging li.prev a{background: url(/static/img/prev.png) 50% 50% no-repeat;}
.paging li.next a{background: url(/static/img/next.png) 50% 50% no-repeat;}
.paging li.last a{background: url(/static/img/last.png) 50% 50% no-repeat;} */
.paging li.on {background:#e2eefb;border:1px solid #013d7b;} 

.flex-row{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.flex-col{display: flex;flex-direction: column;align-items: center;justify-content: space-between;}

.float-icons{position: fixed;right: 10px;bottom: 10px;display: flex;flex-direction: column;gap: 5px;}

.float-icons a {
    width: 50px;
    height: 50px;
    border: 1px solid #1CA2D2;
    border-radius: 50px;
    color: #1CA2D2;
    background-color: white;
    font-size: 24px;
}

.float-icons a:hover {
    /* background: white; */
    color: white;
    background: #1CA2D2;

}
.float-icons a.move:hover {
    background: white;
    color: black;
    border: 1px solid black;

}


.float-icons a em {
    position: absolute;
    right: -2px;
    top: -2px;
    background: black;
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    font-style: normal;
    justify-content: center;
    font-size: 11px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}