@charset "utf-8";


/* 공통 */

/*
캠페인 섹션 페이지에
html에 .section 클래스 삽입 필요
body에 .campain-section 클래스 삽입 필요
*/
html.section,body.campain-section {
    font-size: 10px !important;
}

/* 20250724 #21510 추가 :: S */
/* font */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap'); 20250724 #22086 삭제 */
/* font-family: "Noto Serif KR", serif; */

/* 20250724 #22086 추가 :: S */
@font-face{
    font-family:'Noto Serif KR';
    font-style:normal;
    font-weight:300;
    src:local(''),
        url('/static/fonts/NotoSerifKR-Light.woff2') format('woff2'),
        url('/static/fonts/NotoSerifKR-Light.woff') format('woff'),
        url('/static/fonts/NotoSerifKR-Light.ttf') format('truetype'),
}
@font-face{
    font-family:'Noto Serif KR';
    font-style:normal;
    font-weight:400;
    src:local(''),
        url('/static/fonts/NotoSerifKR-Regular.woff2') format('woff2'),
        url('/static/fonts/NotoSerifKR-Regular.woff') format('woff'),
        url('/static/fonts/NotoSerifKR-Regular.ttf') format('truetype'),
}
@font-face{
    font-family:'Noto Serif KR';
    font-style:normal;
    font-weight:500;
    src:local(''),
        url('/static/fonts/NotoSerifKR-Medium.woff2') format('woff2'),
        url('/static/fonts/NotoSerifKR-Medium.woff') format('woff'),
        url('/static/fonts/NotoSerifKR-Medium.ttf') format('truetype'),
}
@font-face{
    font-family:'Noto Serif KR';
    font-style:normal;
    font-weight:600;
    src:local(''),
        url('/static/fonts/NotoSerifKR-SemiBold.woff2') format('woff2'),
        url('/static/fonts/NotoSerifKR-SemiBold.woff') format('woff'),
        url('/static/fonts/NotoSerifKR-SemiBold.ttf') format('truetype'),
}
@font-face{
    font-family:'Noto Serif KR';
    font-style:normal;
    font-weight:700;
    src:local(''),
        url('/static/fonts/NotoSerifKR-Bold.woff2') format('woff2'),
        url('/static/fonts/NotoSerifKR-Bold.woff') format('woff'),
        url('/static/fonts/NotoSerifKR-Bold.ttf') format('truetype'),
}
@font-face{
    font-family:'Noto Serif KR';
    font-style:normal;
    font-weight:900;
    src:local(''),
        url('/static/fonts/NotoSerifKR-Black.woff2') format('woff2'),
        url('/static/fonts/NotoSerifKR-Black.woff') format('woff'),
        url('/static/fonts/NotoSerifKR-Black.ttf') format('truetype'),
}

/* 20250724 #22086 추가 :: E */

.font-notoSerif{font-family: "Noto Serif KR", serif;}
/* 20250724 #21510 추가 :: E */

/* font 굵기 */
.fwR{font-weight:400 !important} /* 레귤러 */
.fwM{font-weight:500 !important} /* 미디윰 */
.fwB{font-weight:700 !important} /* 볼드  */

/* font 사이즈 */
.fs-10 {font-size:1rem !important;} /* 10px */
.fs-11 {font-size:1.1rem !important;} /* 11px */
.fs-12 {font-size:1.2rem !important;} /* 12px */
.fs-14 {font-size:1.4rem !important;} /* 14px */
.fs-15 {font-size:1.5rem !important;} /* 15px */
.fs-16 {font-size:1.6rem !important;} /* 16px */
.fs-18 {font-size:1.8rem !important;} /* 18px */
.fs-20 {font-size:2.0rem !important;} /* 20px */
.fs-22 {font-size:2.2rem !important;} /* 22px */
.fs-24 {font-size:2.4rem !important;} /* 24px */
.fs-28 {font-size:2.8rem !important;} /* 28px */
.fs-30 {font-size:3.0rem !important;} /* 30px */
.fs-32 {font-size:3.2rem !important;} /* 32px */
.fs-34 {font-size:3.4rem !important;} /* 34px */ /* 20231228 폰트 사이즈 추가 :: S */
.fs-36 {font-size:3.6rem !important;} /* 36px */
.fs-40 {font-size:4.0rem !important;} /* 40px */
.fs-44 {font-size:4.4rem !important;} /* 44px */ /* 20231228 폰트 사이즈 추가 :: S */
.fs-48 {font-size:4.8rem !important;} /* 48px */
.fs-52 {font-size:5.2rem !important;} /* 52px */
.fs-60 {font-size:6.0rem !important;} /* 60px */
.fs-72 {font-size:7.2rem !important;} /* 72px */
.fs-80 {font-size:8.0rem !important;} /* 80px */
.fs-100 {font-size:10rem !important;} /* 100px */

/* width, height 퍼센트 */
.width-p5 {width:5% !important}
.width-p10 {width:10% !important}
.width-p15 {width:15% !important}
.width-p20 {width:20% !important}
.width-p25 {width:25% !important}
.width-p30 {width:30% !important}
.width-p35 {width:35% !important}
.width-p40 {width:40% !important}
.width-p45 {width:45% !important}
.width-p50 {width:50% !important}
.width-p55 {width:55% !important}
.width-p60 {width:60% !important}
.width-p65 {width:65% !important}
.width-p70 {width:70% !important}
.width-p75 {width:75% !important}
.width-p80 {width:80% !important}
.width-p85 {width:85% !important}
.width-p90 {width:90% !important}
.width-p95 {width:95% !important}
.width-p100 {width:100% !important}

/* 높이값 */
.height-10 {height:10px !important}
.height-20 {height:20px !important}
.height-30 {height:30px !important}
.height-40 {height:40px !important}
.height-50 {height:50px !important}
.height-60 {height:60px !important}
.height-70 {height:70px !important}
.height-80 {height:80px !important}
.height-90 {height:90px !important}
.height-100 {height:100px !important}
.height-110 {height:110px !important}
.height-120 {height:120px !important}
.height-100vh {height: 100vh !important}
.height-85vh {height: 85vh !important}

/* 최소 높이값 */
.min-height-10 {min-height:10px !important} 
.min-height-20 {min-height:20px !important}
.min-height-30 {min-height:30px !important}
.min-height-40 {min-height:40px !important}
.min-height-50 {min-height:50px !important}
.min-height-60 {min-height:60px !important}
.min-height-70 {min-height:70px !important}
.min-height-80 {min-height:80px !important}
.min-height-90 {min-height:90px !important}
.min-height-100 {min-height:100px !important}
.min-height-110 {min-height:110px !important}
.min-height-120 {min-height:120px !important}

