@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face {
    font-family: 'Cafe24Syongsyong';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Syongsyong.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Yuni_ddingddang';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/naverfont_11@1.0/Yuni_ddingddang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SeoulHangang';
    src: url('/theme/joyagdol/fonts/SeoulHangangB.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SeoulHangang';
    src: url('/theme/joyagdol/fonts/SeoulHangangBL.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'BinggraeSamanco';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/BinggraeSamanco.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'BinggraeSamanco';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/BinggraeSamanco-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'HallymMjo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2204@1.0/HallymMjo-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'HallymMjo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2204@1.0/HallymMjo-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.main_footer{
    overflow: hidden;
}
.B {
    right: 3% !important;
  }
#burnedchild{
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url(/theme/joyagdol/img/burnedchild/burnedchild_bg.jpg);
}
#burnedchild .text{
    position: static;
    transform: unset;
    width: auto;
    height: auto;
    top: initial;
    left: initial;
}
#burnedchild img {
    max-width: 100%;
}
#burnedchild .section-1{
    
    padding-top: calc((244 / 1920) * 100vw);
    overflow: hidden;
}
#burnedchild .section-1 .sec1-header{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#burnedchild .section-1 .sec1-header h2{
    position: relative;
    width: calc((516 / 1920) * 100vw);
}
#burnedchild .section-1 .sec1-header h2 svg{
    display: block;
    margin:0 auto;
    width: 100%;
    height: auto;
}
#burnedchild .section-1 .sec1-header h2 span{
    position: absolute;
    left:0;
    right:0;
    top:50%;
    transform: translate(0,-50%);
    display: block;
    color:#fff;
    font-size: calc((43 / 1920) * 100vw);
    letter-spacing: -0.055em;
    font-weight: 700;
    font-family: 'NanumSquare',sans-serif;
}
#burnedchild .section-1 .sec1-header .header-2{
    font-family: Cafe24Syongsyong,sans-serif;
    position: relative;
    margin-top: calc((26 / 1920) * 100vw);
}
#burnedchild .section-1 .sec1-header .header-2 p{
    font-size: calc((113 / 1920) * 100vw);
    letter-spacing: -0.075em;
    color:#141414;
    line-height: 1.19em;
    position: relative;
    z-index: 2;
}
#burnedchild .section-1 .sec1-header .header-2 .img-1{
    position: absolute;
    z-index: 0;
    width: calc((259 / 1920) * 100vw);
    height: calc((222 / 1920) * 100vw);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url(/theme/joyagdol/img/burnedchild/fire_bg.png);
    background-position: 0 0;
    left:0;
    top:0;
    transform: translate(calc((-64 / 1920) * 100vw),calc((-78 / 1920) * 100vw));
}
#burnedchild .section-1 .sec1-header .header-2 .img-2{
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 0;
    width: calc((327 / 1920) * 100vw);
    height: calc((236 / 1920) * 100vw);
    right: 0;
    top: 0;
    transform: translate(calc((78 / 1920) * 100vw),calc((-87 / 1920) * 100vw));
    animation: bounce 0.6s 0.1s cubic-bezier(0, 0, 0.18, 0.99) infinite alternate;
}
@keyframes bounce{
    to{
        transform: translate(calc((78 / 1920) * 100vw),calc((-97 / 1920) * 100vw));
    }
}
#burnedchild .section-1 .sec1-header .header-2 .img-2 img{
    display: block;
    width: 100%;
}
#burnedchild .section-1 .sec1-header .header-2 .img-2::after{
    content:'';
    width: calc((277 / 1920) * 100vw);
    height: calc((235 / 1920) * 100vw);
    background: transparent radial-gradient(closest-side at 50% 47%, #9FBA2C 0%, #2A874E 54%, #04050500 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: screen;
    opacity: 0.27;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    z-index: 0;
}
#burnedchild .section-1 .sec1-header .header-3{
    position: relative;
}
#burnedchild .section-1 .sec1-header .header-3 p{
    font-family: 'Yuni_ddingddang',sans-serif;
    font-size: calc((132 / 1920) * 100vw);
    letter-spacing: -0.01em;
    -webkit-text-stroke: calc((5 / 1920) * 100vw);
    text-shadow: calc((5 / 1920) * 100vw) calc((5 / 1920) * 100vw) calc((3 / 1920) * 100vw) rgba(0,0,0,0.7);
    color:#fff;
    position: relative;
    z-index: 2;
}
#burnedchild .section-1 .sec1-header .header-3 p em{
    font-size: calc((210 / 1920) * 100vw);
    letter-spacing: -0.025em;
    line-height: 1.15em;
    font-style: normal;
}
#burnedchild .section-1 .sec1-header .header-3 .img-1{
    position: absolute;
    width: 0;
    left:calc((-84 / 1920) * 100vw);
    height: calc((254 / 1920) * 100vw);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    top:calc((18 / 1920) * 100vw);
    background-image: url(/theme/joyagdol/img/burnedchild/sec1_sketch.svg);
    mix-blend-mode: color-burn;
    transition:width 1.4s ease-in-out
}
#burnedchild .section-1 .sec1-header .header-3.on .img-1{
    width: calc((1291 / 1920) * 100vw);
}
#burnedchild .section-1 .sec1-header .header-3 .img-3{
    width: calc((256 / 1920) * 100vw);
    position: absolute;
    right: calc((-256 / 1920) * 100vw);
    top:0;
    transform: translate(calc((70 / 1920) * 100vw),calc((-35 / 1920) * 100vw));
}
#burnedchild .section-1 .sec1-header .header-3 .img-3 img{
    width: 100%;
    max-width: unset;
    height: auto;
    transition: transform 0.4s ease-in-out;
    animation: sketch 0.8s 0.1s ease-out infinite alternate;
}
@keyframes sketch{
    from{
        transform: translate(0,0)
    }
    to{
        transform: translate(calc((-15 / 1920) * 100vw),calc((12 / 1920) * 100vw))
    }
}
#burnedchild .section-1 .inner{
    margin:0 auto;
}
#burnedchild .section-1 .note{
    position: relative;
    text-align: center;
    margin-top: calc((150 / 1920) * 100vw);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: calc((1293 / 1920) * 100vw);
    height: calc((2789 / 1920) * 100vw);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url(/theme/joyagdol/img/burnedchild/note_bg.png);
    box-sizing: border-box;
    padding-top: calc((183 / 1920) * 100vw);
}
#burnedchild .section-1 .note .img{
    width: calc((1011 / 1920) * 100vw);   
    margin:0 auto;
}
#burnedchild .section-1 .note .img img{
    display: block;
    width: 100%;
}
#burnedchild .section-1 .note>strong{
    display: block;
    font-family: 'SeoulHangang',sans-serif;
    font-weight: 800;
    font-size: calc((55 / 1920) * 100vw);
    line-height: 1.18em;
    margin-top: calc((50 / 1920) * 100vw);
    letter-spacing: -0.025em;
}
#burnedchild .section-1 .note>p em{
    font-weight: 700;
    font-style: normal;
}
#burnedchild .section-1 .note>p{
    margin-top: calc((42 / 1920) * 100vw);
    font-family: 'BinggraeSamanco',sans-serif;
    font-weight: 400;
    color:#3d3d3d;
    font-size: calc((40 / 1920) * 100vw);
    line-height: 1.45em;
    letter-spacing: -0.025em;
}
#burnedchild .section-1 .note>a{
    display: block;
    width: calc((530 / 1920) * 100vw);
    line-height: calc((65 / 1920) * 100vw);
    color:#fff;
    margin:calc((49 / 1920) * 100vw) auto 0;
    text-align: center;
    font-weight: 700;
    font-size: calc((35 / 1920) * 100vw);;
    background-color: #3D3D3D;
    text-decoration: none;
    font-family: 'NanumSquare',sans-serif;
    border-radius: calc((20 / 1920) * 100vw);
}
#burnedchild .section-1 .note>.tree{
    width: calc((1147 / 1920) * 100vw);
    height: calc((770 / 1920) * 100vw);
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(/theme/joyagdol/img/burnedchild/tree.png);
    left:calc((276 / 1920) * 100vw);
    bottom:calc((62 / 1920) * 100vw);
    float: none;
    pointer-events: none;
}

