@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.container{width:100%;position:relative;overflow:hidden;}
.contents{position:relative;}
.contents.main div[id*='sec-']{padding:120px 0;}
.contents.sub{padding-top:140px;padding-bottom:150px;}
.contents.sub .detail{padding-top:0px;}
.contents.sub .detail.pt0{padding-top:0 !important;}

@media screen and (max-width:1280px) {
.contents.main div[id*='sec-']{padding:100px 0;}
.contents.sub{padding-top:140px;padding-bottom:180px;}
.contents.sub .detail{padding-top:0px;}
}
@media screen and (max-width:960px) {
.contents.main div[id*='sec-']{padding:80px 0;}
.contents.sub{padding-top:120px;padding-bottom:150px;}
.contents.sub .detail{padding-top:0px;}
}
@media screen and (max-width:767px) {
.contents.main div[id*='sec-']{padding:60px 0;}
.contents.sub{padding-top:100px; padding-bottom:120px;}
.contents.sub .detail{padding-top:0px;}
}
@media screen and (max-width:640px) {
.contents.main div[class*='sec-']{padding:50px 0;}
.contents.sub{padding-top:80px; padding-bottom:90px;}
}
@media screen and (max-width:560px) {
.contents.main div[class*='sec-']{padding:40px 0;}
.contents.sub{padding-top:70px; padding-bottom:60px;}
.contents.sub .detail{padding-top:0px;}
}

