@charset "utf-8";
@import url('/common/fonts/Pretendard/pretendard.css');
@import url("https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/subsets/Paperlogy-dynamic-subset.css");




/* #event_header {
    background-color: #00bfd3cf;
} */
/* event_body {
    margin-top: 40px;
} */
/* @media (min-width:992px){
    #event_body {
        margin-top: 0px;
    }
} */



a {
    text-decoration: none
}
.u {
    border-bottom: 1px solid #7d7d7d;
}
.blue {
    color: #13469b;
}
.only_m {
    display: block !important;
}

.only_pc {
    display: none !important;
}
@media (min-width: 992px) {
    .only_m {
        display: none !important;
    }

    .only_pc {
        display: block !important;
    }
}




#ly24-header.transparent {
    background-color: #13469b;
}
#event_emergency_contact {
    font-size: 16px;
    /* font-family: 'Paperlogy'; */
    font-family: 'Pretendard';
    font-weight: 400;
    margin-top: var(--navbar-h);
}


.s_b {
    margin: 3rem auto;
    line-height: 160%;
}
@media (min-width:992px){
    .s_b {
        margin: 6rem auto;
    }
    #ly24-header.transparent {
        background-color: transparent;
    }
}

.s_b .container {
    padding: 0 1.2rem;
}
@media (min-width:768px){
    .s_b .container {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
}

.s_b h3{
    margin: 0 auto 2rem auto;
    font-size: 1.5rem;
    line-height: 160%;
}
@media (min-width:992px){
    .s_b h3 {
        margin: 0 auto 3rem auto;
        font-size: 2rem;
    }

    #event_emergency_contact {
        margin-top: 0;
    }
}



.s_b h4{
    margin: 0 auto 1.5rem auto;
    font-size: 1.2rem;
    line-height: 160%;
}
@media (min-width:992px){
    .s_b h4 {
        margin: 0 auto 2.2rem auto;
        font-size: 1.5rem;
    }
}





.s_b h5{
    margin: 0 auto 1rem auto;
    font-size: 1.1rem;
    line-height: 160%;
}
@media (min-width:992px){
    .s_b h5 {
        margin: 0 auto 1.5rem auto;
        font-size: 2rem;
    }
}





.s_b ul {
    margin: 0 auto 1rem 2rem;
    font-size: 1.1rem;
    list-style: disc;
    line-height: 160%;
}
.s_b ul li {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 1rem;
}








body.mobile {
    margin-top: 0;
}




#section_0 {
    position: relative;
    margin-top: 0;
}
#section_0 .bg_image {
    width: 100%;
    object-fit: contain;
    position: relative;
    z-index: 1;
}
#section_0 .dots {
    position: absolute;
    z-index:12;
}
#section_0 #dot_at_1 {width: 6px; height:6px; border-radius: 50%; background: #ffda1c;}
#section_0 #dot_aw_1 {width: 6px; height:6px; border-radius: 50%; background: #ff5a33;}
#section_0 #dot_wb_1 {width: 6px; height:6px; border-radius: 50%; background: #00ceff;}