/* P_je_sectiongnbfont 241104 섹션템플릿 gnb 세팅 추가 */
/*헤더,푸터 세팅*/
.all_gnb_con .all_dep1_link span { font-size:16px;}/* P_je_fontbranch 250307 폰트오류수정 */
.all_gnb_con .all_dep1_btn { font-size:16px !important;}
.all_gnb_con .all_dep2_link { font-size:16px !important;}
/* // P_je_sectiongnbfont 241104 섹션템플릿 gnb 세팅 추가 */


/* background-color */
/*
사용안함, 흰색, 검은색, 회색(230), 회색(200), 회색 (128), 회색(64), 회색(32) 중 선택 가능 
*/
.bg-none {background-color: 0 none !important} /* 사용안함 */
.bg-transparent {background-color:transparent !important} /* 투명색 */
.bg-white {background-color: #fff !important} /* 흰색 */
.bg-black {background-color: #000 !important} /* 검은색 */
.bg-e6e6e6 {background-color: #e6e6e6;} /* 회색 230 */
.bg-c8c8c8 {background-color: #c8c8c8;} /* 회색 200 */
.bg-808080 {background-color: #808080;} /* 회색 128 */
.bg-505050 {background-color: #505050 !important} /* 20240122 #13156 수정 */ /* 회색 80 */
.bg-3c3c3c {background-color: #3c3c3c;} /* 회색 64 */
.bg-202020 {background-color: #202020;} /* 회색 32 */
.bg-white-op80 {background-color: rgba(255,255,255,0.8) !important;} /* 20231228 수정 */ /* 흰색 투명도 80 */

/* align 정렬 */
.ta_l {text-align:left !important}
.ta_c {text-align:center !important}
.ta_r {text-align:right !important}

/* flex */
.flex-flow {display:flex; align-items:center; justify-items:space-between;}
.flex-flow-center {display:flex; align-items:center; justify-items:center;}

/* box */
[class^='box'] {
    width: 600px;
    display: inline-block;
    padding: 60px;
}
[class^='box'][class*='white']{
    background-color:#fff;
}

/* common */
#campain {
    width: 100%;
}

#campain > [id^='section-'] {position: relative;}
#section-title.section-title{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	
}
#campain img {
    display:block; /* 20240214 #15541 추가 */
    width: 100%;
    max-width: 100%;
    vertical-align:bottom; /* 20240214 #15541 수정 */
    line-height:0%; /* 20240214 #15541 추가 */
}
#campain .l-grid {
    width: 1200px;
    margin: 0 auto;
    position:relative;
    left:0;
    top:0;
    transform:none;
}

/* 20240219 #13332 수정 :: S */
#campain h1,
#campain h2,
#campain strong,
#campain b {
    font-weight: 700 !important;
}
/* 20240219 #13332 수정 :: E */

.floating-area {
    position: fixed;
    top: 160px;
    right: 140px;
    z-index: 9; /*20240429 수정*/
    display:flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 180px;
    border-radius: 100%; 
    background-color: #ff6600;
    transition: all 0.3s ease-in-out; /* 20250623 추가 */ /* 20250710 #21596 수정 */
    overflow: hidden; /* 20250722 #21596 추가 */
}
/* 20250623 추가 :: S */
.floating-area.up:hover { top: 120px; }
.floating-area.down:hover { top: 200px; }
/* 20250623 추가 :: E */
.floating-area .info {z-index: 1;} /* 20250722 #21596 추가 */
.floating-area .info p{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
} /* 20250721 #22093 수정 */
.floating-area .info span{display: block;font-size: 16px;font-weight: 700;text-align: center;} /* 20250721 #22093 추가 */

.floating-area .info .floating-arrow{
    line-height: 1;
    display: flex;
    justify-content: center;
    margin-left: -20px;
    margin-top: 5px;
}

.floating-area .info .floating-arrow::after {
    content: ' \21C0';
    font-size: 3.5rem;
    font-family: '__NanumGothicBold_5';
    animation-duration: 0.5s;
    animation-name: slidein;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.floating-area .hover-bg{position: absolute;top: 0; left: 0; right: 0; bottom: 0; opacity: 0;pointer-events: none;transition: opacity 0.3s ease;z-index: 0;} /* 20250722 #21596 추가 */

@keyframes slidein {
    from {margin-left: 0px;}
    to {margin-left: 20px;}
}

/* 20250619 추가 :: S */
.quick-menu-btn { pointer-events:none; display:flex; justify-content:flex-end; align-items:flex-start; position:fixed; z-index:50; top:0; right:0; bottom:0; left:0; outline:0 none; transition:0.5s; padding:160px 60px; z-index:3; text-indent:-9999px; }
.quick-menu-btn a { pointer-events:auto; display:block; width:154px; height:224px; background-repeat: no-repeat;background-position: center center;background-size: cover;} /* 20250718 #22073 수정 */
.quick-menu-btn.up:hover { padding:140px 60px; }
.quick-menu-btn.down:hover { padding:180px 60px; }
/* 20250619 추가 :: E */

/* button */

.wrap-btn {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wrap-btn a,
.wrap-btn button {
    position: relative;
    flex: 0 0 auto;
    width: calc(50% - 8px);
    padding-left: 20px;
    text-align: left;
    font-size: 1.6rem;/*P_je_btnfontup 250421 섹션템플릿 버튼 크기 변경*/
    font-weight: 700;
}

.wrap-btn.arrow-type a:after,
.wrap-btn.arrow-type button:after {
    /* content: "\203A"; */
    content: "\232A";
    display: inline-block;
    width: 10px;
    height:22px;
    /* background: url(/static/images/ico/ico-next-16-w.svg) no-repeat center center/cover; */
    /* margin-right: 6px; */
    /* transform: translateY(-50%); */
    position: absolute;
    top: 50%;
    right: 18px;
    margin-top:-11px;
    font-size:18px;
    line-height: 125%;
}

.wrap-btn.arrow-type [class*='line']:after {
    /* background-image: url(/static/images/ico/ico-next-16-c.svg); */
}

[class^='btn-'] {
    display: inline-block;
    /* height: 52px; */
    /* line-height: 50px; */
    line-height: 1.2;
    padding: 14px 35px 14px 10px;
    text-align: center;
    /* white-space: nowrap; */
    word-break: keep-all;
    vertical-align: middle;
    border: 1px solid transparent;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
}

[class^='btn-'][class*='orange']{
    color: #fff;
    background-color: #f56400;
    border-color: #f56400;
}

[class^='btn-'][class*='orange'][class*='line']{
    background-color: transparent;
    color: #f56400;
}

/* 20250619 추가 :: S */
/* 20250627-1 수정 :: S */
.wrap-btn.sm a{font-size: 16px;height: 48px;}
.wrap-btn.md a{font-size: 18px;height: 52px;}
.wrap-btn.lg a{font-size: 20px;height: 60px;}
/* 20250627-1 수정 :: E */
/* 20250619 추가 :: E */

/* 20250612 추가 :: S */
/* Material Icons */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
/* 20250613 수정 및 추가 :: S */
.button .button-text { color:#fff799; }
.button .icon { width:62px; height:62px; background:#fff; border-radius:100%; display:flex; justify-content:center; align-items:center; z-index: 1;min-width: 62px;margin-left: 35px;} /* 20250627-1 수정 */ /* 20250717 #21986 수정 */
.button { position: relative; display:flex; align-items:center; justify-content:flex-end;padding: 0 10px 0 40px; background:#c73c55; min-width: 230px; height:80px; color:#fff; font-weight:bold; font-size:28px; border-radius:100px; border:none; cursor:pointer;box-shadow:0 4px 6px rgba(0, 0, 0, 0.2); text-decoration:none; transition: all 0.3s ease-in-out; overflow: hidden; } /* 20250627-1 수정 */ /* 20250717 #21986 수정 */
.button:hover {background: #6f212f; }
.button > span{flex: 1;text-align: center;} /* 20250627-1 추가 */
.button .icon .material-icons { color:#c73c55; font-size:25px; display:inline-flex; transition: all 0.3s ease-in-out; padding-left:5px; }
.button:hover .icon .material-icons { color:#6f212f; }
.button span{z-index: 1;}
.button .hover-bg{position: absolute;top: 0; left: 0; right: 0; bottom: 0; opacity: 0;pointer-events: none;transition: opacity 0.3s ease;z-index: 0;}
/* 20250613 수정 및 추가 :: E */
/* 20250623 추가 :: S */
.box .button-container{margin-top: 40px;} /* 20250627-1 수정 */
.button-container{display: flex;flex-wrap: wrap;} /* 20250717 #21986 수정 */
.button-container .button{margin-bottom: 20px;margin-right: 20px;} /* 20250717 #21986 수정 */
.button-container .button:last-child{margin-bottom: 0;margin-right: 0;} /* 20250717 #21986 추가 */
/* .button-container.sm .button{font-size: 17px;} 20250627-1 삭제 */
.ta_l .button-container{align-items: flex-start;justify-content: flex-start;}
/* 20250717 #21986 수정 :: S */
.ta_c .button-container{justify-content: center;}
.ta_r .button-container{justify-content: end;}
.ta_r .button-container .button{margin-right: 0;margin-left: 20px;}
.ta_r .button-container .button:first-child{margin-left: 0;}
/* 20250717 #21986 수정 :: E */
/* 20250714 #21740 추가 :: S */
.ta_r .ta_l .button-container,
.ta_c .ta_l .button-container{align-items: flex-start;justify-content: flex-start;}
.ta_r .ta_c .button-container,
.ta_l .ta_c .button-container{align-items: center;justify-content: center;}
.ta_l .ta_r .button-container,
.ta_c .ta_r .button-container{align-items: end;justify-content: end;}
/* 20250714 #21740 추가 :: E */

/* 20250623 추가 :: E */
@media screen and (max-width:768px) {
    /* .button-container{flex-direction: column;} 20250623 추가 20250627-1 삭제 */
    .icon { width:50px; height:50px; margin-left:10px; }
    .button-container .button { padding:0 5px 0 30px; height:60px;font-size:20px;min-width: 155px;margin-right: 5px;margin-bottom: 16px;} /* 20250717 #21986 수정 */
    .button .icon {width: 50px;height: 50px;margin-left: 10px;min-width: 50px;} /* 20250623 추가 */ /* 20250717 #21986 수정 */
    .button .icon .material-icons { font-size:20px; }
    /* .button-container .button + .button{margin-left: 10px;} 20250627-1 수정 20250717 #21986 삭제 */
    .ta_r .button-container .button{margin-left: 5px;} /* 20250717 #21986 추가 */
}
/* 20250612 추가 :: E */


/* 타이틀 */

.section-title.ta_c .l-grid {
    text-align: center;
}

.section-title.ta_r .l-grid {
    text-align: right;
}

.section-title {
    padding: 120px 0;
}
.section-title > img {
    margin-top: -120px;
    margin-bottom: -120px;
}

.section-title > img + .l-grid {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.section-title [class^='box'] {
    border-radius: 20px;
}

.section-title .top-title {
    display: block;
    color: #f56400;
    line-height: 1.54;
    font-weight: 700;
} /* 20250627-1 수정 */

.section-title .main-title {
    display: block;
    margin-top: 12px;
    line-height: 1.2;
    color: #2e2b28;
} /* 20250627-1 수정 */

.section-title .desc {
    margin-top: 50px;
    color: #555;
    line-height: 1.55;
} /* 20250627-1 수정 */

.section-title .wrap-btn {
    margin-top: 40px;
}

@media screen and (max-width:1024px) {
    .floating-area.up:hover, .floating-area.down:hover{top: auto;}

    .floating-area .info p{
        font-size: 16px;
        line-height: 1;
        margin-top: 4px;
    } /* 20250721 #22093 수정 */
    .floating-area .info span{font-size: 14px;line-height: 1;font-weight: 500;margin-bottom: 10px;} /* 20250721 #22093 추가 */
    .quick-menu-btn .pc{display: none;} /* 20250718 #22073 추가 */
    .quick-menu-btn .mo{display: block !important;} /* 20250718 #22073 추가 */
    .quick-menu-btn { justify-content:center; align-items:flex-end; padding:0px 5px 30px 5px; }
    .quick-menu-btn a { width:290px; height:61.5px; background-repeat: no-repeat; background-size:cover;}
    .quick-menu-btn.up:hover { padding: 50px 0px; } /* 20250623 추가 */
    .quick-menu-btn.down:hover { padding: 10px 0px; } /* 20250623 추가 */

    .pc{display:none !important}
	.mo{display:block !important}
	.pc_br{display:none !important}
	.mo_br{display:inline !important}
	.pc_img{display:none !important}
	.mo_img{display:block !important} /* 20240214 #15541 수정 */
	.pc_txt{display:none !important}
	.mo_txt{display:inline !important}

    #campain .l-grid {
        width: 100%;
        padding: 0 20px;
    }
    #campain [class^='box'] {
        width: 100% !important;
    }

    .floating-area{
        position: fixed;
        top: auto;
        bottom: 0;
        right: 0;
        z-index: 9;
        width: 100%;
        height: auto;
        padding: 18px 0px 22px;
        border-radius: 0;
    } /* 20250721 #22093 수정 */

    .floating-area .info .floating-arrow {
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        margin-top: 0;
        width: 100px;
    } /* 20250709 #21507 수정 */
    /* .floating-area .info .floating-arrow::after{

        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(/static/images/ico/ico-next-16-w.svg) no-repeat center center/cover;
        margin-right: 6px;
        position: absolute;
        top: 50%;
        right: 18px;
        transform: translateY(-50%);
    } 20250709 #21507 삭제 */

    .section-title {
        padding: 0 0 0;
    }

    .section-title .l-grid {
        padding: 0 0 !important;
    }

    .section-title [class^='box'] {
        padding: 80px 20px 60px;
        border-radius: 0;
    }

    .section-title > img {
        margin-top: 0;
        margin-bottom: 0;
    }
    .section-title > img + .l-grid {
        position: static;
        transform: inherit;
        padding: 0 0;
    }
    .section-title > img + .l-grid [class^='box'] {
        padding-top: 30px;
    }

    .section-title .wrap-btn {
        flex-direction: column;
    }

    .wrap-btn a, .wrap-btn button {
        width: 100%;
    }
    .wrap-btn a + a,
    .wrap-btn button + button {
        margin-top: 10px;
    }
}


/* 영상 */
.section-video {
    padding: 120px 0;
}

#campain .section-video h2 img{display: inline;width: auto;} /* 20250717 #22013 추가 */ /* 20250718 #22014 수정 */
.section-video .text-area .main-title {
    font-size: 3.6rem;
    line-height: 1.38;
    color: #222;
}

.section-video .text-area .desc {
    margin-top: 30px;
    font-size: 1.8rem;
    line-height: 1.55;
    color: #555;
}

/* 20240102 #12310 수정 :: S */
.section-imglink > img,
.section-change > img,
.section-slide > img, 
.section-video > img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 20240102 #12310 수정 :: E */

.section-video > img + .l-grid {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

/* 20231229 #12222 수정 :: S */
.section-video .caption {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
    /* height: 110px; */
    padding: 40px 20px;
    font-weight: 500;
    font-size: 1.8rem;
    text-align: center;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /* border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px; */
    background-color: #fff;
}
/* 20231229 #12222 수정 :: E */


.video-wrap .video-mp4 {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 40px;
    /* margin-top: 40px;
    border-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; 20231229 #12222 삭제 */
    cursor: pointer;
}

.video-wrap .video-mp4 video {
    width: 100%;
}

.video-wrap .video-mp4 .video-play-btn {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s;
    opacity: 1;
}

.video-wrap .video-mp4 .video-play-btn.on {
    z-index: -9999;
    transition: .5s;
    opacity: 0;
}

.video-wrap .video-mp4 .video-play-btn button {
    z-index: 999;
}

.video-wrap .video-mp4 .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: no-repeat center center/cover;
}

/* 20231229 #12222 추가 :: S */
.section-video-area {
    /* margin-top: 40px; 20250722 #22155 삭제 */
    border-radius: 20px;
    overflow: hidden;
}
.section-video-area .video-wrap .video-mp4 {
    border-radius: 0;
}
.section-video-area .iframe_video {
    padding: 56.25% 0 0 0;
    position: relative;
    border-radius: 0;
    background-color: #222; 
    overflow: hidden; 
    backface-visibility: hidden; 
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility: hidden; 
    transform: translate(0px, 0px); 
    -webkit-transform: translate3d(0, 0, 0); 
    -moz-transform: translate3d(0, 0, 0);
}
.section-video-area .iframe_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 20231229 #12222 추가 :: E */
/* 20250623 추가 :: S */
/* 쇼츠동영상 */
.section-video-short{padding: 100px 20px 130px;}
#campain .section-video-short .l-grid{display: flex;align-items: center;width: 100%;max-width: 1200px;} /* 20250711 #21726 수정 */
.section-video-short .section-text{width: 50%;padding: 0;background-color: transparent;}
.section-video-short .section-text .box{width: 100%;} /* 20250711 #21726 추가 */
.section-video-short .short-area{width: 50%;} /* 20250627-1 수정 */
/* .section-video-short .short-area .top{font-size: 25px;padding: 20px;}  20250627-1 삭제 */
.section-video-short .short-area .content{position: relative;padding-top: 177.7778%;border-radius: 20px;overflow: hidden;} /* 20250627-1 수정 */ /* 20250714 #21725 수정 */ /* 20250717 #22035 수정 */
.section-video-short .short-area .content iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;outline: none;-webkit-mask-image: -webkit-radial-gradient(white, black);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}
/* .section-video-short .short-area .bottom ul{display: flex;flex-wrap: wrap;padding:  40px 20px 20px;}
.section-video-short .short-area .bottom li{font-size: 20px;color: rgb(71, 128, 151);}
.section-video-short .short-area .bottom li + li{margin-left: 10px;}  20250627-1 삭제 */

.section-video-short.right .l-grid{flex-direction: row-reverse;}

@media screen and (max-width:768px) {
    .section-video-short{padding: 0;}
    .section-video-short .l-grid{flex-direction: column;padding: 0 20px !important;} /* 20250711 #21726 수정 */
    .section-video-short .short-area{width: 100%;margin: 0;}  /* 20250627-1 수정 */
    .section-video-short .section-text{width: 100%;}
    /* .section-video-short .short-area .top{font-size: 16px;padding: 10px;}
    .section-video-short .short-area .bottom ul{padding: 20px 10px 10px;}
    .section-video-short .short-area .bottom li{font-size: 12px;}
    .section-video-short .short-area .bottom li + li{margin-left: 5px;}  20250627-1 삭제 */

    .section-video-short.right .l-grid{flex-direction: column;}
    /* .section-video-short.right .short-area{margin-right: initial;margin-left: auto;} */
}
/* 20250623 추가 :: E */

@media screen and (max-width:1024px) {
    /* 20231229 #12222 추가 :: S */
    /* .section-video-area {
        margin-top: 20px;
    } 20250722 #22155 삭제 */
    /* 20231229 #12222 추가 :: E */
    .section-video {
        padding: 60px 0; /* 20240110 #13177 수정 */
    }
    .section-video + .section-video {
        padding-top: 60px;
    }
    .section-video .caption {
        height: 64px;
        /* height: 64px; 20231229 #12222 삭제 */
        padding: 20px; /* 20231229 #12222 수정 */
    }
    /* .video-wrap .video-mp4 {
        margin-top: 20px;
    } 20231229 #12222 삭제 */

    .section-video > img {
    }
    
    .section-video > img + .l-grid {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        padding: 0 20px;
    }

}


/* 슬라이드 */
.section-slide {
    padding: 120px 0;
}

#campain .section-slide h2 img{display: inline;width: auto;} /* 20250717 #22013 추가 */ /* 20250718 #22014 수정 */

.section-slide .text-area .main-title {
    font-size: 3.6rem;
    line-height: 1.38;
    color: #222;
}

.section-slide .text-area .desc {
    margin-top: 30px;
    font-size: 1.8rem;
    line-height: 1.55;
    color: #555;
}

/* .section-slide > img {
    margin-top: -120px;
    margin-bottom: -120px;
} 20231229 #12222 삭제 */

.section-slide > img + .l-grid {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.section-slide .caption {
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 110px; 20240110 #13250 삭제 */
    padding: 40px 20px; /* 20240110 #13250 추가 */
    font-weight: 500;
    font-size: 1.8rem;
    text-align: center;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fff;
}

.section_swiper .swiper-container{
    overflow:hidden;
    position:relative;
    display:block;
    height:100%;
    /* border-radius:20px;
    border:1px solid #d9d9d9 20240110 #13177 삭제 */
}

/* 20240110 #13177 추가 :: S */
.section_swiper .swiper-slide{
    border:1px solid #d9d9d9;
    border-radius:20px;
    box-sizing: border-box;
    overflow: hidden;
}
/* 20240110 #13177 추가 :: E */

.section_swiper .img_wrap img {
    max-width: 100%;
    /* max-height: 640px; */
}

.slide-wrap {
    margin-top: 40px;
}


/**
스와이퍼
**/
/* swipe_wrap > 상하배치 */
.pag_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:30px}
.pag_wrap .num_pagination{font-size:14px;color:#aeaeae}
.pag_wrap .num_pagination .idx{color:#222;font-weight:bold}
.pag_wrap .progress_pagination{position:relative;width:calc(100% - 250px);height:2px}
.pag_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#222}
.pag_wrap .btn_wrap{margin:0}
.pag_wrap .btn_next,
.pag_wrap .btn_prev{width:46px;height:46px;background:#d9d9d9 url('/static/images/btn/btn-ban-arrow.svg') no-repeat center / 24px;border-radius:50%;margin:0}
.pag_wrap .btn_prev{transform:rotate(180deg);margin-right:14px}
.pag_wrap .btn_next.swiper-button-disabled,
.pag_wrap .btn_prev.swiper-button-disabled{background-image:url('/static/images/btn/btn-ban-arrow2.svg')}
.pag_wrap .btn_next:after,
.pag_wrap .btn_prev:after{display:none}

@media screen and (max-width:1024px) {
    .section-slide {
        padding: 60px 0; /* 20240110 #13177 수정 */
    }
    .section-slide + .section-slide {
        padding-top: 60px;
    }
    .section-slide .caption {
        height: auto;
        padding: 20px;
        font-size: 1.4rem;
    }
    .slide-wrap {
        margin-top: 20px;
        padding: 0 20px; /* 20250724 #21729 추가 */
    }
    .section-slide > img {
    }
    
    .section-slide > img + .l-grid {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        padding: 0 20px;
    }

    /**
	스와이퍼
	**/
	/* swipe_wrap > 상하배치 */
	.pag_wrap{bottom:5px;margin-top:20px}
	.pag_wrap .num_pagination{font-size:12px}
	.pag_wrap .progress_pagination{width:calc(100% - 60px)}
	.pag_wrap .btn_wrap{display:none !important;}
}


/* 텍스트 */
/* 20240102 #12310 수정 :: S */
.section-text{
    padding: 120px 0 0;
    /* background-color:#fcf6ea; 20250623 삭제 */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* 20240102 #12310 수정 :: E */
.section-text [class^='box']{
    border-radius: 20px;
}
.section-text {
    padding: 120px 0;
}
.section-text > img {
    margin-top: -120px;
    margin-bottom: -120px;
}
.section-text > img + .l-grid {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
}
.section-text .section-bg{
    background-color: transparent; /* 20240110 #13177 수정 */
}
.section-text .main-title{
    font-size: 3.6rem;
    line-height: 1.4;
}
.section-text .section-text-hr{
    margin-top:30px;
    color:#555;
    border-style:dotted;
}
.section-text .desc{
    margin-top:40px; /* 20240111 #13336 수정 */
    font-size: 1.8rem;
    color: #222;
}
.section-text .wrap-btn {
    margin-top: 30px;
}
.section-banner{
    /* padding: 120px 20px; 20231228 #12137 삭제 */
    text-align: center;
    background-color: #f9f9f9;
}
.section-banner .title1{
    padding: 70px 20px; /* 20240111 #13336 수정 *//* 20231228 #12137 추가 */
    font-size: 2.8rem;
}
.section-banner .title2{
    display: block;
    font-size: 2.8rem;
    margin-top: 20px;
}

@media screen and (max-width:1024px){
    .section-text .main-title{
        /* margin-top:30px; 20250723 #22188 삭제 */
        font-size: 2.8rem!important;
    }
    .section-text > img + .l-grid {
        display: contents;
    }
    .section-text > img {
        margin-top: 0px;
    }
    .section-text{
        padding:0px;
        background-color: #fff;
    }
    .section-text .section-text-hr{
        margin-top:20px;
    }
    .section-text .section-bg{
        background-color: transparent; /* 20240110 #13177 수정 */
    }
    .section-text [class^='box'] {
        padding: 30px 19px 60px !important;
    }
    #campain #section-text .l-grid {
        padding: 0 !important;
    }
    .section-banner{
        /* padding: 60px 20px; 20231228 #12137 삭제 */
        margin-top: 0px;
    }
    .section-text .wrap-btn {
        margin-top: 40px;
        flex-direction: column; /* 20240108 #12754  추가 */
    }
    .section-text .desc{
        margin-top:20px;
        line-height:1.5; /* 20240214 #15535 수정 */
    }
    .section-text [class^='box']{
        border-radius: 0px;
    }
    .section-banner .title2{
        margin-top: 25px;
    }
    .section-banner .title1,.section-banner .title2{
        font-size: 2rem; /* 20240208 #15499 수정 */
    }
    /* 20231228 #12137 추가 :: S */
    .section-banner .title1{
        padding: 40px 20px; /* 20240111 #13336 수정 */
    }
    /* 20231228 #12137 추가 :: E */
}

/* 변화3단 */
.section-change .text-area{
    padding-top:120px;
}
#campain .section-change .text-area img{width: auto;display: inline-block;max-width: 100%;} /* 20250714 #21855 추가 */
.section-change .section-change-wrap{
    display: flex;
    justify-content: center; /* 20250623 수정 */
    /* flex-wrap: wrap; 20250623 삭제 */
    margin-top: 78px;
    padding-bottom: 120px;
}
.section-change [class^='box-change']{
    display: flex; /* 20250715 #21668 추가 */
    flex-direction: column; /* 20250715 #21668 추가 */
    width: 36%; /* 20250623 수정 */
    border-radius: 20px;
    padding: 0; /* 20240102 #12310 수정 */ /* 20250709 #21555 수정 */
    overflow: hidden;
}
.section-change .box-change + .box-change { 
    margin-left: 60px;
} /*  20250623 추가 */ /* 20250627-1 수정 */

.section-change .section-change-wrap .img-wrap{
    overflow: hidden;
    position: relative;
    height: 200px;
    background-color: #d9d9d9;
} /* 20250627-1 수정 */
.section-change > img + .l-grid {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.section-change .img-wrap img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: auto;
}
.section-change .change-box{padding: 20px 20px 30px;} /* 20250627-1 추가 */ /* 20250709 #21555 수정 */ /* 20250715 #21668 수정 */
.section-change .section-change-wrap .main-card-title{
    display: block;
    font-size: 28px;
    line-height: 39px;
    font-weight: 700;
} /* 20250627-1 수정 */
.section-change .section-change-wrap .desc{
    font-size: 19px;
    line-height: 29px;
    margin-top: 16px;
} /* 20250627-1 수정 */
.section-change .section-change-wrap .wrap-btn a{
    width:100%;
    margin: 0; /* 20231024 #9591 수정 */ /* 20250715 #21668 수정 */
    text-align: center;
    padding: 0 30px;
    border: 0; /* 20250717 #21677 추가 */
} /* 20250627-1 수정 */
.section-change .wrap-btn{
    display: block;
    margin: auto 20px 30px; /* 20240102 #12310 수정 */ /* 20250715 #21668 수정 */
}
/* 20250623 추가 :: S */
.section-change .wrap-btn  a span{z-index: 1;}
.section-change .wrap-btn .hover-bg{position: absolute;top: 0; left: 0; right: 0; bottom: 0; opacity: 0;pointer-events: none;transition: opacity 0.3s ease;z-index: 0;}
/* 20250623 추가 :: E */
@media screen and (max-width:1024px){
    #campain .section-imglink .section-change {padding: 0 20px;} /* 20250724 #21599 추가 */
    .section-change .section-change-wrap{flex-wrap: wrap;} /* 20250623 추가 */
    .section-change .text-area{
        padding-top:60px;
    }
    #campain .section-change [class^='box'] {
        margin: 10px 0;
    }
}
@media screen and (max-width:880px){
    .section-change .section-change-wrap{
        margin-top: 30px;
        padding-bottom:60px;
    }
    /* .section-change .text-area .main-title{
        display: none;
    } 20231229 섹션 3단 타이틀 삭제 */
    .section-change-wrap .box-change{
        display: block;
    }
    .section-change [class^='box-change']{
        width: 100%;
        margin: 10px auto;
        border: 1px solid #d9d9d9;
    }
    /* .section-change .section-change-wrap .wrap-btn a{
        margin-top: 40px;
    } 20250627-1 삭제 */
    .section-change .section-change-wrap .main-card-title{
        font-size: 21px;
        line-height: 32px;
    } /* 20250627-1 수정 */
    .section-change .section-change-wrap .desc{
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    } /* 20250627-1 수정 */
    /* 20250627-1 추가 :: S */
    .section-change .change-box{padding: 30px 20px;}
    .wrap-btn.sm a{font-size: 14px;}
    .wrap-btn.md a{font-size: 16px;}
    .wrap-btn.lg a{font-size: 18px;}
    /* 20250627-1 추가 :: E */
}

/* 20231024 #9591 추가 :: S */
@media screen and (max-width:880px){
    .section-change .section-change-wrap .img-wrap{
        height: auto;
    }
    .section-change .img-wrap img{
        position: static;
        transform: translate(0,0);
    }
}

/* 20231024 #9591 추가 :: E */

/* 이미지 링크 */
/* .section-imglink .mo_img{position: relative;top: 0;left: 0;transform: none;} 20250709 #21511 추기 20250716 #21967 삭제 */
.section-imglink .section-imglink-banner{
    display: flex;
    align-items: center;
    padding: 120px 0;
}
.section-imglink .section-imglink-banner .img_wrap{
    overflow: hidden;
    position: relative;
    width: 500px;
    /* 20240926 이미지 배경색 미노출 처리
    background-color: #d9d9d9; 
	*/
}
.section-imglink .section-imglink-banner .img_wrap .img_box{
    position: relative;
    height: 300px;
    border-radius: 20px;
    overflow: hidden;
} /* 20250627-1 수정 */
.section-imglink .img_wrap .img_box img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: auto;
}
.section-imglink > img + .l-grid {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.section-imglink .section-imglink-banner .txt{
    width:50%;
    margin-left:60px;
}
.section-imglink .section-imglink-banner .txt desc{
    font-size: 2.8rem;
}
.section-imglink .section-imglink-banner .txt .title{
    display: block;
    font-size: 2.8rem;
} /* 20250709 #21527 수정 */
.section-imglink .desc + .title{margin-top: 30px;} /* 20250709 #21527 추가 */
.section-imglink .section-imglink-banner .wrap-btn{
    display: block;
    margin-top:40px;
}
.section-imglink .section-imglink-banner .wrap-btn a{
    width: calc(40% - 4px);
}
.section-imglink img{height: 100%;object-fit: cover;top: 0;left: 0;transform: none;} /* 20250715 #21793 수정 */
.section-imglink .button-container{margin-top: 40px;} /* 20250709 #21527 추가 */
.section-imglink.right .section-imglink-banner{flex-direction: row-reverse;} /* 20250627-1 추가 */
@media screen and (max-width:1024px){
    .section-imglink.ani img {position: relative;} /* 20250717 #21966 추가 */ /* 20250718 #21967 수정 */
    #campain .section-imglink .l-grid {
        padding: 0;
    }
    .section-imglink .section-imglink-banner{
        display: block;
        margin:0 20px;
        padding: 60px 0; /* 20240110 #13177 수정 */
    }
    .section-imglink .section-imglink-banner .img_wrap{
        width: 100%;
    }
    .section-imglink .section-imglink-banner .txt{
        margin:20px 0 0 0;
    }
    .section-imglink .section-imglink-banner .wrap-btn {
        width: 100%;
    }
    .section-imglink .section-imglink-banner .txt{
        width:100%;
    }
    .section-imglink .section-imglink-banner .wrap-btn a{
        width:100%;
        font-size: 1.6rem;
    }
}
@media screen and (max-width:768px){
    /* 20240110 #13177 추가 :: S */
    /*P_hj_emblem 250226 75주년 앰블럼 교체로 모바일 location 고정 수정 */
    .campain-section-wrap{
		/*padding-top: 52px;*/
        padding-top:0;
    }
	#header.scroll_up+.header_srch+.campain-section-wrap {padding-top:52px}
	/*//P_hj_emblem 250226 75주년 앰블럼 교체로 모바일 location 고정 수정 */
    /* 20240110 #13177 추가 :: E */

    /* 20231024 #9591 수정 및 추가 :: S */
    .section-imglink .section-imglink-banner .img_wrap .img_box{
        height: auto; 
    }
    .section-imglink .img_wrap .img_box img{
        position: static;
        transform: translate(0,0);
    }
    /* 20231024 #9591 수정 및 추가 :: E */
    .section-imglink .desc + .title{margin-top: 20px;} /* 20250709 #21527 추가 */
}


/* 배경 이미지*/
.section-bg{position: relative;} /* 20250626 추가 */
.section-bg .bgColor{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -2;} /* 20250626 추가 */ /* 20250723 #22189 수정 */
/* 20250623 추가 :: S */
/* 배경 이미지 여러개 롤링 */
.section-bg.rolling {position: relative;overflow: hidden;}
.section-bg.rolling::before,
.section-bg.rolling::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 0;transition: opacity 1s ease-in-out;z-index: -1;}
.section-bg.rolling::before {background-image: var(--bg-before);}
.section-bg.rolling::after {background-image: var(--bg-after);}
.section-bg.rolling.before-active::before,
.section-bg.rolling.after-active::after {opacity: 1;}

/* 풀동영상 */
/* 20250627 수정 :: S */
.section-bg.video-full{overflow: hidden;}
/* .section-bg.video-full .video-wrap.pc{width: calc(860px * 16 / 9);padding-top: 56.25%;} 20250708 #21529 추가 20250723 #21802 삭제 */
/* .section-bg.video-full .video-wrap.mo{width: calc(480px * 16 / 9);padding-top: 56.25%;} 20250708 #21529 추가 20250723 #21802 삭제 */

.section-bg.video-full .video-wrap{position: absolute;overflow: hidden;left: 50%;top: 50%;height: 100%;min-width: 100%;transform: translate(-50%, -50%);z-index: 0;background: #000;pointer-events: none;} /* 20250724 #22033 수정 */
.section-bg.video-full .video-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;outline: none;-webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}
/* .video-full-content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;} 20250723 #21802 삭제 */
.section-bg .section-text{background: transparent;}
/* 20250627 수정 :: E */

/* 짧은동영상 */
/* 20250627-1 수정 :: S */
.section-bg .video-short-wrap{position: relative;}
.section-bg.video-short .video-wrap{position: absolute;top: -50px;width: 50%;min-height: 820px;overflow: hidden;border-radius: 0 8px 8px 0;}
.section-bg.video-short .video-wrap iframe{position: absolute;top: 0;left: 0;width: 1458px;height: 820px;margin-left: -365px;outline: none;-webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;} /* 20250710 #21536 수정 */
.section-bg.video-short.right .video-wrap{right: 0;border-radius: 8px 0 0 8px;}
.section-bg.video-short .bgImgColor{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-position: center;background-size: cover;background-repeat: no-repeat;}

@media screen and (max-width:1024px){
    .section-bg .video-short-wrap{display: flex;flex-direction: column-reverse;padding: 60px 30px 50px;} 
    .section-bg.video-short .video-wrap{position: relative;top: 0;width: 100%;min-height: auto;padding-top: 56.25%;border-radius: 10px;}
    .section-bg.video-short.right .video-wrap{border-radius: 10px;}
    .section-bg.video-short .video-wrap iframe{width: 100% !important;height: 100% !important;margin-left: 0 !important;}
    .section-bg .video-short-wrap .box{padding: 0 0 30px !important;}
}
/* 20250627-1 수정 :: E */

@media screen and (max-width:768px){
    /* 배경 이미지 여러개 롤링 */
    .section-bg.rolling{padding-top: 68.284%;} /* 20250717 #21966 추가 */
    .section-bg.rolling::before,
    .section-bg.rolling::after {background-size: 100%;background-position: center top;} /* 20250627-1 삭제 */ /* 20250717 #21966 추가 */
}
/* 20250623 추가 :: E */

/* 폰트사이즈 자동조절 */
@media screen and (max-width:1024px) {
    html.section,body.campain-section {
        font-size: 60% !important;
    }
}

@media screen and (max-width:768px) {
    html.section,body.campain-section {
        font-size: 48% !important;
    }
}

/* section template css 추가 (개선 필요) */
.mg_t60{margin-top:60px}

@media screen and (max-width: 1024px) {
	.wv_section_title1, .wv_section_box, .wv_section_video, .wv_section_slide, .wv_section_after3 {
	    min-height: 200px !important;
    }
}

.wv_section_video .video { margin-top: 85px; position:relative; width:100%; height:545px; /*padding-bottom:56.25%;*/ overflow:hidden; background:#000; margin:0 auto; }

@media screen and (max-width: 1200px) {
	.wv_section_video .video { margin-top: 30px; width: 100%; height: 0; padding-bottom: 56.25%; }
}

.wv_section_video .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1024px) {
	.wv_section_box, .wv_section_title1 {
    	/* background: none!important; */
	}
	.wv_section_box .story_tit .txtL {
	    width: 100% !important;
	    margin: 0 !important;
    }
}

/* @media screen and (max-width: 500px) {
	.wv_section_title1 .cont {
	    margin: 0 0 0 0;
	    width: 100% !important;
	    margin-left: 0%!important;
	    border-radius: 0px;
	}
}
 */

/* .wv_section_box .story_tit .txtL p {
    padding: 0px 15px;
} */

.wv_section_box .story_tit .txtL p span {
    display: block;
}

@media screen and (max-width: 1000px) {
	.wv_section_after3 .container .support_list li .img_area {
	    display: inline-block;
	    width: 30%;
	    height: 100%;
	}
}

@media screen and (max-width: 1000px) {
	.wv_section_after3 .container .support_list li img {
	    object-fit: cover;
	    width: 100%;
	    height: 100%;
	}
}

@media screen and (max-width: 1000px) {	
	.wv_section_after3 .container .support_list li .txt_area {
	    display: inline-block;
	    width: 65%;
	    height: fit-content;
	    margin: 0;
	    padding-left: 3%;
	    text-align: left;
	    vertical-align: top;
	}
}

/* .wv_section_box .story_tit .txtL strong:before { content: ' \275D'; } */
/* .wv_section_box .story_tit .txtL strong:after { content: ' \275E'; } */
.wv_section_box .story_tit .bt { position: relative; padding: 15px 30px 20px 20px; background: #ff6600; border-radius: 6px; color: #fff; box-shadow: 0px 2px 2px 0px rgba( 3, 0, 0, 0.2 ); cursor: pointer; transition: all 0.5s; z-index: 10; text-align:center; font-weight: 700;}
.wv_section_box .story_tit .bt:hover { background: #dd6014;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;}


/* 20221201 운영 & 개발 확인 */
.wrap-btn {margin-left:-10px;margin-right:-10px;}
.wrap-btn a, .wrap-btn button{display:flex;align-items:center;width:auto;flex:1;margin:0 10px;}


@media screen and (max-width: 1024px) {
	.section-text > img{margin-bottom:0;}
	
}

/* 20250619 추가 :: S */
/* 탭 */
.section-tab{padding: 130px 0 150px;}
#campain .section-tab h2{font-size: 70px;color: #fff;}
#campain .section-tab h2 img{display: inline;width: auto;} /* 20250718 #22014 수정 */
.section-tab .list-tab{display: flex;}
.section-tab .list-tab li{flex: 1;} /* 20250716 #21913 수정 */ /* 20250718 수정 */
.section-tab .list-tab li a{display: block;text-align: center;padding: 20px;font-size: 24px;line-height: 1.3;font-weight: 700;} /* 20250718 수정 */
.section-tab .list-tab li a span{display: block;} /* 20250716 #21913 추가 */
.section-tab .list-tab{margin-top: 74px;}
#campain .section-tab .tab-content img{width: auto;} /* 20250716 #21914 추가 */

.tab01.section-tab .list-tab li{border-radius: 10px;} /* 20250718 수정 */
.tab01.section-tab .list-tab li + li{margin-left: 20px;}
.tab01.section-tab .tab-component{margin-top: 45px;}
.tab01.section-tab .tab-content{display: none;}
.tab01.section-tab .tab-content.on{display: block;}

.tab02 .sticky_wrap.fixed ul{position: fixed;width: 100%;left: 0;right: 0;top: 0;z-index: 10;max-width: 1200px;margin: 0 auto;}

@media screen and (max-width: 1024px) {
    #campain .section-imglink .section-tab {padding-left: 20px;padding-right: 20px;} /* 20250729 #21599 추가 */
    .tab01.section-tab .list-tab li + li{margin-left: 10px;} /* 20250718 추가 */
    .section-tab .list-tab li a{font-size: 16px;padding: 16px 19px;} /* 20250718 수정 */
    .tab02 .sticky_wrap.fixed ul{padding: 0 20px;}
    #campain .section-tab .tab-content img{width: 100%;} /* 20250716 #21914 추가 */

    .tab01.section-tab .tab-component{margin-top: 30px;} /* 20250718 추가 */
}


/* 아코디언 */
/* 20250623 수정 :: S */
/* 20250716 수정 :: S */
.section-accordion-wrap{padding: 130px 0 150px;}
.section-accordion-wrap.section-tab .list-tab{margin-top: 0;}
#campain .section-accordion-wrap .l-grid{padding: 0 30px;}
#campain .section-accordion-wrap h2{font-size: 52px;line-height: 1.3;color: #222;margin-bottom: 70px;} /* 20250717 #22015 수정 */
#campain .section-accordion-wrap h2 img{display: inline;width: auto;} /* 20250718 #22014 수정 */
.section-accordion > li{cursor: pointer;background: #FFF3EB;border-radius: 16px;} /* 20250716 #21959 수정 */
.section-accordion > li + li{margin-top: 15px;}
.section-accordion .tit{padding: 30px;display: flex;justify-content: space-between;align-items: center;}
.section-accordion .tit p{position: relative;font-size: 24px;font-weight: 700;line-height: 1.5;flex: 1;color: #F56400;padding-left: 58px;padding-right: 20px;} /* 20250723 #22150 수정 */
.section-accordion .tit p span{position: absolute;top: 0;left: 0;} /* 20250717 수정 */
/* 20250623 수정 :: E */
/* 20250623 추가 :: S */
.section-accordion .tit i{position: relative;display: block;width: 25px;height: 25px;transform: rotate(180deg);align-content: center;} /* 20250717 수정 */
.section-accordion .tit i svg{width: 100%;} /* 20250717 추가 */
.section-accordion li.on .tit i{transform: rotate(0deg);}

/* 20250623 추가 :: E */
.section-accordion .desc{display: none;padding: 30px 0;margin: 0 30px;border-top: 1px solid #FAB687;}
.section-accordion .desc p{position: relative;font-size: 20px;line-height: 1.5;padding-left: 58px;} /* 20250721 #22114 수정 */
.section-accordion .desc p span{position: absolute;top: 0;left: 0;font-size: 24px;line-height: 30px;font-weight: 700;} /* 20250717 수정 */
.section-accordion li.on .desc{display: block;}

@media screen and (max-width: 1024px) {
    #campain .section-accordion-wrap .l-grid{padding: 0 20px;}
    #campain .section-accordion-wrap h2{font-size: 24px;line-height: 1.3;margin-bottom: 30px;}
    .section-accordion .tit{padding: 20px;}
    .section-accordion .desc{padding: 20px 0;margin: 0 20px;}
    .section-accordion .tit p{font-size: 14px;padding-left: 32px;padding-right: 10px;} /* 20250723 #22150 수정 */
    .section-accordion .desc p{font-size: 14px;padding-left: 32px;}
    /* 20250717 수정 :: S */
    .section-accordion .desc p span{font-size: 14px;line-height: 21px;}
    .section-accordion .tit i{width: 14px;height: 14px;margin: 0 8px -1px 0;} /* 20250623 추가 */
    .section-accordion li.on .tit i{margin: 0 8px 0 0;}
    /* 20250717 수정 :: E */
}
/* 20250716 수정 :: E  */
/* 20250619 추가 :: E */

/* 20250623-1 추가 :: S */
/* 카피라이트 */
.section-copyright{padding: 20px 30px;display: flex;}
.section-copyright p{color: #fff;word-break: keep-all;} /* 20250710 #21584 수정 */ /* 20250714 #21585 수정 */
.section-copyright.ta_c{justify-content: center;}
.section-copyright.ta_r{justify-content: end;}

@media screen and (max-width: 768px) {
    .section-copyright{padding: 15px 20px;}
    /* .section-copyright p{background-size: 14px 14px;padding-left: 18px;        background-position: left 2px;} 20250710 #21584 삭제 */
}


/* 
    내용 
*/
/* 내용 + 이미지 */
#campain .section-content h2 img{display: inline;width: auto;} /* 20250717 #22013 추가 */ /* 20250718 #22014 수정 */
.section-content .desc{margin-top: 40px;}
.section-content .image-area{position: relative;display: flex;max-width: 600px;} /* 20250626 수정 */ /* 20250708 #21535 수정 */
/* 20250721 #22151 추가 :: S */
.section-content.ta_c .image-area{margin: 40px auto 0;}
.section-content.ta_r .image-area{margin: 40px 0 0 auto;}
.section-content.ta_l .image-area{margin: 40px auto 0 0;}
/* 20250721 #22151 추가 :: E */
.section-content .image-area li{flex: 1;}
/* .section-content .image-wrap{border: 2px solid #555;border-radius: 10px;overflow: hidden;} 20250708 #21517 삭제 */
.section-content li + li{margin-left: 15px;}
.section-content img{display: block;height: 100%;}
.section-content .image-txt{display: block;text-align: center;font-size: 16px;font-weight: 700;margin-top: 10px;}
/* .section-content.ta_c .image-area{left: 0;} 20250626 삭제 */
/* .section-content.ta_r .image-area{left: auto;right: 60px;} 20250626 삭제 */


@media screen and (max-width: 1024px) {
    /* 
    내용 
    */
    #campain #section-content .l-grid {padding: 0 !important;}
    .section-content [class^='box']{padding: 30px 19px 60px !important;}
    /* 내용 + 이미지 */
    /* .section-content .image-area{margin: 40px 0 0;left: 0;} 20250626 삭제 */
    .section-content.ta_c .image-area{margin: 40px auto 0;}
    .section-content.ta_r .image-area{right: 0;margin-left: auto;}
    .section-content li + li{margin-left: 10px;}
}
/* 20250623-1 추가 :: E */