@font-face {font-family: 'Noto Sans KR',sans-serif;font-style: normal;font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
html,body{height: 100%;}
.jh div,.jh span,.jh a,.jh p{line-height: 140%;}
.jhwrap .jh img{display:block;}
.jhwrap,.jh{width: 100%;position: relative;max-width: 640px;margin: auto;overflow: hidden;}
.jhwrap .jh .inner{position: absolute;width: 100%; top:0;left: 0;height: 100%;}
.jhwrap .quicks{width: 100%;position: fixed;bottom: 3%; left: 50%; transform: translate(-50%,0);z-index: 2;display: none !important;}
.jhwrap .quicks.on{width: 100%;position: fixed;bottom: 3%; left: 50%; transform: translate(-50%,0);z-index: 2;display: block !important;}
.jhwrap .jh1 .inner .jhlogo{padding: 5% 0 18% 5%;}
.jhwrap .jh1 .inner .jhlogo a,.jhwrap .jh1 .inner .jhlogo span{vertical-align: middle;}
.jhwrap .jh1 .inner .jhlogo a{display: inline-block;width: 18.586%;margin-right: 1%;}
.jhwrap .jh1 .inner .jhlogo span{display: inline-block;font-size: calc( 19px + 19 * ( 100vw - 640px ) / 640 );color:#685b55}
.jhwrap .jh1 .inner p.T1{-webkit-animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;opacity: 0;margin-bottom: 120%;}
.jhwrap .jh1 .inner p.T2{font-size: calc( 26px + 26 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );color:#fff;padding-left: 9%;margin-bottom: 6%;color:#000;letter-spacing: -1px;}
.jhwrap .jh1 .inner .probtn{text-align: center;}
.jhwrap .jh1 .inner .probtn a{display: inline-block;}
.jhwrap .jh2{padding: 0 0 5% 0;background: #956342;}
.jhwrap .jh2 .videos{width: 100%; padding-bottom: 56.25%;position: relative;margin-bottom: 5%;}
.jhwrap .jh2 .videos iframe{position: absolute;width: 100%;height: 100%;left: 0;top:0}
.jhwrap .jh2 p.T1{font-size: calc( 22px + 22 * ( 100vw - 640px ) / 640 );line-height: calc( 34px + 34 * ( 100vw - 640px ) / 640 );color:#fff;text-align: center;}
.jhwrap .jh3{background: url(https://ad.goodneighbors.kr/children2210/mobile/images/bg2.png) repeat;padding: 10% 0;}
.jhwrap .jh3 p.T1{padding: 8% 0%;opacity: 0;}
.jhwrap .jh3 p.T1.on{-webkit-animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;}
.jhwrap .jh4 p.T1{padding: 5% 0px 0% 0%;opacity: 0;}
.jhwrap .jh4 p.T1.on{-webkit-animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;}
.jhwrap .jhtxt1 {background: #6a441f;;}
.jhwrap .jhtxt1 p.T1{font-size: calc( 26px + 26 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );color:#fff;padding: 12% 0 12% 10%; letter-spacing: -1px;}
.jhwrap .jh5 .Tbox{padding: 13% 0;}
.jhwrap .jh5 p.T1{opacity: 0;padding: 0 0 10% 0;}
.jhwrap .jh5 p.T1.on{-webkit-animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;}
.jhwrap .jh5 p.T2{font-size: calc( 26px + 26 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );color:#000;padding-left: 9%;letter-spacing: -1px;}
.jhwrap .jh6 .videos{width: 100%; position: relative;padding-bottom: 100%;}
.jhwrap .jh6 .videos iframe{width: 100%; height: 100%;position: absolute;}
.jhwrap .jh6 .picall{overflow: hidden;}
.jhwrap .jh6 .picall .pic{float: left;width: 50%;opacity: 0;}
.jhwrap .jh6 .picall .pic.on{-webkit-animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;}
.jhwrap .jh6 .picall .pic2.on{animation-delay: 0.5s;}
.jhwrap .jh7{background: #dccabe;padding: 13% 0;}
.jhwrap .jh7 p.T1{opacity: 0;padding: 0 0 10% 0;}
.jhwrap .jh7 p.T1.on{-webkit-animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in-top 1s cubic-bezier(.25,.46,.45,.94) both;}
.jhwrap .jh7 p.T2{font-size: calc( 26px + 26 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );color:#000;padding-left: 9%;letter-spacing: -1px;}
.jhwrap .jh8 .Tbox{padding: 12% 0;text-align: center;background: #956342;;}
.jhwrap .jh8 p.T1{font-size: calc( 40px + 40 * ( 100vw - 640px ) / 640 );line-height: calc( 52px + 52 * ( 100vw - 640px ) / 640 );color:#fff;text-align: center;font-weight: 700;margin-bottom: 11%;}
.jhwrap .jh8 .jhbtn{text-align: center;margin-bottom: 7%;}
.jhwrap .jh8 .jhbtn a{display: inline-block;}
.jhwrap .jh8 .jhbtn a.B2{margin-top: 5%;}
.jhwrap .jh8 p.T2{font-size: calc( 22px + 22 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );color:#d6bfaf;text-align: center;}
.jhwrap .jh9 {padding: 12% 0;background: #f8f8f8;;}
.jhwrap .jh9 p.T1{font-size: calc( 40px + 40 * ( 100vw - 640px ) / 640 );line-height: calc( 52px + 52 * ( 100vw - 640px ) / 640 );color:#956341;text-align: center;font-weight: 700;margin-bottom: 11%;}
.jhwrap .jh9 .qna_list{width:90%;margin: 0 5%;}
.jhwrap .jh9 .qna_list li p{display: none;font-size: calc( 20px + 20 * ( 100vw - 640px ) / 640 );line-height: calc( 32px + 32 * ( 100vw - 640px ) / 640 );color:#d6bfaf;padding: 5%;color:#000;background: #fff;letter-spacing: -1px;}
.jhwrap .jh9 .qna_list li p span{font-weight: 700;letter-spacing: -1px;}
.jhwrap .jh9 .qna_list li a{padding: 5% 5% 5% 10%;background: #fff; box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);border-radius: 3px;display:block;box-sizing: border-box;font-size: calc( 24px + 24 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );color:#956341;letter-spacing: -1px;position: relative;font-family: 'Noto Sans KR',sans-serif;font-weight: 900}
.jhwrap .jh9 .qna_list li a:before{content: 'Q. ';position: absolute;margin-left: -6%; color:#956341;font-family: 'Noto Sans KR',sans-serif;font-weight: 900}
.jhwrap .jh9 .qna_list li a:after{content: '';position: absolute; background: url(https://ad.goodneighbors.kr/children2210/mobile/images/plus.png) no-repeat;width: 15px; height: 15px; background-size: 15px 15px;top: 50%; margin-top: -7.5px;right: 5%;;}
.jhwrap .jh9 .qna_list li a.on:after{background: url(https://ad.goodneighbors.kr/children2210/mobile/images/mi.png) no-repeat;}

.jhwrap .jh10 .Tbox{padding: 12% 5%;background: #f6f3ee;}
.jhwrap .jh10 .Tbox p.T1{font-size: calc( 35px + 35 * ( 100vw - 640px ) / 640 );line-height: calc( 48px + 48 * ( 100vw - 640px ) / 640 );color:#956341;font-weight: 900;margin-bottom: 4%;}
.jhwrap .jh10 .Tbox p.T2{font-size: calc( 26px + 26 * ( 100vw - 640px ) / 640 );line-height: calc( 36px + 36 * ( 100vw - 640px ) / 640 );color:#382813;}
.jhwrap .jh10 .Tbox p.T2 span{font-weight: 700;display: inline-block;position: relative;padding-right: 12px; margin-right: 12px;}
.jhwrap .jh10 .Tbox p.T2 span:after{content: '';position: absolute;width: 1px;height: 50%;background: #382813;right: 0;top:20%;}
.jhwrap .jh10 .Tbox p.T2.mbs{margin-bottom: 15%;}
.jhwrap .jh10 .Tbox p.T3{color:#382813;font-size: calc( 21px + 21 * ( 100vw - 640px ) / 640 );line-height: calc( 34px + 34 * ( 100vw - 640px ) / 640 );}
.jhfooter{padding: 5% 0;text-align: center;background: #fff;font-size: calc( 16px + 16 * ( 100vw - 640px ) / 640 );}
#container{max-width: none !important;}
@media (min-width: 640px) {
    .jhwrap .jh1 .inner .jhlogo span{font-size: 19px;}
    .jhwrap .jh5 p.T2,.jhwrap .jhtxt1 p.T1,.jhwrap .jh1 .inner p.T2{font-size: 26px; line-height: 36px;}
    .jhwrap .jh1 .inner p.T2 span{font-size: 27px; line-height: 36px;}
    .jhwrap .jh9 .qna_list li p{font-size: 20px; line-height: 32px;}
    .jhwrap .jh8 p.T2,.jhwrap .jh2 p.T1{font-size: 22px; line-height: 34px;;}    
    .jhwrap .jh10 .Tbox p.T2,.jhwrap .jh7 p.T2,.jhwrap .jh4 p.T2{font-size: 26px;line-height: 36px;;}
    .jhwrap .jh9 .qna_list li a,.jhwrap .jh9 .qna_list li a:before{font-size: 26px;line-height: 36px;;}
    .jhwrap .jh7 p.T1{font-size: 34px; line-height: 46px;}
    .jhwrap .jh10 .Tbox p.T3{font-size: 21px; line-height: 34px;}
    .jhwrap .jh7 p.T3{font-size: 22px; line-height: 34px;}
    .jhwrap .jh9 p.T1,.jhwrap .jh8 p.T1{font-size: 40px; line-height: 52px;}
    .jhwrap .jh10 .Tbox p.T1{font-size: 35px; line-height: 48px;}
    .jhfooter{font-size: 16px;;}
}
@-webkit-keyframes fade-in-top{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-top{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}