@charset "utf-8";
@import url('./layout-2026.css?v=20260930-layout-cover');

/* *********************
    common
********************** */



/* *********************
    content
********************** */
/* 사료응모, 공지사항 공통 */
    h2.tit_style { margin-bottom:60px; padding-top:57px; text-align:center; font-size:52px; color:var(--txt01); font-weight:var(--pr_b); line-height:1.3; }
    h2.tit_style span,
    h2.tit_style span { display:block; margin-bottom:10px; color:var(--txt03); }
        h2.tit_style span strong,
        h2.tit_style span strong { padding-right:18px; color:var(--gold01); font-weight:var(--pr_b); background:url('../images/content/h2_bul.svg') 98% center no-repeat; }

/* *********** entry : 사료 응모 *********** */
html { overflow-x:clip; }
body { overflow-x:clip; }
/*
.entry_wrap { overflow:visible;
              background-image:url('../images/content/bg_entry03.png'),
                               url('../images/content/bg_entry02.png'),
                               url('../images/content/bg_entry01.png'),
                               url('../images/content/bg_entry_line.png'),
                               url('../images/content/bg_entry.png');
              background-repeat:no-repeat,
                                no-repeat,
                                no-repeat,
                                repeat-y,
                                repeat;
              background-position:right 300px,
                                  63% 70px,
                                  left 15%,
                                  60% 100px,
                                  center;
              background-blend-mode:multiply, normal, normal, normal, normal;
            }
              */

.entry_wrap { overflow:visible;
             background:url('../images/content/bg_entry.png') center top no-repeat;
             background-size:cover; }
@media (max-width:1920px) {
    .entry_wrap { background-size:auto; }

}