.main_txt {position: absolute;left:0;top:0;z-index: 11;width: 100%;height: 0;padding: 0 0 60% 0;color: #ffffff;}
.main_txt h1 {margin:0; line-height:1; font-weight: 500; font-family: 'Paperlogy';}
.main_txt h1.ln1 {position: absolute;font-size: 18px;}
.main_txt h1.ln2 {position: absolute;font-size: 18px;}
.main_txt h1.ln3 {position: absolute;font-size: 18px; font-family: 'Pretendard'; line-height: 1.3;}
.main_txt h1.ln3 strong {font-weight: 600;font-size: 1.3em; font-family: 'Paperlogy';}
.sub_txt {display:none;}

@media (min-width: 500px) {
    .main_txt h1.ln1 {font-size: 1.4em;}
    .main_txt h1.ln2 {font-size: 1.4em;}
    .main_txt h1.ln3 {font-size: 1.6em;}
    
}
@media (min-width: 768px) {
    .main_txt h1.ln1 {font-size: 1.7em;}
    .main_txt h1.ln2 {font-size: 1.7em;}
    .main_txt h1.ln3 {font-size: 1.7em;}
    #section_0 .sub_txt {display:block; position:absolute; z-index:11; font-size: 1.3em; font-weight: 400; color: #fff; }
    #section_0 .sub_txt strong {display: block; font-size: 1.2em;color: #ffcc00;}
    #section_0 .sub_txt .u {border-bottom: 1px solid #ffffff;}
}
@media (min-width: 992px) {
    #section_0 #dot_at_1 {width: 8px; height:8px;}
    #section_0 #dot_aw_1 {width: 8px; height:8px;}
    #section_0 #dot_wb_1 {width: 8px; height:8px;}
    .main_txt h1.ln1 {font-size: 1.8em;}
    .main_txt h1.ln2 {font-size: 1.8em;}
    .main_txt h1.ln3 {font-size: 2.0em;}
    #section_0 .sub_txt {font-size: 1.4em;}
    #section_0 .sub_txt strong {font-size: 1.2em;}
}
@media (min-width: 1200px) {
    .main_txt h1.ln1 {font-size: 2.2em;}
    .main_txt h1.ln2 {font-size: 2.2em;}
    .main_txt h1.ln3 {font-size: 2.4em;}
    #section_0 .sub_txt {font-size: 1.5em;}
    #section_0 .sub_txt strong {font-size: 1.2em;}
}
@media (min-width: 1400px) {
    #section_0 #dot_at_1 {width: 10px; height:10px;}
    #section_0 #dot_aw_1 {width: 10px; height:10px;}
    #section_0 #dot_wb_1 {width: 10px; height:10px;}
    .main_txt h1.ln1 {font-size: 2.7em;}
    .main_txt h1.ln2 {font-size: 2.7em;}
    .main_txt h1.ln3 {font-size: 2.7em;}
    #section_0 .sub_txt {font-size: 1.6em;}
    #section_0 .sub_txt strong {font-size: 1.2em;}
}




#line_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 11;
    overflow: hidden;
}
#svg-overlay-at,
#svg-overlay-aw {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: draw-line 4s infinite ease-out;
    animation-direction: reverse;
    -webkit-animation: draw-line 4s infinite ease-out;
}
#svg-overlay-wb {
    stroke-dasharray: 500;
    stroke-dashoffset: 1000;
    animation: draw-line 4s infinite ease-out;
    animation-direction: reverse;
    -webkit-animation: draw-line 4s infinite ease-out;
}

/* 
line.animated-line {
    stroke: red;
    stroke-width: 1;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: draw-line 4s infinite ease-out;
}

#line1 {stroke: #ffe85b;}
#line2 {stroke: #ff876b;}
#line3 {stroke: #327bf3;}

#dot1  {fill: #ffe85b;}
#dot2  {fill: #ff3202;}
#dot3  {fill: #327bf3;}
 */

@keyframes draw-line {
    to {
        stroke-dashoffset: 0;
    }
}


.floating-text1 {
    display: inline-block;
    animation: float 2s infinite ease-in-out;
}
.floating-text2 {
    display: inline-block;
    animation: float 2s infinite ease-in-out;
    animation-delay: 500ms;
}

@keyframes float {
    0% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0); }
}
































/* #section_1 */
#section_1 {
    /* background: url('/common/event/images/emergency_contact/t2.jpg') no-repeat center top;
    background-size: cover; */
}
#service_description {
    margin: 0 0 3rem 0;
    line-height: 150%;
    display: flex;
    flex-direction: column;
}
#service_description i {
    display: block;
    margin: 0 0 1rem 0;
    font-size: 4rem;
}
#service_description img {
    display: block;
    width: 200px;
    margin: 0 auto 1rem auto
}
#service_description h3 {
    margin: 0;
    line-height: 160%;
    font-family: 'Pretendard';
    font-size: 1.1em;
    font-weight: 500;
}
#service_description h3 .line_c {
    display: inline-block;
    padding-top: 40px;
    width: 1px;
}
#service_description h3 b {
    color: #bf0000;
    font-family: 'Paperlogy';
    font-weight: 800;
    font-size: 1.2em;
}

@media (min-width: 768px) {
    #service_description h3 {
        font-size: 1.2em;
    }
    #service_description {
        flex-direction: row;
        justify-content: flex-start;
    }
    #service_description img {
        height: 130px;
        margin: 0 3rem 0 0;
    }
    #service_description h3 .line_c {
        display: none;
    }
}









