@charset "UTF-8";

/* font */
@font-face {
    font-family: 'EliceDigitalBaeum-Bd';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum-Bd.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/* font */
@font-face {
    font-family: 'EliceDigitalBaeum';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*  google-font( icon + symbols)  */
@font-face {font-family: 'Material Icons';font-style: normal;font-weight: 400;
    src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),local('MaterialIcons-Regular'),
      url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
      url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
      url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/sandbox/materialsymbolsrounded/v7/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOc7TOVpeRL2w5rwZu2rIelXxc.woff2) format('woff2');
}  

.font-16  { font-size: 1.000rem; }
.font-18  { font-size: 1.125rem; }
.font-20  { font-size: 1.250rem; }
.font-22  { font-size: 1.375rem; }
.font-24  { font-size: 1.500rem; }
.font-26  { font-size: 1.625rem; }
 
.font-34  { font-size: 2.125rem; }
 
/* font */
.material-symbols-rounded
{
    font-weight: normal;font-style: normal;font-size: 24px;line-height: 1;letter-spacing: normal;
    text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;
    -webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;
}

.material-symbols-rounded {font-family: 'Material Symbols Rounded';}

.quick_wrap{position: fixed;right: 30px;top: 120px;z-index: 9989;} 
.quick_wrap .q_icon {width: 40px;height: 40px;border-radius: 5px;background: #fff;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 10px 15px rgb(0 0 0 / 3%);margin: auto;top: -20px;position: relative;}
.quick_wrap .q_icon span {transition: .5s all ease;font-size: 40px;font-weight: 600;color: #cccccc;cursor: pointer;}
.quick_wrap .q_icon.on span{transform: rotate(180deg);}
.quick_wrap .box_in {padding: 20px;padding-bottom: 30px;border-radius: 15px;background: #fff;font-weight: 600;box-shadow: 0 0 10px 15px rgb(0 0 0 / 3%);}
.quick_wrap .quick_box{position: relative;z-index: 10;}
.quick_wrap .box_in .txt2 a{margin-top: 5px;color: #00a0e9;}
.quick_wrap .quick{border-radius: 15px;overflow: hidden;}
.quick_wrap .quick li+li a{border-top: 1px solid rgba(255, 255,255,0.1);}
.quick_wrap .quick li a {padding: 20px 0;display: block;text-align: center;background: #00a0e9;}

.quick_wrap .quick li img {margin: auto;}

.quick_wrap .quick {opacity: 0; transform: translateY(-80%);visibility: hidden;transition-property:visibility opacity, transform;transition-duration: .5s;transition-timing-function: cubic-bezier(.7, 0, .2, 1);position: absolute;z-index: 1;width:100%;}
.quick_wrap .quick.on {opacity: 1; transform: translateY(0%);position:relative;visibility: visible;}
.quick_wrap .quick.off {opacity: 0; transform: translateY(-80%);position:absolute;visibility: hidden;}


@media (max-width:768px){
    .quick_wrap {right: 15px;top: auto;bottom: 0;}
    .quick_wrap .box_in {padding: 20px 15px;}
    .quick_wrap .quick{position: absolute;top: auto;bottom: 0;transform: translateY(0%);}
    .quick_wrap .quick.on {position: absolute;transform: translateY(-165px);}
    .quick_wrap .quick.off {transform: translateY(0%);}
    .quick_wrap .quick li img {width: 35px;}
    .quick_wrap .quick li a {padding: 15px 0;}
}

@media (max-width:500px){
    .quick_wrap .quick li a {padding: 10px 0;}
}