#burnedchild .section-1 .box-1{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc((58 / 1920) * 100vw);
}
#burnedchild .section-1 .box-1 .img{
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: background 2s;
    width: calc((954 / 1920) * 100vw);
    margin-right: calc((12 / 1920) * 100vw);
    background-image: url(/theme/joyagdol/img/burnedchild/sec1_1_2.png);
    margin-left: calc((-200 / 1920) * 100vw);
}
#burnedchild .section-1 .box-1.on .img{
    background-image: url(/theme/joyagdol/img/burnedchild/sec1_1_1.png);
}
#burnedchild .section-1 .box-1 .img img{
    display: block;
    width: 100%;
    opacity:0;
    max-width: unset;
}
#burnedchild .section-1 .box-1 .img canvas{
    position: absolute !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    background: transparent;
}
#burnedchild .section-1 .box .text strong{
    display: block;
    color:#262626;
    font-family: 'SeoulHangang',sans-serif;
    font-weight: 800;
    font-size: calc((55 / 1920) * 100vw);
    letter-spacing: -0.025em;
    line-height: 1.29em;
    margin-bottom: calc((32 / 1920) * 100vw);
}
#burnedchild .section-1 .box .text>div{
    font-family: 'HallymMjo',sans-serif;
    font-weight: 400;
    font-size: calc((30 / 1920) * 100vw);
    letter-spacing: -0.05em;
    line-height: 1.5em;
    color:#141414;
}
#burnedchild .section-1 .box .text>div em{
    color:#AF1321;
    font-weight: 700;
    font-style: normal;
}
#burnedchild .section-1 .box .text>div p{
    display: inline-block;
    position: relative;
}
#burnedchild .section-1 .box .text>div p span{
    position: relative;
    z-index: 2;
}
#burnedchild .section-1 .box .text>div p::after{
    content:'';
    position: absolute;
    left:calc((-2 / 1920) * 100vw);
    right:calc((-5 / 1920) * 100vw);
    bottom:0;
    background-color: #AF1321;
    opacity: 0.5;
    height: calc((7 / 1920) * 100vw);
    transform: translate(0,30%);
    z-index: 1;
    transition: width 1.1s ease-out ;
    width: 0;
}
#burnedchild .section-1 .box.on .text>div p::after{
    width: 100%;
}
#burnedchild .section-1 .box-2{
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    margin-top: calc((50 / 1920) * 100vw);
    align-items: center;
    justify-content: center;
}
#burnedchild .section-1 .box-2 .img{
    position: relative;
    margin-right: calc((-216 / 1920) * 100vw);
}
#burnedchild .section-1 .box-2 .img img{
    max-width: unset;
}
#burnedchild .section-1 .box-2 .img img.img-1{
    display: block;
    width: calc((1053 / 1920) * 100vw);
    position: relative;
    z-index: 1;
}
#burnedchild .section-1 .box-2 .img img.img-2{
    position: absolute;
    width: calc((1500 / 1920) * 100vw);
    height: auto;
    left: 0;
    top: calc((-60 / 1920) * 100vw);
    bottom:0;
    opacity: 0;
    transform: scale(0.6) translate(calc((-30 / 1920) * 100vw),0);
    transition: 2.3s ease-out;
    mix-blend-mode: multiply;
}
#burnedchild .section-1 .box-2.on .img img.img-2{
    opacity: 1;
    transform: scale(1) translate(0,0);
}