#emergency_definition {
    margin: 0 0 3rem 0;
    line-height: 150%;
    padding: 1rem 0;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}

#emergency_definition h5 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'Paperlogy';
    /* padding: 15px; */
    /* border-bottom: 1px solid #c9c9c9; */
    /* background-color: #f7f7f7; */
}
#emergency_definition h5 i {
    margin-right: 1rem;
    color: #000;
}
#emergency_definition ul {
    margin: 0;
    padding: 8px 0px 0px 2rem;
}










#how_to_use {
    margin: 0 0 3rem 0;
    line-height: 150%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
#how_to_use i {
    display: block;
    margin: 0 0 1rem 0;
    font-size: 4rem;
}
#how_to_use img {
    height: 130px;
    display: block;
    margin: 0;
}
#how_to_use h3 {
    margin: 0;
    line-height: 160%;
    font-family: 'Pretendard';
    font-size: 1.1em;
    font-weight: 500;
}
#how_to_use h3 .blue {
    color: #13469b;
    font-family: 'Paperlogy';
    font-weight: 800;
    font-size: 1.2em;
}
#how_to_use h3 .line_c {
    display: inline-block;
    padding-top: 40px;
    width: 1px;
}
#how_to_use h3 b {
    color: #bf0000;
    font-family: 'Paperlogy';
    font-weight: 800;
    font-size: 1.2em;
}
@media (min-width: 768px) {
    #how_to_use {
        justify-content: space-between;
        flex-direction: row;
    }
    #how_to_use h3 {
        font-size: 1.2em;
    }
}















#reference {}

#reference h5 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'Paperlogy';
    /* padding: 15px; */
    /* border-bottom: 1px solid #c9c9c9; */
    /* background-color: #f7f7f7; */
}
#reference h5 i {
    margin-right: 1rem;
    color: #000;
}
#reference ul {
    margin: 8px 0 0 0;
    padding: 1rem 1rem 1rem 2rem;
    background-color: #fbfbfb;
}



@media (min-width: 768px) {
#reference ul {
    margin: 8px 0 0 0;
    padding: 1.5rem 0rem 1.5rem 2.5rem;
}
}


.img_hr_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    margin-top: 5rem;
}
.img_hr_logo img {
    display: inline-block;
    margin: 0 2rem;
    height: 20px;
    background-color: #fff;
}
.img_hr_logo::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 17px;
    z-index: -1;
    height: 0;
    width: 100%;
    border-top: 3px solid #13469b;
}
















#difference {}
#difference .col-12 {
    /* border-top: 1px solid #d3d3d3; */
    /* border-bottom: 1px solid #d3d3d3; */
    margin: 0 0 2rem 0;
}

#difference h3 {
    text-align: center;
    display: flex;
    justify-content: center;
    line-height: 1.4;
    margin-bottom: 1rem;
    flex-direction: column;
    align-items: center;
    font-size: 1.1em;
}
#difference h3 img {
    height: 100px;
    display: block;
    margin: 0 0 1rem 0;
}
#difference h3 div {
    text-align: left;
    color: #000000;
}
#difference h3 i {
    margin-right: 1rem;
    color: #000;
}
#difference h3 strong {
    color: #13469b;
    font-size: 1.2em;
    font-family: 'Paperlogy';
}
#difference .q_type {}
#difference .q_type .type .bd {
    position: absolute;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 20px;
}
#difference .q_type .type .bd-t {
    top: 0;
}
#difference .q_type .type .bd-b {
    bottom: 0;
    background-position: 0 100% !important;
    display: none;
}
#difference .normal_q .type .bd {
    background: url('/common/event/images/emergency_contact/type1_bg_1.jpg') repeat 0 0;
}
#difference .emergency_q .type .bd {
    background: url(/common/event/images/emergency_contact/bg_p_yw_20.jpg) repeat 0 0;
}
#difference .type {
    position: relative;
    margin: 0 1rem;
    padding: 30px 30px 21px 30px;
    background-color: #f7f7f7;
}
#difference h4 {margin: 0;}
.normal_q h4 {
    color: #00af70;
}
.emergency_q h4 {
    color: #ffb200;
}
#difference h6 {
    margin: 0;
    color: #3f3f3f;
    font-family: 'Pretendard';
    font-weight: 400;
}
#difference .q_type i {
    margin: 0 0 0 15px;
    font-weight: bold;
    font-size: 2rem;
}
#difference .normal_q i {color: #007b4f;}
#difference .emergency_q i {color: #ffbe29;}
#difference ul {margin: 1rem 0 1rem 2rem;}
#difference ul li {}