.contentsBg{background:#f3f3f3;}


<style>
    /* =========================================
       대명후레쉬푸드 주문/문의 섹션 스타일
       (기존 CSS 충돌 방지를 위한 네임스페이스 적용)
    ========================================= */
    .dmf-contact-section {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 10px 20px;
        box-sizing: border-box;
        letter-spacing: -0.03em;
    }

    .dmf-contact-section * {
        box-sizing: border-box;
    }

    /* 헤더 영역 */
    .dmf-contact-header {
        text-align: center;
        margin-bottom: 50px;
    }
    
    .dmf-contact-badge {
        display: inline-block;
        color: #e56543;
        font-size: 21px;
        font-weight: 700;
        margin-bottom: 12px;
    }

    .dmf-contact-title {
        font-size: 42px;
        font-weight: 800;
        color: #111;
        margin: 0 0 12px 0;
        line-height: 1.3;
    }

    .dmf-contact-desc {
        font-size: 18px;
        color: #111;
        font-weight: 600;
        margin: 0;
    }

    /* 카드 레이아웃 */
    .dmf-contact-cards {
        display: flex;
        gap: 30px;
        justify-content: center;
    }

    .dmf-card {
        flex: 1;
        max-width: 510px;
        text-decoration: none;
        border-radius: 24px;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .dmf-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
    }

    .dmf-card-phone { background-color: #e47c36; }
    .dmf-card-kakao { background-color: #fce000; }

    /* 카드 내부 영역 (하얀색 곡선 부분) */
    .dmf-card-inner {
        background-color: #fff;
        margin-top: 110px; /* 상단 배경색 노출 영역 */
        border-radius: 40px 40px 0 0; /* 곡선 디자인 */
        padding: 75px 20px 45px;
        position: relative;
        text-align: center;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* 원형 아이콘 영역 */
    .dmf-card-icon {
        position: absolute;
        top: -55px; /* 경계선에 걸치도록 위치 */
        left: 50%;
        transform: translateX(-50%);
        width: 110px;
        height: 110px;
        border-radius: 50%;
        border: 6px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }

    .dmf-card-phone .dmf-card-icon { background-color: #e47c36; }
    .dmf-card-kakao .dmf-card-icon { background-color: #fce000; }

    /* 텍스트 요소들 */
    .dmf-card-inner h3 {
        font-size: 24px;
        font-weight: 800;
        color: #111;
        margin: 0 0 15px 0;
    }

    /* 전화번호 디자인 */
    .dmf-card-number {
        font-size: 38px;
        font-weight: 800;
        color: #e47c36;
        margin: 0 0 25px 0;
        letter-spacing: 0;
    }

    /* 카카오톡 버튼 디자인 */
    .dmf-kakao-btn {
        background-color: #fce000;
        color: #111;
        font-size: 16px;
        font-weight: 700;
        padding: 12px 30px;
        border-radius: 30px;
        display: inline-block;
        margin: 0 0 25px 0;
    }

    .dmf-card-inner p {
        font-size: 18px;
        color: #111;
        font-weight: 500;
        line-height: 1.6;
        margin: 0;
    }

    /* 반응형 디자인 (모바일) */
    @media (max-width: 768px) {
        .dmf-contact-cards {
            flex-direction: column;
            align-items: center;
        }
        .dmf-card {
            width: 100%;
        }
        .dmf-contact-title {
            font-size: 24px;
        }
        .dmf-contact-desc {
            font-size: 16px;
        }
        .dmf-card-number {
            font-size: 32px;
        }
    }
</style>


/************************************************************************
* ul *
************************************************************************/
.list li{width:100%;line-height:150%;font-weight:400;position:relative;word-wrap:break-word;display:block;word-break:keep-all;}
.list li:last-child{padding-bottom:0 !important;}

.list.type1 li{padding-left:12px;padding-bottom:20px;color:#444;font-size:20px;text-align:left;font-family:'Pretendard-Medium'; }
.list.type1 li:after{width:3px;height:3px;display:block;content:"";position:absolute;top:12px;left:0;background:#636363;border-radius: 10px;}

.list.type2 li{padding-left:20px;padding-bottom:8px;color:#444;font-size:20px;text-align:left; font-weight: 400; line-height: 1.3;}
.list.type2 li:after{width:3px;height:3px;display:block;content:"";position:absolute;top:12px;left:10px;background:#636363;border-radius: 10px;}


@media screen and (max-width:1280px){
.list.type1 li{font-size:19px;}
.list.type1 li:after{top:12px;}
    
.list.type2 li{font-size:18px;}
.list.type2 li:after{top:12px;}
    
}
@media screen and (max-width:1100px){
.list.type1 li{font-size:18px;}
.list.type1 li:after{top:14px;}
    
.list.type2 li{font-size:18px;}
.list.type2 li:after{top:14px;}
}
@media screen and (max-width:960px){
.list.type1 li{padding-left:11px;font-size:17px;}
.list.type1 li:after{top:11px;}
    
.list.type2 li{font-size:17px;padding-bottom:10px;}
.list.type2 li:after{top:11px;}
}
@media screen and (max-width:767px){
.list.type1 li{font-size:16px;}
.list.type1 li:after{top:10px;}
    
.list.type2 li{font-size:16px;padding-left:18px;}
.list.type2 li:after{top:9px;}
}
@media screen and (max-width:640px){
.list.type1 li{padding-left:10px;;}
.list.type1 li:after{top:9px;}
    
.list.type2 li{;padding-left:18px;}
.list.type2 li:after{top:8px;}
}
@media screen and (max-width:460px){
.list.type2 li{padding-left:10px;font-size:15px;}
.list.type2 li:after{top:8px;left:2px;}
}
@media screen and (max-width:360px){
.list.type1 li{padding-left:8px;font-size:15px;}
.list.type1 li:after{top:8px;}
    
.list.type2 li{font-size:14px;}
.list.type2 li:after{top:8px;}
}




.checkBox {padding: 20px 80px; border-radius:200px;border:solid 2px rgba(160,174,243,.7);transition:all 0.3s ease;}

.iclist li{width: 100%; padding-bottom:10px;padding-top:10px; /*border-bottom:dashed 1px #ddd;*/font-size:20px;line-height:150%;font-weight:700 !important;color:#292929;text-align:left;display:flex;align-items:flex-start;transition:all 0.3s ease;}
.iclist li:last-child{border-bottom:none;}
.iclist li .v-icon{width:1.1em;height:1.2em;padding-top:3px;stroke: #ef7142; vertical-align:middle;display:inline-block;}
.iclist li font{width:calc(100% - 1.2em);padding-left:10px;word-wrap:break-word;display:block;word-break:keep-all;}
.iclist li font b{width: 100%; font-size: 18px !important; font-weight: 300 !important; padding-left:16px; line-height:1.5;display: block; position: relative;}
.iclist li font b:after{width:8px;height:1px;display:block;content:"";position:absolute;top:12px;left:0;background:#fff;}

    @media screen and (max-width:1500px) {
    .iclist li{font-size:19px;}
    }
    @media screen and (max-width:1280px) {
    .checkBox {padding: 30px 70px; border-radius:100px;}
    .iclist li{padding-bottom:8px;padding-top:8px;font-size:17px !imporant;}
    .iclist li font b{font-size: 16px !important;line-height:1.4; padding-left:14px; }
    .iclist li font b:after{width:6px;height:1px;top:11px;}
    }
    @media screen and (max-width:1160px) {
    .checkBox {padding: 30px 60px; border-radius:60px;}
    }
    @media screen and (max-width:960px) {
    .iclist li{font-size:16px;}
    .iclist li font{padding-left:8px;}
    .iclist li font b{font-size: 15px !important;padding-left:12px;line-height:1.3;top:5px;padding-bottom: 12px;}
    }
    @media screen and (max-width:767px) {
    .iclist li font{padding-left:5px;}
    }
    @media screen and (max-width:640px) {
    .checkBox {padding: 20px 40px; border-radius:40px;}
    .iclist li{width: 100%;}
    }
    @media screen and (max-width:540px) {
    .checkBox {padding: 20px 35px; border-radius:30px;}
    .iclist li{font-size:16px;padding-bottom:7px;padding-top:7px;}
    }
    @media screen and (max-width:460px) {
    .checkBox {padding: 15px 30px; border-radius:25px;}
    .iclist li{font-size:15px;}
    }
    @media screen and (max-width:360px) {
    .checkBox {padding: 12px 25px; border-radius:20px;}
    .iclist li{font-size:14px;padding-bottom:6px;padding-top:6px;}
    }




/************************************************************************
* table *
************************************************************************/
.table{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
.table tr th,
.table tr td{padding:14px 12px;color:#292929;line-height:150%;font-size:20px;text-align:center;vertical-align:middle;border-bottom:solid 1px #d5d5d5;border-right:solid 1px #d5d5d5;word-wrap:break-word;display:table-cell;word-break:keep-all;}
.table tr th:last-child,
.table tr td:last-child{border-right:none;}
.table tr th{background:#f9f9f9;}
.table tr .blr{border-right:solid 1px #d5d5d5 !important;}
.mThide{display:none;}



.mobileHide{width:100%;padding:5px;border:solid 1px #070c61;border-radius:20px;}
.table.type1{/*border-radius:25px;*/overflow:hidden;}
.table.type1 tr th,
.table.type1 tr td{font-size:20px !important;}
.table.type1 thead tr th{font-size:20px !important; padding: 18px 0 !important;}
.table.type1 thead tr th:first-child{border-top-left-radius: 15px !important;border-bottom-left-radius: 15px;}
.table.type1 thead tr th:last-child{border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.table.type1 tbody tr th:first-child{border-bottom:none;}
.table.type1 tbody tr:last-child td, .table.type1 tbody tr td.borBB{border-bottom:none !important;}

.table.type1 tbody tr.pd th{padding: 20px 10px !important;border-bottom:solid 1px #d5d5d5 !important;background:rgba(229,237,252,.3); color: #070c61 !important; font-weight: 600 !important;}
.table.type1 tbody tr.pd td{text-align: left !important;}
.table.type1 tbody tr th.sp1{border-top-left-radius: 15px !important;}
.table.type1 tbody tr th.sp2{border-bottom-left-radius: 15px !important;border-top:solid 1px #d5d5d5 !important;border-bottom:none !important;}

.table.type1 thead tr th{border-bottom:none !important;}
.table.type1 tr th{background:#070c61;color:#fff;}
.table.type1 tr td.bg{background:rgba(229,237,252,.3);border-top-left-radius: 15px; padding: 24px 10px;}
.table.type1 tr td.bg.bt{border-top-left-radius: 0px;border-bottom-left-radius: 15px;}
.table.type1 tr td.TL{text-align: left !important;}
.table.type1 tr td.borL{border-left:solid 1px #d5d5d5;}
.table.type1 tr td.borBLR{border-bottom-left-radius: 20px;}
.table.type1 tr b{color:#bedeff;font-size:20px;font-family:'Pretendard-Light';font-weight:normal;}
.table.type1 tr td b{color:#999;}
.table.type1 tr td br.hide, .table.type1 tr td br.hide3 {display: block;}
.table.type1 tr td br.hide2, .table.type1 tr td br.hide4 {display: none;}
/*.table.type1 tr:last-child td{border-bottom:none;}*/

@media screen and (max-width:1500px){
.table tr th,
.table tr td{padding:12px 10px;font-size:19px;}

.table.type1 tr b{color:#bedeff;font-size:16px;}
}
@media screen and (max-width:1300px){
.table.type1 tr td br.hide {display: none;}
}
@media screen and (max-width:1280px){
.table tr th,
.table tr td{padding:10px 8px;font-size:18px;}

/*.table.type1{border-radius:20px;}*/
.table.type1 tr b{font-size:14px;}
    
.table.type1 tr th,
.table.type1 tr td{font-size:17px !important;}
.table.type1 thead tr th{font-size:18px !important; padding: 20px 0 !important;}
    
.table.type1 thead tr th:first-child{border-top-left-radius: 10px !important;border-bottom-left-radius: 10px;}
.table.type1 thead tr th:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
    
.table.type1 tr td br.hide2, .table.type1 tr td br.hide3 {display: block;}
}
@media screen and (max-width:800px){
.mThide{display:block;padding-bottom:5px;}

.mobileHide{width:100%;overflow-x:auto;}
/*.mobileHide .table{min-width:800px;}*/
    
.mobileHide{border-radius:15px;}
    
.table.type1 tr th,
.table.type1 tr td{font-size:16px !important;}
.table.type1 thead tr th{font-size:17px !important;}
}
@media screen and (max-width:640px){
.table tr th,
.table tr td{padding:8px 6px;font-size:14px;}

.mobileHide{border-radius:10px;}
/*.table.type1{border-radius:15px;}*/
.table.type1 tr b{font-size:13px;}
    
.table.type1 tr th,
.table.type1 tr td{font-size:16px !important;}
.table.type1 thead tr th{font-size:17px !important; padding: 19px 0 !important;}
}
@media screen and (max-width:460px){
/*.mobileHide .table{min-width:600px;}*/
    
.mobileHide{border-radius:10px;}
    
.table.type1 tr th,
.table.type1 tr td{font-size:15px !important;}
.table.type1 thead tr th{font-size:16px !important; padding: 17px 0 !important;}
    
.table.type1 tr td br.hide4 {display: block;}
}
@media screen and (max-width:360px){
/*.mobileHide .table{min-width:500px;}*/
    
.table.type1 tr th,
.table.type1 tr td{font-size:14px !important;}
.table.type1 thead tr th{font-size:15px !important; }
}





/************************************************************************
* button *
************************************************************************/
/*.button{width:310px;margin:0 auto;padding:20px 30px;text-align:left;font-family:'GmarketSansBold';display:block;position:relative;transition:all 0.2s ease;}
.button:after{width:10px;height:10px;border:solid rgba(255,255,255,1);border-width:3px 3px 0 0;position:absolute;top:50%;right:50px;display:block;content:"";transform:translateY(-50%) rotate(45deg);transition:all 0.2s ease;}
.button font{color:#fff;}

.button:hover{background:#2a3265;transition:all 0.2s ease;}
.button:hover:after{right:40px;transition:all 0.2s ease;}

.button.blue{background:#1b44be;}
.button.blue font{color:#fff;}

@media screen and (max-width:1100px){
.button{width:280px;padding:18px 25px;}
.button:after{width:8px;height:8px;right:25px !important;}
}
@media screen and (max-width:960px){
.button{width:250px;padding:17px 20px;}
.button:after{width:6px;height:6px;border-width:2px 2px 0 0;right:20px !important;}
}
@media screen and (max-width:640px){
.button{width:230px;padding:16px 18px;}
.button:after{right:18px !important;}
}
@media screen and (max-width:420px){
.button{width:200px;padding:14px 16px;}
}

*/


/************************************************************************
* SUB_CONTENTS *
************************************************************************/
.bg_img{position:relative;}
.bg_img .bg{width:50%;max-width:644px;position:absolute;top:50%;right:10%;transform:translateY(-50%);z-index:-1;}

@media screen and (max-width:2200px) {
.bg_img .bg{right:5%;}
}
@media screen and (max-width:2100px) {
.bg_img .bg{right:2%;}
}
@media screen and (max-width:1900px) {
.bg_img .bg{right:-2%;}
}
@media screen and (max-width:1600px) {
.bg_img .bg{right:-5%;}
}
@media screen and (max-width:1520px) {
.bg_img .bg{width:50%;right:-6%;}
}
@media screen and (max-width:1280px) {
.bg_img .bg{width:45%;right:-8%;}
}
@media screen and (max-width:1100px) {
.bg_img .bg{width:40%;}
}
@media screen and (max-width:960px) {
.bg_img .bg{width:35%;}
}

.STBox{}
.STBox .S_Tit{color:#ff9638 !important}



@media screen and (max-width:780px) {
.greeding .disF{flex-direction: column !important}
.greeding .w40 {width:100% !important}
.greeding .w55 {width:100% !important}
}









/*******************/

.gap_s1 {padding: 120px 0 !important;}

    @media screen and (max-width:1280px) {
    .gap_s1 {padding: 100px 0 !important;}
    }
    @media screen and (max-width:960px) {
    .gap_s1 {padding: 90px 0 !important;}
    }
    @media screen and (max-width:640px) {
    .gap_s1 {padding: 80px 0 !important;}
    }
    @media screen and (max-width:460px) {
    .gap_s1 {padding: 70px 0 !important;}
    }



.IntroWP {padding: 0;}

    @media screen and (max-width:1280px) {
        .IntroWP {padding: 0;}
    }

.IntroWP.fff5ef {background: #fff5ef;padding: 110px 0;}


/***메뉴 3박스 ***/
.value-section { transition:all 0.5s ease;}

    .value-inner {
      width: 100%;
      margin: 0 auto;
    }

    .value-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 34px;
    }

    .value-card {
      min-height: 630px;
      text-align: center;
      border-radius: 30px;
      background: #fff;
      overflow: hidden; /* 카드를 벗어나는 모서리를 깔끔하게 깎아줌 */
      position: relative;
    }

    .value-card > img {
      width: calc(100% + 80px); /* 좌우 패딩(40px + 40px = 80px)만큼 너비를 강제로 늘림 */
      object-fit: cover;
      display: block;
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
    }

    .value-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    }

    .value-icon:after{
      width:180px;height:180px;background:#ff6000;position:absolute; border-radius: 100%; top:-35px;left:-40px;display:block;content:"";z-index: 1;transition:all 0.6s ease;}


    .value-card h3 {
      font-size: 34px;
      font-weight: 800 !important;
      line-height: 1.2;
      letter-spacing: -0.04em;
      color: #242f4a;  
	  transition:all 0.6s ease;
    }

.value-card_txt{padding:45px 35px;}


    .value-card .type22 {transition:all 0.6s ease;}

    .value-card .desc {
      font-size: 19px;
      font-weight: 500;
      line-height: 1.6;
      color: #666;
      letter-spacing: -0.04em;
      word-break: keep-all; margin-top: 20px; transition:all 0.6s ease;
    }

    .value-card:hover .value-icon img {
      transform: scale(1.08) rotate(2deg)  translateY(-10px) ;
    }


    .value-card:hover .value-icon:after{transform: scale(1.08) rotate(2deg)  translateY(-10px) ;}

    .value-card:hover h3 {
      color: #ff6000; transform: scale(1.02) translateY(-10px) ;
    }
    .value-card:hover .type22 {
      color: #806758 !important; transform: scale(1.02) translateY(-10px) ;
    }
    .value-card:hover .desc {
      color: #000; transform: scale(1.02) translateY(-10px) ;
    }


    @media (max-width: 1400px) {
      .value-list {
        gap: 28px;
      }
        
      .value-card {
        min-height: 560px;
      }

      .value-card h3 {
        font-size: 35px; margin-top: 80px;
      }
        
    .value-card .desc {
        font-size: 18px;
      }
    }

    @media (max-width: 1280px) {
      .value-list {
        gap: 24px;
      }
        
      .value-card {
      }

      .value-card h3 {
        font-size: 32px;
      }
    }

    @media (max-width:960px) {        
      .value-list {
        gap: 18px;
      }
        
      .value-card {
        min-height: auto;
      }

      .value-card h3 {
        font-size: 28px; margin-top: 50px;
      }
        
      .value-card .desc {
        font-size: 16px;
      }
    }

    @media (max-width:860px) {   
    .value-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 48%));
      justify-content: center;
      gap: 34px;
    }
   
      .value-list {
        gap: 18px;
      }
        
      .value-card {
        min-height: auto;
      }

      .value-card h3 {
        font-size: 28px; margin-top: 50px;
      }
        
      .value-card .desc {
        font-size: 16px;
      }
    }

    @media (max-width: 640px) {
      .value-list { width: 90%; margin: 0 auto;
        grid-template-columns: 1fr;
        gap: 20px;
      }
        
    .value-card:nth-child(3) {
      grid-column: 1 ;
      width: 100%;
    }
        
      .value-card {
        min-height: auto;
      }

      .value-card h3 {
        font-size: 24px;margin-top: 20px;
      }
        
      .value-card .desc {
        font-size: 16px;margin-top: 10px; line-height: 1.2;
      }
    }

    @media (max-width: 540px) {
      .value-list { 
        width: 100%; 
      }
        

      .value-card h3 {
        font-size: 22px;
      }
        
      .value-card .desc {
        font-size: 15px;
      }
    }

    @media (max-width: 460px) {
      .value-icon {
        width: 65px;
        height: 65px;
        margin: 0 auto 40px;
      }
        
      .value-icon:after{
        width:110px;height:110px;top:-22px;left:-22px;}
    }

    @media (max-width: 360px) {
      .value-list {
        gap: 15px;
      }
        
      .value-card h3 {
        font-size: 20px;
      }
        
      .value-card .desc {
        font-size: 14px;
      }
    }


/**케이터링 **/
.cateringWP {padding: 0;}

    @media screen and (max-width:1280px) {
        .IntroWP {padding: 0;}
    }

.cateringWP.fff5ef {background: #fff5ef;padding: 110px 0;}


/***메뉴 3박스 ***/
.catering-section { transition:all 0.5s ease;}

    .catering-inner {
      width: 100%;
      margin: 0 auto;
    }

    .catering-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 34px;
    }

    .catering-card {
      min-height: 180;
      text-align: center;
      border-radius: 30px;
      background: #fff;
      overflow: hidden; /* 카드를 벗어나는 모서리를 깔끔하게 깎아줌 */
      position: relative;
    }


    .catering-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    }

    .value-icon:after{
      width:180px;height:180px;background:#ff6000;position:absolute; border-radius: 100%; top:-35px;left:-40px;display:block;content:"";z-index: 1;transition:all 0.6s ease;}


    .catering-card h3 {
      font-size: 34px;
      font-weight: 800 !important;
      line-height: 1.2;
      letter-spacing: -0.04em;
      color: #242f4a;  
	  transition:all 0.6s ease;
    }

.catering-card_txt{padding:45px 35px;}


    .catering-card .type22 {transition:all 0.6s ease;}

    .catering-card .desc {
      font-size: 19px;
      font-weight: 500;
      line-height: 1.6;
      color: #666;
      letter-spacing: -0.04em;
      word-break: keep-all; margin-top: 20px; transition:all 0.6s ease;
    }

    .catering-card:hover .value-icon img {
      transform: scale(1.08) rotate(2deg)  translateY(-10px) ;
    }


    .catering-card:hover .value-icon:after{transform: scale(1.08) rotate(2deg)  translateY(-10px) ;}

    .catering-card:hover h3 {
      color: #ff6000; transform: scale(1.02) translateY(-10px) ;
    }
    .catering-card:hover .type22 {
      color: #806758 !important; transform: scale(1.02) translateY(-10px) ;
    }
    .catering-card:hover .desc {
      color: #000; transform: scale(1.02) translateY(-10px) ;
    }


    @media (max-width: 1400px) {
      .catering-list {
        gap: 28px;
      }
        
      .catering-card {
        min-height: 560px;
      }

      .catering-card h3 {
        font-size: 35px; margin-top: 80px;
      }
        
    .catering-card .desc {
        font-size: 18px;
      }
    }

    @media (max-width: 1280px) {
      .catering-list {
        gap: 24px;
      }
        
      .catering-card {
      }

      .catering-card h3 {
        font-size: 32px;
      }
    }

    @media (max-width:960px) {        
      .catering-list {
        gap: 18px;
      }
        
      .catering-card {
        min-height: auto;
      }

      .catering-card h3 {
        font-size: 28px; margin-top: 50px;
      }
        
      .catering-card .desc {
        font-size: 16px;
      }
    }

    @media (max-width:860px) {   
    .catering-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 48%));
      justify-content: center;
      gap: 34px;
    }
   
      .catering-list {
        gap: 18px;
      }
        
      .catering-card {
        min-height: auto;
      }

      .catering-card h3 {
        font-size: 28px; margin-top: 50px;
      }
        
      .catering-card .desc {
        font-size: 16px;
      }
    }

    @media (max-width: 640px) {
      .catering-list { width: 90%; margin: 0 auto;
        grid-template-columns: 1fr;
        gap: 20px;
      }
        
    .catering-card:nth-child(3) {
      grid-column: 1 ;
      width: 100%;
    }
        
      .catering-card {
        min-height: auto;
      }

      .catering-card h3 {
        font-size: 24px;margin-top: 20px;
      }
        
      .catering-card .desc {
        font-size: 16px;margin-top: 10px; line-height: 1.2;
      }
    }

    @media (max-width: 540px) {
      .catering-list { 
        width: 100%; 
      }
        

      .catering-card h3 {
        font-size: 22px;
      }
        
      .catering-card .desc {
        font-size: 15px;
      }
    }

    @media (max-width: 460px) {
        
      .value-icon:after{
        width:110px;height:110px;top:-22px;left:-22px;}
    }

    @media (max-width: 360px) {
      .catering-list {
        gap: 15px;
      }
        
      .catering-card h3 {
        font-size: 20px;
      }
        
      .catering-card .desc {
        font-size: 14px;
      }
    }




/***********  ***********/

.gr_ttl {width: 90%; display:grid; grid-template-columns: 35% 65%;  gap:2.0rem; margin: 0 auto;}
.gr_ttl font{line-height: 1.5;  word-break: keep-all; line-height: 1.7;}
.gr_ttl font br.hide, .gr_ttl font br.hide2{display: block;}
.gr_ttl font b{font-size: 1.05em;}


    @media screen and (max-width:1280px) {
    .gr_ttl {grid-template-columns: 30% 70%;}
    }
    @media screen and (max-width:1100px) {
    .gr_ttl {grid-template-columns: 30% 70%;}
    .gr_ttl font br.hide{display: none;}
    }
    @media screen and (max-width:767px) {
    .gr_ttl {grid-template-columns: 1fr; gap: 2.0rem;}
    .gr_ttl .type22 {font-size: 18px !important;}
    }
    @media screen and (max-width:480px) {
    .gr_ttl .type22 {font-size: 17px !important;}
    .gr_ttl font br.hide2{display: none;}
    }
    @media screen and (max-width:360px) {
    .gr_ttl .type22 {font-size: 16px !important;}
    }




/*********** 1-2 걸어온길 ***********/
.hisWP.history-wheel-section{
    position:relative;
    height:250vh;
    min-height:1600px;
}

.history-wheel-pin{
    position:sticky;
    top:110px;
    width:100%;
    min-height:760px;
}

.history-wheel-card{
    position:relative;
    width:100%;
    min-height:850px;
    border-radius:54px;
    overflow:hidden;
    padding:10px 130px;
    display:grid;
    grid-template-columns:40% 55%;
    gap:5%;
    align-items:center;
    background:
        url('/sub1/img/his_bg.jpg') right center/cover no-repeat;
    isolation:isolate;
}

.history-watermark{
    position:absolute;
    left:64px;
    bottom:-40px;
    z-index:0;
    font-size:clamp(120px,13vw,220px);
    line-height:1;
    font-weight:900;
    color:rgba(255,255,255,.3);
    letter-spacing:-.03em;
    pointer-events:none;
}

.history-left,
.history-right{
    position:relative;
    z-index:2;
}


/* 왼쪽 sticky 영역 */
.history-left {
    position: -webkit-sticky;
    position: sticky;
    top: 130px;
    width: 90%;
    height: fit-content;
    align-self: flex-start;
    padding-top: 20px;
    z-index: 10;
}


.history-left h2{
    margin:0 0 70px;
    line-height:1.15;
    font-weight:800;
    color:#111;
    letter-spacing:-.06em;
}

.history-img-box{
    position:relative;
    width:500px;
    max-width:100%;
    height:285px;
    border-radius:16px;
    overflow:hidden;
    background:#e8e8e8;
}

.history-img-box img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transform:translate3d(0,24px,0) scale(1.08);
    filter:blur(10px);
    transition:
        opacity .9s cubic-bezier(.22,1,.36,1),
        transform 1.15s cubic-bezier(.22,1,.36,1),
        filter 1s cubic-bezier(.22,1,.36,1);
}

.history-img-box img.is-active{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    filter:blur(0);
}

.history-right{
    min-height:540px;
    padding-left:70px;
    display:flex;
    align-items:center;
}

.history-line{
    position:absolute;
    left:0;
    top:40px;
    bottom:40px;
    width:1px;
    background:#d7d7d7;
    overflow:hidden;
}

.history-line i{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:var(--history-line,0%);
    background:#ff9638;
    transition:height .75s cubic-bezier(.22,1,.36,1);
}

.hisWP .history-list-window {
  overflow: hidden;
  padding-left: 18px;
  margin-left: -18px;
}

.history-list{
    position:relative;
    padding:58px 0 58px 0;
    transform:translate3d(0,var(--history-y,0px),0);
    transition:transform 1.05s cubic-bezier(.16,1,.3,1);
    will-change:transform;
}

.history-wheel-card{
    opacity:0;
    transform:translate3d(0,60px,0);
    filter:blur(14px);
    transition:
        opacity 1s cubic-bezier(.22,1,.36,1),
        transform 1s cubic-bezier(.22,1,.36,1),
        filter 1s cubic-bezier(.22,1,.36,1);
}

.history-wheel-section.is-ready .history-wheel-card{
    opacity:1;
    transform:translate3d(0,0,0);
    filter:blur(0);
}


/* 오른쪽 연혁 */
.history-item {
    position: relative;
    padding: 64px 0 74px 80px;
    border-top: 1px dashed #e5e8ef;

    opacity: 0.55;
    transform: translateY(26px);
    transition:
        opacity 0.6s ease,
        transform 0.6s ease;
}

.history-item:last-child {
    border-bottom: 1px dashed #e5e8ef;
}



.history-item.is-active{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    filter:blur(0);
}

.history-item.is-active:before{
    background:#ff9638;
    transform:scale(1.18);
    box-shadow:0 0 0 8px rgba(255,150,56,.20);
}

.history-item h4{
    margin:0 0 22px;
    font-size:38px;
    line-height:1;
    font-weight:900;
    color:#11156f;
    letter-spacing:-.04em;
}

.history-item p{
    margin:8px 0 0;
    font-size:21px;
    line-height:1.45;
    font-weight:600;
    color:#111;
    letter-spacing:-.03em;
}





.history-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 78px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #cfd6e4;
    transition:
        background 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s ease;
}

.history-item::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 96px;
    width: 1px;
    height: calc(100% - 96px);
    background: #e5e8ef;
}

.history-item-year {
    font-size: 52px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #aaa;
    font-family: "Montserrat" !important;
    transition: color 0.45s ease;
}

.history-list li {
    display: flex; 
    list-style: none;
    position: relative;
    padding-left: 18px;
    margin-top: 10px;
    font-size: 22px;
    line-height: 1.6;
    color: #777;
    word-break: auto-phrase;
    transition: color 0.45s ease;
}
.history-list li b{
    width: 90px !important; font-weight: 300;
    display: inline-block;
    transition: color 0.45s ease;
}

.history-list li font{
    width:calc(100% - 90px);
    padding:0;
    word-break: auto-phrase;
}

.history-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #9aa6ba;
}

/* 활성 상태 */
.history-item.is-active {
    opacity: 1;
    transform: translateY(0);
}

.history-item.is-active::before {
    background: #252972;
    box-shadow: 0 0 0 10px rgba(37, 41, 114, 0.12);
    transform: scale(1.08);
}

.history-item.is-active .history-item-year{
    color: #000; 
}

.history-item.is-active .history-list li {
    color: #333;
}

/* 지나간 항목 */
.history-item.is-passed {
    opacity: 0.78;
    transform: translateY(0);
}

.history-item.is-passed .history-item-year {
    color: #444;
}

.history-item.is-passed .history-list li {
    color: #555;
}

.history-item.is-passed::before {
    background: #111;
}






/*********** 1-3 가치와 방향 ***********/

.valueWP {
  position: relative;
  /*padding: 120px 0;*/
  background: #fff;
  overflow: hidden;
}

.valueWP * {transition:all 0.3s ease;}
.valueWP h2 {transition:all 0.3s ease;}

.valueWP .valueBx .disF .item{width:calc(100%/4 - 10px);padding: 0 30px 0 30px;position:relative;}
.valueWP .valueBx .disF .item:after{width:1px;height:80%;background:#eee;position:absolute;top:15%;left:-10px;display:block;content:"";transition:all 0.3s ease;}
.valueWP .valueBx .disF .item i{width:fit-content;padding: 4px 18px 3px 18px; display:block;text-align:center;color:#fff;background:#11156f;border-radius:50px; margin: 40px 0;font-family: "Montserrat" !important; font-weight: 500;}
.valueWP .valueBx .disF .item .ico{display: block; margin-top: 15px;;}
.valueWP .valueBx .disF .item font{letter-spacing: -0.03em; line-height: 1.15 ; font-family: 'Pretendard-Bold' !important;}



    @media screen and (max-width:1280px){
    .valueWP .valueBx .disF .item:after{width:1px;height:100%;top:0; left:-10px;}
    }
    @media screen and (max-width:1100px){
    .valueWP .valueBx {width: 94%; margin: 0 auto;}

    .valueWP .valueBx .disF .item{width:calc(100%/2);margin:10px 0; margin-bottom: 60px;}
    .valueWP .valueBx .disF .item:nth-child(odd){padding: 0 40px 0 10px;}
    .valueWP .valueBx .disF .item:nth-child(odd):after{display: none;}
    .valueWP .valueBx .disF .item:nth-child(even){padding: 0 10px 0 40px;}
    .valueWP .valueBx .disF .item i{margin: 30px 0;}
    }
    @media screen and (max-width:767px){
    .valueWP .valueBx .disF .item .ico{width: 80px; height: 80px;}
    }
    @media screen and (max-width:640px){
    .valueWP .valueBx .disF .item{width:calc(100%/2);}
    .valueWP .valueBx .disF .item div{width:200px;height:200px;}
    }
    @media screen and (max-width:540px){
    .valueWP .valueBx {padding: 0px 10px;}
    .valueWP .valueBx .disF .item{width:calc(100%/1);margin-bottom: 60px;}
    .valueWP .valueBx .disF .item:nth-child(odd),
    .valueWP .valueBx .disF .item:nth-child(even){padding: 0 20px;}
    .valueWP .valueBx .disF .item:after, .valueWP .valueBx .disF .item:nth-child(odd):after {width:100%;height:1px;top:auto; bottom: -40px; left:0; display: block;}
    }
    @media screen and (max-width:360px){
    .valueWP .valueBx {padding: 0px ;}
    .valueWP .valueBx .disF .item {padding: 0 10px !important;}
    }






/*********** 1-4 조직도 ***********/
.org-section {background: #fafafa;padding: 120px 0; padding-top: 0;}
.org-section *{transition:all 0.3s ease;}

.org-design {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;
}

/* 상단 조직 */
.org-top {
  position: relative;
  width: 360px;
  margin: 0 auto 86px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 45px;
}

/* 중앙 세로 라인 */
.org-top::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 74px;
  bottom: -86px;
  width: 1px;
  background: #d9d9d9;
  transform: translateX(-50%);
  z-index: 0;
}

.org-pill {
  position: relative;
  z-index: 2;
  width: 320px;
  height: 76px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.org-pill.navy {
  background: linear-gradient(135deg, #11156f 0%, #4348b8 45%, #2f4fd0 100%);
}

.org-pill.navy2 {
  background: linear-gradient(135deg, #4348bb 0%, #666bd4 45%, #9699ea 100%); margin-top: 60px;
}

.org-pill.blue {
  background: linear-gradient(135deg, #767ae5 0%, #9fa2f4 45%, #c0c2fe 100%);
}
.org-pill.orange {
  background: linear-gradient(135deg, #f78a27 0%, #f9a254 45%, #fbd5b1 100%);
}

.org-pill.white {
  background: #fff;
  color: #111;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
}

/* 감사 */
.org-audit {
  position: absolute;
  top: 80px;
  left: calc(100% + 80px);
  z-index: 3;
}

.org-audit::before {
  content: "";
  position: absolute;
  top: 60%;
  right: 100%;
  width: 260px;
  height: 1px;
  background: #d9d9d9;
  transform: translateY(-50%);
}

/* 하단 부서 */
.org-bottom {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

/* 하단 가로 라인 */
.org-bottom::before {
  content: "";
  position: absolute;
  left: 15.5%;
  right: 15.5%;
  top: -46px;
  height: 1px;
  background: #d9d9d9;
  z-index: 0;
}

/* 각 카드 세로 라인 */
.org-card::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -46px;
  width: 1px;
  height: 46px;
  background: #d9d9d9;
  transform: translateX(-50%);
  z-index: -1;
}
.org-card:nth-child(2):before {display: none;}

.org-card {
  position: relative;
  z-index: 2;
  min-height: 155px;
  padding: 42px 25px 35px;
  border-radius: 28px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.03);
}

.org-card strong {
  display: block;
  color: #000;
  font-size: 23px;
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: -0.05em;
}

        @media (max-width: 1280px) {
          .org-design {
            max-width: 1000px;
            padding: 0 30px;
          }

          .org-audit {
            left: calc(100% + 45px);
          }

          .org-audit::before {
            width: 225px;  top: 52%;
          }
            
          .org-pill {
            width: 300px;
            height: 80px;
            font-size: 23px;
          }

          .org-bottom {
            gap: 28px;
          }

          .org-card {
            min-height: 145px;
          }

          .org-card strong {
            font-size: 21px;
          }
        }
        @media (max-width: 1100px) {
          .org-pill {width: 260px;}
            
          .org-audit {
            left: calc(90% + 5px);
          }

          .org-audit::before {
            width: 150px;  top: 53%;
          }
        }

        @media (max-width: 960px) {
          .org-section {padding-top: 100px;}
            
          .org-top {
            width: 300px;
            gap: 28px;
            margin-bottom: 70px;
          }

          .org-pill {
            width: 240px;
            height: 70px;
            font-size: 21px;
          }

          .org-top::before {
            top: 64px;
            bottom: -70px;
          }

          .org-audit::before {
            width: 125px;  top: 53%;
          }

          .org-bottom {
            grid-template-columns: repeat(3, 1fr);
            gap: 22px;
          }

          .org-card {
            min-height: 130px;
            border-radius: 24px;
            padding: 32px 20px;
          }

          .org-card strong {
            font-size: 19px;
          }
        }
        @media (max-width: 767px) {
          .org-pill {
            width: 200px;
            height: 70px;
            font-size: 20px;
          }

          .org-audit {
            left: calc(80% + 5px);
          }

          .org-audit::before {
            width: 100px;  top: 53%;
          }
        }

        @media (max-width: 640px) {
          .org-section {
            padding: 70px 0;
          }

          .org-design {
            padding: 0 18px;
          }

          .org-top {
            width: 100%;
            gap: 22px;
            margin-bottom: 45px;
          }

          .org-pill {
            width: 100%;
            max-width: 250px;
            height: 80px;
            border-radius: 20px;
            font-size: 20px;
          }
            
          .org-pill.navy2 { margin-top: 120px; }

          .org-audit {
            width: 100%;
            max-width: 220px;
            left: calc(58% + 5px); 
            top: 105px;
          }

          .org-audit::before {
            width: 50px;  top: 53%;
          }
            
          .org-bottom {
            gap: 12px;
          }

          .org-bottom::before,
          .org-card::before {
            display: none;
          }

          .org-card {
            min-height: 115px;
            border-radius: 18px;
            padding: 30px 22px;
          }

          .org-card strong {
            font-size: 20px;
          }
        }
        @media (max-width: 540px) {
          .org-section {
            padding: 70px 0;
          }

          .org-design {
            padding: 0 18px;
          }

          .org-top {
            width: 100%;
            gap: 22px;
            margin-bottom: 45px;
          }

          .org-pill {
            width: 100%;
            max-width: 300px;
            height: 80px;
            border-radius: 20px;
            font-size: 20px;
          }
            
          .org-pill.navy2 { margin-top: 120px; }

          .org-audit {
            width: 100%;
            max-width: 300px;
            left: calc(14% + 0px); 
            top: 105px;
          }

          .org-audit::before {display: none;}
            
          .org-bottom {
            grid-template-columns: 1fr;
            gap: 12px;
          }

          .org-bottom::before,
          .org-card::before {
            display: none;
          }

          .org-bottom::before,
          .org-card::before {
            display: none;
          }

          .org-card { 
            width: 300px;  
            min-height: 65px;
            border-radius: 18px;
            padding: 10px 12px; margin: 0 auto; 
          }

          .org-card strong {
            font-size: 20px;
          }
        }
        @media (max-width: 400px) {
          .org-pill {
            max-width: 250px;
            font-size: 18px;
          }

          .org-audit {
            max-width: 250px;
            left: calc(9% + 0px); 
          }

          .org-bottom::before,
          .org-card::before {
            display: none;
          }
          .org-card { 
            width: 250px;  
            min-height: 65px;
            border-radius: 18px;
            padding: 10px 12px; margin: 0 auto; 
          }

          .org-card strong {
            font-size: 18px;
          }
        }
        @media (max-width: 320px) {
          .org-audit {
            left: calc(1% + 0px); 
          }
        }






/*********** 1-5 지역사회 기여활동 ***********/
.localBx *{transition:all 0.3s ease;}

.localBx .disF > div{width:calc(100%/2 - 40px); }
.localBx .disF > div .imgBox{position:relative;height: 640px !important; border-radius:50px;overflow: hidden;}
.localBx .disF > div .imgBox img{width:100%;}
.localBx .disF > div .iitBox{width:100%;position:absolute;padding: 10%;display:flex;flex-direction:column;  gap:30px;}
.localBx .disF > div .iitBox *{color:#fff;}
.localBx .disF > div .iitBox h5{font-weight: 500 !important;}
.localBx .disF > div .iitBox .roundBox{width: 100%; margin:0 auto;padding:20px 30px;border-radius:30px;background:rgba(255,255,255,0.15);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:table;color:#fff;}

    @media screen and (max-width:1400px) {
    .localBx .disF > div .imgBox{height: 670px !important;}
    .localBx .disF > div .iitBox .roundBox{padding:30px 20px;}
    }
    @media screen and (max-width:1280px) {
    .localBx .disF > div{width:calc(100%/2 - 30px);}
        
    .localBx .disF > div .imgBox{height: 580px !important;border-radius:40px;}
    .localBx .disF > div .iitBox{padding: 7%; padding-top: 10%;}
    .localBx .disF > div .iitBox .roundBox{padding:25px 20px;}
    }
    @media screen and (max-width:1100px) {
    .localBx .disF > div{width:calc(100%/2 - 25px);}
        
    .localBx .disF > div .iitBox .roundBox{padding:25px 20px;}
        
    .localBx .disF .imgBox { position: relative; width: 100%; min-height: 500px; overflow: hidden;  border-radius: 20px;}

    /* 전체 배경 이미지 */
    .localBx .disF .imgBox > img {position: absolute; top: 0; left: 0;    width: 100%; height: 100%; object-fit: cover;  object-position: center;
    z-index: 1;}

    /* 이미지 위 콘텐츠 */
    .localBx .disF .imgBox .iitBox { position: relative;  z-index: 2;    width: 100%; min-height: 500px; padding: 5%; padding-top: 10%;  box-sizing: border-box;}

    /* 글씨가 잘 보이도록 어두운 효과 */
    .localBx .disF .imgBox::after {content: ""; position: absolute; inset: 0;
    background: rgba(0, 0, 0, 0.25); z-index: 1; pointer-events: none;}
    }
    @media screen and (max-width:960px) {
    .localBx .disF > div{width:calc(100%/2 - 15px);}
        
    .localBx .disF > div .imgBox{height: 580px !important;border-radius:35px;}
        
    .localBx .disF > div .iitBox{padding: 6% ; padding-top: 8%; gap:25px;}
    .localBx .disF > div .iitBox .roundBox{padding:20px 20px;border-radius:15px;}
    }
    @media screen and (max-width:860px) {
    .localBx .disF > div{width:calc(100%/2 - 10px);}
        
    .localBx .disF > div .iitBox{padding: 5.5%;padding-top: 8%; gap:20px;}
    .localBx .disF > div .iitBox .roundBox{padding:20px 22px;}
    }
    @media screen and (max-width:767px) {
    .localBx .disF > div{width:calc(85%/1 - 10px); margin: 10px auto;}
        
    .localBx .disF > div:nth-child(1) .imgBox {height: 440px !important;}
    .localBx .disF > div:nth-child(2) .imgBox {height: 600px !important;}
        
    .localBx .disF > div .imgBox{height: auto !important;border-radius:30px;}
    .localBx .disF .imgBox .iitBox {min-height: auto;}
        
    .localBx .disF > div .iitBox h4{font-size: 30px !important;}
    .localBx .disF > div .iitBox{padding: 4.5%; padding-top: 7%;}
    .localBx .disF > div .iitBox .roundBox{padding:25px 20px;border-radius:20px;}
    }
    @media screen and (max-width:640px) {
    .localBx .disF > div{width:calc(90%/1 - 10px);}
        
    .localBx .disF > div .iitBox h5{font-size: 28px !important; margin-top: 50px !important;}
    .localBx .disF > div .iitBox{padding: 5%; gap:30px;}
    .localBx .disF > div .iitBox .roundBox{padding:20px 18px;border-radius:15px;}
    }
    @media screen and (max-width:540px) {
    .localBx .disF > div{width:calc(96%/1 - 0px);}
        
    .localBx .disF > div .iitBox h5{font-size: 26px !important;}
    .localBx .disF > div .iitBox .roundBox{padding:25px 20px;}
    }
    @media screen and (max-width:460px) {
    .localBx .disF > div{width:calc(100%/1 - 0px);}
        
    .localBx .disF > div .imgBox{border-radius:25px;}
    .localBx .disF > div .iitBox h5{font-size: 26px !important;}
    .localBx .disF > div .iitBox .roundBox{padding:15px 20px;border-radius:12px;}
    }
    @media screen and (max-width:420px) {
    .localBx .disF > div .iitBox h5{font-size: 23px !important;}
    .localBx .disF > div .iitBox{gap:20px;}
    }
    @media screen and (max-width:360px) {
    .localBx .disF > div{ margin: 5px auto;}
    .localBx .disF > div .iitBox h5{font-size: 22px !important;}
    .localBx .disF > div .iitBox{gap:15px;}
    }
    @media screen and (max-width:320px) {
    .localBx .disF > div .iitBox h5{font-size: 21px !important;}
    }










/*********** .. ***********/
.actWp {}
.actWp .mL5 {margin-left: 5%;margin-right: 5%; transition:all 0.3s ease;}
.actWp h4 {font-size: 50px !important; line-height: 1.2 !important; transition:all 0.3s ease;}
.actWp .type22 br.hide {display: block;}

.actWp .apWP{width: 90%; position: relative; padding: 5%; margin: 0 auto; transition:all 0.3s ease;}
.actWp .apWP:after{width:100%;height:100%;background:#fafafa;position:absolute;bottom:0;left:0;border-radius: 30px; display:block;content:"";z-index: -1; transition:all 0.3s ease;}
.actWp .apWP.bgnone:after{display: none;}
.actWp .apWP font{position: relative; display: block; transition:all 0.3s ease;}
.actWp .apWP font.none{padding: 0; padding-left: 6px;}
.actWp .apWP font br.hide{display: block;}
.actWp .apWP .i_down{width: 400px; height: auto;  display: block; position: absolute; bottom:-50px;transition:all 0.3s ease;}

.actWp .apWP .imgBx{border-radius: 20px; overflow: hidden;transition:all 0.3s ease;}
.actWp .apWP .imgBx.careimg1{display: block;}
.actWp .apWP .imgBx.careimg2{display: none;}

/* 핵심 특징 리스트 스타일 */
.feature-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
}

.feature-list li {
    background: #fdfdfd;
    border: 1px solid #eaeaea;
    border-left: 4px solid #0056b3;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 6px;
}

.feature-list li strong {
    display: block;
    color: #222;
    margin-bottom: 5px;
}

.feature-list li span {
    color: #666;
}

/* 다운로드 버튼 */
.btn_down {display: inline-flex; align-items: center;justify-content: center; padding: 24px 80px !important; border-radius: 999px !important; background: #f7973f !important; color: #fff !important;font-size: 34px !important; font-weight: 600 !important;letter-spacing: -0.02em !important;line-height: 1 !important; text-decoration: none;transition: transform 0.3s ease,background-color 0.3s ease, color 0.3s ease;}

.btn_down:hover, .btn_down:focus-visible {transform: scale(1.08);}


    @media screen and (max-width:1400px) {
    .actWp .apWP.disF .careBx1 {width: 45% !important;}
    .actWp .apWP.disF .imgBx img{width: 100% !important;}
    .actWp .apWP.disF .careBx2 {width: 50% !important;}
    }
    @media screen and (max-width:1280px) {
    .actWp .apWP{width: 94%; }
    .actWp h4 {font-size: 44px !important;}
    .actWp .apWP .i_down{width: 350px;}
        
    .btn_down {padding: 22px 70px !important;font-size: 32px !important;}
        
        
    .actWp .apWP.disF .careBx1 {width: 50% !important;}
    .actWp .apWP.disF .careBx2 {width: 45% !important;}
    }
    @media screen and (max-width:1100px) {
    .actWp .apWP{width: 96%; padding: 7%;  }
    .actWp h4 {width: 100%; font-size: 40px !important;}
    .actWp .apWP font{padding: 4%;}
    .actWp .apWP font br.hide{display: none;}
    .actWp .apWP .mt100{margin-top: 80px !important;}
    .btn_down {font-size: 30px !important;}
    .actWp .apWP .i_down{width: 320px;}
        
        
    .actWp .apWP.disF .careBx1 {width: 100% !important;}
    .actWp .apWP.disF .careBx2 {width: 100% !important; margin-top: 20px;}
    .actWp .apWP .imgBx.careimg1{display: none;}
    .actWp .apWP .imgBx.careimg2{display: block;}
    }
    @media screen and (max-width:960px) {
    .btn_down {font-size: 27px !important;}
    .actWp .apWP .mt100{margin-top: 60px !important;}
    }
    @media screen and (max-width:860px) {
    .actWp .apWP:after{height:50%; bottom: -30px;}
    .actWp .apWP.disF {display: block;}
    .actWp .apWP.disF .w65 {width: 100% !important;}
    .actWp .apWP.disF .w30 {width: 100% !important; }
    .actWp .apWP.disF .w30 img{right:0; bottom: -30px;}
    .actWp .apWP .mt100{margin-top: 130px !important;}
    .btn_down {font-size: 24px !important;}
    .actWp .apWP .i_down{width: 260px;}
        
    .actWp .type22.pl5 {padding-left: 0 !important;}
    .actWp .type22 br.hide {display: none;}
    }
    @media screen and (max-width:767px) {
    .actWp h4 {font-size: 34px !important;padding-left: 0%;}
    .btn_down {font-size: 22px !important;padding: 20px 60px !important;}
    .actWp .apWP .i_down{width: 220px;}
        
    .actWp .mL5 {margin-left: 0;margin-right: 0;}
    .actWp .mobileHide.w95 {width: 100% !important;}
    }
    @media screen and (max-width:640px) {
    .actWp .apWP{padding: 3%; }
    .actWp h4 {font-size: 30px !important;}
    .actWp .apWP .i_down{width: 220px;}
    .btn_down {padding: 20px 50px !important;}
        
    .actWp .apWP.disF .careBx1 {margin-top: 30px;}
    .actWp .apWP .imgBx{border-radius: 10px;}
    }
    @media screen and (max-width:540px) {
    .actWp .apWP:after{height:140%; bottom: -220px;}
    .actWp h4 span {font-size: 24px !important; }
    .actWp .apWP .mt100{margin-top: 50px !important;}
    .btn_down {padding: 20px 40px !important;}
    .actWp .apWP.disF .w30 img{top:90%; right:0;}
    }
    @media screen and (max-width:480px) {
    .actWp h4 span {font-size: 20px !important; }
    }
    @media screen and (max-width:460px) {
    .actWp .apWP{padding: 5% 0;}
    .actWp .apWP:after{height:80%; bottom:-10px;border-radius: 20px;}
    .actWp h4 span {font-size: 18px !important; }
    .actWp .apWP font{padding: 0%;}
    .actWp .apWP .i_down{position: relative; display: block; margin: 0 auto; margin-top: 20px;}
    .actWp .apWP.disF .w30 img{top:auto; right:auto; position: relative;}
    
    .btn_down {width: fit-content; margin: 0 auto;position: relative;display: block; }           
    }
    @media screen and (max-width:360px) {    
    .actWp .apWP:after{height:76%; bottom:-10px;}
    .actWp h4 span {font-size: 16px !important; }    
    .actWp .apWP .i_down{width: 200px;}
    }

/*********** 메뉴 ***********/
#container .menu_warp {}
#container .menu_warp .mL5 {margin-left: 5%;margin-right: 5%; transition:all 0.3s ease;}
#container .menu_warp h4 {font-size: 50px !important; line-height: 1.2 !important; transition:all 0.3s ease;}
#container .menu_warp .type22 br.hide {display: block;}
#container .menu_warp span{color:#fff; padding:15px 20px; background:#ef7142; border:solid 1px #e3683a;border-radius:30px; display: inline-block;}
#container .menu_warp {position: relative; margin: 0 auto; transition:all 0.3s ease;}




    @media screen and (max-width:1400px) {
    .menu_warp .disF .careBx1 {width: 45% !important;}
    .menu_warp .disF .imgBx img{width: 100% !important;}
    }
    @media screen and (max-width:1280px) {
    .menu_warp {width: 94%; }
    .menu_warp h4 {font-size: 44px !important;}
    .menu_warp .disF .careBx1 {width: 50% !important;}
    .menu_warp .disF .careBx2 {width: 45% !important;}
    }
    @media screen and (max-width:1100px) {
    .menu_warp {width: 96%; padding: 7%;  }
    .menu_warp h4 {width: 100%; font-size: 40px !important;}
        
    .menu_warp .disF .careBx1 {width: 100% !important;}
    .menu_warp  .imgBx.careimg1{display: none;}
    .menu_warp  .imgBx.careimg2{display: block;}
    }
    @media screen and (max-width:960px) {
    }
    @media screen and (max-width:860px) {
    .menu_warp .disF {display: block;}
    .menu_warp .w45 {width: 100% !important;}
    .menu_warp .w50 {width: 100% !important; }     
    .menu_warp .type22.pl5 {padding-left: 0 !important;}
	.menu_warp .careBx2{margin-top:25px;}
	#container .menu_warp span{padding:10px 20px; }
    }
    @media screen and (max-width:767px) {
    .menu_warp h4 {font-size: 34px !important;padding-left: 0%;}     
    .menu_warp .mL5 {margin-left: 0;margin-right: 0;}
    }
    @media screen and (max-width:640px) {
    .menu_warp {padding: 3%; }
    .menu_warp h4 {font-size: 30px !important;}        
    .menu_warp .disF .careBx1 {margin-top: 30px;}
    }
    @media screen and (max-width:540px) {
    .menu_warp h4 span {font-size: 24px !important; }
    .menu_warp  .mt100{margin-top: 50px !important;}
    }
    @media screen and (max-width:480px) {
    .menu_warp h4 span {font-size: 20px !important; }
    }
    @media screen and (max-width:460px) {
    .menu_warp {padding-bottom: 50px;}
    .menu_warp {padding: 5% 0;}
    .menu_warp h4 span {font-size: 18px !important; }
    .menu_warp  font{padding: 0%;}
  
    }
    @media screen and (max-width:360px) {    
    .menu_warp h4 span {font-size: 16px !important; }    
    }


/***********  ***********/
.sponsorWP .tbox {padding-left: 2%;}

    @media screen and (max-width:960px) {    
    .sponsorWP.disF {width: 96%; margin: 0 auto; display: block;}
    .sponsorWP .w15 {width: 100% !important;}
    .sponsorWP .w80 {width: 100% !important; margin-top: 20px;}
    }



.aProcess {transition:all 0.3s ease;}
.aProcess div{width:calc(100%/5 - 30px);padding:30px 15px 35px 15px; border-radius:25px;background: #fff; border:solid 2px rgba(7,12,97,.4); position:relative;transition:all 0.3s ease;}
.aProcess div:after{width:13px;height:13px;border:solid #070c61;border-width:3px 3px 0 0;position:absolute;top:calc(50% - 8px);right:-27px;display:block;content:"";transform:rotate(45deg);}
.aProcess div:last-child:after{display:none;}
.aProcess div span{width:100%;display:block;padding: 0 !important;}
.aProcess div span.titBox{text-align: center;}
.aProcess div span.titBox .step {width: fit-content; padding: 10px 15px 5px 15px; border-radius: 30px; background: #f79437; color: #fff;font-family:'GmarketSansMedium' !important; text-align: center; margin: 0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all 0.3s ease;}
.aProcess div span.titBox img{margin:20px auto 25px auto;display: block;transition:all 0.3s ease;}
.aProcess div span.titBox .type23{color: #000 !important;padding: 0 !important; line-height: 1.2; margin-top: 15px; transition:all 0.3s ease;}
.aProcess div span.conBox{padding:20px 0 40px 0;background:#fff;border-radius:20px;}

.aProcess div:hover{border:solid 2px rgba(7,12,97,1);}

@media screen and (max-width:1500px) {
.aProcess div span.titBox .step {font-size: 13px !important;}
.aProcess div span.titBox .type23{font-size: 22px !important;}
}
@media screen and (max-width:1280px) {
.aProcess div{ border-radius:20px;}
.aProcess div{width:calc(100%/5 - 20px);padding:40px 10px;}
.aProcess div:after{width:14px;height:14px;top:calc(50% - 15px);right:-12%;}
.aProcess div span{padding-left:10px !important;padding-right:15px !important;}
.aProcess div span.titBox img{width: 75px; height: auto;}
.aProcess div span.titBox .type23{font-size: 21px !important;}
}
@media screen and (max-width:1100px) {
.aProcess {justify-content: center !important;}
.aProcess div{width:calc(100%/3 - 30px);margin:10px 15px;}
.aProcess div:after{width:12px;height:12px;top:calc(50% - 6px);right:-20px;}
.aProcess div span.titBox .type23{font-size: 20px !important;}
}
@media screen and (max-width:767px) {
.aProcess div{width:calc(100%/3 - 20px);margin:10px 10px; padding:25px 15px 30px 15px;border-radius:15px;}
.aProcess div span.titBox img{width: 75px;}
.aProcess div span.titBox .type24{font-size: 20px !important;}
.aProcess div:after{width:11px;height:11px;right:-15px;}
}
@media screen and (max-width:640px) {
.aProcess div{width:calc(100%/2 - 30px);margin:5px 15px;padding:20px 10px 25px 10px;}
.aProcess div span.titBox .step {font-size: 12px !important;}
.aProcess div:after{width:11px;height:11px;right:-22px;}
}
@media screen and (max-width:460px) {
.aProcess div{width:100%;margin-bottom:30px;}
.aProcess div:after{border-width:0 3px 3px 0;top:auto;bottom:-25px;right:auto;left:calc(50% - 6px);}
.aProcess div span.titBox img{width: 80px;}
}












/***********  ***********/
.dosiraklBx {transition:all 0.3s ease;}

.dosiraklBx .roundBox.gray{background:#fafafa;padding:30px 40px;border-radius:25px;transition:all 0.3s ease;}

    @media screen and (max-width:960px) {    
    .dosiraklBx.disF {width: 96%; margin: 0 auto; display: block;}
    .dosiraklBx .w15 {width: 100% !important;}
    .dosiraklBx .w80 {width: 100% !important; margin-top: 20px;}
        
    .dosiraklBx .roundBox.gray{padding:20px 25px;border-radius:15px;}
    }
    @media screen and (max-width:860px) {    
    .dosiraklBx {padding-left: 0%;}
    .actWp.medi {padding-bottom: 0px;}
    }
    @media screen and (max-width:460px) {    
    .dosiraklBx .w80 {margin-top: 15px;}
    .dosiraklBx .roundBox.gray{padding:15px 15px;border-radius:10px;}
    }



/***********  ***********/
.dosirak-Info{}
.dosirak-Info .disF {gap: 40px;}
.dosirak-Info .disF div{width:calc(100%/3.2); gap: 30px;}
.dosirak-Info .disF div .titBox{width:100%;margin:0 auto -20px auto;padding:10px 0;background:#43d2ce;border-radius:30px;color:#fff;text-align:center;position:relative;z-index:2;}
.dosirak-Info .disF div .conBox{width: 100%; height: 400px;gap: 30px; padding:50px 30px 60px 30px;background:#f9f9f9;border-radius:30px;position:relative;z-index:1;}
.dosirak-Info .disF div .conBox.auto{height:100% !important;}
.dosirak-Info .disF div span.conBox *{padding: 0 !important; color: #000 !important;}
.dosirak-Info .disF div span.conBox .ls6{letter-spacing: -0.06em !important;}
.dosirak-Info .disF div span.conBox .ls4{letter-spacing: -0.04em !important;}
.dosirak-Info .disF div .conBox figure{width:140px;height:140px;margin:0 auto;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.dosirak-Info .disF div .conBox figure img{width: 90px;height: auto; margin:0 auto; display: block;}
.dosirak-Info .disF div .conBox font{text-align:center;line-height: 150%;}
.dosirak-Info .disF div .conBox font br.hide{display: block;}
.dosirak-Info .disF div span *:after {display: none !important;}

    @media screen and (max-width:1500px) {
    .dosirak-Info .disF div span.conBox .txt_lo1{font-size: 20px !important;}
    .dosirak-Info .disF div span.conBox .txt_lo2{font-size: 22px !important;}
    }
    @media screen and (max-width:1280px) {
    .dosirak-Info .disF div{padding:0 10px;}
    .dosirak-Info .disF div .conBox{height: 340px; padding:40px 20px;}
        
    .dosirak-Info .disF div span.conBox .txt_lo1{font-size: 18px !important;}
    .dosirak-Info .disF div span.conBox .txt_lo2{font-size: 20px !important;}
    }
    @media screen and (max-width:1100px) {
    .dosirak-Info .disF div{padding:0 5px;}
    .dosirak-Info .disF div .conBox{height: 300px; padding:30px 15px;}
    .dosirak-Info .disF div .conBox figure{width:110px;height:110px;}
    .dosirak-Info .disF div .conBox figure img{width:50%;}
    .dosirak-Info .disF div .conBox h4{line-height: 130%;}
    .dosirak-Info .disF div .conBox font{text-align:center;line-height: 140%;}
    .dosirak-Info .disF div .conBox font br.hide{display: none;}
        
    .dosirak-Info .disF div span.conBox .txt_lo1{font-size: 16px !important;}
    .dosirak-Info .disF div span.conBox .txt_lo2{font-size: 18px !important;}
    }
    @media screen and (max-width:860px) {
    .dosirak-Info .disF {justify-content: center !important;}
    .dosirak-Info .disF div{width:calc(100%/2.0);padding:0 15px; margin-bottom: 20px;}
    .dosirak-Info .disF div:first-child{width:80%; ;}
    .dosirak-Info .disF div .conBox{height: 300px; padding:50px 20px 60px 20px;}
    .dosirak-Info .disF div .conBox .type24{font-size: 20px !important;}
    .dosirak-Info .disF div .conBox .type24:after{display: none;}
        
    .dosirak-Info .disF div span.conBox .txt_lo1{font-size: 20px !important;}
    .dosirak-Info .disF div span.conBox .txt_lo2{font-size: 22px !important;}
    }
    @media screen and (max-width:767px) {
    .dosirak-Info .disF div{width:calc(100%/2.0);padding:0 10px;}
    .dosirak-Info .disF div .conBox{height: 280px;}
        
    .dosirak-Info .disF div span.conBox .txt_lo1{font-size: 18px !important;}
    .dosirak-Info .disF div span.conBox .txt_lo2{font-size: 20px !important;}
    }
    @media screen and (max-width:540px) {
    .dosirak-Info .disF div{width:calc(90%/1.0);padding:0;margin: 0 auto; margin-bottom: 20px;}
    .dosirak-Info .disF div:first-child{width:90%;}
    .dosirak-Info .disF div .conBox{height: auto;}
    .dosirak-Info .disF div .conBox figure{width:100px;height:100px;}
    }
    @media screen and (max-width:460px) {
    .dosirak-Info .disF div span.conBox .txt_lo1{font-size: 16px !important;}
    .dosirak-Info .disF div span.conBox .txt_lo2{font-size: 18px !important;}
    }
    @media screen and (max-width:660px) {
    .dosirak-Info .disF div{width:calc(96%/1.0); margin-bottom: 15px;}
    .dosirak-Info .disF div:first-child{width:96%;}
    }


.root_daum_roughmap *{font-size:16px !important;}
.root_daum_roughmap .wrap_list *{line-height:140% !important;}
.root_daum_roughmap .icon_bus{margin-top:4px !important;}

    @media screen and (max-width:960px) {
    .root_daum_roughmap *{font-size:16px !important;}
    }
    @media screen and (max-width:767px) {
    .root_daum_roughmap *{font-size:15px !important;}
    }
    @media screen and (max-width:640px) {
    .root_daum_roughmap *{font-size:14px !important;}
    }



.Map_Box{width: 95%; margin: 0 auto;}
.map{display:flex;flex-wrap:wrap;}

.map li{font-size:16px;text-align:left;margin-top: 10px;}

.map li.s2{padding-right: 100px;}
.map li>div{font-size:18px;color:#333;font-weight:300;line-height:34px;}
.map li>div>h1{padding-left:40px;padding-right:40px;margin-top: -1px; font-size:18px !important;color:#000;font-weight:bold;letter-spacing: 0; position:relative;}
.map li>div>h1:after{width:1px;height:14px;background:#ccc;position:absolute;top:10px;left:82%;display:block;content:"";}
.map li>div>font.type20{margin-top: 2px;;}
.map li>div>font b{display: inline-block;}
.i_location{background:url(/sub1/img/icon1.png) no-repeat 0 2px; display: flex;}
.i_tel{background:url(/sub1/img/icon2.png) no-repeat 0 2px;display: flex;}
.i_fax{background:url(/sub1/img/icon4.png) no-repeat 0 2px;display: flex;}
.i_email{background:url(/sub1/img/icon3.png) no-repeat 0 2px;display: flex;}


    @media screen and (max-width:767px) {	        
        .map li{width:100%;margin-bottom:10px;font-size:16px !important;}
        .map li>div{font-size:16px;line-height:24px;}
        .map li>div>h1{width: 140px; padding-top: 4px; padding-left:35px;font-size:16px !important;}
        .map li>div>h1:after{height:13px;top:7px;left:110px;}
        .map li>div>font{width: calc(100% - 140px);margin-top: 0;font-size:16px !important;}
        .root_daum_roughmap.root_daum_roughmap_landing *{font-size:15px;}
        
        .i_location{background:url(/sub1/img/icon1.png) no-repeat 0 0px; }
        .i_tel{background:url(/sub1/img/icon2.png) no-repeat 0 0px;}
        .i_fax{background:url(/sub1/img/icon4.png) no-repeat 0 0px;}
        .i_email{background:url(/sub1/img/icon3.png) no-repeat 0 0px;}
    }
    @media screen and (max-width:540px) {
        .map{display:block !important;}
        .map li.s2{width: 100% !important;}
        .map li>div>h1:after{display: none;}
        .map li>div>font{width:100%;margin-top: 5px;padding-left: 35px;font-size:18px;}
        .map li>div.email>font{margin-bottom: 30px;}
        .i_location, .i_tel, .i_fax, .i_email{display: block;}
        
    }






/* 다운로드 버튼 */
.downWrap {transition:all 0.5s ease;}
.downWrap .bttourbt{width:fit-content;padding:22px 60px; background:#000;border-radius:10px;text-align:center;display:flex;justify-content:center;align-items:center; margin: 0 auto; transition:all 0.5s ease;}
.downWrap .bttourbt:hover{background:#536ef1;transition:all 0.5s ease;}
.downWrap .bttourbt img{width:28px; margin-left: 25px; display:block;}
.downWrap .bttourbt font{color: #fff !important; font-weight: 600 !important;}

    @media screen and (max-width:767px) {
    .downWrap {margin-top: 50px !important;}
    .downWrap .bttourbt{padding:18px 50px; }
    .downWrap .bttourbt img{width:24px; margin-left: 20px;}
    }
    @media screen and (max-width:560px) {
    .downWrap {margin-top: 30px !important;}
    .downWrap .bttourbt{padding:16px 40px; }
    .downWrap .bttourbt img{width:22px; margin-left: 15px;}
    }
    @media screen and (max-width:460px) {
    .downWrap .bttourbt{padding:14px 30px; }
    .downWrap .bttourbt img{width:20px; margin-left: 15px;}
    }









/* 신청폼 레이아웃 */
.appBox i.star{width:5px;height:5px;margin:7px;border-radius:50%;background:#e12d34;display:inline-block;}

.appBox .appBox-D{border-top:solid 1px #000;margin-top:14px;}

.appBox .appBox-D div.disF{padding:15px 25px;border-bottom:solid 1px #f3f3f3;}
.appBox .appBox-D div.disF .ttit{width:220px;padding-top:8px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 220px);display:flex;flex-wrap:wrap;}
.appBox .appBox-D div.disF .ccon span{margin-top:8px;display:flex;flex-wrap:wrap;}
.appBox .appBox-D div.disF .ccon span:first-child{margin-top:0 !important;}
.appBox .appBox-D div.disF .ccon a.add{width:28px;height:28px;margin:20px 0 0 20px;padding-bottom:2px;border:solid 1px #e5e5e5;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;}
.appBox .appBox-D div.disF .ccon font{line-height:280%;margin-right:10px;}

.appBox .appBox-D div.disF .ccon.adress input[type=text]{width:80%;margin-bottom:5px;margin-right:0 !important;}
.appBox .appBox-D div.disF .ccon.adress input[type=text]#name_post{width:300px;}
.appBox .appBox-D div.disF .ccon.adress input[type=text]:last-child{margin-bottom:0 !important;}

.appBox .appBox-D .agrBox{padding:20px 25px;border-bottom:solid 1px #f3f3f3;}
.appBox .appBox-D .agrBox span{padding:10px 0;} 
.appBox .appBox-D .agrBox span u{color:#808080;cursor:pointer;}

@media screen and (max-width:1500px) {
.appBox .appBox-D div.disF{padding:15px 20px;}
.appBox .appBox-D div.disF .ttit{width:200px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 200px);}
}
@media screen and (max-width:1280px) {
.appBox .appBox-D div.disF{padding:10px 15px;}
.appBox .appBox-D div.disF .ttit{width:180px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 180px);}
.appBox .appBox-D div.disF .ccon font{margin-right:5px;}
}
@media screen and (max-width:1100px) {
.appBox .appBox-D div.disF{padding:10px 10px;}
.appBox .appBox-D div.disF .ttit{width:160px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 160px);}

.appBox .appBox-D div.disF .ccon.adress input[type=text]{width:100%;}
.appBox .appBox-D div.disF .ccon.adress input[type=text]#address_post{width:100%;}
}
@media screen and (max-width:960px) {
.appBox .appBox-D div.disF .ttit{width:140px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 140px);}
}
@media screen and (max-width:860px) {
.appBox .appBox-D div.disF{padding:10px 5px;}
.appBox .appBox-D div.disF .ttit{width:100%;padding-top:0;padding-bottom:5px;}
.appBox .appBox-D div.disF .ccon{width:100%;}
}
@media screen and (max-width:767px) {
.appBox .appBox-D div.disF .ccon.three input,
.appBox .appBox-D div.disF .ccon.three select{width:29% !important;}
}
@media screen and (max-width:640px) {
.appBox .appBox-D .agrBox{padding:10px 15px;}
}
@media screen and (max-width:360px) {
.appBox .appBox-D .agrBox{padding:10px 5px;}
}



/* 신청폼 */
.appBox input[type=text],
.appBox select,
.appBox textarea{padding:12px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:10px;font-size:22px;}
.appBox input[type=text]:last-child{margin-right:0;}
.appBox input[type=text]::-webkit-input-placeholder{color:#000 !important;}
.appBox input[type=text]::-moz-input-placeholder{color:#000 !important;}
.appBox input[type=text]::-ms-input-placeholder{color:#000 !important;}

.appBox select{padding:12px 80px 12px 20px;background:url(/img/select_arrow.png) no-repeat right 20px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.appBox select::last-child{margin-right:0;}
.appBox select::-ms-expand{display:none;}

.appBox input[type=checkbox]{display:inline-block;}
.appBox input[type=checkbox] + label{padding-left:10px;display:inline-block;position:relative;}

.appBox textarea{width:100%;min-height:150px;margin-right:0;}

@media screen and (max-width:1500px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:12px 17px;font-size:20px;margin-right:8px;border-radius:5px;}
.appBox select{padding-right:55px;}
}
@media screen and (max-width:1280px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:11px 15px;font-size:18px;background-position:right 15px center;background-size:12px;margin-right:6px;}
.appBox select{padding-right:50px;}
}
@media screen and (max-width:640px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{max-width:100% !important;border-radius:2px;font-size:16px;}
}
@media screen and (max-width:400px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:10px 12px;font-size:14px;background-position:right 10px center;background-size:10px;margin-right:4px;}
.appBox select{padding-right:30px;}
}



/* 버튼 */
.appBox .btnBox{width:280px;margin:0 auto;background:#214ccd;transition:all 0.2s ease;}
.appBox .btnBox:hover{width:320px;transition:all 0.2s ease;}
.appBox .btnBox a{width:100%;padding:20px 0;color:#fff;text-align:center;display:block;font-weight:bold;}

@media screen and (max-width:1280px) {
.appBox .btnBox{width:260px;}
.appBox .btnBox:hover{width:300px;}
}
@media screen and (max-width:1100px) {
.appBox .btnBox{width:240px;}
.appBox .btnBox:hover{width:260px;}
.appBox .btnBox a{padding:18px 0;}
}
@media screen and (max-width:960px) {
.appBox .btnBox{width:220px;}
.appBox .btnBox:hover{width:240px;}
}
@media screen and (max-width:767px) {
.appBox .btnBox,
.appBox .btnBox:hover{width:220px;}
.appBox .btnBox a{padding:16px 0;}
}
@media screen and (max-width:640px) {
.appBox .btnBox,
.appBox .btnBox:hover{width:200px;}
}
@media screen and (max-width:420px) {
.appBox .btnBox,
.appBox .btnBox:hover{width:180px;}
}







/********************************* 온라인 홍보센터 *********************************/

/* =========================================================
   HISTORY WHEEL 1200 RESPONSIVE FIX
   1280px 이하에서 기존 CSS가 sticky/height/transform을 꺼버리는 문제를 최종 덮어쓰기합니다.
   이 블록은 contents.css 맨 아래에 두어야 합니다.
   ========================================================= */
.hisWP.history-wheel-section{
    position:relative !important;
    height:260vh !important;
    min-height:1600px !important;
    /*margin:120px 0 80px !important;*/
    padding:0 !important;
}
.history-wheel-pin{
    position:-webkit-sticky !important;
    position:sticky !important;
    top:110px !important;
    width:100% !important;
    min-height:auto !important;
}
.history-wheel-card{
    position:relative !important;
    width:100% !important;
    min-height:900px !important;
    border-radius:54px !important;
    overflow:hidden !important;
    padding:70px clamp(70px,6vw,130px) !important;
    display:grid !important;
    grid-template-columns:40% 55% !important;
    gap:5% !important;
    align-items:center !important;
    background:url('/sub1/img/his_bg.jpg') right center/cover no-repeat !important;
    opacity:1 !important;
    transform:translate3d(0,0,0) !important;
    filter:blur(0) !important;
}
.history-left{
    position:relative !important;
    top:auto !important;
    width:100% !important;
    height:auto !important;
    /*align-self:center !important;*/
    padding-top:100px !important;
    z-index:2 !important;
}
.history-left h2{margin:0 0 40px !important;line-height:1.15 !important;}
.history-img-box{width:500px !important;max-width:100% !important;height:285px !important;border:0 !important;border-radius:16px !important;overflow:hidden !important;}
.history-right{width:auto !important;min-height:650px !important;padding-left:70px !important;display:flex !important;align-items:center !important;border:0 !important;}
.history-line{left:0 !important;top:40px !important;bottom:40px !important;}
.history-list-window{position:relative !important;width:100% !important;height:650px !important;overflow:hidden !important;}
.history-list{
    position:relative !important;
    padding:40px 0 !important;
    transform:translate3d(0,var(--history-y,0px),0) !important;
    transition:transform 1.05s cubic-bezier(.16,1,.3,1) !important;
    will-change:transform !important;
}
.history-item{
    min-height:165px !important;
    padding:64px 0 50px 60px !important;
    opacity:.38 !important;
    transform:translate3d(0,26px,0) scale(.96) !important;
    filter:blur(2px) !important;
}
.history-item.is-active{opacity:1 !important;transform:translate3d(0,0,0) scale(1) !important;filter:blur(0) !important;}
.history-item.is-passed{opacity:.72 !important;transform:translate3d(0,0,0) scale(.985) !important;filter:blur(0) !important;}
.history-item::before{left:0 !important;}
.history-item h4{font-size:38px !important;}
.history-item p{font-size:21px !important;}

@media(max-width:1500px){
    .hisWP.history-wheel-section{height:255vh !important;min-height:1500px !important;}
    .history-wheel-pin{top:100px !important;}
    .history-wheel-card{min-height:730px !important;padding:60px 90px !important;grid-template-columns:42% 53% !important;}
    .history-img-box{height:270px !important;}
    .history-right{padding-left:58px !important;}
    .history-list-window{height:500px !important;}
    .history-item{min-height:155px !important;padding:65px 0 66px 68px !important;}
}

@media(max-width:1280px){
    .hisWP.history-wheel-section{height:255vh !important;min-height:1500px !important;margin:100px 0 70px !important;}
    .history-wheel-pin{position:sticky !important;top:90px !important;}
    .history-wheel-card{min-height:700px !important;border-radius:42px !important;padding:52px 70px !important;grid-template-columns:43% 53% !important;gap:4% !important;}
    .history-left{position:relative !important;width:100% !important;}
    .history-left h2{margin-bottom:34px !important;}
    .history-img-box{width:430px !important;height:245px !important;border:0 !important;}
    .history-right{width:auto !important;min-height:470px !important;padding-left:46px !important;}
    .history-list-window{height:470px !important;overflow:hidden !important;}
    .history-list{padding:42px 0 !important;transform:translate3d(0,var(--history-y,0px),0) !important;}
    .history-item{min-height:145px !important;padding:52px 0 58px 56px !important;}
    .history-item h4{font-size:34px !important;}
    .history-item p{font-size:19px !important;}

    .history-item::before {top: 62px;width: 10px;height: 10px;}
}
@media(max-width:1200px){
    .hisWP.history-wheel-section{height:252vh !important;min-height:1480px !important;margin:96px 0 70px !important;}
    .history-wheel-pin{position:-webkit-sticky !important;position:sticky !important;top:88px !important;min-height:auto !important;}
    .history-wheel-card{min-height:690px !important;padding:50px 64px !important;grid-template-columns:42% 54% !important;gap:4% !important;}
    .history-list-window{height:455px !important;overflow:hidden !important;}
    .history-list{padding:40px 0 !important;transform:translate3d(0,var(--history-y,0px),0) !important;}
    .history-item{min-height:140px !important;padding:48px 0 54px 52px !important;opacity:.38 !important;filter:blur(2px) !important;}
    .history-item.is-active{opacity:1 !important;filter:blur(0) !important;}
}

@media(max-width:1100px){
    .hisWP.history-wheel-section{height:250vh !important;min-height:1420px !important;}
    .history-wheel-card{padding:48px 54px !important;grid-template-columns:42% 54% !important;gap:4% !important;}
    .history-img-box{height:230px !important;}
    .history-right{padding-left:42px !important;}
    .history-list-window{height:445px !important;}
    .history-list{transform:translate3d(0,var(--history-y,0px),0) !important;}
    .history-item{min-height:138px !important;padding:48px 0 54px 50px !important;}
    .history-item h4{font-size:32px !important;}
    .history-item p{font-size:18px !important;}
}

@media(max-width:960px){
    .hisWP.history-wheel-section{height:250vh !important;min-height:1380px !important;margin:80px 0 60px !important;}
    .history-wheel-pin{position:sticky !important;top:82px !important;}
    .history-wheel-card{min-height:760px !important;padding:48px 44px !important;grid-template-columns:1fr !important;gap:34px !important;align-items:start !important; }
    .history-left {margin: 0 auto;padding-top: 50px !important;}
    .history-left h2{margin-bottom:28px !important; text-align: center !important;}
    .history-img-box{width:100% !important;max-width:550px !important;height:300px !important;margin: 0 auto;}
    .history-right{width:100% !important;min-height:0 !important;padding-left:20% !important;}
    .history-list-window{height:405px !important;overflow:hidden !important;}
    .history-list{padding:36px 0 !important;transform:translate3d(0,var(--history-y,0px),0) !important;}
    .history-item{min-height:130px !important;padding:30px 0 30px 44px !important;}
    .history-item::before{top:55px !important;}
    .history-item::after{top:72px !important;height:calc(100% - 72px) !important;}
    .history-item h4{font-size:30px !important;margin-bottom:16px !important;}
    .history-item p{font-size:17px !important;}
    .history-watermark{font-size:110px !important;bottom:-18px !important;}

    .history-item::before {top: 38px !important;width: 10px !important;height: 10px !important;}
}

@media(max-width:767px){
    .hisWP.history-wheel-section{height:240vh !important;min-height:1280px !important;margin:70px 0 50px !important;}
    .history-wheel-pin{position:sticky !important;top:74px !important;}
    .history-wheel-card{min-height:700px !important;border-radius:32px !important;padding:40px 30px !important;gap:28px !important;}
    .history-left h2{font-size:34px !important;margin-bottom:24px !important;}
    .history-img-box{height:300px !important;border-radius:14px !important;}
    .history-right{padding-left:15% !important;}
    .history-line{top:22px !important;bottom:22px !important;}
    .history-list-window{height:365px !important;overflow:hidden !important;}
    .history-list{padding:28px 0 !important;transform:translate3d(0,var(--history-y,0px),0) !important;}
    .history-item{min-height:118px !important;padding:34px 0 42px 36px !important;}
    .history-item h4{font-size:28px !important;}
    .history-item p{font-size:16px !important;line-height:1.45 !important;}
    .history-watermark{left:20px !important;font-size:82px !important;}

    .history-item::before {top: 42px !important;width: 8px !important;height: 8px !important;}
}

@media(max-width:640px){
    .hisWP.history-wheel-section{height:235vh !important;min-height:1200px !important;}
    .history-wheel-pin{top:68px !important;}
    .history-wheel-card{min-height:660px !important;padding:34px 24px !important;}
    .history-img-box{width: 90% !important; height:260px !important;}
    .history-right{padding-left:10% !important;}
    .history-list-window{height:350px !important;}
    .history-list{transform:translate3d(0,var(--history-y,0px),0) !important;}
    .history-item{min-height:108px !important;padding:30px 0 36px 40px !important;}
    .history-item::before{width:10px !important;height:10px !important;top:43px !important;}
    .history-item::after{left:4px !important;top:58px !important;height:calc(100% - 58px) !important;}
    .history-item h4{font-size:26px !important;margin-bottom:12px !important;}
    .history-item p{font-size:15px !important;}
    
    .history-item::before {top: 37px !important;}
}

@media(max-width:480px){
    .hisWP.history-wheel-section{height:230vh !important;min-height:1120px !important;}
    .history-wheel-card{min-height:600px !important;border-radius:26px !important;padding:30px 20px !important;}
    .history-left h2{font-size:30px !important;}
    .history-img-box{height:250px !important;}
    .history-right{padding-left:7% !important;}
    .history-list-window{height:400px !important;}
    .history-list{transform:translate3d(0,var(--history-y,0px),0) !important;}
    .history-item{min-height:102px !important;padding:30px 0 36px 32px !important;}
    .history-item h4{font-size:24px !important;}
    .history-item p{font-size:14px !important;}
    .history-watermark{font-size:64px !important;}
    
    .history-item::before {top: 35px !important;width: 7px !important;height: 7px !important;}
}