@charset "UTF-8";
@import url('./common.css');
body { }

/* **********************************
     font
************************************* */
/* NanumSquareRound */
@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

/* GMarketSans */
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/* **********************************
     common
************************************* */
img { vertical-align:top; }
.inner { position:relative; margin:0 auto; max-width:1230px; width:100%; }
h2 { margin:0 auto; }
input,
textarea,
label { cursor:pointer; font-family:'Pretendard'; }

/* **********************************
    pc 
************************************* */
/* 헤더 행 안쪽, 햄버거 왼쪽에 붙인다. top/height=패딩20+햄버거50(세로중앙), right=30+50+15(gap).
   z-index: .menu_bar(z-index:10) 아래에 두면 클릭이 헤더에 먹힌다.
   PC 는 nav 를 밀어내지 못해 약 1100px 미만에서 '엠티처'와 겹친다. */
.util { z-index:11; position:absolute; top:20px; right:95px; height:50px; display:flex; justify-content:center; align-items:center; gap:16px; }
.util a { position:relative; font-family:NanumSquareRound; font-size:20px; color:#231815; font-weight:bold; }
.util a + a:before { content:""; position:absolute; left:-10%; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:100%; background:#231815; }
/* 햄버거 메뉴(.menu_con)는 .menu_bar 스택 컨텍스트 안이라 .util 이 그 위로 떠 보인다 */
.menu_bar.menu ~ .util { display:none; }
/* 모바일: 패딩 15 + 햄버거 36, right = 15+36+10(gap). ※ 아래 750px 블록에는 위치 지정을 두지 않는다 */
@media all and (max-width:800px) {
    .util { top:15px; right:61px; height:36px; }
}
.pc { display:block; }
.mo { display:none; }
.motion img { position:absolute; }

.tit_area { overflow:hidden; background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/bg_tit.png') center repeat-x; }
    .tit_area .glasses { left:30.5%; top:32.5%; max-width:172px; width:14vw; }
    .tit_area .light01 { 
        left:31%; top:33%; max-width:20px; width:2vw;
        animation: sparkle-opacity-1 1.8s infinite;
    }
    .tit_area .light02 { 
        left:43.5%; top:38%; max-width:12px; width:2vw;
        animation: sparkle-opacity-2 2.1s infinite;
    }
    .tit_area .light03 { 
        left:31.5%; top:43.3%; max-width:18px; width:2vw;
        animation: sparkle-opacity-3 1.6s infinite;
    }

    @keyframes sparkle-opacity-1 {
        0% { opacity: 1; }
        10% { opacity: 0.8; }
        25% { opacity: 0.3; }
        40% { opacity: 1; }
        60% { opacity: 0.7; }
        80% { opacity: 1; }
        100% { opacity: 1; }
    }
    @keyframes sparkle-opacity-2 {
        0% { opacity: 1; }
        20% { opacity: 0.5; }
        35% { opacity: 1; }
        55% { opacity: 0.3; }
        70% { opacity: 0.9; }
        90% { opacity: 1; }
        100% { opacity: 1; }
    }
    @keyframes sparkle-opacity-3 {
        0% { opacity: 1; }
        10% { opacity: 0.6; }
        30% { opacity: 0.2; }
        50% { opacity: 0.9; }
        75% { opacity: 0.4; }
        90% { opacity: 1; }
        100% { opacity: 1; }
    }
    .tit_area .poster01 { left:7%; top:34%; max-width:279px; width:22vw; 
        transform: scale(0); 
        opacity: 0;
        animation: poster-bounce-scale 0.5s cubic-bezier(.68,-0.55,.27,1.55) 0.6s forwards;
    }
    .tit_area .poster02 { left:68.5%; top:38.5%; max-width:278px; width:23vw; 
        transform: scale(0); 
        opacity: 0;
        animation: poster-bounce-scale 0.5s cubic-bezier(.68,-0.55,.27,1.55) 0.8s forwards;
    }
    @keyframes poster-bounce-scale {
        0% { 
            transform: scale(0); 
            opacity: 0;
        }
        65% { 
            transform: scale(1.15); 
            opacity: 1; 
        }
        80% { 
            transform: scale(0.97); 
        }
        100% { 
            transform: scale(1); 
            opacity: 1; 
        }
    }
    .tit_area .bg01 { left:-12%; top:39%; max-width:80px; width:10vw; }
    .tit_area .bg02 { right:-1.5%; top:28%; max-width:105px; width:8vw; }

.con01 { overflow:hidden; position:relative; font-family:Pretendard; font-weight:500; background:#B0E5FF; }
    .con01:before,
    .con01:after { content:""; position:absolute; top:0px; display:inline-block; width:30%; height:100%; }
    .con01:before { left:0px; background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/bg_con01_left.png') left bottom no-repeat; background-size:auto 100%; }
    .con01:after { right:0px; background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/bg_con01_right.png') right bottom no-repeat; background-size:auto 100%; }
    .con01 .bg_bot { z-index:2; position:relative; padding:100px 0 170px; background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/bg_con01.png') center bottom repeat-x; }
        .bg_bot:before,
        .bg_bot:after { content:""; position:absolute; display:inline-block; }
        .bg_bot:before { left:0px; bottom:0px; width:402px; height:581px; background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/con01_girl.png') left bottom no-repeat; background-size:100% auto; }
        .bg_bot:after { right:0px; bottom:20px; width:488px; height:280px; background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/con01_man.png') right bottom no-repeat; background-size:100% auto; }
    .con01 .inner {  }
        .con01 h2 { max-width:903px; width:80vw; }
        .con01 .txtbok_point { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; margin-top:60px; font-size:24px; }
            .txtbok_point li { padding-left:32px; background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/con01_chk.svg') center left no-repeat; }
            .txtbok_point li + li { margin-left:22px; }
        .con01 .txtbok_list { display:flex; flex-wrap:wrap; justify-content:center; gap:60px 45px; margin-top:70px; }
            .txtbok_list li { max-width:265px; width:42vw; }
            .txtbok_list li a { display: flex; flex-direction:column; align-items:center; max-height:404px; height:63vw; justify-content:space-between; }
            .txtbok_list li img { max-width:265px; width:100%; }
                .txtbok_list li.hover { position:relative; }
                    .txtbok_list li.hover:before { content:""; z-index:-1; position:absolute; left:0px; bottom:11.2%; transform:translateX(-43%); display:inline-block; width:165px; height:47px; background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/bok_shadow.png') no-repeat; background-size:100% auto; }
                    .txtbok_list li.hover .bok_light img { z-index:2; position:relative;
                        animation: bok-twinkle 1s linear infinite;
                    }
                    .txtbok_list li.hover .bok_light img:nth-child(1) {
                        animation-delay: 0s;
                    }
                    .txtbok_list li.hover .bok_light img:nth-child(2) {
                        animation-delay: 0.5s;
                    }
                    @keyframes bok-twinkle {
                        0% { opacity: 1; }
                        10% { opacity: 0.8; }
                        25% { opacity: 0.3; }
                        40% { opacity: 1; }
                        60% { opacity: 0.7; }
                        80% { opacity: 1; }
                        100% { opacity: 1; }
                    }
                    .txtbok_list li .bok_light { display:none; }
                    .txtbok_list li .bok_light img:first-child { position:absolute; top:0px; left:0px; }
                    .txtbok_list li.hover .bok_light { content:""; display:block; z-index:2; position:absolute; right:-6%; top:-1%; display:inline-block; width:52px; height:58px; }
            .txtbok_list li p { font-size:26px; color:#333; text-align:center; }
        .con01 .txt { margin-top:70px; font-size:18px; color:#666; text-align:center; }
        .con01 .bu01 { left:-18%; top:48%; max-width:85px; width:6vw;  
            animation: fly-butterfly-01 7s linear infinite alternate; 
        }
        .con01 .bu02 { right:-15%; top:5%; max-width:111px; width:6.2vw; 
            animation: fly-butterfly-02 8s linear infinite alternate; 
        }
        @keyframes fly-butterfly-01 {
            0%   { transform: translateY(0) scale(1) rotate(0deg); }
            15%  { transform: translateY(-16px) scale(1.05) rotate(-8deg);}
            30%  { transform: translateY(-10px) scale(0.98) rotate(2deg);}
            50%  { transform: translateY(-24px) scale(1.04) rotate(7deg);}
            70%  { transform: translateY(-10px) scale(1) rotate(-2deg);}
            90%  { transform: translateY(-16px) scale(1.03) rotate(-5deg);}
            100% { transform: translateY(0) scale(1) rotate(0deg);}
        }

        @keyframes fly-butterfly-02 {
            0%   { transform: translateY(0) scale(1) rotate(0deg);}
            10%  { transform: translate(-8px, 4px) scale(1.04) rotate(4deg);}
            25%  { transform: translateY(-12px) scale(0.97) rotate(-3deg);}
            40%  { transform: translateY(-24px) scale(1.02) rotate(10deg);}
            60%  { transform: translateY(-5px) scale(1) rotate(-5deg);}
            80%  { transform: translateY(-14px) scale(1.03) rotate(1deg);}
            100% { transform: translateY(0) scale(1) rotate(0deg);}
        }
  

.con02 { overflow:hidden; padding:135px 0; font-family:Pretendard; font-size:24px; color:#333; background:#FFD0E8 url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/bg_con02.png') center no-repeat; }
    .con02 h2 { max-width:683px; width:70vw; transform:translateX(10%); }
        .form_wrap { z-index:2; position:relative; margin:60px auto; padding:80px 60px 50px; max-width:1200px; width:95vw; background:#fff; border:1px solid #333; box-sizing:border-box; }
            .form_wrap input:focus, 
            .form_wrap input[type="radio"]:focus, 
            .form_wrap input[type="checkbox"]:focus, 
            .form_wrap textarea:focus { outline:none; box-shadow:none; }
       
        .form_wrap h3 { margin:0 0 30px; padding-left:12px; font-family:GMarketSans; font-size:32px; color:#333; font-weight:bold; letter-spacing:-1px; word-break:keep-all; line-height:1.2; }
            .form_wrap h3:before { content:"· "; margin-left:-12px; }
        .form_wrap h3 .form_desc { padding-left:8px; font-family:Pretendard; font-size:20px; font-weight:300; }
        .form_wrap p.form_desc { margin-top:-15px; padding-left:12px; font-size:24px; font-weight:300; line-height:1.2; }
    .con02 hr { margin:40px 0; width:100%; height:3px; background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/con02_line.png') no-repeat; border:0px; background-size:100% auto; }
        .chk_list { display:flex; flex-wrap:wrap; gap:12px 10px; }
            .chk_list li { width:200px; }
            .chk_list input[type="checkbox"] { display:none; }
            .chk_list label { display:flex; align-items:center; justify-content:center; height:50px; text-align:center; border:1px solid #333; border-radius:50px; box-sizing:border-box; }
                .chk_list input[type="checkbox"]:checked + label { background-color:#e6f7f5; border-color:#00a896; color:#00a896; font-weight:700; }
        .radio_list { display:flex; flex-wrap:wrap; align-items:center; gap:24px; }
            .radio_list li { display:flex; align-items:center; }
                .radio_list input[type="radio"] { display:none; }
                .radio_list label { display:inline-flex; align-items:center; color:#222222; cursor:pointer; user-select:none; }
                .radio_list label:before { content:''; display:inline-block; width:24px; height:24px; margin-right:8px; border:1px solid #666; border-radius:50%; background-color:#fff; box-sizing:border-box; }
                .radio_list input[type="radio"]:checked + label:before { background:#02A39F url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/radio_chk.svg') center no-repeat; border-color:#02A39F; }
        .input_text { width:100%; max-width:480px; height:62px; padding:0 20px; border:1px solid #333; /* background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/bg_input.png') no-repeat; background-size:100% auto; box-sizing:border-box;*/ }
            .input_text::placeholder { color:#C3C3C3; font-weight:400; }
        .textarea_box { position:relative; margin-top:30px; width:100%; height:220px; border:1px solid #02A39F; /* background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/bg_textarea.png') left top no-repeat; background-size:100% auto;*/ }
            .textarea_box textarea { width:calc(100% - 40px); height:calc(100% - 50px); margin:20px 20px 30px; border:0px; box-sizing:border-box; background:transparent; font-size:24px; resize:none; }
            .textarea_box .text_count { position:absolute; right:20px; bottom:10px; font-size:20px; color:#555; font-weight:300; }
    .con02 .btn_area { margin-top:45px; text-align:center; }
        .con02 .btn_area img { max-width:562px; width:60vw; }
        .con02 .dog { left:10%; top:2%; max-width:243px; width:23vw; }
        .con02 .hand { z-index:3; left:10%; top:10%; max-width:243px; width:23vw; }
        .con02 .bird01 { left:-28%; bottom:40%; max-width:150px; width:15vw; 
            animation: fly-bird01 6s infinite linear alternate;
        }
        .con02 .bird02 { right:-25%; top:25%; max-width:117px; width:15vw; 
            animation: fly-bird02 7.5s infinite linear alternate;
        }
        @keyframes fly-bird01 {
            0%   { transform: translate(0,0) scale(1) rotate(0deg);}
            10%  { transform: translate(25px,-10px) scale(1.04) rotate(-5deg);}
            30%  { transform: translate(35px,-40px) scale(1.03) rotate(2deg);}
            50%  { transform: translate(0,-55px) scale(1) rotate(-7deg);}
            70%  { transform: translate(-30px,-30px) scale(.98) rotate(7deg);}
            90%  { transform: translate(-28px,-10px) scale(1.02) rotate(0deg);}
            100% { transform: translate(0,0) scale(1) rotate(0deg);}
        }
        @keyframes fly-bird02 {
            0%   { transform: translate(0,0) scale(1) rotate(0deg);}
            20%  { transform: translate(-15px,10px) scale(1.03) rotate(7deg);}
            40%  { transform: translate(-35px,-24px) scale(1.01) rotate(-3deg);}
            60%  { transform: translate(-25px,-38px) scale(0.99) rotate(8deg);}
            80%  { transform: translate(-10px,-18px) scale(1.04) rotate(-4deg);}
            100% { transform: translate(0,0) scale(1) rotate(0deg);}
        }
        @keyframes fly-cat {
            0%   { transform: translate(0,0) scale(1) rotate(0deg);}
            12%  { transform: translate(10px,-8px) scale(1.02) rotate(-6deg);}
            35%  { transform: translate(18px,-18px) scale(1.05) rotate(3deg);}
            55%  { transform: translate(-8px,-28px) scale(0.97) rotate(-8deg);}
            75%  { transform: translate(-16px,-18px) scale(1.03) rotate(5deg);}
            90%  { transform: translate(-10px,0px) scale(1) rotate(0deg);}
            100% { transform: translate(0,0) scale(1) rotate(0deg);}
        }
   
        .con02 .cat { right:-25%; bottom:2%; max-width:415px; width:30vw; 
            animation: fly-cat 6s infinite linear alternate;
        }

    
.notice_box { padding:80px 0; font-family:Pretendard; font-size:22px; font-weight:400; color:#fff; background:#333; }
    .notice_box dt { margin-bottom:40px; padding-left:53px; font-size:40px; font-weight:800; background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/notice.png') center left no-repeat; background-size:auto 100%; }
    .notice_box dd { line-height:2;  }
    .notice_box dd li:before { content:"- " }
    .notice_box dd li span { display:block; padding-left:10px; }


/* **********************************
    mobile  
************************************* */
@media all and (max-width:1600px) { 
    .bg_bot:before { left:-10%; }
}

@media all and (max-width:1230px) { 
    .con01:before { left:-10%; background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/bg_con01_left.png') right bottom no-repeat; background-size:auto 100%; }
    .con01:after { right:-10%; background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/bg_con01_right.png') left bottom no-repeat; background-size:auto 100%; }

    .bg_bot:before { left:-20%; }
    .bg_bot:after { right:-10%; }

    .con02 .dog { left:14%; top:5%; width:14vw; }
    .con02 .hand { left:13%; width:16vw; }
    .con02 .bird01 { left:-1%; top:3%; max-width:85px; width:15vw; }
    .con02 .bird02,
    .con02 .cat { display:none; }  

    .notice_box dl { width:95vw; }

}
@media all and (max-width:1000px) and (min-width:751px) { 
    .con02 .hand { top:16vw; }  
}

@media all and (max-width:750px) { 
    .pc { display:none; }
    .mo { display:block; width:100%; }
    .inner { padding:0 16px; }
        h1.inner { padding:0px; }

    .util a { font-size:1rem; }
    .util a + a:before { left:-1vw; }

    .tit_area .glasses { left:20.1%; top:34.3%; max-width:195px; width:27vw; }
    .tit_area .light01 { left:21%; top:34.7%; max-width:25px; width:3vw; }
    .tit_area .light02 { left:45%; top:37.5%; max-width:21px; width:2.5vw; }
    .tit_area .light03 { left:21.5%; top:41%; max-width:26px; width:3vw; } 
    .tit_area .bg01,
    .tit_area .bg02 { display:none; }
    .tit_area .poster01 { left:3%; top:16.5%; max-width:400px; width:55vw; }
    .tit_area .poster02 { left:auto; right:4%; top:25%; max-width:382px; width:53vw; }

    .con01 { background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/bg_con01_mo.png') center bottom no-repeat; background-size:cover; }
    .con01:before, 
    .con01:after,
    .bg_bot:before,
    .bg_bot:after { display:none; }
    .con01 .bg_bot { background:none; }
    .con01 .bg_bot { padding:45px 0 95px; }
    .con01 h2 { margin-left:-1%; }
    .con01 .txtbok_point { margin-top:7vw; gap:3vw; }
        .txtbok_point li { padding-left:3vw; font-size:0.85rem; background-size:auto 100%; }
        .txtbok_point li + li { margin-left:0px; }
    .con01 .txtbok_list { margin-top:8vw; gap:7vw 4vw; }
        .txtbok_list li.hover { margin-top:0.2vw;}
        .txtbok_list li p { margin-top:3vw; font-size:1rem; }
    .con01 .txt { margin:7vw 0; font-size:14px; }
    .con01 .bu01 { left:5%; top:auto; bottom:16.5%; max-width:87px; width:12vw; }
    .con01 .bu02 { right:6%; top:4%; max-width:57px; width:9vw; }

    .con02 { overflow:hidden; padding:15vw 0; background:url('https://cdn-event.m-teacher.co.kr/22txbook-v2/event/2026-feedback/images/bg_con02_mo.png') no-repeat; background-size:cover; }
    .con02 .form_wrap { margin:17vw auto 0; padding:40px 15px; width:100%; }
        .form_wrap h3 { margin-bottom:5vw; font-size:1.7rem; line-height:1.2; }
        .chk_list { gap:2vw 1.5vw; }
        .chk_list li { width:calc(100%/3.2); max-width:28vw; }
        .chk_list label,
        .radio_list label,
        .form_wrap h3 .form_desc,
        .form_wrap p.form_desc,
        .textarea_box .text_count { font-size:1.0rem; line-height:1.2; }
        .chk_list label { height:8vw; }
        .radio_list { gap:3vw 5vw; }
        .radio_list label:before { margin-right:1vw; width:5vw; height:5vw; background-size:80% !important; }
        .form_wrap h3 .form_desc { display:block; padding-left:0px; margin-top:1.5vw; }
        .input_text { padding:0 12px; height:10vw; font-size:max(16px, 1.2rem); } /* 16px 미만이면 iOS Safari가 focus 시 페이지를 자동 확대 -> 가로 스크롤 발생 */
        .textarea_box { margin-top:5vw; }
        .textarea_box textarea { width:calc(100% - 20px); height:calc(100% - 30px); margin:10px 10px 15px; font-size:max(16px, 1.2rem); } /* 위와 동일: iOS auto-zoom 방지 */
        .textarea_box .text_count { right:10px; bottom:5px; }
    .con02 hr { margin:5vw 0; }
    .con02 .btn_area { margin-top:8vw; }
    .con02 .dog { left:33%; top:10vw; max-width:243px; width:32vw; }
    .con02 .hand { left:33%; top:26vw; width:32vw; }

    .notice_box { padding:10vw 0; font-size:1rem; }
    .notice_box dt { margin-bottom:5vw; padding-left:5vw; font-size:1.1rem; }
    .notice_box dd { padding-left:4vw; line-height:1.5; }
    .notice_box dd li { margin-bottom:1vw; word-break:keep-all; }
    .notice_box dd li:before { margin-left:-2vw; }
    .notice_box dd li span { padding:0px; }

    @keyframes fly-bird01 {
        0%   { transform: translate(0,0) scale(1) rotate(0deg);}
        10%  { transform: translate(12.5px,-5px) scale(1.04) rotate(-5deg);}
        30%  { transform: translate(17.5px,-20px) scale(1.03) rotate(2deg);}
        50%  { transform: translate(0,-27.5px) scale(1) rotate(-7deg);}
        70%  { transform: translate(-15px,-15px) scale(.98) rotate(7deg);}
        90%  { transform: translate(-14px,-5px) scale(1.02) rotate(0deg);}
        100% { transform: translate(0,0) scale(1) rotate(0deg);}
    }
        

}

@media all and (max-width:570px) { 
    .util a + a:before { left:-2vw; }
    .txtbok_list li.hover { margin-top:2vw;}
    .txtbok_list li p { font-size:16px; }
    .con01 .txt,
    .txtbok_point li { font-size:12px; }

}