@font-face {
    font-family: 'Reading';
    src: url('../font/Reading-Regular.otf'), url('../font/Reading-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    src: url('../font/SpoqaHanSansNeo-Regular.otf'), url('../font/SpoqaHanSansNeo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Libre Baskerville';
    src: url('../font/LibreBaskerville-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.line{
    width: 100%;
    border-bottom: 1px solid;
    border-top: 0;
    border-left: 0;
    padding: 0;
    margin: 0;
}
.w0_75{
    transform: scaleY(0.75);
}
.w0_5{
    margin-top: 3px;
    transform: scaleY(0.5);
}
.w0_3{
    margin-top: 3px;
    transform: scaleY(0.3);
}
.line-dash{
    border-bottom: 1px dashed;
}
.txt_left{
    text-align: left;
}
.txt_center{
    text-align: center;
}
.txt_right{
    text-align: right;
}
.txt_myeongjo{
    font-family: 'Nanum Myeongjo', serif;
    color: #524245;
    width: 100%;
}
.txt_gothic{
    font-family: 'Nanum Gothic', serif !important;
    font-weight: bold;
}
.txt_bold {
    font-weight: 600;
}
.txt_8{
    font-size: 0.57142857142rem; /*14 기준 8*/
}
.txt_9{
    font-size: 0.64285714285rem; /*14 기준 9*/
}
.txt_10{
    font-size: 0.71428571428rem; /*14 기준 10*/
}
.txt_10_5{
    font-size: 0.75rem; /*14 기준 10.5*/
}
.txt_11{
    font-size : 0.78571428571rem; /*14 기준 11*/
}
.txt_11_5{
    font-size : 0.82142857142rem; /*14 기준 11.5*/
}
.txt_12{
    font-size: 0.85714285714rem; /*14 기준 12*/
}
.txt_12_5{
    font-size: 0.89285714285rem; /*14 기준 12*/
}
.txt_13{
    font-size: 0.92857142857rem; /*14 기준 13*/
}
.txt_14{
    font-size: 1rem; /*14 기준 14*/
}
.txt_15{
    font-size: 1.07142857143rem; /*14 기준 15*/
}
.txt_16{
    font-size: 1.14285714286rem; /*14 기준 16*/
}
.txt_17{
    font-size: 1.21428571429rem; /*14 기준 17*/
}
.txt_18{
    font-size: 1.28571428571rem; /*14 기준 18*/
}
.txt_20{
    font-size: 1.42857142857rem; /*14 기준 20*/
}
.txt_22{
    font-size: 1.57142857143rem; /*14 기준 22*/
}
.txt_25{
    font-size: 1.78571428571rem; /*14 기준 25*/
}
.txt_27{
    font-size: 1.92857142857rem; /*14 기준 27*/
}
.txt_30{
    font-size: 2.14285714286rem; /*14 기준 30*/
}
.txt_40{
    font-size: 2.85714285714rem; /*14 기준 40*/
}
.txt_44{
    font-size: 3.14285714286rem; /*14 기준 44*/
}
.txt_line_1{
    line-height: 1rem; /*14 기준 14*/
}
.txt_line_17{
    line-height: 1.21428571429rem; /*14 기준 17*/
}
.txt_line_20{
    line-height: 1.42857142857rem; /*14 기준 20*/
}
.txt_line_22{
    line-height: 1.57142857143rem !important; /*14 기준 22*/
}
.txt_line_24{
    line-height: 1.71428571429rem; /*14 기준 24*/
}
.txt_line_25{
    line-height: 1.78571428571rem; /*14 기준 25*/
}
.txt_line_27{
    line-height: 1.92857142857rem; /*14 기준 27*/
}
.txt_line_30{
    line-height: 2.14285714286rem; /*14 기준 30*/
}
.txt_line_34{
    line-height: 2.42857142857rem; /*14 기준 34*/
}
.txt_line_38{
    line-height: 2.71428571429rem; /*14 기준 38*/
}
.left_padding_3{
    padding-left: 3px !important;
}
.right_padding_3{
    padding-right: 3px !important;
}
.left_padding_10{
    padding-left: 10px !important;
}
.right_padding_10{
    padding-right: 10px !important;
}
.padding_0{
    padding: 0 !important;
}
.padding_top_impt{
    padding-top: 30px !important;
}
.pd_top_0{
    padding-top: 0px !important;
}
.pd_top_5{
    padding-top: 5px !important;
}
.pd_top_10{
    padding-top: 10px !important;
}
.pd_top_15{
    padding-top: 15px !important;
}
.pd_top_20{
    padding-top: 20px !important;
}
.pd_top_30{
    padding-top: 30px !important;
}
.pd_top_35{
    padding-top: 35px !important;
}
.pd_top_50{
    padding-top: 50px !important;
}
.pd_bottom_0{
    padding-bottom: 0px !important;
}
.pd_bottom_5{
    padding-bottom: 5px !important;
}
.pd_bottom_10{
    padding-bottom: 10px !important;
}
.pd_bottom_15{
    padding-bottom: 15px !important;
}
.pd_bottom_20{
    padding-bottom: 20px !important;
}
.pd_bottom_35{
    padding-bottom: 35px !important;
}
.pd_bottom_50{
    padding-bottom: 50px !important;
}
.pd_side_35{
    padding: 0 35px !important;
}
.pd_top_bottom_35{
    padding: 35px 0px !important;
}
.mg_top{
    margin-top: 35px;
}
.mg_top_0{
    margin-top: 0px !important;
}
.mg_top_5{
    margin-top: 5px !important;
}
.mg_top_20{
    margin-top: 20px !important;
}
.mg_top_50{
    margin-top: 50px !important;
}
.mg_bottom{
    margin-bottom: 35px;
}
.mg_bottom_10{
    margin-bottom: 10px !important;
}
.mg_bottom_20{
    margin-bottom: 20px !important;
}
.mg_0{
    margin: 0 !important;
}
.mg_left_35{
    margin-left: 20px !important;
}
.vtl_mid{
    vertical-align: middle;
}
.font_noto{
    font-family: 'Noto Serif KR', serif;
}
.font_spoqa{
    font-family: 'Spoqa Han Sans Neo';
}
.font_reading{
    font-family: 'Reading';
}
.dis_none{
    display: none;
}
.upper {
    z-index: 100;
}
.fixed{
    position: fixed !important;
    top: 4px;
    right: 0;
}
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}

#btn-bgm{
    padding: 1px 4px 3px !important;
    background-color: transparent !important;
}
#dday{
    color:#c52929;
    text-shadow: 2px 2px 2px #d1c1b0;
}
.text-stroke {
    color: #f00;
    text-shadow:
    -1px -1px 0 #d7d4d4,
    1px -1px 0 #d7d4d4,
    -1px 1px 0 #d7d4d4,
    1px 1px 0 #d7d4d4;
}

.click {
  animation: color-change 3s infinite;
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active, .splide--nav>.splide__track>.splide__list>.splide__slide.is-active{
    border: 2px solid #b1adad !important;
}

.modals.dimmer .ui.scrolling.modal{
    margin: 0;
}
@keyframes color-change {
  25%  {color:#9d8f8e; }
  50%  {color:#816461;}
  75%  {color:#6a3d38;}
  100% {color:#6a1b11;}
}

.screen-1 > .content > .space-content > .text-wrapper > .item:nth-child(2)