.character {max-width:100%; height:auto;}
.only-m {display:none !important}
.only-p {display:block;}
.barit_txt_box {margin-top:50px;}
.navbar-toggler {display:none}
.section4 .imgArea  {text-align: right}
.btnApply button {background:none; color:#fff;}
.modal-backdrop {display:none !important;}
input[type=text], input[type=password], textarea {
    -webkit-transition: all 0.30s ease-in-out!important;
    -moz-transition: all 0.30s ease-in-out!important;
    -ms-transition: all 0.30s ease-in-out!important;
    -o-transition: all 0.30s ease-in-out !important;
    outline: none !important;
    border:0;
}

.section2 .applyBox .inputArea .form-label {
    width: 100%;
    font-family: GmarketB;
    text-align: left;
    border-bottom: solid 1px #000000;
    padding-top: 25px;
    padding-bottom: 18px;
    box-sizing: border-box;
}


.section2 .applyBox .inputArea .table_td_box {
    border-bottom: solid 1px #000000;
    padding-top: 25px;
    position:relative;
    height:100%;
    max-height:92px;
    padding-bottom: 5px;
    box-sizing: border-box;
    width: 100%;}
.section2 .applyBox .inputArea .table_td_input {
    position:absolute;
    left:0;
    outline: none !important;
    width: 100%;
    border:0;
    font-size: 30px;
    font-family: GmarketM;
    box-sizing: border-box;
}

/* 섹션 컨테이너 */
.section-container {
    height: 100vh;
    overflow-y: scroll; /* 스크롤 허용 */
    scroll-behavior: smooth; /* 부드러운 스크롤 */
    scroll-snap-type: y mandatory; /* 스크롤 스냅 설정 - 핵심! */
}        /* 각 섹션별 배경색 */


/* 섹션 컨테이너 */
.section-container {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden; /* 스크롤 숨김 - JS로 직접 제어 */
    scroll-behavior: smooth; /* 부드러운 스크롤 애니메이션 지원 */
}

/* 개별 섹션 */
.section {
    height: 100vh; /* 뷰포트 높이만큼 */
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; /* 명시적으로 top 위치 설정 */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-family: Arial, sans-serif;
    transition: transform 0.8s ease; /* 부드러운 이동 효과 */
    /*
    섹션이 겹치는 순서 제어를 위한 z-index 설정
    기본적으로 낮은 인덱스의 섹션이 위에 표시되도록 함
    */
    z-index: 1; /* 기본 z-index */
}
/* 각 섹션별 배경색 */

/* 네비게이션 */
.page-nav {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
}

.page-nav a {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #333;
    margin: 10px 0;
    transition: transform 0.3s;
}

.page-nav a.active {
    background-color: #333;
    transform: scale(1.3);
}

/* 현재 보이는 섹션에 대한 스타일 */
.section.active {
    z-index: 2; /* 활성 섹션은 더 높은 z-index를 가져 위에 표시됨 */
}

footer {max-height:70vh !important; bottom:0 !important; top:auto !important; background:#000}

@media (max-width:768px) {



    .fullSection {}
    * {    font-family: GmarketM !important; }
    .section2 .applyBox .inputArea .title {
        font-size: 24px;
        font-family: GmarketB;
        letter-spacing: -5px;
    }







    /*
        *************************** 전체 레이아웃 *****************************
    */
    #fullPage {position:relative; top:0; left:0; z-index:9; width:100%; height:100%;}

    .fullSection{overflow:auto; height:auto; position:static; touch-action:auto;}



    /*
        *** 상단바
    */
    .topBar {position:fixed; top:0; left:0; width:100%; z-index:2000;}
    .topBar.on {background-color:rgba(255,255,255,0.7)}
    .topBar .topBarInnerWrap {display:flex; position:fixed; top:0; left:0; width:100%; justify-content: center; align-items: center; width:100%; height:60px;}
    .topBar .topBarInnerWrap img {width:280px; max-width:50%;}
    .menu_toggle .hamburger {
        position: absolute;
    }
    .hamburger {
        height: 100%;
        width: 100%;
        display: block;
    }

    .navbar-toggler {
        display:inline-block;
        padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        color: var(--bs-navbar-color);
        background-color: transparent;
        width:36px;
        height:36px;
        border: none !important;
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: none !important;
    }
    .navbar-toggler:focus:{border:none !important;}
    .menu_toggle {
        width: 32px;
        height: 32px;
        position: relative;
        cursor: pointer;
    }



    .menu_toggle .hamburger-cross {
        position: absolute;
        height: 100%;
        width: 100%;
        transform: rotate(45deg);
        display: block;
    }
    .menu_toggle .hamburger-cross span {
        display: block;
        background: #000;
        border-radius: 3px;
        -webkit-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }
    .collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
        height: 0%;
        transition-delay: 0s;
    }
    .collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
        width: 0%;
        transition-delay: 0.2s;
    }
    .menu_toggle .hamburger-cross span:nth-child(1) {
        height: 30px;
        width: 2px;
        position: absolute;
        top: -18px;
        left: 5px;
        transition-delay: 0.3s;
    }
    .menu_toggle .hamburger-cross span:nth-child(2) {
        width: 30px;
        height: 2px;
        position: absolute;
        left: -9px;
        top: -4px;
        transition-delay: 0.4s;
    }


    .collapsed > .menu_toggle .hamburger span {
        width: 100%;
    }
    .collapsed  > .menu_toggle .hamburger span:nth-child(1) {
        transition-delay: 0.3s;

    }
    .collapsed >  .menu_toggle .hamburger span:nth-child(2) {
        transition-delay: 0.4s;
    }
    .collapsed > .menu_toggle .hamburger span:nth-child(3) {
        transition-delay: 0.5s;
    }

button:focus{border:none !important;}

    .collapsed  .hamburger span {
        width:32px !important;
        height: 2px;
        position: relative;
        top: -10px;
        left: -10px;
        margin: 4px 0;
        display: flex;
        background: #000 !important;
        border-radius: 3px !important;
        -webkit-transition: 0.2s ease-in-out !important;
        transition: 0.2s ease-in-out !important;
    }


    /*
        *** 신청버튼(플로팅)
    */
    .btnGoApply {
        position:fixed;
        bottom: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-size: 7vw;
        color: #ffffff;
        font-family: GmarketB;
        cursor: pointer;
        z-index:1000;
    }

    .btnGoApply .mainText { display: flex; justify-content: center; align-items: center; position: relative; height: 80px; }
    .btnGoApply .mainText > span {display:block;}
    .btnGoApply .mainText1 { width: 100%; background-color: #e42e24; }
    .btnGoApply .mainText1 img {width: 80px; }
    .btnGoApply .mainText2 {width: 35%; background: #222222; }
    .btnGoApply .mainText2 a { color: #ffffff; }
    .btnGoApply .mainText2 img {width: 12px;padding-top: 6px; }

    .btnGoApply .subText {
        position: absolute;
        top: -30px;
        text-align: center;
        padding: 0 30px;
    }
    .btnGoApply .subText img {
        width: 100%;
    }

    /*
        ***************************** 각 섹션 설정 *****************************
    */

    /*
        *** 섹션1
    */
    .section1 {background-color:#ffda47;}
    .section1 .contentWrap {padding-top:100px; padding-bottom:1px;}

    .section1 .visualArea {display:flex; flex-direction: column; padding-top:100px; align-items: center; text-align:center;}
    .section1 .visualArea .visualText {}
    .section1 .visualArea .visualText .line1 {font-size:30px; color:#e52e24; line-height:1.263}
    .section1 .visualArea .visualText .line2 {font-size:50px; font-weight:900;  color:#000000; font-family:GmarketB; letter-spacing: -3px; margin:10px 0;}
    .section1 .visualArea .visualText img {width:50%;}
    .section1 .visualArea .visualImg {padding-top:50px;}
    .section1 .visualArea .visualImg .character {width:250px;}

    .section1 .won {position:absolute; top:310px; left:50%; width:80px; margin-left:-120px;}

    .section1 .btnApply {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 470px;
        height: 85px;
        font-size: 36px;
        color: #ffda47;
        font-family: GmarketB;
        margin:0 auto;
        margin-top:50px;
        border-radius:10px;
        box-shadow: 15px 15px 15px rgba(0,0,0,0.2);
        cursor:pointer;
        background-color:#222222;
    }



    /*
        *** 섹션2
    */
    .section2 {background-color:#eee8e1; width:100%; display: block}

    .section2 .insuCompany {padding:50px 0 }
    .section2 .insuCompany .title {font-size:30px; font-family:GmarketB; text-align:center; margin-bottom:20px;}
    .section2 .insuCompany .logoBox {width:90%; padding:20px; box-sizing: border-box; margin:0 auto; border-radius:15px; background-color:#ffffff;}
    .section2 .insuCompany .logoBox img {width:100%;}



    /*
        *** 섹션추가(section3-1) - 쿠폰이벤트
    */
    .section3-1 {background-color:#ffda47; letter-spacing: -1px; padding:80px 0}
    .section3-1 .contentWrap {padding:50px 15px;}
    .section3-1 .sectionTitle {font-size:30px; color:#222222; font-family:GmarketB; text-align:center; line-height:1.28; margin-bottom:30px;}
    .section3-1 .sectionTitle span {color:#e42e24;}
    .section3-1 .couponContent {display:flex; flex-direction: column; justify-content: space-between;}
    .section3-1 .couponContent .couponArea .eventTitle1 {display:flex; width:200px; height:50px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);  border-radius:10px 10px 10px 10px; margin-bottom:20px;}
    .section3-1 .couponContent .couponArea .eventTitle2 { display:flex; align-items: center; justify-content: flex-start;   margin-bottom:20px;}
    .section3-1 .couponContent .couponArea .arrow { padding: 0 5px; }
    .section3-1 .couponContent .couponArea .arrow img { width: 25px; }
    .section3-1 .couponContent .couponArea .eventTitle .eventWrap { display: flex;  width:200px; height:50px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); border-radius:10px 10px 10px 10px; }
    .section3-1 .couponContent .couponArea .eventTitle .eventWrap2 { width:150px; height:50px;  }
    .section3-1 .couponContent .couponArea .eventTitle .head {
        display: flex;
        justify-content: center;
        align-items: center;
        width:80px;
        height:100%;
        font-size: 18px;
        color: #ffffff;
        font-family: NotoSansM;
        border-radius:10px 0 0 10px;
        background-color: #e42e24;
    }
    .section3-1 .couponContent .couponArea .eventTitle .body {
        display: flex;
        justify-content: center;
        align-items: center;
        flex:1;
        font-size: 18px;
        color: #222222;
        font-family: GmarketB;
        border-radius:0 10px 10px 0;
        padding-top:5px;
        box-sizing: border-box;
        background-color:#ffffff;
    }

    .section3-1 .couponContent .couponArea .eventTitle .eventWrap2 .head { width: 75px; }
    .section3-1 .couponContent .couponArea .eventTitle .eventWrap2 .body { background: #222222; color: #ffffff; }
    .section3-1 .couponContent .couponArea .eventTitle .eventWrap2 .body img { width: 25%; padding: 0 3px; }

    .section3-1 .couponContent .couponArea .checkText {font-size:15px; color:#222222; font-family:GmarketB; margin-bottom:10px;}
    .section3-1 .couponContent .couponArea .checkText img {height:24px; vertical-align: -4px;}
    .section3-1 .couponContent .couponArea .imgCell {}
    .section3-1 .couponContent .couponArea .imgCell img {width:100%;}
    .section3-1 .couponContent .couponArea .infoText1 {font-size:14px; color:#222222; font-family:NotoSansM; text-align:center; padding-top:5px;}
    .section3-1 .couponContent .couponArea .infoText2 {font-size:14px; color:#222222; font-family:NotoSansM; margin-top:20px; margin-bottom:10px;}
    .section3-1 .couponContent .couponArea .infoText2 .bullet {display:inline-block; width:6px; height:6px; border-radius:50%; background-color:#222222; vertical-align: middle; margin-right:5px;}
    .section3-1 .couponContent .couponArea .infoText3 {font-size:13px; color:#87701e; font-family:NotoSansM; margin-top:20px; margin-bottom:5px;}
    .section3-1 .couponContent .couponArea .infoText2 .bold {font-family:GmarketB;}
    .section3-1 .couponContent .couponArea .iconInfoText {display:flex; align-items: center; margin-bottom:1px;}
    .section3-1 .couponContent .couponArea .iconInfoText .infoText2 {margin:0; line-height:1;}
    .section3-1 .couponContent .couponArea .iconInfoText .icon {margin-right:15px;}
    .section3-1 .couponContent .couponArea .iconInfoText .icon img {display:block; height:40px;}

    .section3-1 .couponContent .couponArea .couponWrap {display:flex; justify-content: space-between; align-items: center;}
    .section3-1 .couponContent .couponArea .couponWrap .plus {padding:0 15px;}
    .section3-1 .couponContent .couponArea .couponWrap .plus img {width:30px;}
    .section3-1 .couponContent .couponArea .couponWrap .imgCell img {width:100%;}



    /*
        *** 섹션3
    */
    .section3 {position:relative; background-color:#eee8e1;}
    .section3 .contentWrap {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:50px 10px; box-sizing: border-box;}
    .section3 .textArea {font-size:23px; text-align:center; line-height:1.4;}
    .section3 .textArea .underLineText {position:relative; font-size:40px; font-family:GmarketB; z-index:10;}
    .section3 .textArea .underLineText:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:20px; z-index:-1; background-color:#ffe92e;}
    .section3 .imgArea {position:relative; padding-top:50px; text-align:center; padding-left:30px;}
    .section3 .imgArea .phone {position:relative; width:200px; z-index:1;}
    .section3 .imgArea .character {position:absolute; height:200px; left:-80px; bottom:100px; z-index:0;}




    /*
        *** 섹션4
    */
    .section4 {background-color:#f5efe8; padding:50px 0}
    .section4 .contentWrap {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:50px 10px; box-sizing: border-box;}
    .section4 .textArea {font-size:24px; text-align:center; width:100%; display:block}
    .section4 .textArea .bold {font-family:GmarketB;}
    .section4 .textArea .largeText {font-size:40px;}
    .section4 .title {font-size:40px; font-family:GmarketB; color:#fd4b58; text-align:center; margin-bottom:0;}
    .section4 .textArea img {height:50px; margin-top:5px; margin-bottom:1px;}
    .section4 .imgArea {position:relative; margin:50px auto 0; text-align:center}
    .section4 .imgArea .img {position:relative; width:200px; z-index:1;}
    .section4 .imgArea .character {position:absolute; width:250px; left:0px; bottom:10px; z-index:4;}
    .section4 .imgArea .won {position:absolute; width:80px; bottom:-20px; left:50%; z-index:5;}
    .section4 .m_text_box {text-align: center; margin-top:50px}
    .section4 .m_text_box img {text-align: center;margin:5px auto 20px; width:auto}
    .section4 .barit_txt_box {margin-top:30px;}

    /*
        *** 섹션5 - 신청폼
    */
    .section5bg {background-color:#ffda47; }
    .section5 {background-color:#ffda47; width:100%; display:block; padding:100px 10px;}
    .section5 .contentWrap {padding:50px 10px; box-sizing: border-box;}
    .section5 .sectionVisual {display:flex; flex-direction: column; align-items: center;}
    .section5 .sectionVisual .textArea {font-size:24px; text-align:center; padding:0 15px;}
    .section5 .sectionVisual .textArea .topTxt {position: relative; font-size:19px; text-align: left; margin-bottom: 10px; padding-left:13px;}
    .section5 .sectionVisual .textArea .topTxt span {font-family: GmarketB; font-size:19px; font-weight:bold}
    .section5 .sectionVisual .textArea .topTxt img {position: absolute; right:310px; top: -30px; zoom: 0.4;}
    .section5 .sectionVisual .textArea .imgText {height:50px;}
    .section5 .sectionVisual .textArea .applyText {display:flex; justify-content: center; align-items:center; font-size:23px; font-family:GmarketL; margin-top:30px;}
    .section5 .sectionVisual .textArea .applyText .bold {font-size:28px; font-family:GmarketB;}
    .section5 .sectionVisual .textArea .applyText img {height:50px; margin-left:10px;}
    .section5 .sectionVisual .textArea .imgArea {margin-top:30px;}
    .section5 .sectionVisual .textArea .imgArea img {width:200px;}
    .section5bg .inputArea {display:flex; flex-direction: column; max-width:320px; width:100%; justify-content: center; align-items: flex-end; margin-top:0px; padding:0 0px; box-sizing: border-box;}
    .section5 .inputArea .inputCell {margin-bottom:15px;}
    .section5 .inputArea .inputCell {
        width:100%;
    }

    .section5 .inputArea {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        margin: 50px auto 0;
        padding: 0 10px;
        box-sizing: border-box;
    }


    .section5 .sectionVisual .textArea .topTxt {
        position: relative;
        font-size: 19px;
        text-align: left;
        font-weight:bold;
        margin-bottom: 10px;
        left:0;
    }

    .section5 .sectionVisual .textArea > p img {
        position: relative;
        display: inline;
        right: 310px;
        top: 35px;
        zoom:0.4;
    }

    .section5 .inputArea .inputCell .inputTitle {font-size:18px; font-family:GmarketB; margin-bottom:5px;}
    .section5 .inputArea .inputCell .inputTitle img {height:20px; vertical-align: -4px;}
    .section5 .inputArea .inputCell input {width:100%; height:50px; font-size:20px; font-family:GmarketL; padding:10px; border-radius:10px; border:solid 3px #303030; box-sizing: border-box;}
    .section5 .inputArea .btnApply {display:flex; justify-content:center; align-items:center;
        font-weight:bold !important; width:100%; height:50px; font-size:24px; margin:0; color:#ffffff; font-family:GmarketB; border-radius:10px; cursor:pointer; background-color:#da4537;}
    .section5 .inputArea .btnApply img {height:30px; margin-left:10px;}

    .agreeCell input {width:20px; height:20px; vertical-align: -4px; margin-right:5px;}
    .agreeCell a {font-family:GmarketB; color:#e42e24; text-decoration: underline; cursor:pointer;}
    .agreeCell {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        color: #000000;
        padding: 10px;
        width: 70%;
        text-align: center;
    }
    .section5 .agreeCell {
        padding: 20px;
        justify-content:center;
    }

    /*
        *** 섹션5_1 - 신청폼
    */
    .section5_1 {background-color:#ffda47;}
    .section5_1 .contentWrap {padding-bottom:30px; box-sizing: border-box;}
    .section5_1 .sectionVisual {display:flex; flex-direction: column; align-items: center;}
    .section5_1 .sectionVisual .textArea {font-size:24px; text-align:center;}
    .section5_1 .sectionVisual .textArea .imgText {height:50px;}
    .section5_1 .sectionVisual .textArea .applyText {display:flex; justify-content: center; align-items:center; font-size:23px; font-family:GmarketL; margin-top:30px;}
    .section5_1 .sectionVisual .textArea .applyText .bold {font-size:28px; font-family:GmarketB;}
    .section5_1 .sectionVisual .textArea .applyText img {height:50px; margin-left:10px;}
    .section5_1 .sectionVisual .textArea .imgArea {margin-top:30px;}
    .section5_1 .sectionVisual .textArea .imgArea img {width:200px;}
    .section5_1 .inputArea {display:flex; flex-direction: column; justify-content: center; align-items: flex-end; margin-top:20px; padding:0 10px; box-sizing: border-box;}
    .section5_1 .inputArea .inputCell {margin-bottom:15px;}
    .section5_1 .inputArea .inputCell .inputTitle {font-size:18px; font-family:GmarketB; margin-bottom:5px;}
    .section5_1 .inputArea .inputCell .inputTitle img {height:20px; vertical-align: -4px;}
    .section5_1 .inputArea .inputCell input {width:100%; height:50px; font-size:20px; font-family:GmarketL; padding:10px; border-radius:10px; border:solid 3px #303030; box-sizing: border-box;}
    .section5_1 .inputArea .btnApply {display:flex; justify-content:center; align-items:center; width:100%; height:50px; font-size:24px; color:#ffffff; font-family:GmarketB; border-radius:10px; cursor:pointer; background-color:#da4537;}
    .section5_1 .inputArea .btnApply img {height:30px; margin-left:10px;}

    .agreeCell {display:flex; justify-content: space-between; align-items: center; font-size:14px; color:#000000; padding:10px; width: 100%; text-align: center;}
    .agreeCell input {width:20px; height:20px; vertical-align: -4px; margin-right:5px; float:left;}
    .agreeCell a {font-family:GmarketB; color:#e42e24; text-decoration: underline; cursor:pointer; font-weight:bold;}

    .agreeCell label {float:left; display: inline; width:auto;}

    /*
        *** 섹션6
    */
    .section6 {background-color:#eee8e1;}
    .section6 .contentWrap {position:relative; display:flex; flex-direction: column; justify-content: center; align-items: center; width:100%; padding:50px 10px; box-sizing: border-box;}
    .section6 .textArea {font-size:24px; text-align:center; width:100%; display:block;}
    .section6 .textArea .bold {font-size:40px; font-family:GmarketB; margin-bottom:15px;}
    .section6 .textArea .hBar {width:40px; height:2px; margin:0 auto; margin-top:15px; margin-bottom:20px; background-color:#373737;}
    .section6 .textArea .infoText {font-size:15px; color:#da4537; line-height:1.2;}
    .section6 .listArea {width:100%; margin-top:50px;}
    .section6 .listArea .listTitle {font-size:24px; font-family:GmarketB; text-align:center; margin-bottom:20px;}
    .section6 .listArea .listBox {height:230px; padding:15px; box-sizing: border-box; border-radius:15px; background-image:url("/theme/barit/img/listBoxBg.png");}
    .section6 .listArea .listBox .innerWrap {position:relative; width:100%; height:100%; overflow: hidden;}
    .section6 .listArea .listBox .listWrap {position:absolute; top:0; left:0; width:100%;}
    .section6 .listArea .listBox .list {display:flex; justify-content: space-between; align-items: center; height:40px; padding:0 10px; box-sizing: border-box;}
    .section6 .listArea .listBox .list .name {width:60px; font-size:18px; color:#ffffff;}
    .section6 .listArea .listBox .list .phoneNum {width:200px; font-size:18px; color:#ffffff;}
    .section6 .listArea .listBox .list .status {display:flex; justify-content:center; align-items:center; width:90px; height:30px; font-size:16px; color:#ffffff; font-family:GmarketB; border-radius:5px; background-color:#fb4233;}
    .section6 .character {width:300px;}




    /*
        *** 섹션7
    */
    .section7 {background-color:#ffffff; padding:50px 0; font-family: GmarketM;}
    .section7 .contentWrap {width:100%; padding:50px 10px; box-sizing: border-box;}
    .section7 .title {font-size:40px; font-family:GmarketB; color:#303030; text-align:center; line-height:1.26;}
    .section7 .title span {position:relative; color:#fd4b58;}
    .section7 .subText {font-size:24px; color:#181818; font-family:GmarketM; text-align:center; margin-bottom:40px; margin-top:10px;}
    .section7 .benefitArea {width:300px; margin:0 auto; text-align:center; font-size:18px; color:#303030; font-family:GmarketB;}
    .section7 .gridWrapper {overflow:hidden;}
    .section7 .grid {display:flex; flex-wrap:wrap; padding:10px 0 0 10px; margin:-10px}
    .section7 .grid .gridCell {
        box-sizing:border-box;
        width:calc(100% / 2);
        border:0 solid transparent;
        border-width:0 10px 10px 0;
    }
    .section7 .benefitArea .imgCell {height:80px; margin-bottom:20px;}
    .section7 .benefitArea .imgCell img {transform:scale(0.7, 0.7);}
    .section7 .infoText {font-size:16px; color:#303030; text-align:center; margin-top:20px;}

    .section7 .title span:after {
        content: "";
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: none;
    }


    /*
        *** 섹션8
    */
    .section8 {background-color:#f5efe8;}
    .section8 .contentWrap {padding:50px 10px; box-sizing: border-box; text-align:center;}
    .section8 .title {font-size:40px; color:#303030; font-family:GmarketB;}
    .section8 .subText {font-size:24px; color:#181818; margin-top:10px; margin-bottom:30px;}
    .section8 img {width:280px;}



    /*
        *** 섹션9
    */
    .section9 {flex-direction: column; background-color:#454545;}
    .section9 .contentWrap {padding:50px 10px 100px 10px;}
    .section9 .notice {box-sizing: border-box;}
    .section9 .notice .noticeTitle {font-size:16px; color:#ffe500; margin-bottom:10px;}
    .section9 .notice .noticeTitle2 {font-size:14px; color:#ffffff; margin-bottom:7px;}
    .section9 .notice .noticeTitle img {height:20px; vertical-align: -4px; margin-right:5px;}
    .section9 .notice .noticeText {font-size:13px; color:#ffffff; font-family:NotoSansL; margin-bottom:15px;}
    .section9 .notice .noticeText:last-child {margin-bottom:0;}
    .section9 .notice .noticeText2 {color:#ff3636;}

    .footer {width:100%; flex:1; background-color:#2d2d2d; min-height:400px; padding:80px 0 120px; position:relative; height:auto;}
    .footer .contentWrap {height:100%; display:flex; flex-direction: column; justify-content: center; align-items: center;}
    .footer .snsButtonCell {opacity:0.4;}
    .footer .snsButtonCell a img {transform: scale(0.8, 0.8);}
    .footer .logoCell img {width:150px;}
    .footer .copyright {font-size:12px; color:#646464; font-family:NotoSansR; line-height:1.8; text-align:center; margin:10px 0;}
    .footer .copyright a {color:#646464;}

    .footer .copyright span {margin:0 10px;}



    .footer .copyright .btnPrivacy {
        color: #999999 !important;
        text-decoration: underline !important;
    }

    .contentWrap {
        overflow: hidden;;
    }
    .section9 {
        height: 100% !important;
        flex-direction: column;
        background-color: #454545;
    }
    .only-m {display:block;}
    .only-p {display:none;}
    .footer .snsButtonCell a img {
        filter: grayscale(50%) !important;
        transform: scale(0.8, 0.8) !important;
    }

    .navbar-collapse {width:100%; display:block; position:absolute; left:0; top:0px; height:auto; z-index:-1;background:#fff;
    padding:15px; padding-top:80px;}

    .section5 .inputArea .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 400px;
        height: 66px;
        font-size: 20px;
        color: #ffffff;
        font-family: GmarketB;
        border-radius: 10px;
        cursor: pointer;
        background-color: #da4537;
    }


}

/* Mobile-specific styles */
@media (max-width: 768px) {


    .page-nav {display:none;}
    body {
        width: 100%;
        height: 100%;
        overflow: scroll !important;
        font-family: GmarketM;
        color: #222222;
    }
    .section2 {background:#ffda47 !important}
    /* Change section container to allow normal scrolling */
    .section-container {
        height: auto;
        overflow: visible;
    }

    /* Change section positioning to normal flow */
    .section {
        position: relative;
        transform: none !important;
        height: auto;
        min-height: auto;
    }
    /* Change section positioning to normal flow */
    .section6 {
    padding:80px  0;
    }

    /* Adjust navigation for mobile */
    .page-nav {
        position: fixed;
        right: 10px;
        top: 50%;
    }

    footer {min-height:100% !important; max-height:100% !important;  bottom:0 !important; top:auto !important; background:#000}
}