@media (min-width: 768px) {
    #difference h3 {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        line-height: 1.4;
        margin-bottom: 2rem;
        font-size: 1.2em;
    }
    #difference h3 img {
        margin: 0 1rem 0 0;
    }
    #difference h3 div {
        font-size: 1.2em;
    }
}
@media (min-width: 992px) {
    #difference ul {margin: 1rem 0 1rem 3rem;}
}







.talk_type_normal .tit {
    position: relative;
    padding: 2rem 1.2rem 1.2rem 1.2rem;
    background-color: #b3eba1;
}
.talk_type_normal .tit .tit_border {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 20px;
    background: url('/common/event/images/emergency_contact/type1_bg_1.jpg') repeat 0 0;
}
.talk_type_normal .tit h4 { color: #004f18; }
.talk_type_normal .tit h4 i { display: none;margin: 1rem 0 5px 0;color: #1d5302; font-weight: bold; }
.talk_type_normal .tit h6 { color: #000; }
.talk_type_normal .tit h6 strong { color: #000; border-bottom: 1px solid #000; }




.talk_type_emergency .tit {
    position: relative;
    padding: 2rem 1.2rem 1.2rem 1.2rem;
    background-color: #ffcf00;
}
.talk_type_emergency .tit .tit_border {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 20px;
    background: url('/common/event/images/emergency_contact/bg_p_d_20.png') repeat 0 0;
}
.talk_type_emergency .tit h4 { color: #d11313; }
.talk_type_emergency .tit h4 i { display: none;margin: 1rem 0 5px 0;color: #000; font-weight: bold; }
.talk_type_emergency .tit h6 { color: #000 !important; }
.talk_type_emergency .tit h6 strong { color: #000; border-bottom: 1px solid #000; }


@media (min-width: 992px) {
    .talk_type_normal .tit,
    .talk_type_emergency .tit {
        margin: 0 .5rem;
        padding: 30px 30px 21px 30px;
    }

    .talk_type_normal .tit h4,
    .talk_type_emergency .tit h4 {
        text-align: left;
    }

    .talk_type_normal .tit h4 i,
    .talk_type_emergency .tit h4 i {
        display: inline-block;
        margin: 0 0 0 10px;
    }
}


/* 
.point {
    position: absolute;
    z-index: 10;
}

#to1 {
    top: 14%;
    left: 75%;
}
#to2 {
    top: 26%;
    left: 69%;
}
#to3 {
    top: 35%;
    left: 86%;
}

#svg-line1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#arrow-line1 {
    stroke: #ffe85b;
}
#arrow-end-circle1 {
    fill: #ffe85b;
}

#svg-line2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#arrow-line2 {
    stroke: #ff876b;
}
#arrow-end-circle2 {
    fill: #ff3202;
}

#svg-line3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#arrow-line3 {
    stroke: #327bf3;
}
#arrow-end-circle3 {
    fill: #327bf3;
} */



/* @import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css'); */
/* @font-face {
    font-family: 'TheJamsil5Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil5Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
  font-family: 'Paperlogy';
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-1Thin.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-1Thin.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-1Thin.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-1Thin.ttf') format('truetype');
}
@font-face {
  font-family: 'Paperlogy';
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-2ExtraLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-2ExtraLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-2ExtraLight.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-2ExtraLight.ttf') format('truetype');
}
@font-face {
  font-family: 'Paperlogy';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-3Light.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-3Light.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-3Light.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-3Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Paperlogy';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-4Regular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-4Regular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-4Regular.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-4Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Paperlogy';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Paperlogy';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Paperlogy';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Paperlogy';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-8ExtraBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-8ExtraBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-8ExtraBold.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-8ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Paperlogy';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-9Black.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-9Black.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-9Black.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-9Black.ttf') format('truetype');
} */