#burnedchild .section-1 .box-3{
    text-align: center;
    position: relative;
    margin-top: calc((171 / 1920) * 100vw);
}
#burnedchild .section-1 .box-3 .text{
    position: relative;
    z-index: 1;
}
#burnedchild .section-1 .box-3 .img{
    width: calc((1522 / 1920) * 100vw);
    position: absolute;
    z-index: 0;
    right:calc((22 / 1920) * 100vw);
    top:calc((142 / 1920) * 100vw);
}
#burnedchild .section-1 .box-3 .img svg{
    width: 100%;
    max-width: unset;
    height: auto;
    display: block;
}
#burnedchild .section-1 .box-3 .img svg path{
    /* fill: transparent;
    stroke: #002B45;
    stroke-width: 2;
    stroke-dasharray: 500;
    stroke-dashoffset: 500; */
    opacity: 0;
    /* transition: opacity 0.7s; */
}
#burnedchild .section-1 .box-4{
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc((114 / 1920) * 100vw);
}
#burnedchild .section-1 .box-4 .text{
    margin-right: calc((-12 / 1920) * 100vw);
}
#burnedchild .section-1 .box-4 .text strong{
    color:#5288B7;
}
#burnedchild .section-1 .box-4 .text div em{
    color: #002D45;
}
.writing{
    margin:calc((39 / 1920) * 100vw) 0;
}
.writing svg{
    width: calc((708 / 1920) * 100vw);
    display: block;
}
.writing path {
    fill: transparent;
    stroke: #002B45;
    stroke-width: 1;
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    transition: fill 0.3s;
  }
