@font-face {
    font-family: 'YeogiOttaeJalnanGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Ria';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'KerisKedyuche';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2601-3@1.0/KERISKEDU_B.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
*{ margin: 0; padding: 0; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, button,
time, mark, audio, video, a, textarea, input{font-family: 'Paperozi';}
#gnb1 > ul > li > a{color: #333}
#logo a{color: #111}
#snb, .contents_util, .contents_info {
  display: none;
}
#header .search .control::before{color: #333}
#header {
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  z-index: 10;
  border: 0 none;
  color: #fff;
}



#footer {
  border: 0 none;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7);
}

#gnb2.active > ul, #gnb2.active > ul::after {
  right: -2rem;
}
#gnb2 .control{color: #333;}
#contents_body {
  width: 100%;
  max-width: initial;
  margin: 0;
  padding: 0;
}
#header{z-index: 20}
.main_wrap {
  margin-bottom: 0;
}
#footer{    color: #999;}
.village_w .v_inner{width: 1520px;margin: 0 auto;}
.village_w .vill_visual{position: relative;padding-top: 140px;padding-bottom: 36px;background: #EFF8FF;overflow: hidden;}
.village_w .vill_visual .bubble01{position: absolute;left: 50%;top: 50%;animation: 2s mot11 infinite linear;z-index: 3;margin-left: -760px;margin-top: -80px}
.village_w .vill_visual .bubble02{position: absolute;left: 50%;top: 50%;animation: 2s mot22 infinite linear;z-index: 3;margin-left: 474px;margin-top: -400px}
 .v_line{width: calc(100% - 80px);border: 2px solid #000000;border-radius: 10px;margin: 0 auto;}
.village_w .vill_visual .v_line{padding-top: 130px;padding-bottom: 40px}
.village_w .vill_visual .v_line .v_title span{display: flex;width: 180px;height: 53px;align-items: center;justify-content: center;background: #429BE9;border-radius: 50px;margin: 0 auto;font-size: 19px;color: #FFFFFF;font-weight: 600;margin-bottom: 20px}
.village_w .v_title strong{font-size: 60px;color: #FFFFFF;font-weight: 600;-webkit-text-stroke: 1.5px black;text-shadow: 4px 4px 0 #000;font-family: 'Ria';text-align: center;display: block;margin-bottom: 30px}
.village_w .v_title strong em{display: block;font-size: 70px;color: #FFFFFF;font-family: inherit;}
.village_w .v_title strong b{font-family: inherit;color: #A1D9F1}
.village_w .vill_visual .v_line .v_title p{font-size: 24px;color: #222222;line-height: 34px;text-align: center}
.village_w .vill_visual .v_line .v_title .txt{display: flex;flex-direction: column;gap: 20px;position: relative;z-index: 15}
.village_w .vill_visual .v_line .v_title .txt b{color: #429BE9;position: relative}
.village_w .vill_visual .v_line .v_title .txt b:before{content: '';display: block;width: 100%;height: 15px;background-color: #D6ECFF;position: absolute;bottom: -3px;left: 0;;z-index: -1;}
.village_w .vill_visual .v_line .v_title .txt b:before{content: '';display: block;width: 100%;height: 15px;background-color: #D6ECFF;position: absolute;bottom: -3px;left: 0;;z-index: -1;}
.village_w .v_con02 .list_in .title strong b{position: relative}
.village_w .v_con02 .list_in .title strong b:before{content: '';display: block;width: 100%;height: 23px;background-color: #C9EFA6;position: absolute;bottom: -3px;left: 0;;z-index: -1;}
.village_w .v_con02 .list_in.list_in2 .title strong b:before{background: #B6E5EF}
.village_w .vill_visual .line{overflow: hidden;margin: 0 auto;margin-top: 60px;margin-bottom: 45px;width: 1520px;}
.village_w .vill_visual .line svg{display: block}
.village_w .vill_visual .info{display: flex;align-items:center;justify-content: center;gap: 40px}
.village_w .vill_visual .info ul {display: flex;flex-direction: column;gap: 14px}
.village_w .vill_visual .info ul li{display: flex;align-items: center;gap: 25px}
.village_w .vill_visual .info .txt_1{margin-top:15px}
.village_w .vill_visual .info .txt_1 p{font-size: 15px;color: #395144;line-height: 1.5;opacity: 0.7}

.village_w .vill_visual .info ul li p{font-size: 18px;color: #395144;}
.village_w .vill_visual .info ul li span{display: flex;width: 150px;height: 54px;align-items: center;justify-content: center;align-items: center;background: #E0F8CE;border-radius: 8px;font-size: 18px;color: #295500;font-weight: 500}



.village_w .b_wrap{    background: linear-gradient(to bottom, #EFF8FF, #ECFBDE);}
.village_w .v_con01 .v_inner{padding: 150px 0;display: flex;justify-content: space-between;}
.village_w .v_con01 .v_inner .v_title{text-align: left;margin-bottom: 40px}
.village_w .v_con01 .v_inner .v_title strong{text-align: left;margin-bottom: 30px}
.village_w .v_con01 .v_inner .v_title p{font-size: 22px;color: #222222;line-height: 34px;margin-bottom: 20px}
.village_w .v_con01 .v_inner .v_title p b{color: #429BE9;font-weight: 600}
.village_w .v_con01 .v_inner .v_title span{font-size: 18px;color: #728597;}
.village_w .v_con01 .v_inner .left .step_w{display: flex;flex-direction: column;gap: 20px}
.village_w .v_con01 .v_inner .left .step_w .step{position: relative;padding-left: 45px}
.village_w .v_con01 .v_inner .left .step_w .step span{position: absolute;left: 0;width: 95px;height: 95px;background: #006DCC;left: 0;top: 50%;margin-top: -47.5px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-direction: column;align-items: center;justify-content: center;font-size: 16px;color: #FFFFFF;font-weight: 700}
.village_w .v_con01 .v_inner .left .step_w .step span b{font-size: 20px;display: block;margin-top: 5px}
.village_w .v_con01 .v_inner .left .step_w .wr{background: #DBF0F2;width: 640px;display: flex;align-items: center;height: 180px;border-radius: 10px;padding-left: 67px}
.village_w .v_con01 .v_inner .left .step_w i{display: block;margin-right: 14px}
.village_w .v_con01 .v_inner .left .step_w i img{display: block}
.village_w .v_con01 .v_inner .left .step_w .txt strong{display: block;font-size: 22px;color: #0066BF;margin-bottom: 15px}
.village_w .v_con01 .v_inner .left .step_w .txt p{font-size: 20px;color: #647380;line-height: 34px}
.village_w .v_con01 .info{
    position: relative;}
.village_w .v_con01 .info svg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.village_w .v_con01 .info ul{display: flex;gap: 75px;max-width: 665px;margin-top: 35px;
    position: relative;
    z-index: 5;}
.village_w .v_con01 .info ul li {display: block;border-radius: 12px;overflow: hidden}
.village_w .v_con01 .info ul li.hide_image{
    position: relative;}
.village_w .v_con01 .info ul li.hide_image:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.1);backdrop-filter: blur(20px)}
.village_w .v_con01 .info ul li.hide_image:after{content: '?';display: flex;position: absolute;top: 50%;left: 50%;width: 57px;height: 57px;background: rgba(255,255,255,0.2);backdrop-filter: blur(20px);transform: translate(-50%,-50%);border-radius: 50%;
    align-items: center;
    justify-content: center;font-size: 22px;color: #FFFFFF;font-weight: 600}
.village_w .v_con01 .info ul li img{display: block}
.village_w .v_con01 .info2{
    margin-top: 20px;}
.village_w .v_con01 .info2 p{font-size: 20px;color: #222222;text-align: center}
.village_w .v_con01 .info2 p b{color: #429BE9}
.village_w .v_con01 .count_chk {width: 668px;height: 120px;border: 6px solid #7CD12E;border-radius: 100px;background: #fff;position: relative;justify-content: flex-end;padding-right: 70px;display: flex;align-items: flex-end;padding-bottom: 30px;margin-top: 90px}
.village_w .v_con01 .count_chk i{display: block;position: absolute;bottom: -23px;left: 5px}
.village_w .v_con01 .count_chk i img{display: block}
.village_w .v_con01 .count_chk p{font-size: 24px;color: #222222;font-weight: 600}
.village_w .v_con01 .count_chk p strong{font-size: 40px;    font-family: 'Ria';font-weight: 700}
.village_w .v_con01 .count_chk p b{color: #61B217;font-weight: 600;position: relative;z-index: 5}
.village_w .v_con01 .count_chk p b:before{content: '';display: block;width: 100%;height: 15px;background-color: #E1F6CE;position: absolute;bottom: -3px;left: 0;;z-index: -1;}
.village_w .v_con01 .right .vill{border-radius: 20px;overflow: hidden}
.village_w .v_con01 .right .vill img{display: block}

.village_w .v_con01 .right .vill{border-radius: 20px;overflow: hidden}
.village_w .v_con01 .right .vill img{display: block;}
.village_w .v_con01 .right .vill_w{position: relative}
.village_w .v_con01 .right .vill_w .plug{position: absolute}
.village_w .v_con01 .right .vill_w .plug img{max-width: 900px}
.village_w .v_con01 .right .vill_w .plug .base img{width: 100%}
.village_w .v_con01 .right .vill_w .plug01{top: 27.02290076335878%;left: 25.625%;width: 11.5625%}
.village_w .v_con01 .right .vill_w .plug02{top: 27.02290076335878%;left: 66.40625%;width: 11.5625%;
    z-index: 3;}
.village_w .v_con01 .right .vill_w .plug03{top: 37.63358778625954%;left: 14.21875%;width: 11.5625%}
.village_w .v_con01 .right .vill_w .plug04{top: 49.08396946564885%;left: 78.00312012480499%;width: 11.5625%}
.village_w .v_con01 .right .vill_w .plug05{top: 58.47328244274809%;left: 12.67175572519084%;width: 11.5625%}
.village_w .v_con01 .right .vill_w .plug button{width: 100%;display: block}
.village_w .v_con01 .right .vill_w .plug .over{position: absolute;width: 225%;transform: scale(0.3);transition: 0.5s;opacity: 0}
.village_w .v_con01 .right .vill_w .plug .over img{max-width: 100%}
.village_w .v_con01 .right .vill_w .plug01 .over{top: -88%;left: -75%;}
.village_w .v_con01 .right .vill_w .plug02 .over{top: -88%;left: -75%;}
.village_w .v_con01 .right .vill_w .plug03 .over{top: -93%;left: -49%;}
.village_w .v_con01 .right .vill_w .plug04 .over{top: -93%;left: -49%;}
.village_w .v_con01 .right .vill_w .plug05 .over{top: -88%;left: -75%;}
.village_w .v_con01 .right .vill_w .plug .over{transform: scale(0.3);opacity: 0}
.village_w .v_con01 .right .vill_w .plug .txt{position: absolute;pointer-events: none}
.village_w .v_con01 .right .vill_w .plug .txt img{max-width: 100%}
.village_w .v_con01 .right .vill_w .plug01 .txt{left: -10%;top: 150%;width: 532%}
.village_w .v_con01 .right .vill_w .plug01 .txt{left: -10%;top: 150%;width: 532%}
.village_w .v_con01 .right .vill_w .plug02 .txt{right: -30%;top: 150%;width: 544%}
.village_w .v_con01 .right .vill_w .plug03 .txt{left: -10%;top: 150%;width: 402%}
.village_w .v_con01 .right .vill_w .plug04 .txt{right: -70%;top: 150%;width: 504%}
.village_w .v_con01 .right .vill_w .plug05 .txt{left: -20%;top: 150%;width: 544%}
.village_w .v_con01 .right .vill_w .plug .base{animation: blar1 1.3s infinite linear }
.village_w .v_con01 .right .vill_w .plug03 .base{animation: blar2 1.3s infinite linear }
.village_w .v_con01 .right .vill_w .plug04 .base{animation: blar2 1.3s infinite linear }
.village_w .v_con01 .right .vill_w .plug01 .base{transform-origin: right bottom}
.village_w .v_con01 .right .vill_w .plug02 .base{transform-origin: right bottom}
.village_w .v_con01 .right .vill_w .plug03 .base{transform-origin: left bottom}
.village_w .v_con01 .right .vill_w .plug04 .base{transform-origin: left bottom}
.village_w .v_con01 .right .vill_w .plug05 .base{transform-origin: right bottom}
.village_w .v_con01 .right .vill_w button:focus .plug{animation-play-state: paused}
.village_w .v_con01 .right .vill_w button:active .plug{animation-play-state: paused}
@keyframes blar1 {
    0%{transform: scale(1) rotate(0)}
    50%{transform: scale(0.95) rotate(2deg)}
    100%{transform: scale(1) rotate(0)}
}
@keyframes blar2 {
    0%{transform: scale(1) rotate(0)}
    50%{transform: scale(0.95) rotate(2deg)}
    100%{transform: scale(1) rotate(0)}
}
.village_w .v_con01 .right .vill_w .plug button:focus .over{transform: scale(1);opacity: 1}
.village_w .v_con01 .right .vill_w .plug button:active .over{transform: scale(1);opacity: 1}

.village_w .v_con01 .right .vill_w button.on .plug{animation-play-state: paused}
.village_w .v_con01 .right .vill_w button.on .plug{animation-play-state: paused}
.village_w .v_con01 .right .vill_w .plug button.on .over{transform: scale(1);opacity: 1}
.village_w .v_con01 .right .vill_w .plug button.on over{transform: scale(1);opacity: 1}
.village_w .v_con01 .right .vill_w .plug .txt{opacity: 0;transition-duration: 0.5s}
.village_w .v_con01 .right .vill_w .plug button:focus .txt{opacity: 1}
.village_w .v_con01 .right .vill_w .plug button:active .txt{opacity: 1}

.village_w .v_con01 .right .vill_w .plug button.on .txt{opacity: 1}
.village_w .v_con01 .right .vill_w .plug button.on .txt{opacity: 1}

.village_w .v_con02, .village_w .v_con01{padding: 40px 0}
.village_w .v_con02 .v_title strong{text-align: left}
.village_w .v_con02 .v_inner{padding: 150px 0}
.village_w .v_con02 .list_in{display: flex;background: #DEF3CA;padding: 50px 0;align-items: center;border-radius: 20px}
.village_w .v_con02 .list_in .list{width: calc(100% - 267px)}
.village_w .v_con02 .list_in .list ul{display: flex;gap: 20px;padding-right: 30px;padding-left: 30px}
.village_w .v_con02 .list_in.list_in1 .list ul li:last-child img{mix-blend-mode: multiply}
.village_w .v_con02 .list_in .list ul li{flex: 1}
.village_w .v_con02 .list_in .list ul li span{display: inline-block;padding: 0 18px;line-height: 37px;background: #fff;border-radius: 99px;font-size: 18px;color: #000000;font-weight: 700;margin-bottom: 14px}
.village_w .v_con02 .list_in .list ul li div{text-align: center}
.village_w .v_con02 .list_in .list ul li p{font-size: 17px;color: #30441C;line-height: 24px;margin-top: 12px}
.village_w .v_con02 .list_in .list ul li button{display: block;width: 100%;text-align: left}
.village_w .v_con02 .list_in .title {width: 267px;text-align: center}
.village_w .v_con02 .list_in .title strong{font-size: 40px;display: block;line-height: 52px;margin-bottom: 22px;color: #233412}
.village_w .v_con02 .list_in .title strong b{color: #5EB70C;font-weight: inherit}
.village_w .v_con02 .list_in.list_in2 .title strong b{color: #429BE9}
.village_w .v_con02 .list_in .title p{font-size: 18px;color: #536B3C;line-height: 1.5}
.village_w .v_con02 .list_in .title{border-right: 2px dashed #BAD2A2;height: 248px;display: flex;align-items: center;flex-direction: column;justify-content: center}
.village_w .v_con02 .list_in.list_in2 .title{border-color: #B9D8DB}
.village_w .v_con02 .list_in.list_in2 .title p{color: #48686B}
.village_w .v_con02 .list_in.list_in2 .list ul li:hover div{background: #429BE9}
.village_w .v_con02 .list_in.list_in2{margin-top: 40px;background: #DBF0F2;}
.village_w .v_con02 .list_in.list_in2 .list ul li div{background: #D1E8F0;padding-bottom: 24px;padding-top: 15px;;border-radius: 12px;position: relative;transition: 0.5s}
.village_w .v_con02 .list_in.list_in2 .list ul li div .stamp img{display: block}
.village_w .v_con02 .list_in.list_in2 .list ul li div .stamp{position: absolute;top: 0;left: 0;top: 0;left: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 4px;padding:10px;background: none}
.village_w .v_con02 .list_in.list_in2 .list ul li div p{font-weight: 500;color: #072C54;transition-duration: 0.5s}
.village_w .v_con02 .list_in.list_in2 .list ul li:hover div p{color: #fff}

.village_w .btn button{ width: 225px; height: 64px; display:flex; align-items: center; justify-content: center; position: relative; border-radius: 60px; background-color: #429BE9; overflow: hidden; margin: 0 auto; margin-top: 30px;color: #fff;font-size: 18px;}
.village_w .btn button span{font-size:inherit;font-weight:inherit;color:inherit;transition:0.5s;position: relative;z-index:2;font-weight: 500}
.village_w .btn button:hover  span{color: #429BE9}
.village_w .btn button ul li{ font-size: 20px; line-height: 1.5em; font-weight: 600; color:#FFFFFF; letter-spacing: -0.02em; transition: transform .5s; }
.village_w .btn button ul li:last-child{ color: #429BE9; }
.village_w .btn button ul{ height: 30px; overflow: hidden; position: relative; z-index: 1; }
.village_w .btn button:after{ content:""; display: block; width: calc(100% + 32px); aspect-ratio: 1 / 1;  position: absolute; left: 50%; top: 100%; transform: translate(-50%,0); background-color: #fff; border-radius: 50%; transition: top .5s, transform .5s; }
.village_w .btn button:hover ul li{ transform: translateY(-100%); }
.village_w .btn button:hover:after{ transform: translate(-50%,-50%); top: 50%; }
.village_w .zero_visual img{max-width: 2560px}
#vill_popup{position: fixed;z-index: 9999;background: rgba(0,0,0,0.25);width: 100%;height: 100%;backdrop-filter: blur(20px);display: none}
.board_btns{display: none}
/*display: none*/
#vill_popup .pop_w{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center}
#vill_popup .pop_w .agree{margin-top: 15px;}
#vill_popup .pop_w .pop_in{background: #fff;padding: 50px 30px;width: 466px;border-radius: 10px;position: relative;}
#vill_popup .pop_w .pop_in .close{position: absolute;right: -50px;top: 10px;}
#vill_popup .pop_w .pop_in strong{font-size: 24px;color: #00438C;line-height: 26px;display: block;text-align: center;font-weight: 600;line-height: 32px;display: block;margin-bottom: 20px}
#vill_popup .pop_w .pop_in .img_box {padding: 7px;border: 2px dashed #429BE9;border-radius: 8px;margin-bottom: 20px}
#vill_popup .pop_w .pop_in .img_box .img_w img{display: block;width: 100%}
#vill_popup .pop_w .pop_in .img_box .img_w button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0}
#vill_popup .pop_w .pop_in .img_box .img_w{border-radius: 6px;overflow: hidden;position: relative;padding-top: 57.25%;background: #E1F1FE30}
#vill_popup .pop_w .pop_in .img_box .img_w img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#vill_popup .pop_w .pop_in .img_box .img_w input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 5}
#vill_popup .pop_w .pop_in textarea{display: block;border: 2px solid #000000;border-radius: 10px;padding: 24px;height: 175px;width: 100%}
#vill_popup .pop_w .pop_in .text{position:relative}
#vill_popup .pop_w .pop_in .text span{position:absolute;bottom: 10px;right: 10px;font-size: 12px;}
.village_w .pop_w .pop_in .btn a{margin-top: 30px}
.village_w .vill_visual .v_line .v_title span{transform: translateY(70px);opacity: 0}
.village_w .vill_visual.on .v_line .v_title span{transform: translateY(0px);opacity: 1;transition-duration: 1s}
.village_w .vill_visual .v_line .v_title strong{transform: translateY(70px);opacity: 0}
.village_w .vill_visual.on .v_line .v_title strong{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.3s}
.village_w .vill_visual .v_line .v_title .txt{transform: translateY(70px);opacity: 0}
.village_w .vill_visual.on .v_line .v_title .txt{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.6s}
.village_w .vill_visual .v_line .info{transform: translateY(70px);opacity: 0}

.village_w .vill_visual .v_line .info .txt_1 p{font-size: 15px;line-height: 1.5;  color: #395144;}
.village_w .vill_visual.on .v_line .info{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.9s}
.village_w .vill_visual .v_line .line{transform: translateY(70px);opacity: 0}
.village_w .vill_visual.on .v_line .line{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.9s}
.village_w .v_con01 .v_inner .v_title{transform: translateY(70px);opacity: 0}
.village_w .v_con01.on .v_inner .v_title{transform: translateY(0px);opacity: 1;transition-duration: 1s}
.village_w .v_con01 .v_inner .left .step_w{transform: translateY(70px);opacity: 0}
.village_w .v_con01.on .v_inner .left .step_w{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.3s}

.village_w .v_con01 .count_chk{transform: translateY(70px);opacity: 0}
.village_w .v_con01.on .count_chk{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.6s}
.village_w .v_con01 .right{transform: translateY(70px);opacity: 0}
.village_w .v_con01.on .right{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.9s}
.village_w .v_con01 .info{transform: translateY(70px);opacity: 0}
.village_w .v_con01.on .info{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.6s}
.village_w .v_con01 .info2{transform: translateY(70px);opacity: 0}
.village_w .v_con01.on .info2{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.6s}
.village_w .v_con02 .v_inner .v_title{transform: translateY(70px);opacity: 0}
.village_w .v_con02.on .v_inner .v_title{transform: translateY(0px);opacity: 1;transition-duration: 1s}
.village_w .v_con02 .list_in{transform: translateY(70px);opacity: 0}
.village_w .v_con02.on .list_in{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.3s}
.village_w .v_con02.on .list_in2{transition-delay: 0.6s}
.village_w .vill_visual .bubble02 div{transform: scale(0.7) translateY(70%);opacity: 0}
.village_w .vill_visual.on .bubble02 div{transform: scale(1) translateY(0%);opacity: 1;transition-duration: 1s;transition-delay: 0.9s}
.village_w .vill_visual .bubble01 div{transform: scale(0.7) translateY(70%);opacity: 0}
.village_w .vill_visual.on .bubble01 div{transform: scale(1) translateY(0%);opacity: 1;transition-duration: 1s;transition-delay: 1.1s}
@media (max-width: 1560px) {
    .village_w .v_inner{width: 100%;padding: 0 20px}
    .v_line {width: calc(100% - 40px);}
    .village_w .v_con02, .village_w .v_con01{padding: 40px 0}
    .village_w .v_con01 .v_inner, .village_w .v_con02 .v_inner{padding: 120px 20px}
    .village_w .v_con01 .right .vill img{width: 550px}
    .village_w .v_con01 .v_inner .left .step_w .txt p{font-size: 18px}
    .village_w .v_con01 .v_inner .left .step_w .txt strong{font-size: 20px}
    .village_w .v_con01 .v_inner .left .step_w .wr{width: 570px}
    .village_w .v_con01 .count_chk p{font-size: 20px}
    .village_w .v_con01 .count_chk p strong{font-size: 32px}
    .village_w .v_con01 .count_chk{width: 570px;padding-right: 50px}
    .village_w .vill_visual .bubble01{margin-left: 0;left: 20px}
    .village_w .vill_visual .bubble02{margin-left: 0;right: 20px;left: auto}
}
@media (max-width: 1460px) {
    .village_w .v_con01 .info{display: flex;
        justify-content: center;}
    .village_w .v_con01 .info2{
        margin-bottom: 40px;}
    .village_w .v_con01 .right{width: 550px;margin: 0 auto}
    .village_w .v_con01 .v_inner{flex-direction: column}
    .village_w .v_con02 .list_in{flex-direction: column;padding: 40px 20px}
    .village_w .v_con02 .list_in .title{width: 100%;height: auto;
        padding-bottom: 20px;border-right: none;    border-bottom: 2px dashed #BAD2A2;}
    .village_w .v_con02 .list_in .title strong br{display: none}
    .village_w .v_con02 .list_in .title p br{display: none}
    .village_w .v_con02 .list_in .title{text-align: left}
    .village_w .v_con02 .list_in .list{width: 100%;margin-top: 25px}
    .village_w .v_con02 .list_in .list ul{width: 100%;padding: 0}
    .village_w .v_con01 .v_inner .left .step_w .wr{width: 100%}
    .village_w .v_con01 .count_chk{width: 100%;margin-bottom: 60px}
    .village_w .v_con02 .list_in .list ul li p{font-size: 15px}

}
@media (max-width: 1160px) {
.village_w .v_con01 .v_inner{gap: 20px}
.village_w .v_con01 .info ul{max-width: 100%;width: 100%}
.village_w .vill_visual .v_line .info .txt_1 p{font-size: 12px;word-break: keep-all}
.village_w .btn button span{font-size: 13px}
    .village_w .v_con02 .list_in .title strong b:before{height: 30%}
    .village_w .v_con02 .v_title strong{word-break: keep-all}
    .village_w .vill_visual .bubble01 img{width: 200px}
    .village_w .vill_visual .bubble02 img{width: 200px}
    #vill_popup .pop_w .pop_in textarea{font-size: 14px;}
    .village_w .v_con02 .list_in.list_in2 .list ul li div .stamp img{width: 30px}
    .village_w .v_con02 .line{margin-top: 30px;margin-bottom: 10px}
    .village_w .vill_visual .v_line .v_title .txt{gap: 10px}
    .village_w .vill_visual .v_line .v_title p{font-size: 15px;line-height: 1.5}
    .village_w .v_title strong{font-size: 30px;margin-bottom: 15px}
    .village_w .v_title strong em{font-size: 40px}
    .village_w .vill_visual .v_line .v_title span{width: 150px;height: 40px;font-size: 14px}
    .village_w .v_con01 .v_inner .v_title p{font-size: 14px;line-height: 1.5;margin-bottom: 10px}
    .village_w .v_con01 .v_inner .v_title span{font-size: 14px}
    .village_w .v_con01 .v_inner .v_title strong{margin-bottom: 15px}
    .village_w .v_con01 .v_inner, .village_w .v_con02 .v_inner{padding: 50px 20px}
    .village_w .v_con01 .v_inner .left .step_w .txt strong{font-size: 15px;margin-bottom: 10px}
    .village_w .v_con01 .v_inner .left .step_w .txt p{font-size: 13px;line-height: 1.5}
    .village_w .v_con01 .v_inner .left .step_w i img{width: 65px}
    .village_w .v_con01 .v_inner .left .step_w .step span b{font-size: 13px}
    .village_w .v_con01 .v_inner .left .step_w .step span{width: 60px;height: 60px;font-size: 11px;margin-top: -30px}
    .village_w .v_con01 .v_inner .left .step_w .step{padding-left: 30px}
    .village_w .v_con01 .v_inner .left .step_w .wr{height: 95px;padding-left: 40px}
    .village_w .v_con02 .list_in .list ul li p{font-size: 13px;line-height: 1.5}
    .village_w .v_con02 .list_in .list ul{gap: 7px}
    .village_w .v_con02 .list_in .list ul li span{line-height: 30px;font-size: 14px;padding: 0 8px;margin-bottom: 10px}
    .village_w .v_con02 .list_in .title strong{font-size: 26px;line-height: 1.5;margin-bottom: 10px}
    .village_w .v_con02 .list_in .title p{font-size: 13px;line-height: 1.5 }
    .village_w .v_con02 .list_in{padding: 20px;border-radius: 10px}
    .village_w .v_con02 .list_in .list ul li div img{width: 80px}
    .village_w .v_con02 .list_in.list_in2 .list ul li div{border-radius: 10px}
    .village_w .v_con02 .list_in.list_in2{margin-top: 20px}
    .village_w .v_con01 .count_chk i{bottom: -13px}
    .village_w .v_con01 .count_chk i img{width: 100px}
    .village_w .v_con01 .count_chk p{font-size: 14px}
    .village_w .v_con01 .count_chk p strong{font-size: 22px}
    .village_w .v_con01 .count_chk{padding-bottom: 15px;border-width: 3px;height: auto;padding-top: 15px;margin-top: 70px;margin-bottom: 30px}
    .village_w .v_con01 .right .vill img{max-width: 100%}
    .village_w .v_con01 .right{max-width: 100%}
    .village_w .vill_visual .info ul li span{width: 90px;height: 36px;font-size: 14px;border-radius: 5px}
    .village_w .vill_visual .info ul li p{font-size: 14px}
    .village_w .vill_visual .info ul li{gap: 12px}
    .village_w .vill_visual .info ul{gap: 7px}
    .village_w .vill_visual .info img{width: 100px}
    .village_w .vill_visual .info{gap: 20px}
     .village_w .btn button ul li{ font-size: 15px; }
    .village_w .btn button ul{ height: 22px; }
    .village_w .btn button{ width: 170px; height:50px; margin-top: 20px}
    #vill_popup .pop_w .pop_in strong{font-size: 16px;line-height: 1.5}
    #vill_popup .pop_w .pop_in{max-width: calc(100% - 80px)}
    #vill_popup .pop_w .pop_in .close{right: -30px;}
    #vill_popup .pop_w .pop_in .close img{width: 24px}
    #vill_popup .pop_w .pop_in{padding: 40px 20px}
    #vill_popup .pop_w .pop_in textarea{height: 130px;padding: 15px}
    .village_w .v_con01 .info2 p{font-size: 14px}
}
@media (max-width: 860px) {
    .village_w .v_con01 .info{
        overflow: hidden;}
    .village_w .v_con01 .info ul{
        margin-top: 0px;gap: 15px}
.village_w .vill_visual .v_line .info .txt_1 p{max-width: 80vw}
    .v_line {width: calc(100% - 20px);}
    .village_w .v_con02, .village_w .v_con01{padding: 10px 0}
    .village_w .v_con02 .list_in .list ul{flex-wrap: wrap;gap: 20px 6px}
    .village_w .v_con02 .list_in .list ul li{width: calc(33.33% - 4px);flex: none}
    .village_w .v_con01 .info2{
        margin-bottom: 0;}
}
@media (max-width: 776px) {
    .village_w .vill_visual{padding-top: 70px;padding-bottom: 20px}
}
@media (max-width: 660px) {
    .village_w .v_con01 .info ul li.hide_image:after{width: 30px;height: 30px;font-size: 16px;}
    .zero_visual .zero .zero_txt{text-align: center}
    .village_w .vill_visual .bubble01{margin-top: 0;top: auto;bottom: 20px}
    .village_w .vill_visual .bubble02{margin-top: 0;top: 100px}
        .village_w .vill_visual .bubble01 img{width: 100px}
    .village_w .vill_visual .bubble02 img{width: 120px}
    .village_w .v_con01 .right .vill{border-radius: 10px}
    .village_w .v_con01 .v_inner{padding-bottom: 20px}
    .village_w .vill_visual .info{flex-direction: column}
    .village_w .v_con02 .list_in .list ul li {width: calc(50% - 3px)}
    .village_w .v_con02 .list_in.list_in2 .list ul li div{padding-bottom: 15px}
    .village_w .v_con02 .list_in .list ul li div img{width: 60px}
    .village_w .v_con02 .list_in.list_in2 .list ul li div p{font-size: 13px;margin-top: 10px}
    .village_w .v_con02 .list_in .list ul li span{font-size: 13px}
    .village_w .v_con01 .v_inner .v_title span{font-size: 12px}
    .village_w .v_con01 .v_inner .left .step_w .step span{position: static;width: 100%;border-radius: 10px;flex-direction: row;gap: 10px;height: 30px;margin-bottom: 10px;position: static;margin-top: 0}
    .village_w .v_con01 .v_inner .left .step_w .step span b {margin-top: 0}
    .village_w .v_con01 .v_inner .left .step_w .step{padding-left: 0}
    .village_w .v_con01 .count_chk{padding-right: 20px}
    .village_w .v_con01 .count_chk i img{width: 80px}
    .village_w .v_con01 .count_chk{margin-top: 40px}
    .village_w .v_con01 .v_inner .v_title{margin-bottom: 20px}
    .village_w .vill_visual .v_line .v_title p{font-size: 14px}
    .village_w .v_con02 .v_inner{padding-bottom: 20px}
    .village_w .vill_visual .v_line .v_title span{width: 120px}
}

	  .zero_visual{position: relative;height: 100vh;width: 100%;overflow: hidden}
	  .zero_visual .sv_title{position: absolute;;width: 100%;z-index: 15;top: 0;padding-top: 250px;text-align: center}
	  .zero_visual .sv_title strong{font-size: 60px;color: #FFFFFF;font-weight: 600;-webkit-text-stroke: 1.5px black;text-shadow: 4px 4px 0 #000;font-family: 'Ria';display: block;margin-bottom: 40px}
		.zero_visual .sv_title strong b{color: #A1D9F1;font-family: 'Ria';}
	  .zero_visual .sv_title p{font-size: 24px;color: #222222;line-height: 34px}
	  .zero_visual .sv_title p b{color: #429BE9;position: relative}
	  .zero_visual .sv_title p b:before{content: '';display: block;width: 100%;height: 100%;bottom: 0;background: #fff;position: absolute;bottom: 0;left: 0;z-index: -1}
	  .zero_visual .vis_image {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
	  .zero_visual .zero{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-10%)}
	  .zero_visual .zero .zero_txt{position: absolute;width: 538px;height: 206px;background: #DAEDFC;border-radius: 12px;top: 50%;margin-top: -103px;left: 434px;display: flex;align-items: center;padding-left: 40px;opacity: 0}
	  .zero_visual .zero .zero_txt p{font-size: 20px;color: #222222;line-height: 34px}
	  .zero_visual .zero .zero_txt p b{color: #429BE9}
	  .zero_visual .zero .in{position: relative}

	  .zero_visual:after {
		  content: '';display: block;position: absolute;
			width: calc(100% - 80px);
			border: 2px solid #000000;
			border-radius: 10px;
			margin: 0 auto;
		   left: 40px;height: calc(100vh - 80px);top: 40px;z-index: 15;pointer-events: none
		}
	  @keyframes mot11 {
    0%{transform: rotate(0deg);}
    50%{transform: rotate(-10deg) translateY(-10px);}
    100%{transform: rotate(0deg) translateY(0px);}
}
@keyframes mot22 {
    0%{transform: rotate(0deg);}
    50%{transform: rotate(10deg) translateY(-10px);}
    100%{transform: rotate(0deg) translateY(0px);}
}
	  .zero_visual .sv_title strong{transform: translateY(70px);opacity: 0;display: block}
	  .zero_visual.on .sv_title strong{transform: translateY(0px);opacity: 1;transition-duration: 1s}
	  .zero_visual .sv_title p{transform: translateY(70px);opacity: 0;display: block}
	  .zero_visual.on .sv_title p{transform: translateY(0px);opacity: 1;transition-duration: 1s;transition-delay: 0.3s}
	  .zero_visual .zero .wr{transform: scale(0.7);transform-origin: bottom center;opacity: 0}
	  .zero_visual.on .zero .wr{transform: scale(1);opacity: 1;transition-duration: 1s;transition-delay: 0.6s}
	  .zero_visual .zero .in{transform: translateX(0);transform-origin: bottom center;}
	  .zero_visual.on .zero .in{transform: translateX(-279px);transition-duration: 1s;transition-delay: 1.8s}
	  .zero_visual.on .zero .zero_txt{opacity: 1;transition-duration: 1s;transition-delay: 1.8s}

	  @media (max-width: 1160px) {
		  .zero_visual .zero {transform: translate(-50%, 9%);}
		  .zero_visual .zero .zero_txt{left: 280px}
		  .zero_visual .zero .zero_txt{width: 360px;height: 135px;padding-left: 20px;margin-top: -75px}
		  .zero_visual .zero .zero_txt p{font-size: 14px;line-height: 1.5}
		  .zero_visual .vis_image img{height: 100vh}
		  .zero_visual .zero .wr img{width: 270px}
		  .zero_con .img{gap: 10px}
		  .zero_visual .sv_title{padding-top: 160px}
		  .zero_visual .sv_title strong{font-size: 40px;margin-bottom: 10px}
		  .zero_visual .sv_title p{font-size: 16px;line-height: 1.5}
		  .zero_visual.on .zero .in {
			  transform: translateX(-129px);}
		  .zero_visual:after{top: 70px;width: calc(100% - 20px);left: 10px;height: calc(100vh - 80px)}
          .village_w .vill_visual .bubble01{display: none}
          .village_w .vill_visual.on .v_line .line{max-width: 80%}
          .zero_visual:after {
              top: 10px;
              width: calc(100% - 20px);
              left: 10px;
              height: calc(100vh - 20px);
          }
	  }
	  @media (max-width: 660px) {
    .village_w .vill_visual .v_line{padding-top: 80px}
          .zero_visual{height: 660px}
          .zero_visual .zero {
				position: absolute;
				top: auto;
				left: 50%;
				bottom: 6%;
				transform: translate(-50%, 0%);
			}
          .zero_visual .sv_title{
              padding-top: 80px;}
          .zero_visual .sv_title strong{font-size: 32px}
		  .zero_visual .zero {
				transform: translate(-50%, -1%);
			}
          .zero_visual.on .zero .in {
            transform: translateX(0px);
          }.village_w .v_title strong {
               text-shadow: 2px 2px 0 #000;}
          .village_w .v_con01 .v_inner .left .step_w .txt p{word-break: keep-all}
          .village_w .v_con01 .v_inner .left .step_w .txt p br{display: none}
          .village_w .v_con01 .v_inner .left .step_w .txt strong{
              margin-bottom: 5px;}
		  .zero_visual .zero .zero_txt{left: 0;width: 100%;height: auto;padding: 20px;transform: translateY(-79%);margin-top: 0;top: 0}
		  .zero_visual .zero .zero_txt br{display: none}
		  .zero_visual .zero .wr img{width: 240px}
		  .zero_visual .zero .zero_txt{width: 300px;margin-left: -150px;left: 50%}
		  .zero_visual .zero .zero_txt p{font-size: 13px;word-break: keep-all}
          .village_w .v_con02 .list_in .list ul li p br{display: none}
          .village_w .v_con02 .list_in .list ul li p{word-break: keep-all}
          .village_w .v_con02 .list_in2 .list ul li p br{display: block}
          .village_w .v_con02 .list_in .title strong{font-size: 22px}
          .village_w .v_title strong, .zero_visual .sv_title strong{font-size: 26px}
          .village_w .v_con01 .v_inner .left .step_w .wr{padding: 0 20px}
          .village_w .v_con01 .info ul{gap: 10px;}
	  }