.entry_wrap section { overflow:visible; align-items:flex-start; position:relative; display:flex; justify-content:space-between; gap:50px; align-items:flex-start; }
.entry_wrap section:before { position:absolute; right:-147px; top:696px; display:inline-block; width:235px; height:236px; background:url('../images/content/entry_stamp.png') no-repeat; }
    .entry_wrap .entry_info { flex:1; padding:90px 0 5px; box-sizing:border-box; }
    .entry_wrap h2.tit_style { background:url('../images/content/entry_tit.png') center top no-repeat; mix-blend-mode:multiply; background-size:90px auto; }
        .entry_info h2.tit_style em { margin-top:8px; display:block; font-size:20px; color:var(--txt01); font-weight:var(--pr_b); }

        .entry_info dl { margin-top:70px; }
        .entry_info dl dt { display:flex; align-items:center; margin-bottom:15px; padding-bottom:15px; font-size:24px; color:var(--gold01); font-weight:var(--pr_smb); border-bottom:1px solid var(--gray03); line-height:1.2; }
            .entry_info dl dt em { margin-right:5px; font-family:var(--font-k); font-size:18px; color:var(--beige); font-weight:700; }
            .entry_info dl dt span { padding-left:10px; font-size:24px; color:var(--txt02); font-weight:var(--pr_smb); }
        .entry_info dl dd { margin-bottom:75px; }
            .entry_info dl dd * { font-size:20px; color:var(--txt02); line-height:1.5; word-break:keep-all; }
            .entry_info dl dd li,
            .entry_info dl dd p { margin-top:8px; padding-left:10px; background:url('../images/common/bul_txt02.svg') left 13px no-repeat; }
            .entry_info dl .notice_txt p { text-indent:-15px; padding-left:15px; font-size:18px; color:var(--txt04); font-weight:var(--pr_li); background:none; }
            .entry_info dl .reward_list { display:flex; justify-content:space-between; }
            .entry_info dl .reward_list li { padding-left:70px; font-size:18px; color:var(--txt03); mix-blend-mode:multiply; }
                .entry_info dl .reward_list li.all { background:url('../images/content/entry_reward01.svg') center left no-repeat; }
                .entry_info dl .reward_list li.award { background:url('../images/content/entry_reward02.svg') center left no-repeat; }
            .entry_info dl .reward_list strong { display:block; }

            .entry_wrap .entry_form { z-index:2; align-self:flex-start; position:sticky; top:min(10%, 145px);; display:block; padding:45px 48px 48px; width:487px; height:757px; box-sizing:border-box; background:url('../images/content/bg_entry_paper_pc.png') no-repeat; }

        /* entry_기본 */
        .entry_form h3 { margin-top:20px; font-size:30px; color:var(--txt01); font-weight:var(--pr_b); text-align:center; }
        .entry_form h3 + p { margin-top:15px; }
        .entry_form p { margin-top:10px; text-align:center; }
        .entry_form ul { margin-top:22px; padding-top:20px; border-top:1px solid var(--gray02) }
            .entry_form li { display:flex; flex-direction:column; gap:10px; }
                .entry_form li + li { margin-top:25px; }
            .entry_form li label { font-size:20px; color:var(--txt01); }
            .entry_form li label em { font-size:20px; color:var(--gold01) }
            .entry_form input,
            .entry_form select { padding:0 15px; height:45px; border:0px; box-sizing:border-box; }
            .entry_form textarea { padding:12px 15px; height:90px; border:0px; box-sizing:border-box; }
                .entry_form input:focus,
                .entry_form input:active,
                .entry_form select:focus,
                .entry_form select:active,
                .entry_form textarea:focus,
                .entry_form textarea:active { border:1px solid var(--gray02); outline:none; box-sizing:border-box; }
                .entry_form input:disabled,
                .entry_form select:disabled { background:var(--gray02); }
                .entry_form input::placeholder,
                .entry_form textarea::placeholder { font-size:17px; color:var(--gray04); }
                .entry_form li .col_group { display:flex; gap:6px; align-items:center; }
                    .entry_form li .col_group > * { min-width:0; }
                    .entry_form li .col_group input { flex:1; }
                    .entry_form li .col_group select { flex:none; }
                        .col_group.phone_num select { width:93px; }
                        .col_group .email_domain { width:170px; }
                        .col_group .email_domain select,
                        .col_group .email_domain input { width:100%; }
                    .entry_form li .col_group .btn { flex:0 0 100px; width:100px; height:45px; }
                .entry_form li .file_con { display:flex; justify-content:space-between; }
                    .file_con label { font-weight:var(--pr_smb); }
                    .file_con .text_count { font-size:17px; color:var(--gray04); }
                    .file_con .text_count em { font-size:17px; color:var(--txt02); }
            .entry_form li.agree_area { gap:0px; }
                li.agree_area .all { display:flex; justify-content:space-between; }
                li.agree_area .all a { color:var(--gold01); text-decoration:underline; }
                    li.agree_area .all .chk_area span { padding-left:30px; color:var(--txt02); font-weight:var(--pr_md); }
                    li.agree_area .all .chk_area span:before { width:20px; height:20px;}
                    li.agree_area .all .chk_area input[type="checkbox"]:checked + span:after { left:2px; top:-3px; width:22px; height:18px; }
                li.agree_area .list { display:grid; grid-template-columns:max-content max-content; justify-content:space-between; gap:10px 0; margin:13px 0 0; padding:13px 0 0; }
                    li.agree_area .list li { margin:0px; }
                    li.agree_area .list li .chk_area span { font-size:16px; }

        /* entry_조회 */
        .entry_form .user_info div { display:flex; flex-wrap: wrap; gap:3px 12px; }
        .entry_form .user_info div + div { margin-top:10px; }
        .entry_form .user_info dt { color:var(--txt04); }
        .entry_form .user_info dd { color:var(--txt02); }
        .entry_form .file_title { position:relative; }
            .entry_form .file_title label { font-weight:var(--pr_smb); }
        .entry_form .file_upload { top:-6px; }
        .entry_form .file_drop { margin-top:5px; }
            .file_upload { position:absolute; top:0px; right:0px; display:inline-block; width:100px; height:32px; line-height:32px; text-align:center; color:var(--white); background:var(--txt03); cursor:pointer; }
            .file_upload input { opacity:0; position:absolute; left:0px; bottom:0px; width:100%; height:100%; cursor:pointer; }
            .file_upload input::-webkit-file-upload-button { cursor:pointer; }
            .file_drop { overflow-y:auto; max-height:80px; border:1px dashed var(--gray03); }
            .file_drop p { padding:35px 0 10px; font-size:17px; color:var(--gray04); background:url('../images/common/file_drop.svg') center 10% no-repeat; }
            .file_drop ul { margin:0px; padding:10px 15px; border:0px; box-sizing:border-box; }
            .file_drop ul li { display:block; margin-top:0px; line-height:1.5; }
            .file_drop ul li span { display:inline-block; max-width:275px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                vertical-align: middle;
            }

            .file_drop ul li img { display:inline-block; margin-left:8px; vertical-align:middle;}
        .entry_form ul.file_notice { margin-top:0; padding-top:0px; border-top:0px; }
        .entry_form ul.file_notice li { margin:0px; }
            .file_notice { display:flex; gap:8px; }
            .file_notice li { padding-left:12px; font-size:15px; color:var(--txt04); background:url('../images/common/chk_off.svg') left center no-repeat; }
            .file_notice li.ok { color:var(--gold01); background:url('../images/common/chk_on.svg') left center no-repeat; }
        /* 완료 */
        .entry_fin { margin-top:145px; }
        .entry_fin h3 { color:var(--gold01); }
        .entry_fin p { margin:20px 0 0; padding:30px 0; color:var(--txt04); word-break:keep-all; border:1px solid var(--gray02); border-width:1px 0; }
        .entry_fin p strong { display:block; margin-bottom:15px; font-size:24px; color:var(--txt02); font-weight:var(--pr_smb); }
        .entry_fin p em { color:var(--txt02); }

        .entry_form .btn_area { margin-top:32px; display:flex; gap:12px; justify-content:center; }
        .entry_form .btn_area .btn { width:200px; height:45px; font-size:20px; font-weight:var(--pr_md); }
        .entry_form .js-status-msg { display:none; margin:16px 0 0; text-align:center; font-size:15px; line-height:1.5; letter-spacing:0; word-break:keep-all; color:#222; }

        /* [팝업] 전문보기 */
        .entry_pop dt,
        .entry_pop dt em { font-size:20px; font-weight:var(--pr_smb); }
        .entry_pop dt { margin-bottom:5px; color:var(--txt02); }
        .entry_pop dt em { color:var(--gold02); }
        .entry_pop dd + dt { margin-top:20px; }
        .entry_pop dt.sel em { color:var(--txt04); }
        #entry_view { z-index:54; }
        .entry-consent-layer { z-index:53; display:block; }
        .entry_form.consent-open { overflow:hidden; }

/* *********** biography : 일대기 *********** */
.biography { overflow:visible; position:relative; background:#6F6F6F; }
.biography * { color:var(--white); }
    .bio_main { position:relative; height:606px; background:url('../images/content/biography/bg_bio.png') center no-repeat; background-size:cover; }
        .bio_main .inner { position:relative; padding:135px 0 0 100px; }
        .bio_main h2,
        .bio_main h2 span { font-family:var(--font-k); font-weight:700; }
        .bio_main h2 { font-size:58px; line-height:1.0; }
        .bio_main h2 span { display:block; margin-bottom:15px; font-size:30px; }
        .bio_main p { margin-top:50px; font-family:var(--font-k); font-size:28px; color:var(--gray01); }
        .bio_main img { position:absolute; top:315px; right:0px; max-width:732px; width:65vw; }

    .bio_nav { position:absolute; top:835px; left:50%; z-index:10; display:flex; flex-direction:column; width:max-content; transform:translateX(-600px); --line_height:0px; }
        .bio_nav:before { content:""; position:absolute; top:5px; left:4px; width:2px; height:calc(100% - 10px); background:var(--txt04); }
        .bio_nav:after { content:""; position:absolute; top:5px; left:4px; width:2px; height:var(--line_height); background:var(--gold02); }
    .bio_nav a { position:relative; z-index:1; display:flex; align-items:center; gap:10px; }
        .bio_nav a + a { margin-top:24px; }
        .bio_nav a span { flex:none; width:10px; height:10px; border-radius:50%; background:var(--txt04); transition:all .3s ease; }
        .bio_nav a strong,
        .bio_nav a strong em { font-size:20px; color:var(--gray03); opacity:0.8; font-weight:var(--pr_smb); transition:color .3s ease; }
            .bio_nav a.active span,
            .bio_nav a.current span { background:var(--gold02); font-weight:var(--pr_b); box-shadow:0 0 0 7px rgba(210,164,109,0.18); }
            .bio_nav a.current strong,
            .bio_nav a.current strong em { color:var(--white); opacity:1; }
            @media (max-width:1200px) {
                .bio_nav { left:0px; transform: translateX(0); }
            }

.biography .bio_con01 { padding:200px 0 230px; }
    .bio_con01 .inner { position:relative; -line_height:500px; }
    .bio_con01 .inner:before { content:""; position:absolute; left:240px; top:-400px; display:inline-block; width:1px; height:var(--line_height); background:var(--txt04); }
        /*.bio_con01 .inner:before { content:""; position:absolute; left:240px; top:-440px; display:inline-block; width:1px; width:1px; height:7030px; background:var(--txt04); }*/
    .biography ol { padding-left:460px; }
        .bio_con01 li { display:flex; gap:30px; }
        .bio_con01 li + li { margin-top:130px; }
    /*
    .bio_con01 .num_19 { position:sticky; left:310px; top:0px; }
    */
    .bio_con01 .num_area { position:absolute; top:0; left:0; width:100%; height:var(--num_area_height); pointer-events:none; }
        .bio_con01 .num_19 { position:sticky; top:200px; display:block; margin-left:310px; width:155px; text-align:right; }
    .bio_con01 .num_19,
    .bio_con01 h4,
    .bio_con01 h4 span { font-family:var(--font-v); color:var(--gray01); font-size:172px; letter-spacing:2%; }
        .bio_con01 h4 { display:grid; }
        .bio_con01 h4 .line { position:relative; left:40%; display:inline-block; width:2px; height:50px; background:var(--gray01); }
    .bio_con01 h4 { width:215px; }
    .bio_con01 dl { flex:1; margin-top:32px; }
        .bio_con01 dt { display:flex; align-items:center; margin-bottom:10px; font-size:22px; font-weight:var(--pr_b); }
        .bio_con01 dt span { margin-left:10px; font-size:20px; color:var(--gray04); }
        .bio_con01 dd { font-weight:var(--pr_li); line-height:1.5; word-break:keep-all; }
            .bio_con01 dd + dt { margin-top:50px; }
        .bio_con01 dd figure { margin-top:30px; }
        .bio_con01 dd figure span { color:var(--gray04); }
        .bio_con01 .bio_txt { padding:147px 0 0 240px; }
            .bio_con01 .bio_txt strong { font-family:var(--font-k); font-size:44px; font-weight:700; }
            .bio_con01 .bio_txt p { margin-top:40px; padding:25px; background:rgba(241, 241, 241, 0.20); }
.biography .bio_con02 { padding:170px 0 130px; }
    .biography .bio_con02:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:#282828 url('../images/content/biography/bg_bio_con02.png') center repeat; transition:opacity 0.8s ease-in-out; pointer-events:none; }
    .biography .bio_con02.current:before { opacity:1; }
    .biography .bio_con02 .inner { z-index:2; position:relative; padding-left:240px;}
        .biography .bio_con02 .inner:before,
        .biography .bio_con02 .inner:after { content:""; position:absolute; top:-170px; display:inline-block; width:1px; height:calc(100% + 300px); background:var(--white); opacity:0.07; }
        .biography .bio_con02 .inner:before { left:240px; }
        .biography .bio_con02 .inner:after { right:0; }
    .bio_con02 h3 { display:flex; flex-direction:column; align-items:center; margin-top:300px; font-family:var(--font-k); font-size:58px; line-height:1.4; font-weight:var(--pr_b); text-align:center; word-break:keep-all; }
        .bio_con02 section:first-child h3 { margin-top:0px; }
        .bio_con02 h3 span { display:inline-block; margin-bottom:10px; padding:0 14px; height:40px; line-height:40px; font-family:var(--font-v); font-size:28px; color:var(--gold02); letter-spacing:0; border:1px solid rgba(255, 255, 255, 0.04); background:rgba(140, 112, 75, 0.16); backdrop-filter:blur(2px); }
        .bio_con02 h3 + p { margin:20px 0 60px; font-size:24px; text-align:center; }
    .bio_con02 h4 { display:flex; flex-direction:column; align-items:center; margin:300px 0 40px; font-family:var(--font-k); font-size:50px; line-height:1.4; font-weight:var(--pr_b); text-align:center; word-break:keep-all; }
        .bio_con02 h4 span { display:inline-block; margin-bottom:10px; padding:0 10px; height:32px; line-height:32px; font-family:var(--font-v); font-size:22px; letter-spacing:0; border:1px solid rgba(255, 255, 255, 0.02); background:rgba(255, 255, 255, 0.10); backdrop-filter:blur(2px); }
    .bio_con02 figure { text-align:center; }
        .bio_con02 figure img { width:780px; }
        .bio_con02 .sec_img { position:relative; display:inline-block; }
            .bio_con02 .sec_img .corner { position:absolute; z-index:2; width:20px; height:20px; background:url('../images/content/biography/sec_img.svg') center/contain no-repeat; pointer-events:none; }
                .bio_con02 .sec_img .corner_lt { top:-20px; left:-20px; transform:rotate(0deg); }
                .bio_con02 .sec_img .corner_rt { top:-20px; right:-20px; transform:rotate(90deg); }
                .bio_con02 .sec_img .corner_rb { right:-20px; bottom:-20px; transform:rotate(180deg); }
                .bio_con02 .sec_img .corner_lb { bottom:-20px; left:-20px; transform:rotate(270deg); }
            .bio_con02 #sec02 .sec_img img { width:670px; }
            .bio_con02 #sec03 .sec_img img { width:410px; }
            .bio_con02 #sec04 .sec_img img { width:360px; }
            .bio_con02 #sec05 .sec_img img { width:670px; }
        .bio_con02 figcaption strong { display:block; margin:20px 0 45px; color:var(--gray01); opacity:0.6; line-height:1.5; word-break:keep-all; }
        .bio_con02 figcaption p { font-size:20px; line-height:1.8; }

/* *********** gallery : 사진 아카이브 *********** */
.gallery_wrap { position:relative; overflow:hidden; width:100%; background:var(--gallery-background-image, url('../images/content/gallery/bg_gallery.png')) center center / cover no-repeat,
                                                                           linear-gradient(180deg, #363636 0%, #111 100%); min-height:650px; }
.gallery_wrap:before,
.gallery_wrap:after { content:""; z-index:1; position:absolute; top:0px; display:inline-block; max-width:192px; width:10%; height:100%; background:var(--gallery-side-image, url('../images/content/gallery/bg_gall.png')) right center repeat-y; }
.gallery_wrap:before { left:0px; }
.gallery_wrap:after { right:0px; transform:scaleX(-1); background-position:right center; }
    .gallery_wrap .gal_nav { z-index:3; position:fixed; left:50%; top:80px; transform:translateX(-50%); display:flex; width:423px; height:46px; }
        .gal_nav a { flex:1; display:flex; align-items:center; justify-content:center; font-weight:var(--pr_smb); color:var(--gray04); background:#313131; }
        .gal_nav a.on { background:var(--gold01); color:var(--white); }

        .gallery_wrap .gal_list { display:flex; padding-left:max(calc((100vw - 1200px) / 2), 20px); box-sizing:border-box; }
            .gal_list * { color:var(--white); }
            .gal_list .gal_first { position:relative; flex:none; min-height:650px; }
                .gal_list .gal_tit,
                .gal_list .gal_intro { position:absolute; top:50%; transform:translateY(-50%); width:480px; }



                    .gal_list .gal_tit h2 { font-family:var(--font-v); font-size:96px; color:var(--gold01); line-height:1.2; }
                    .gal_list .gal_tit p { margin-top:30px; font-size:28px; }
                    .gal_list .gal_intro h3 { margin-bottom:24px; font-size:52px; font-weight:var(--pr_b); line-height:1.4; }
                    .gal_list .gal_intro strong { display:flex; align-items:center; gap:12px; margin-bottom:8px; font-family:var(--font-v); font-size:32px; }
                    .gal_list .gal_intro span { display:inline-flex; align-items:center; padding:0 10px; height:40px; font-size:20px; font-weight:var(--pr_b); background:var(--txt02); }
                    .gal_list .gal_intro p { font-size:28px; color:var(--gray04); }

                .gal_list section { display:flex; flex:none; height:100vh; min-height:650px; }
                .gal_list section + section { margin-left:192px; }
                .gal_list section#gal03 { padding-right:300px; }
                    .gal_list .gal_intro { flex:none; }
                    .gal_list .gal_photo { display:flex; flex:none; align-items:center; gap:40px; width:max-content; margin:140px 0 60px; padding-left:480px; }
                        .gal_photo .gal_col { display:flex; flex:none; flex-direction:column; gap:40px; }
                        .gal_photo figure { position:relative; flex:none; display:inline-flex; justify-content:center; margin:0; max-width:282px; width:min(282px,calc((100vh - 168px) / 3)); transition:transform .5s ease; transform:scale(1); transform-origin:center; }
                            .gal_photo figure:before { content:""; position:absolute; top:-10px; bottom:-10px; left:-10px; z-index:5; width:30px; opacity:0;
                                                        background:var(--gallery-left-top-image, url('../images/content/gallery/gal_lt.svg')) left top no-repeat,
                                                                   var(--gallery-left-bottom-image, url('../images/content/gallery/gal_lb.svg')) left bottom no-repeat; transition:opacity .4s ease,transform .4s ease; transform:translateX(5px); pointer-events:none; }
                            .gal_photo figure:after { content:""; position:absolute; top:-10px; bottom:-10px; right:-10px; z-index:5; width:30px; opacity:0;
                                                        background:var(--gallery-right-top-image, url('../images/content/gallery/gal_rt.svg')) right top no-repeat,
                                                                   var(--gallery-right-bottom-image, url('../images/content/gallery/gal_rb.svg')) right bottom no-repeat; transition:opacity .4s ease,transform .4s ease; transform:translateX(-5px); pointer-events:none; }
                            .gal_photo figure.img_cur:before { opacity:1; transform:translateX(0); }
                            .gal_photo figure.img_cur:after { opacity:1; transform:translateX(0); }
                        .gal_photo figure img { display:block; width:auto; max-width:100%; object-fit:contain; opacity:0.8; cursor:pointer; transition:opacity .5s ease; }
                        .gal_photo figcaption { position:absolute; left:0; bottom:0; width:100%; padding:10px; background:linear-gradient(180deg, rgba(66, 66, 66, 0.00) 0%, rgba(66, 66, 66, 0.80) 100%); backdrop-filter:blur(3px); box-sizing:border-box; opacity:0; visibility:hidden; transform:translateY(0); transition:opacity .4s ease,transform .4s ease,visibility .4s; }
                        .gal_photo figcaption strong { font-family:var(--font-v); font-size:24px; letter-spacing:0; }
                        .gal_photo figcaption p { margin-top:5px; font-size:16px; }
                        .gal_photo figure.img_cur { z-index:2; transform:scale(1.08); }
                        .gal_photo figure.img_cur img { opacity:1; }
                        .gal_photo figure.img_cur figcaption { opacity:1; visibility:visible; transform:translateY(0); }
@media all and (max-width:850px) {
        .gallery_wrap { overflow:visible; min-height:0; background-attachment:fixed,fixed; }
            .gallery_wrap:before,
            .gallery_wrap:after { display:none; }

        .gallery_wrap .gal_nav { left:0px; top:auto; bottom:0px; transform:translateX(0); display:flex; width:100%; height:40px; }
            .gal_nav.mo_bottom { position:absolute; }
            .gal_nav a { font-size:14px; }

        .gallery_wrap .gal_list { display:block; width:100%; padding:0 20px 0; }



            .gal_list .gal_first { position:relative; height:100vh; min-height:650px; }
            .gal_list .gal_tit { position:absolute; top:40%; transform:translateY(-50%); width:100%; }
            .gal_list .gal_first .gal_intro { position:absolute; top:40%; transform:translateY(-50%); width:100%; }

        .gal_list .gal_tit h2 { font-size:64px; }
        .gal_list .gal_tit p { font-size:22px; }
        .gal_list .gal_intro h3 { margin-bottom:15px; font-size:36px; }
        .gal_list .gal_intro strong { font-size:24px; }
        .gal_list .gal_intro span { height:34px; font-size:16px; }
        .gal_list .gal_intro p { margin-bottom:45px; font-size:20px; }

        .gal_list .gal_first { position:relative; min-height:0; }
        .gal_list .gal_intro { position:relative; top:auto; transform:none; width:100%; }
        .gal_list section { display:block; height:auto; min-height:0; }
        .gal_list section + section { margin-left:0; margin-top:160px; }
        .gal_list section#gal03 { padding-right:0px; }
        .gal_list .gal_photo { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:self-start; gap:24px 8px; margin:0px; width:100%; padding-left:0; }
        .gal_photo .gal_col { display:contents; }
        .gal_photo figure { position:relative; width:100%; max-width:none; margin:0; flex-direction:column; }
        .gal_photo figure:before,
        .gal_photo figure:after { display:none; }
        .gal_photo figure img { display:block; width:100%; height:auto; max-width:none; }
        .gal_photo figcaption { opacity:1; position:static; left:auto; bottom:auto; padding:0px; width:100%; visibility:visible; background:none; backdrop-filter:none; }
        .gal_photo figcaption strong { position:absolute; left:0px; top:-24px; padding:0 6px; height:24px; line-height:24px; background:rgba(0, 0, 0, 0.60); font-size:14px; }
        .gal_photo figcaption p { font-weight:var(--pr_li); }
        .gal_photo figure.img_cur { z-index:2; transform:scale(1); }
}

/* *********** notice : 공지사항 *********** */
.notice_wrap { min-height:calc(100vh - 273px); background:url('../images/content/bg_notice.png') center repeat; background-size:cover; }
    .notice_wrap h2.tit_style { background:url('../images/content/notice_tit.png') center top no-repeat; mix-blend-mode:multiply; background-size:73px auto; }
    .notice_wrap section.inner { padding:160px 0 140px; }
    .notice_list { padding:40px 50px 50px; background:var(--white); }
.notice_wrap .notice_list * { color:var(--txt02); line-height:1.0; }
        .notice_list .total { padding-bottom:20px; border-bottom:1px solid #E6E6E6; box-sizing:border-box; }
            .notice_list .total strong { padding:0 2px 0 3px; color:var(--gold01); font-weight:var(--pr_smb); }
        .notice_list li { display:grid; grid-template-columns:60px minmax(0,1fr) 140px; align-items:center; gap:40px; height:105px; border-bottom:1px solid #E6E6E6; box-sizing:border-box; }
            .notice_list .num,
            .notice_wrap .date { color:var(--txt04); text-align:center; }
            .notice_list a,
            .notice_post dd a { font-size:20px; color:var(--txt01);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: block;
            }
                .notice_list a span { position:relative; display:inline-block; padding-right:25px; font-weight:var(--pr_b); color:var(--gold01) !important; }
                .notice_list a span:before { content:""; position:absolute; right:11px; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:16px; background:#E6E6E6; }
    .notice_paging { margin-top:40px; display:flex; justify-content:center; align-items:center; }
        .notice_paging .first,
        .notice_paging .prev,
        .notice_paging .next,
        .notice_paging .end { display:inline-block; width:24px; height:24px; }
            .notice_paging .first span,
            .notice_paging .prev span,
            .notice_paging .next span,
            .notice_paging .end span { display:none; }
        .notice_paging .first { margin-right:2px; background:url('../images/common/btn_first.svg') center no-repeat; }
        .notice_paging .prev { background:url('../images/common/btn_prev.svg') center no-repeat; }
        .notice_paging .next { background:url('../images/common/btn_next.svg') center no-repeat; }
        .notice_paging .end { margin-left:2px; background:url('../images/common/btn_end.svg') center no-repeat; }
        .notice_paging span { display:flex; gap:25px; margin:0 15px; }
            .notice_paging span a { font-size:20px; color:var(--gray04); font-weight:var(--pr_md); }
            .notice_paging span a.on { color:var(--gold01); }
        .notice_paging .disabled { opacity:0.5; }

.notice_wrap .notice_view { padding:50px; background:var(--white); }
    .notice_view .tit { margin:0px; padding:0 0 40px; display:grid; grid-template-columns:155px minmax(0,1fr) 150px; align-items:center; background:none; border-bottom:1px solid #E6E6E6; }
        .notice_view .tit * { margin:0px !important; font-size:32px; color:var(--txt01); text-align:left; font-weight:var(--pr_b); }
        .notice_view .tit span { position:relative; font-size:30px; color:var(--gold01); }
            .tit span:before { content:""; position:absolute; right:11px; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:26px; background:#E6E6E6; }
        .notice_view .tit .date { font-size:22px; color:var(--txt03); text-align:right; font-weight:var(--pr_md); }
        .notice_view .notice_con { padding:50px 20px 60px; border-bottom:1px solid #E6E6E6; }
        .notice_view .notice_con * { color:var(--txt02); line-height:1.5; }
            .notice_con h1,
            .notice_con h2,
            .notice_con h3,
            .notice_con h4,
            .notice_con h5 { margin-bottom:10px; font-size:24px; font-weight:var(--pr_smb); }
            .notice_con img { margin:30px 0; }
        .notice_post dl { display:grid; grid-template-columns:100px minmax(0,1fr) 140px; align-items:center; height:90px; border-bottom:1px solid #E6E6E6; box-sizing:border-box;  }
        .notice_post dl dt { font-size:20px; color:var(--gold01); font-weight:var(--pr_b); text-align:center; }


@media (max-width:850px) {
    /* *********************
        common
    ********************** */
    .wrap .inner { padding:0 20px; box-sizing:border-box; }

    /* *********************
        content
    ********************** */
    /* *********** entry : 사료 응모 *********** */
    .entry_wrap { background:url('../images/content/bg_entry_mo.png') center no-repeat; background-size:cover; }
    .entry_wrap section { position:relative; display:block; }
    .entry_wrap section:before { display:none; }
        .notice_wrap h2 span strong,
        .entry_info h2 span strong { display:block; padding:0px; background:none; }

    .entry_wrap .entry_info { padding:75px 0 50px; height:auto; }
        .entry_info h2 { font-size:35px; }
        .entry_info h2 em { font-size:18px; }
        .entry_info dl { margin-top:65px; }
        .entry_info dl dt { display:block; margin-bottom:20px; font-size:20px; }
        .entry_info dl dt em { margin:0px; vertical-align:top; }
        .entry_info dl dt span { display:block; margin-top:5px; padding:0px; }
        .entry_info dl dd * { font-size:18px; }
        .entry_info dl dd li,
        .entry_info dl dd p { background-position:left 10px; }
        .entry_info dl .notice_txt p { padding-left:10px; text-indent:-10px; font-size:16px; }
        .entry_info dl .reward_list { flex-direction:column; gap:15px; }
        .entry_info dl .reward_list li { margin-top:0px; }
        .entry_info dl .reward_list strong { font-size:20px; }
        .entry_info .btn { position:absolute; left:0px; bottom:0px; width:100%; height:50px; line-height:50px; text-align:center; }
        .entry_info .btn.fixed { position:fixed; }

    .entry_wrap .entry_form { display:none; z-index:52; position:fixed; top:0; left:0; overflow-y:auto; margin:0px; padding:0px; width:100%; height:100vh; height:100dvh; background:#f8f8f8; }
    .entry_form .pop_scroll { position:relative; display:flex; flex-direction:column; padding:max(80px, 18%) 20px 0; min-height:calc(100vh - 90px); box-sizing:border-box; background:#f8f8f8 url('../images/content/bg_entry_paper_mo.png') no-repeat; background-size:100% auto; }
        .entry_form h3 { margin-top:0px; font-size:24px; }
        .entry_form p { margin-top:5px; font-size:16px; }
        .entry_form ul { padding-top:30px; }
        .entry_form li + li { margin-top:40px; }
        .entry_form li label { font-size:18px; }
        .entry_form li label em { font-size:18px; }
        .entry_form input,
        .entry_form select,
        .entry_form input::placeholder,
        .entry_form li .col_group .btn { font-size:16px; }
        .entry_form input, .entry_form select { padding:0 5px; background:#fff; }
            .col_group.phone_num select { width:75px; }
            .col_group.email_domain select,
            .col_group.email_domain input { width:130px; }
        .entry_form .pop_close { position:absolute; top:36px; right:15px; }
        /* entry_조회 */
        .entry_form ul li.agree_area .list { display:block; }
        .entry_form ul li.agree_area .list li { margin-top:10px; }
        .file_drop ul { padding-top:10px; }
        .file_drop ul li { margin-top:0px; }
        .file_drop ul li span { max-width:80%; }
        /* 완료 */
        .entry_fin { margin-top:0; }
        .entry_fin p { margin-top:20px; padding:30px 20px; }

    .entry_form .btn_area { gap:0px; margin-top:auto; padding-top:40px; width:auto; background:#f8f8f8; }
    .entry_form .js-status-msg { margin:16px 20px 0; }
    .entry_form .btn_area .btn { width:100%; height:50px; font-size:18px; }

        /* [팝업] 전문보기 */
        .entry_pop dt,
        .entry_pop dt em { font-size:18px; }
        .entry_pop dd { font-size:16px; }

    /* *********** biography : 일대기 *********** */
    .bio_nav { position:fixed; top:auto; bottom:0; left:0; z-index:10; display:flex; flex-direction:row; width:100%; transform:none; }
        .bio_nav:before,
        .bio_nav:after { display:none; }
            .bio_nav a { flex:1; display:flex; align-items:center; justify-content:center; gap:0; height:40px; background:#313131; }
            .bio_nav a + a { margin-top:0; }
            .bio_nav a span { display:none; }
            .bio_nav a strong,
            .bio_nav a strong em { font-size:14px; color:var(--gray04); white-space:nowrap; }
            .bio_nav a.active span { background:none; }
            .bio_nav a.current { background:var(--gold01); }
        .bio_nav a em { display:none; }
    .bio_main { height:515px; }
        .bio_main .inner { position:relative; padding:30% 20px 0; }
        .bio_main h2 { font-size:40px; }
        .bio_main h2 span { margin-bottom:10px; font-size:20px; }
        .bio_main p { margin-top:30px; font-size:22px; }
        .bio_main img { top:347px; right:20px; width:237px; }
    .biography .bio_con01 { padding:220px 0 120px; }
        .bio_con01 .inner:before { display:none; }
    .biography ol { padding-left:80px; }
    .bio_con01 li { flex-direction:column; gap:20px; }
        .bio_con01 li + li { margin-top:100px; }
    /* .bio_con01 .num_19 { left:20px; } */
        .bio_con01 .num_19 { margin-left:20px; width:80px; }
    .bio_con01 .num_19,
    .bio_con01 h4,
    .bio_con01 h4 span { font-size:90px; }
        .bio_con01 h4 .line { top:5px; left:50px; height:30px; }
    .bio_con01 h4 { width:100%; }
    .bio_con01 dl { margin:0px; padding-left:5px; }
        .bio_con01 dt { margin-bottom:5px; flex-direction:column; font-size:18px; justify-self:left; align-items:flex-start; line-height:1.4; word-break:keep-all; }
        .bio_con01 dt span { display:block; margin-left:0px; font-size:14px; }
        .bio_con01 dd { font-size:16px; }
            .bio_con01 dd + dt { margin-top:30px; }
        .bio_con01 dd figure { margin-top:15px; }
        .bio_con01 .bio_txt { padding:100px 0 0; }
            .bio_con01 .bio_txt strong { font-size:30px; }
            .bio_con01 .bio_txt p { margin-top:25px; padding:20px 20px; font-size:16px; }
    .biography .bio_con02 { padding:60px 0 120px; }
    .biography .bio_con02 .inner { padding:0 20px;}
        .biography .bio_con02 .inner:before,
        .biography .bio_con02 .inner:after { display:none; }
    .bio_con02 h3 { margin-top:130px; font-size:35px; }
        .bio_con02 h3 span { padding:0 10px; height:26px; line-height:26px; font-size:18px; }
        .bio_con02 h3 + p { margin:20px 0 30px; font-size:16px; }
    .bio_con02 h4 { margin:120px 0 20px; font-size:28px; }
        .bio_con02 h4 span { margin-bottom:10px; height:22px; line-height:22px; font-size:16px; }
    .bio_con02 figure { text-align:center; }
        .bio_con02 figure img { width:780px; }
        .bio_con02 .sec_img { position:relative; display:inline-block; }
            .bio_con02 .sec_img .corner { width:10px; height:10px; }
                .bio_con02 .sec_img .corner_lt { top:-10px; left:-10px; }
                .bio_con02 .sec_img .corner_rt { top:-10px; right:-10px; }
                .bio_con02 .sec_img .corner_rb { bottom:-10px; right:-10px; }
                .bio_con02 .sec_img .corner_lb { bottom:-10px; left:-10px; }
            .bio_con02 .sec_img.col_img { width:90%; }
            .bio_con02 .sec_img.row_img { width:70%; }

        .bio_con02 figcaption strong { margin:10px 0 20px; font-size:14px; }
        .bio_con02 figcaption p { font-size:16px; line-height:1.6; }

    /* *********** notice : 공지사항 *********** */
    .notice_wrap { min-height:calc(100vh - 380px); background:url('../images/content/bg_entry_mo.png') center no-repeat; background-size:cover; }
    .notice_wrap section.inner { padding:75px 20px 120px; }
    .notice_wrap h2 { margin-bottom:40px; font-size:32px; }
        .notice_list { padding:16px; }
            .notice_list .total { padding-bottom:12px; }
            .notice_list * { font-size:16px; }
            .notice_list li { grid-template-columns:auto; padding:20px 6px; height:auto; gap:8px; }
            .notice_list li .num { display:none; }
            .notice_list li a { display:grid; grid-template-rows:1fr 1fr; gap:8px; }
                .notice_list a strong {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    display: block;
                    font-size:18px;
                }
                .notice_list a span:before { display:none; }
            .notice_list li .date { text-align:left; }
        .notice_paging { margin-top:30px; }
        .notice_paging span a { font-size:18px; }
            .notice_paging .first,
            .notice_paging .prev,
            .notice_paging .next,
            .notice_paging .end { display:inline-block; width:32px; height:32px; }

    .notice_wrap .notice_view { padding:25px 20px 20px; }
        .notice_view .tit { grid-template-columns:auto; padding:0 0 25px; height:auto; gap:2px; }
            .notice_view .tit span { font-size:18px; }
            .notice_view .tit span:before { display:none; }
            .notice_view .tit strong { font-size:20px; line-height:1.2; }
            .notice_view .tit .date { padding-top:7px; font-size:16px; text-align:left; }
        .notice_view .notice_con { padding:30px 5px 35px; }
            .notice_view .notice_con * { font-size:16px; }
            .notice_con img { margin:20px 0; }
        .notice_post dl { height:58px; grid-template-columns:60px minmax(0,1fr); }
        .notice_post dl dt,
        .notice_post dl dd a { font-size:16px; }
        .notice_post dl dd { padding-right:10px; }
        .notice_post dl .date { display:none; }

}