#burnedchild .section-1 .box-4 .img{
    position: relative;
    width:  calc((670 / 1920) * 100vw);
    height: calc((1556 / 1920) * 100vw);
    margin-right: calc((-152 / 1920) * 100vw);
}
#burnedchild .section-1 .box-4 .img img{
    max-width: unset;
    position: absolute;
}
#burnedchild .section-1 .box-4 .img img:nth-child(1){
    z-index: 3;
    top:0;
    right:calc((33 / 1920) * 100vw);
    width: calc((501 / 1920) * 100vw);
}
#burnedchild .section-1 .box-4 .img img:nth-child(2){
    z-index: 2;
    top:calc((430 / 1920) * 100vw);
    left:0;
    width: calc((475 / 1920) * 100vw);
}
#burnedchild .section-1 .box-4 .img img:nth-child(3){
    z-index: 1;
    bottom:0;
    right:0;
    width: calc((526 / 1920) * 100vw);
}
#burnedchild .section-2{
    margin-top: calc((300 / 1920) * 100vw);
    overflow: hidden;
}
#burnedchild .section-2 .box-1{
    text-align: center;
}
#burnedchild .section-2 .box .text{
    flex-direction: column;
    align-items: center;
    display: flex;
}
#burnedchild .section-2 .box .text strong{
    width: 100%;
    display: block;
    margin-bottom: calc((60 / 1920) * 100vw);
    color:#5288B7;
    font-size: calc((55 / 1920) * 100vw);
    line-height: 1.4em;
    letter-spacing: -0.025em;
    font-family: 'SeoulHangang',sans-serif;
    font-weight:800;
}
#burnedchild .section-2 .box .text div{
    font-family: 'HallymMjo',sans-serif;
    font-weight: 400;
    font-size: calc((30 / 1920) * 100vw);
    letter-spacing: -0.05em;
    line-height: 1.76em;
    color:#141414;
    position: relative;
}
#burnedchild .section-2 .box .text div em{
    font-style: normal;
    font-weight: 700;
    color: #002D45;
}
#burnedchild .section-2 .box .text div p{
    position: relative;
    display: inline-block;
}
#burnedchild .section-2 .box .text div span{
    position: relative;
    z-index: 2;
}
#burnedchild .section-2 .box-1 .text div p::after{
    content:'';
    position: absolute;
    width: 0;
    transition: width 0.7s ease-in-out ;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    height: calc((33 / 1920) * 100vw);
    top:50%;
    transform: translate(0,-50%);
    /* opacity: 0.6; */
    /* mix-blend-mode: multiply; */
}
#burnedchild .section-2 .box-1 .text div p.p-1::after{
    left:calc((-16 / 1920) * 100vw);
    opacity: 0.8;
    mix-blend-mode: color;
}
#burnedchild .section-2 .box-1 .text div p.p-2::after{
    left:calc((-10 / 1920) * 100vw);
    opacity: 0.7;
    mix-blend-mode: multiply;
}
#burnedchild .section-2 .box-1 .text div p.p-3::after{
    left:calc((-5 / 1920) * 100vw);
    mix-blend-mode: color;
    opacity: 0.8;
}
#burnedchild .section-2 .box-1.on .text div p.p-1::after{
    width:calc((145 / 1920) * 100vw);
    background-image: url(/theme/joyagdol/img/burnedchild/sec2_box1_line1.svg);
}
#burnedchild .section-2 .box-1.on .text div p.p-2::after{
    width:calc((135 / 1920) * 100vw);
    background-image: url(/theme/joyagdol/img/burnedchild/sec2_box1_line2.svg);
}
#burnedchild .section-2 .box-1.on .text div p.p-3::after{
    width:calc((117 / 1920) * 100vw);
    background-image: url(/theme/joyagdol/img/burnedchild/sec2_box1_line3.svg);
}
#burnedchild .section-2 .box-1 .text div .img-1{
    position: absolute;
    right:calc((26 / 1920) * 100vw);
    top:calc((122 / 1920) * 100vw);
    animation: img1 3s infinite;
    width: calc((119 / 1920) * 100vw);
}
#burnedchild .section-2 .box-1 .text div .img-2{
    position: absolute;
    left:calc((80 / 1920) * 100vw);
    top:calc((284 / 1920) * 100vw);
    animation: img1 3s infinite;
    width: calc((68 / 1920) * 100vw);
}
#burnedchild .section-2 .box-1 .text div .img-3{
    position: absolute;
    right:calc((94 / 1920) * 100vw);
    bottom:calc((49 / 1920) * 100vw);
    animation: img1 3s infinite;
    width: calc((71 / 1920) * 100vw);
}
@keyframes img1{
    0%{
        transform: rotate(-20deg);
    }
    50%{
        transform: rotate(20deg);
    }
    100%{
        transform: rotate(-20deg);
    }
}
@keyframes img2{
    to{
        transform: translate(calc((78 / 1920) * 100vw),calc((-97 / 1920) * 100vw));
    }
}
@keyframes img3{
    to{
        transform: translate(calc((78 / 1920) * 100vw),calc((-97 / 1920) * 100vw));
    }
}
#burnedchild .section-2 .box-1 .list{
    margin-top: calc((63 / 1920) * 100vw);
    position: relative;
}
#burnedchild .section-2 .box-1 .list svg{
    position: absolute;
    right:0;
    width: calc((517 / 1920) * 100vw);
    top:0;
    z-index: 1;
    transform: translate(0,calc((-107 / 1920) * 100vw));
}
#burnedchild .section-2 .box-1 .list ul{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}
#burnedchild .section-2 .box-1 .list ul li{
    position: relative;
}
#burnedchild .section-2 .box-1 .list ul li+li{
    margin-left: calc((-91 / 1920) * 100vw);
}
#burnedchild .section-2 .box-1 .list ul li .img{
    width: calc((455 / 1920) * 100vw);
}
#burnedchild .section-2 .box-1 .list ul li .img img{
    display: block;
}
#burnedchild .section-2 .box-1 .list ul li strong{
    text-align: center;
    display: block;
    font-size: calc((36 / 1920) * 100vw);
    line-height: 1.19em;
    position: relative;
    z-index: 2;
    transform: translate(0,-100%);
    color:#002B45;
    font-family: 'Cafe24Ssurround',sans-serif;
}
#burnedchild .section-2 .box-2{
    margin-top: calc((158 / 1920) * 100vw);
}
#burnedchild .section-2 .box-2>img{
    display: block;
    width: calc((596 / 1920) * 100vw);
    margin:0 auto;
    transform: translate(calc((226 / 1920) * 100vw),0);
}
#burnedchild .section-2 .box-2 .row{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc((-20 / 1920) * 100vw);
}
#burnedchild .section-2 .box-2 .text{
    margin-right: calc((100 / 1920) * 100vw);
}
#burnedchild .section-2 .box-2 .text strong{
    margin-bottom: calc((32 / 1920) * 100vw);
}
#burnedchild .section-2 .box-2 .img{
    margin-right: calc((-40 / 1920) * 100vw);
    position: relative;
}
#burnedchild .section-2 .box-2 .img .note{
    width: calc((632 / 1920) * 100vw);
}
#burnedchild .section-2 .box-2 .img .pic{
    position: absolute;
    width: calc((619 / 1920) * 100vw);
    left: calc((22 / 1920) * 100vw);
    top: calc((-2 / 1920) * 100vw);
    height: auto;
    overflow: hidden;
    transform: rotate(-10deg);
    height: calc((736 / 1920) * 100vw);
}
#burnedchild .section-2 .box-2 .img .pic img{
    max-width: unset;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    transform: rotate(10deg);
}
#burnedchild .section-2 .box-2 .img .hand{
    position: absolute;
    width: calc((704 / 1920) * 100vw);
    left:calc((550 / 1920) * 100vw);
    top:calc((556 / 1920) * 100vw);
    height: auto;
    max-width: unset;
}
#burnedchild .section-2 .box-2 .img .note-text{
    width: calc((375 / 1920) * 100vw);
    height: auto;
    left: calc((187 / 1920) * 100vw);
    bottom: calc((85 / 1920) * 100vw);
    position: absolute;
    z-index: 2;
}
#burnedchild .section-2 .box-2 .img .note-text path {
    fill: transparent;
    stroke: #002B45;
    stroke-width: 1;
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    transition: fill 0.2s;
  }
  /* #burnedchild .section-2 .box-2 .img .note-text path {
    animation-duration: var(--duration);
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    stroke-dasharray: var(--length) var(--length);
    stroke-dashoffset: var(--length);
    animation-name: brush;
    animation-delay: var(--delay);
    fill: transparent;
    stroke: #002B45;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
} */
#burnedchild .section-2 .box-3{
    margin-top: calc((318 / 1920) * 100vw);
    padding-bottom: calc((133 / 1920) * 100vw);
    text-align: center;
}
#burnedchild .section-2 .box-3 .img{
    display: flex;
    align-items: center;
    justify-content: center;
}
#burnedchild .section-2 .box-3 .img img{
    max-width: unset;
    display: block;
    width: calc((1418 / 1920) * 100vw);
    height: auto;
    transform: translate(calc((80 / 1920) * 100vw),0);
}
#burnedchild .section-2 .box-3 .text{
    margin-top: calc((48 / 1920) * 100vw);
    font-size: calc((40 / 1920) * 100vw);
    line-height: 1.5em;
    font-weight: 700;
    letter-spacing: -0.05em;
    color:#262626;
    font-family: 'HallymMjo',sans-serif;
}
#burnedchild .section-2 .box-3 .text p{
    display: inline-block;
    font-size: calc((50 / 1920) * 100vw);
    position: relative;
}
#burnedchild .section-2 .box-3 .text p span{
    position: relative;
    display: block;
    z-index: 1;
}
#burnedchild .section-2 .box-3 .text p::after{
    content:'';
    position: absolute;
    z-index: 0;
    height: calc((80 / 1920) * 100vw);
    left:calc((-36 / 1920) * 100vw);
    top:50%;
    transform: translate(0,-50%);
    transition: width 1s ease-in-out;
    width: 0;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 100%;
    background-image: url(/theme/joyagdol/img/burnedchild/sec2_3_line.svg);
}
#burnedchild .section-2 .box-3.on .text p::after{
    width: calc((549 / 1920) * 100vw);
}
#burnedchild .section-2 .box-3 a{
    display: block;
    margin:calc((91 / 1920) * 100vw) auto 0;
    width: calc((531 / 1920) * 100vw);
    text-align: center;
    line-height: calc((65 / 1920) * 100vw);
    border-radius:calc((15 / 1920) * 100vw);
    font-size: calc((35 / 1920) * 100vw);;
    font-weight: 700;
    font-family: 'NanumSquare',sans-serif;
    color:#fff;
    background-color: #5288B7;
    text-decoration: none;
}

#burnedchild .section-3{
    text-align: center;
    color:#fff;
    padding:calc((40 / 1920) * 100vw);
    background-color: #5288B7;
    font-size: calc((24 / 1920) * 100vw);
    line-height: 1.5em;
    letter-spacing: -0.055em;
    font-family: 'NanumSquare',sans-serif;
    font-weight: 400;
}

#burnedchild .btn-Quick {
    position: fixed;
    top: 400px;
    right: 2.4%;
    z-index: 99;
  }
  #burnedchild .btn-Quick a {
    overflow: hidden;
    display: block;
    width: 120px;
    transition: all 0.3s;
  }
  #burnedchild .btn-Quick a:hover {
    transform: scale(1.05);
}
#burnedchild .text_hide {
  position: absolute;
  z-index: -1;
  line-height: 1 !important;
  font-size: 1px !important;
  width: 1px !important;
  height: 1px !important;
  color: transparent !important;
  background: transparent !important;
  overflow: hidden !important;
  font-size: 1px;
  text-indent: -99999px;
  opacity: 0.05 !important;
}