.only-m { display: none !important }
.only-p { display: block; }
.barit_txt_box { margin-top: 50px; }
.section4 .imgArea { text-align: right }
.btnApply button { background: none; color: #fff; }

.font-m { font-family: GmarketM !important; font-weight: 500 !important; }
.font-b { font-family: GmarketB !important; font-weight: 700 !important; }

@media (max-width: 768px) { * { 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; }
    /*
    *** 신청버튼(플로팅)
    */
    .btnGoApply { position: fixed; bottom: 0; left: 0; right: 0; 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: 30px; align-items: center; text-align: center; }
    .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 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: 20px 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: 0; padding: 0 0; 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; margin-bottom: 50px; 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; }
    .section6 .character { position: relative; top: auto; left: auto; transform: none; text-align: center; }
    /*
    *** 섹션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; }
    .cust-img { max-width: 60px; }
    .textAreak { font-size: 20px !important; display: block; margin-bottom: 5px; }
    /*
    *** 섹션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; font-size: 13px !important; margin-bottom: 15px; }
    .footer { width: 100%; flex: 1; background-color: #2d2d2d; min-height: 400px; padding: 80px 0; 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; }
}
/* 브레드크럼 네비게이션 스타일 */
.breadcrumb-navigation { background: #f8f9fa; border-bottom: 1px solid #dee2e6; padding: 12px 0; font-size: 14px; position: sticky; top: 140px; /* 상단바 높이 고려 */
    z-index: 999; }
.breadcrumb { display: flex; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; align-items: center; }
.breadcrumb-item { display: flex; align-items: center; color: #6c757d; }
.breadcrumb-item + .breadcrumb-item::before { content: ">"; margin: 0 8px; color: #adb5bd; font-weight: normal; }
.breadcrumb-item a { color: #007bff; text-decoration: none; display: flex; align-items: center; gap: 4px; transition: color 0.2s; }
.breadcrumb-item a:hover { color: #0056b3; text-decoration: underline; }
.breadcrumb-item.active { color: #495057; font-weight: 500; }
.breadcrumb-item .fa-home { font-size: 12px; }
/* 모바일 대응 */
@media (max-width: 768px){
    .breadcrumb-navigation { padding: 8px 0; font-size: 12px; top: 60px; /* 모바일 상단바 높이 */ }
    .breadcrumb-item + .breadcrumb-item::before { margin: 0 6px; }
    .breadcrumb { font-size: 12px; }
    /* 긴 텍스트 줄임 */
    .breadcrumb-item span,
    .breadcrumb-item a { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
/* 다크모드 지원 */
@media (prefers-color-scheme: dark){
    .breadcrumb-navigation { background: #2d2d2d; border-bottom-color: #404040; }
    .breadcrumb-item { color: #adb5bd; }
    .breadcrumb-item a { color: #66b3ff; }
    .breadcrumb-item a:hover { color: #99ccff; }
    .breadcrumb-item.active { color: #f8f9fa; }
}




/*개인정보 이용동의 팝업*/
#privacyModal { position:fixed; width:100%; height:100%; top:0; left:0; z-index:2000; background-color:rgba(0,0,0,0.7);}
#privacyModal .contWin {position:relative; width:100%; max-width:1100px; height:90%; font-family:Noto Sans KR; padding:30px; box-sizing:border-box; margin:0 auto; margin-top:50px; background-color:#ffffff;}
#privacyModal .contWin .scrollWrap {height:calc(100% - 120px); overflow-y: auto;}
#privacyModal .contWin .btnClosePopup {position:absolute; right:0; top:-51px; cursor:pointer;}
#privacyModal .contWin input[type=checkbox] {width:18px; height:18px; border:solid 1px #91989a; vertical-align: middle; margin-bottom:3px; background-color:#ffffff;}
#privacyModal .contWin .agreeAllCell {font-size:14px; font-weight:700; padding-bottom:5px;}
#privacyModal .contWin .agreeAllCell span {margin-right:20px;}
#privacyModal .contWin .popupTitle {font-size:20px !important; color:#000000; font-weight:700; text-align:center; margin-bottom:20px;}
#privacyModal .contWin .privacyInfoText {font-size:12px; margin-bottom:20px;}
#privacyModal .contWin .agreeContWrap {border-top:solid 2px #6a6a6a; border-bottom:solid 1px #b3b3b3; padding:15px 0; margin-bottom:10px;}
#privacyModal .contWin .agreeContWrap .agreeBox {margin-bottom:20px;}
#privacyModal .contWin .agreeContWrap .agreeBox:last-child {margin-bottom:0;}
#privacyModal .contWin .agreeContWrap .agreeBox .titleCell {font-size:14px; font-weight:500; margin-bottom:5px;}
#privacyModal .contWin .agreeContWrap .agreeBox .titleCell span {color:#31b9ff;}
#privacyModal .contWin .agreeContWrap .agreeBox .titleCell span.checkCell {color:#333333; font-weight:normal; margin-left:10px;}
#privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell {height:50px; font-size:12px; font-weight:300; line-height:20px; padding:10px; letter-spacing: -1px; overflow-y: auto; border:solid 1px #cccccc; margin-bottom:5px;}
#privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .bold {font-weight:500;}
#privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .indent {display:inline-block; width:15px;}
#privacyModal .contWin .agreeContWrap .agreeBox .checkCell {font-size:14px;}
#privacyModal .contWin .btnConfirm {width:100px; font-size:18px; color:#ffffff; text-align:center; border-radius:20px; margin:0 auto; margin-top:30px; padding:5px 15px; cursor:pointer; background-color:#000000;}

#privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable {width:100%; font-size:12px; border-collapse: collapse;}
#privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable th {font-weight:normal; padding:5px 0; border:solid 1px #cccccc; background-color:#f0f0f0;}
#privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable th:nth-child(1) {width:30%}
#privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable th:nth-child(2) {width:30%}
#privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable th:nth-child(3) {width:30%}
#privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable th:nth-child(4) {width:10%}
#privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable td {padding:5px 0; border:solid 1px #cccccc; text-align:center;}




@media(max-width:800px) {


    /*개인정보 이용동의 팝업*/
    #privacyModal {display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:20; background-color:rgba(0,0,0,0.7);}
    #privacyModal .contWin {position:relative; width:90%; height:85%; font-family:Noto Sans KR; padding:10px; box-sizing:border-box; margin:0 auto; margin-top:40px; background-color:#ffffff;}
    #privacyModal .contWin .scrollWrap {height:calc(100% - 90px); overflow-y: auto;}
    #privacyModal .contWin .btnClosePopup {position:absolute; width:40px; height:40px; right:0; top:-41px; cursor:pointer;}
    #privacyModal .contWin input[type=checkbox] {width:18px; height:18px; border:solid 1px #91989a; vertical-align: middle; margin-bottom:3px; background-color:#ffffff;}
    #privacyModal .contWin .agreeAllCell {font-size:13px; font-weight:700; padding-bottom:5px;}
    #privacyModal .contWin .agreeAllCell span {margin-right:10px;}
    #privacyModal .contWin .popupTitle {font-size:16px !important; color:#000000; font-weight:700; text-align:center; margin-bottom:10px; letter-spacing: -1px;}
    #privacyModal .contWin .privacyInfoText {font-size:11px; margin-bottom:10px; line-height:15px;}
    #privacyModal .contWin .agreeContWrap {border-top:solid 2px #6a6a6a; border-bottom:solid 1px #b3b3b3; padding:5px 0; margin-bottom:5px;}
    #privacyModal .contWin .agreeContWrap .agreeBox {margin-bottom:10px;}
    #privacyModal .contWin .agreeContWrap .agreeBox:last-child {margin-bottom:0;}
    #privacyModal .contWin .agreeContWrap .agreeBox .titleCell {font-size:12px; font-weight:500; margin-bottom:5px; letter-spacing: -1px;}
    #privacyModal .contWin .agreeContWrap .agreeBox .titleCell span {color:#31b9ff;}
    #privacyModal .contWin .agreeContWrap .agreeBox .titleCell span.checkCell {color:#333333; font-weight:normal; margin-left:10px;}
    #privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell {height:40px; font-size:11px; font-weight:300; padding:5px; overflow-y: auto; letter-spacing: -1px; border:solid 1px #cccccc; margin-bottom:5px;}
    #privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .bold {font-weight:500;}
    #privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .indent {display:inline-block; width:10px;}
    #privacyModal .contWin .agreeContWrap .agreeBox .checkCell {font-size:12px; line-height:15px;}
    #privacyModal .contWin .btnConfirm {width:100px; font-size:15px; color:#ffffff; text-align:center; border-radius:20px; margin:0 auto; margin-top:10px; padding:5px 15px; background-color:#000000;}

    #privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable {font-size:11px; line-height:16px;}
    #privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable th {padding:3px 0;}
    #privacyModal .contWin .agreeContWrap .agreeBox .agreeTextCell .infoTable td {padding:3px 0;}
}