@charset "UTF-8";


* {margin:0; border:0; padding:0;}

html, body {width:100%; height:100%; overflow:hidden; font-family:GmarketM; color:#222222;}

h1.siteTitle {display:none;}
h2.siteSubTitle {display:none;}

/*
    ************************* 공통 요소 ****************************
*/

a {text-decoration: none; color:#303030;}
a:hover {text-decoration: none; color:#303030;}
a:active {text-decoration: none; color:#303030;}
a:link {text-decoration: none; color:#303030;}
a:visited {text-decoration: none; color:#303030;}


/*
    *** input[type=number] 화살표 버튼 없애기
*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}












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

.fullSection{display:flex; justify-content: center; align-items: center; width:100%; height:100%; overflow: hidden;}


/*
    *** 도트 페이지네이션
*/
.pageDot {position:fixed; right:20px; top:46%; transform:translateY(-50%); z-index:100;}
.pageDot ul {list-style: none;}
.pageDot li {width:17px; height:17px; margin-bottom:14px; border-radius:50%; border:2px solid #fff; box-sizing: border-box; cursor:pointer;}
.pageDot .on {background:#ffffff;}


/*
    *** 상단바
*/
.topBar {position:fixed; top:0; left:0; width:100%; z-index:2000;}
.topBar .topBarInnerWrap {display:flex; justify-content: space-between; align-items: center; width:1280px; height:140px; margin:0 auto;}
.topBar .topBarInnerWrap .snsButtonCell a {margin-left:20px;}


/*
    *** 신청하기 플로팅버튼
*/
.applyFloatingButton { position:fixed; bottom:30px; right:30px; z-index:500;}
.applyFloatingButton .btnGoApplySide {display:block; font-size:0; border-radius:10px; box-shadow: 15px 15px 15px rgba(0,0,0,0.2); cursor:pointer; margin-bottom: 20px;}
.applyFloatingButton .btnGoApplySideClick {display:block; font-size:0; border-radius:10px; box-shadow: 15px 15px 15px rgba(0,0,0,0.2); cursor:pointer;  }
.applyFloatingButton .btnGoTop {font-size:18px; text-align:center; margin-top:20px; cursor:pointer;}





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

/*
    *** 섹션1
*/
.section1 {background-color:#ffda47;}
.section1 .contentWrap {width:1150px; margin-top:70px;}

.section1 .visualArea {display:flex; align-items: center;}
.section1 .visualArea .visualText {letter-spacing: -5px;}
.section1 .visualArea .visualText .line1 {font-size:55px; color:#e52e24;}
.section1 .visualArea .visualText .line2 {font-size:72px; color:#000000; font-family:GmarketB;}
.section1 .visualArea .visualImg {flex:1; padding-top:80px; text-align:right; padding-right:70px; box-sizing: border-box;}

.section1 .won {position:absolute; top:0; left:50%; margin-left:100px;}

.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-image:url('/theme/barit/img/bg_section2.png'); background-size:100% 100%;  font-family:GmarketM;}*/
.section2 {background: #eae4dd;background-size:100% 100%;  font-family:GmarketM;}
.section2 .contentWrap {position:relative; width:1200px;}

.section2 .applyBox {
    display: block;
    align-items: center;
    width: 100%;
    height: 550px;
    border-radius: 50px;
    padding: 80px 90px;
    box-sizing: border-box;
    box-shadow: 10px 10px 32px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}
.section2 .applyBox .inputArea {width:440px;}
.section2 .applyBox .inputArea .topTxt {font-size:30px;}
.section2 .applyBox .inputArea .titleSub {font-size:30px;}
.section2 .applyBox .inputArea .title {font-size:52px; font-family:GmarketB; letter-spacing: -5px;}
.section2 .applyBox .inputArea table {width:100%; font-size:30px; color:#000000; border-collapse: collapse; margin-top:40px; margin-bottom:30px;}
.section2 .applyBox .inputArea table th {width:150px; font-family:GmarketB; text-align:left; border-bottom:solid 1px #000000; padding-top:25px; padding-bottom:20px; box-sizing: border-box;}
.section2 .applyBox .inputArea table td {border-bottom:solid 1px #000000; padding-top:25px; padding-bottom:20px; box-sizing: border-box;}
.section2 .applyBox .inputArea table td input {width:100%; font-size:30px; font-family:GmarketM;}

.agreeCell {display:flex; justify-content: space-between; align-items: center; font-size:20px; color:#000000;}
.agreeCell input {width:20px; height:20px; vertical-align: -4px; margin-right:5px;}
.agreeCell a {font-family:GmarketB; color:#e42e24; text-decoration: underline; cursor:pointer;}
/*.section2 .applyBox .inputArea .agreeCell input[type=checkbox] {display:none !important;}
.section2 .applyBox .inputArea .agreeCell input[type=checkbox] + label {display: inline-block; height:29px; font-weight:normal; cursor: pointer; line-height: 29px; padding-left: 33px; background: url('../images/chkOff2.png') left/29px no-repeat !important;}
.section2 .applyBox .inputArea .agreeCell input[type=checkbox]:checked + label { background-image: url('../images/chkOn2.png') !important; }*/

.section2 .applyBox .insuCompany {
    width: 100%;
    position: relative;
    margin-left: 20px;
}
.section2 .applyBox .insuCompany .title {font-size:40px; font-family:GmarketB; text-align:center;}
.section2 .applyBox .insuCompany .logoBox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 330px;
    border-radius: 25px;
    background-color: #f5efe8;
}
.section2 .applyBox .insuCompany .logoBox  img {max-width:80%; margin:0 auto;}
.section2 .applyBox .insuCompany .character {position:absolute;top: 100%;
    left: 48%;
    transform: translate(-0%, -20%);

}
.section2 .btnApply {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 480px;
    height: 95px;
    font-size: 42px;
    color: #ffffff;
    font-family: GmarketB;
    border-radius: 10px;
    margin:0 auto;
    margin-top:60px;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
    cursor:pointer;
    background-color: #e42e24;
}
.section2 .btnApply img {margin-left:10px;}






/*
    *** 섹션추가(section3-1) - 쿠폰이벤트
*/
.section3-1 {background-color:#ffda47; letter-spacing: -1px;}
.section3-1 .contentWrap {width:1280px;}
.section3-1 .sectionTitle {font-size:65px; color:#222222; font-family:GmarketB; text-align:center; margin-bottom:60px;}
.section3-1 .sectionTitle span {color:#e42e24;}
.section3-1 .couponContent {display:flex; justify-content: space-between;}
.section3-1 .couponContent .couponArea .eventTitle1 {display:flex; width:335px; height:75px; box-shadow: 5px 5px 15px rgba(0,0,0,0.2);  border-radius:10px 10px 10px 10px; margin-bottom:40px;}
.section3-1 .couponContent .couponArea .eventTitle2 { display:flex; align-items: center; justify-content: space-between;   margin-bottom:40px;}
.section3-1 .couponContent .couponArea .arrow { padding: 0 10px; }
.section3-1 .couponContent .couponArea .eventTitle .eventWrap { display: flex; width:335px; height:75px; box-shadow: 5px 5px 15px rgba(0,0,0,0.2); border-radius:10px 10px 10px 10px; }
.section3-1 .couponContent .couponArea .eventTitle .eventWrap2 { width:232px; height:75px;  }
.section3-1 .couponContent .couponArea .eventTitle .head {
    display: flex;
    justify-content: center;
    align-items: center;
    width:140px;
    height:100%;
    font-size: 30px;
    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: 32px;
    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: 130px; }
.section3-1 .couponContent .couponArea .eventTitle .eventWrap2 .body { background: #222222; color: #ffffff; }
.section3-1 .couponContent .couponArea .eventTitle .eventWrap2 .body a { color: #ffffff; }

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

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





/*
    *** 섹션3
*/
.section3 {background-color: #f5efe8;}
.section3 .contentWrap {}
.section3 .textArea {width:100%; font-size:32px; letter-spacing: -2px; line-height: 56px; text-align: center; margin-bottom: 50px;}

.section3 .textArea .largeColorText {font-size:60px; color: #fd4b58; }
.section3 .textArea .colorText {color: #fd4b58; }
.section3 .textArea .largeText { font-size: 40px; }

.section3 .textArea .bold {font-family:GmarketB;}

.section3 .gridWrapper {overflow:hidden; margin: 0 auto; }
.section3 .grid {display:flex; flex-wrap:wrap; padding:10px 0 0 10px; }
.section3 .grid .gridCell { box-sizing:border-box; width:calc(100% / 1); margin-bottom:30px;}
.section3 .grid .gridBox { display: flex; align-items: center; height: 220px; border: 3px solid #454545; border-radius: 30px; }
.section3 .grid .gridBox .gridImgBox{ width: 190px; text-align: center; }

.section3 .grid .gridTextBox .gridTextBox { flex: 1; }
.section3 .grid .gridTextBox .gridBoxTitle{ font-size: 31px; font-family:GmarketB; padding: 30px 0 10px 0; }
.section3 .grid .gridTextBox .mainText{ font-size: 22px; font-family:GmarketM; padding-bottom: 56px; }
.section3 .grid .gridTextBox ul.mainText{ font-size: 22px; font-family:GmarketM;  padding: 0 0 0px 20px; }
.section3 .grid .gridTextBox .mainText .bold{ font-family:GmarketB; }
.section3 .grid .gridTextBox .subText { color: #7d6b23; font-size: 14px; font-family:GmarketM; margin-bottom: 25px; }

.section3 .grid .gridBox1 { background-color: #ffda47; }
.section3 .grid .gridBox2 { background-color: #ffffff; }

.section3 .addInfoText { position: relative; text-align: right; font-size: 20px; font-family: GmarketM; margin-top: -10px; }
.section3 .addInfoText::before { position: absolute; content: '*'; top: 5px; right: 150px; width: 10px; height: 10px;}



/*
    *** 섹션4
*/
.section4 {background-color:#ffffff;}
.section4 .contentWrap {display:flex; justify-content:space-between; align-items:center; width:1250px;}
.section4 .textArea {width:520px; font-size:40px; letter-spacing: -2px;}
.section4 .textArea .bold {font-family:GmarketB;}
.section4 .textArea .infoText {font-family:GmarketM; font-size:16px; color:#000; letter-spacing:0}
.section4 .textArea .largeText {font-size:72px;}
.section4 .imgArea {position:relative;}
.section4 .imgArea .img {position:relative; z-index:1;}
.section4 .imgArea .character {position:absolute; left:-200px; bottom:30px; z-index:4;}
.section4 .imgArea .won {position:absolute; bottom:-25px; right:60px; z-index:5;}




/*
    *** 섹션5 - 하단 신청폼
*/
.section5 {background-color:#ffda47;}
.section5 .contentWrap {width:1180px;}
.section5 .sectionVisual {display:flex; align-items: flex-end;}
.section5 .sectionVisual .textArea {font-size:48px;}
.section5 .sectionVisual .textArea > p {position: relative; font-family:GmarketM;  font-size:48px; margin-bottom: 15px;}
.section5 .sectionVisual .textArea > p img {position: absolute; right: -169px; top: 35px; }
.section5 .sectionVisual .textArea > p span {font-family:GmarketB; font-size:50px;}
.section5 .sectionVisual .textArea .applyText {display:flex; align-items:center; font-size:45px; font-family:GmarketL; margin-top:75px;}
.section5 .sectionVisual .textArea .applyText .bold {font-size:55px; font-family:GmarketB;}
.section5 .sectionVisual .textArea .applyText img {margin-left:15px;}
.section5 .inputArea {display:flex; justify-content: space-around; align-items: flex-end; margin-top:50px;}
.section5 .inputArea .inputCell {width:368px;}
.section5 .inputArea .inputCell .inputTitle {font-size:30px; font-family:GmarketB;}
.section5 .inputArea .inputCell .inputTitle img {vertical-align: -4px;}
.section5 .inputArea .inputCell input {width:100%; height:66px; font-size:24px; 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; width:400px; height:66px; font-size:30px; color:#ffffff; font-family:GmarketB; border-radius:10px; cursor:pointer; background-color:#da4537;}
.section5 .inputArea .btnApply img {margin-left:10px;}
.section5 .agreeCell {padding:20px; justify-content: flex-start;}
.section5 .agreeCell a {margin-left:10px;}




/*
    *** 섹션6
*/
.section6 {background-color:#eee8e1; font-family:GmarketM;}
.section6 .contentWrap {position:relative; display:flex; justify-content: space-between; align-items: flex-end; width:1220px; padding-bottom:140px; box-sizing: border-box;}
.section6 .textArea {width:530px; font-size:45px;}
.section6 .textArea .bold {font-size:60px; font-family:GmarketB; margin-bottom:25px;}
.section6 .textArea .hBar {width:40px; height:2px; margin-top:15px; margin-bottom:25px; background-color:#373737;}
.section6 .textArea .infoText {font-size:24px; color:#da4537; font-family:GmarketM;}
.section6 .listArea {width:563px; margin-top:-100px;}
.section6 .listArea .listTitle {font-size:40px; font-family:GmarketB; text-align:center; margin-bottom:20px;}
.section6 .listArea .listTitle span {font-size:30px;}
.section6 .listArea .listBox { height:345px; 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:65px; padding:0 20px; box-sizing: border-box;}
.section6 .listArea .listBox .list .name {width:90px; font-size:30px; color:#ffffff;}
.section6 .listArea .listBox .list .phoneNum {width:240px; font-size:30px; color:#ffffff;}
.section6 .listArea .listBox .list .status {display:flex; justify-content:center; align-items:center; width:106px; height:37px; font-size:24px; color:#ffffff; font-family:GmarketB; border-radius:5px; background-color:#fb4233;}
.section6 .coin {position:absolute; top:-20px; left:470px;}
.section6 .character {position:absolute;     top: 58%;
    left: 48%;
    transform: translate(-50%, -50%);}




/*
    *** 섹션7
*/
.section7 {background-color:#ffffff;}
.section7 .contentWrap {width:1020px; padding-top:80px;}
.section7 .title {font-size:60px; font-family:GmarketB; color:#303030; text-align:center;}
.section7 .title span {position:relative; color:#fd4b58;}
.section7 .title span:after {content:""; position:absolute; top:-20px; left:50%; transform: translateX(-50%); width:12px; height:12px; border-radius:50%; background-color:#fd4b58;}
.section7 .subText {font-size:40px; color:#181818; font-family:GmarketM; text-align:center; margin-bottom:40px; margin-top:10px;}

.section7 .benefitArea {text-align:center; font-size:36px; color:#303030; font-family:GmarketB;}
.section7 .gridWrapper {overflow:hidden;}
.section7 .grid {display:flex; flex-wrap:wrap; padding:60px 0 0 40px; margin:-40px}
.section7 .grid .gridCell {
    box-sizing:border-box;
    width:calc(100% / 4);
    border:0 solid transparent;
    border-width:0 60px 40px 0;
}
.section7 .benefitArea .imgCell {height:105px; margin-bottom:20px;}
.section7 .infoText {font-size:30px; color:#303030; text-align:center; margin-top:50px;}
.section7 .infoText .subInfoText {
    position: relative;
    font-size: 30px;
    color: #303030;
    font-family: GmarketM;
}
.section7 .infoText .subInfoText::before {
    content: '* ';
    position: absolute;
    top: 5px;
    left: -15px;
    width: 10px;
    height: 10px;
}
.section7 .infoText .bold {
    font-size: 40px;
    font-family: GmarketB;
}

/*
    *** 섹션8
*/
.section8 {background-color:#f5efe8;}
.section8 .contentWrap {width:1200px; text-align:center;}
.section8 .title {font-size:60px; color:#303030; font-family:GmarketB;}
.section8 .subText {font-size:40px; color:#181818; margin-top:10px; margin-bottom:70px;}



/*
    *** 섹션9
*/
.section9 { flex-direction: column; background-color:#454545;}
.section9 .contentWrap {width:1280px; margin:0 auto;}
.section9 .notice {padding-top:75px; padding-bottom:70px; box-sizing: border-box;}
.section9 .notice .noticeTitle {font-size:24px; color:#ffe500; margin-bottom:10px;     font-family: GmarketM;}
.section9 .notice .noticeTitle2 {font-size:20px; color:#ffffff; margin-bottom:7px;     font-family: GmarketM; }
.section9 .notice .noticeTitle img {vertical-align: -6px; margin-right:10px;}
.section9 .notice .noticeText {font-size:16px; color:#ffffff; font-family:NotoSansL; margin-bottom:30px;}
.section9 .notice .noticeText:last-child {margin-bottom:0;}
.section9 .notice .noticeText2 {font-size:18px; color:#ff3636;}

.footer {width:100%; flex:1; background-color:#2d2d2d; min-height:200px; display: flex;align-items: center}
.footer .contentWrap {height:100%; display:flex; align-items: center;}
.footer .logoCell {margin-right:90px;}
.footer .copyright {font-size:14px; color:#646464; font-family:NotoSansR; line-height:1.8;}
.footer .copyright a {color:#646464;}
.footer .copyright span {margin-right:30px;}





@media (max-width:768px) {


    * {margin:0; border:0; padding:0;}

    html, body {width:100%; height:100%; font-family:GmarketM; color:#222222;}

    h1.siteTitle {display:none;}
    h2.siteSubTitle {display:none;}

    /*
        ************************* 공통 요소 ****************************
    */

    a {text-decoration: none; color:#303030;}
    a:hover {text-decoration: none; color:#303030;}
    a:active {text-decoration: none; color:#303030;}
    a:link {text-decoration: none; color:#303030;}
    a:visited {text-decoration: none; color:#303030;}













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

    .fullSection{display:flex; justify-content: center; align-items: center; width:100%;}



    /*
        *** 상단바
    */
    .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; justify-content: center; align-items: center; width:100%; height:60px;}
    .topBar .topBarInnerWrap img {width:280px;}



    /*
        *** 신청버튼(플로팅)
    */
    .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; align-items: center; text-align:center;}
    .section1 .visualArea .visualText {}
    .section1 .visualArea .visualText .line1 {font-size:30px; color:#e52e24;}
    .section1 .visualArea .visualText .line2 {font-size:50px; 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;}
    .section2 .contentWrap {position:relative; padding:50px 10px; box-sizing: border-box;}

    .section2 .insuCompany {}
    .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;}
    .section3-1 .contentWrap {padding:50px 15px;}
    .section3-1 .sectionTitle {font-size:30px; color:#222222; font-family:GmarketB; text-align:center; 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 {padding-top:50px;}
    .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:16px; 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:16px; color:#222222; font-family:NotoSansM; text-align:center; padding-top:5px;}
    .section3-1 .couponContent .couponArea .infoText2 {font-size:16px; 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%;}

    .coupon_img {max-width:100%; display:block; height:auto;}



        /*
            *** 섹션4
        */
    .section4 {background-color:#ffffff !important;}
    .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;}
    .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;}
    .section4 .textArea img {height:50px; margin-top:5px; margin-bottom:1px;}
    .section4 .imgArea {position:relative; margin-top:50px;}
    .section4 .imgArea .img {position:relative; width:200px; z-index:1;}
    .section4 .imgArea .character {position:absolute; width:250px; left:-110px; bottom:10px; z-index:4;}
    .section4 .imgArea .won {position:absolute; width:80px; bottom:-20px; left:50%; z-index:5;}




    /*
        *** 섹션5 - 신청폼
    */
    .section5 {background-color:#ffda47;}
    .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;}
    .section5 .sectionVisual .textArea .topTxt {position: relative; font-size:19px; text-align: left; margin-bottom: 10px;}
    .section5 .sectionVisual .textArea .topTxt span {font-family: GmarketB;}
    .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;}
    .section5 .inputArea {display:flex; flex-direction: column; justify-content: center; align-items: flex-end; margin-top:50px; padding:0 10px; box-sizing: border-box;}
    .section5 .inputArea .inputCell {margin-bottom:15px;}
    .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; width:100%; height:50px; font-size:24px; color:#ffffff; font-family:GmarketB; border-radius:10px; cursor:pointer; background-color:#da4537;}
    .section5 .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;}
    .agreeCell input {width:20px; height:20px; vertical-align: -4px; margin-right:5px;}
    .agreeCell a {font-family:GmarketB; color:#e42e24; text-decoration: underline; cursor:pointer;}



    /*
        *** 섹션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: 70%; text-align: center;}
    .agreeCell input {width:20px; height:20px; vertical-align: -4px; margin-right:5px;}
    .agreeCell a {font-family:GmarketB; color:#e42e24; text-decoration: underline; cursor:pointer;}



    /*
        *** 섹션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;}
    .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("../images/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;}
    .section7 .contentWrap {width:100%; padding:50px 10px; box-sizing: border-box;}
    .section7 .title {font-size:40px; font-family:GmarketB; color:#303030; text-align:center;}
    .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 .infoText .bold {
        font-size: 20px !important;
        font-family: GmarketB;
    }

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

    /*
        *** 섹션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;}
    .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 .btnPrivacy {color:#999999; text-decoration: underline;}
    .footer .copyright span {margin:0 10px;}





    .contentWrap {
        overflow: hidden;;
    }

}