@charset "utf-8";


#layout_body {padding-bottom:0 !important;background-color: #fff !important;}
#layout_wrap {min-width:0px !important;}
a{color: inherit;}
#wrap{max-width:none;}
.conSz{width: 1200px;margin: 0 auto;height: auto;padding: 0 20px;}


/* header */
#sldHdr.on{opacity:0;pointer-events:none;}
#sldHdr {display:inline-block; vertical-align:middle; position:fixed; left:5.2083vw; top:4.1667vw; right:5.2083vw; z-index:99999;opacity: 1;}
.sldHdrLogo {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:100px; height:40px; transition:0.3s; -webkit-transition:0.3s;}
.sldHdrLogo a {display:inline-block; vertical-align:middle; position:relative; width:100%; height:100%; background-image:url("../images/micro/logo.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto; transition:0.3s; -webkit-transition:0.3s;}

/* banner */
.bnrCon{position: relative;}
.bnrConTxt{width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 0 20px;}
.bnrConTxt > p{font-size: 31px;font-weight: 400;color: #39424d;margin-bottom: 45px;}
.bnrConTxt > p > b{font-weight: 500;} 
.bnrConTxtGra{display: inline-block;background-color: #fafafa;margin-bottom: 30px;padding: 6px 8px;}
.bnrConTxtGra > p{font-size: 32px;font-weight: 700;background-image: url(../images/eventPromotion2210/textback.png);background-repeat: no-repeat;background-position: center;background-size: cover; -webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1;}
.bnrConTxt > h1{font-size: 90px;font-weight: 700;line-height: 1.1;margin-bottom: 45px;}
.bnrConTxt > span{font-size: 30px;font-weight: 400;margin-left: 15px;font-family: 'Montserrat';}
.bnrConBg{width: 100%;height: 740px;background: url(../images/eventPromotion2210/banner.png) no-repeat;background-size: cover;background-position: center;} 

/* nav */
.navFix{width: 100%;height: 80px;background-color: #39424d;transition: 0.5s;border-bottom: 1px solid #fff;display: flex;justify-content: space-between;position: relative;}
.navFix.on{position: sticky;top: 0;left: 0;z-index: 9999;transition: 0.5s;}
.navFix .line{width: 2px;height: 28px;margin: 0 35px;background-color: #fff;}
.navFix .sldHdrLogo{left: 5.2083vw;top: 50%;transform: translateY(-50%);display: none;transition: 0.5s;}
.navFix .sldHdrLogo.on{display: block;}
.navFix > ul{width: 1200px;height: 100%;margin: 0 auto;display: flex;justify-content: flex-end;align-items: center;padding: 0 20px;}
.navFix > ul{display: flex}
.navFix> ul > li > a{font-size: 30px;font-weight: 400;color: #fff;}
 
/* SldWrp01 */
.sldWrp01{padding: 200px 0; /* display: none; */}
.video{width: 100%;height:51.72vw;max-height: 600px;background-color: #ddd;}
.sldWrp01Txt{text-align: center;margin-top: 90px;}
.sldWrp01Txt > h2{font-size: 35px;font-weight: 500;letter-spacing: -2px;margin-bottom: 25px;word-break: keep-all;}
.sldWrp01Txt > span{font-size: 22px;font-weight: 300;line-height: 1.5;}

/* sldWrp02 */
.sldWrp02{position: relative;padding-bottom: 150px;}
.sldWrp02Bg{width: 100%;height: 850px;background: url(../images/eventPromotion2210/sldWrp02_bg.png) no-repeat;background-size: cover;background-position: center; position: absolute;}
.sldWrp02Hd{font-size: 35px;font-weight: 300;color: #fff;text-align: center;padding: 130px 0;position: relative;}
.sldWrp02Hd::before, .sldWrp02Hd::after{content: '';width: 2px;height: 38px;background-color: #fff;transform: rotate(45deg) translateX(-50%);position: absolute;left: 50%;;}
.sldWrp02Hd::before{top: 65px;}
.sldWrp02Hd::after{bottom: 65px;}
.sldWrp02Hd > span{font-size: 45px;font-weight: 700;}
.sldWrp02Hd > span > b{color: #ffd860;}
/* swiper */
#swiper01{width: 100% !important;height: 600px !important;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);border: 1px solid #fff !important;}
#swiper01 .swiper-slide > img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
#swiper01 .swiper-slide.lft > img{object-position: left !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../images/eventPromotion2210/icon_arrow-01.png) !important;width: 35px !important;height: 60px !important;left: 45px !important;background-size: cover !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{transform: rotate(180deg) !important;right: 45px !important;left: auto !important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-button-prev:after{display: none;}

.sldWrp02Inr{display: grid;grid-template-columns: 33% 33% 34%;grid-template-rows: 1fr 1fr;grid-row-gap: 45px;margin-top: 80px;}
.sldWrp02Inr > div{position: relative;display: flex;align-items: center;}
.sldWrp02Inr > div:nth-child(1),.sldWrp02Inr > div:nth-child(4){margin-left: -10px;}
.sldWrp02Inr > div:nth-child(2),.sldWrp02Inr > div:nth-child(5){margin-left: 20px;}
.sldWrp02Inr > div:nth-child(3),.sldWrp02Inr > div:nth-child(6){margin-left: 40px;}
.sldWrp02Inr > div::before{content: '';width: 2px;height: 53px;background-color: #9fa0a0;position: absolute;top: 50%;left: -35px;transform: translateY(-50%);}
.sldWrp02Inr > div:nth-child(1)::before,.sldWrp02Inr > div:nth-child(4)::before{display: none;}
.sldWrp02Inr > div:nth-child(2)::before,.sldWrp02Inr > div:nth-child(5)::before{left: -45px;}
.sldWrp02Inr > div > img{width: 116px;margin-right: 15px;}
.sldWrp02Inr > div:nth-child(1) > img,.sldWrp02Inr > div:nth-child(4) > img{margin-right: 10px;}
.sldWrp02Inr > div > p{font-size: 22px;font-weight: 400;font-family: 'Noto Sans KR';letter-spacing: -2px;}
.sldWrp02Inr > div > p > b{font-weight: 500;letter-spacing: -2px;}
.sldWrp02Btm{font-size: 15px;font-weight: 400;display: block;text-align: end;margin-top: 25px;}
.sldWrp02Btm > br{display: none;}

/* sldWrp03 */
.sldWrp03{padding: 150px 0;background-color: #efefef;}
.sldWrp03Hd{display: block;text-align: center;font-size: 30px;font-weight: 400;margin-bottom: 70px;}
.sldWrp03Hd > b{font-size: 55px;font-weight: 500;}
.sldWrp03Rcm{overflow: hidden;}
.sldWrp03Rcm .btn{width: 100%;height: 85px;display: flex;cursor: pointer;}
.sldWrp03Rcm .btn > li{display: inline-block;width: 50%;height: 100%;border-radius: 30px 30px 0 0;font-size: 33px;font-weight: 400;text-align: center;line-height: 90px;background-color: #dcdddd;color: #595757;overflow: hidden;}
.sldWrp03Rcm .btn > li.on{background-color: #39424d;color: #ffd860;font-weight: 700;}
.sldWrp03Rcm .sct{background-color: #fff;box-shadow: 0px 5px 15px rgba(0,0,0,0.15);}
.sldWrp03Rcm .sct > div{display: none;}
.sldWrp03Rcm .sct > div.on{display: block;}
.sldWrp03Rcm .link{display: inline-block;text-align: center;border: 2px solid #000;border-radius: 29.5px;width: 245px;height: 60px;line-height: 60px;font-size: 30px;font-weight: 400;}

.sldWrp03RcmNew{display: none;}
.sldWrp03RcmNew > ul{display: flex;padding-top: 80px;}
.sldWrp03RcmNew > ul > li{width: 50%;}
.sldWrp03RcmNew .txtBx{padding-top: 40px;padding-left: 120px;}
.sldWrp03RcmNew .txtBx .gra{display: inline-block;background: url(../images/eventPromotion2210/textback.png) no-repeat;background-size: cover;}
.sldWrp03RcmNew .txtBx .gra > p{font-size: 60px;font-family: 'Montserrat';padding: 0 10px;color: #fff;line-height: 1;}
.sldWrp03RcmNew .txtBx > h1{font-size: 60px;font-weight: 300;line-height: 1.3;margin-top: 10px;}
.sldWrp03RcmNew .txtBx > h1 > b{font-weight: 700;}
.sldWrp03RcmNew .txtBx .link{margin-top: 75px;}

.sldWrp03RcmBest > ul{display: flex;justify-content: space-between;padding: 55px 50px;}
.sldWrp03RcmBest > ul > li{display: flex;flex-direction: column;align-items: center;}
.sldWrp03RcmBest .conBx{width: 330px;height: 425px;background-color: #8e9195;border-radius: 20px;display: flex;flex-direction: column;align-items: center;overflow: hidden;padding: 25px 45px;}
.sldWrp03RcmBest .conBxHd{display: flex;justify-content: space-between;width: 100%;}
.sldWrp03RcmBest .conBxHd > h1{font-family: 'Montserrat';font-size: 50px;font-weight: 300;color: #fff;line-height: 1;}
.sldWrp03RcmBest .conBxHd > p{font-family: 'Noto Sans KR';font-size: 30px;font-weight: 500;color: #fff;line-height: 1.3;text-align: end;}
.sldWrp03RcmBest > ul > li:nth-child(1) img{width: 243px;height: auto;margin-top: 120px;}
.sldWrp03RcmBest > ul > li:nth-child(2) img{width: 80px;height: auto;margin-top: 40px;}
.sldWrp03RcmBest > ul > li:nth-child(3) img{width: 134px;height: auto;margin-top: 35px;}
.sldWrp03RcmBest .link{width: 265px;margin-top: 20px;}

/* sldWrp04 */
.sldWrp04{padding: 140px 0 160px;}
.sldWrp04BnfHd{display: flex;flex-direction: column;align-items: center;}
.sldWrp04BnfHd .imgBx{position: relative;width: 245px;height: 110px;margin-left: 480px;margin-bottom: -10px;}
.sldWrp04BnfHd .imgBx > img{position: absolute;top: 0;left: 0;}
.sldWrp04BnfHd .imgBx > p{width: 100%;position: absolute;font-size: 22px;text-align: center;top: 15px;}
.sldWrp04BnfHd .imgBx > p > em{font-weight: 700;color: #39424d;}
.sldWrp04BnfHd .imgBx > p > b{font-weight: 700;}
.sldWrp04BnfHd .txtBx{text-align: center;}
.sldWrp04BnfHd .txtBx > span{font-family: 'Noto Sans KR';font-size: 30px;font-weight: 400;}
.sldWrp04BnfHd .txtBx > h1{font-size: 55px;font-weight: 500;}
.sldWrp04BnfHd .txtBx > p{font-family: 'Montserrat';font-size: 40px;font-weight: 400;margin-top: 20px;}

.sldWrp04BnfInr{display: flex;justify-content: space-between;margin-top: 50px;}
.sldWrp04BnfInr > div{position: relative;width: 375px;height: 540px;}
.sldWrp04BnfInr .lblWrp{width: 115px;height: 130px;position: absolute;top: -15px;right: 40px;}
.sldWrp04BnfInr .lbl{width: 100%;height: 100%;position: relative;}
.sldWrp04BnfInr .lbl > img{width: 100%;height: 100%;position: absolute;z-index: 98;}
.sldWrp04BnfInr .lbl .popBack{width: 30px;height: 30px;background-color: #ac5cb5;position: absolute;right: -8px;top: 7px;z-index: 1;transform: rotate(65deg);}
.sldWrp04BnfInr .lbl > span{font-size: 24px;font-weight: 400;line-height: 1.3;letter-spacing: 0.3px;color: #fff;text-align: center;width: 100%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 99;}
.sldWrp04BnfInr .lbl > span > b{font-weight: 600;color: #fff100;font-size: 26px;}
.sldWrp04BnfInr .lbl > span > b > em{font-size: 28px;font-weight: 800;letter-spacing: 1px;}
.sldWrp04BnfInr .conBx{width: 100%;height: 100%;position: relative;overflow: hidden;border-radius: 30px 30px 0 0;box-shadow: 0px 0px 10px rgba(0,0,0,0.25);}
.sldWrp04BnfInr .conBxInr{width: 100%;height: 100%;border-radius: 30px 30px 0 0;position: absolute;top: 0;left: 0;}
.sldWrp04BnfInr .frnBx{background-color: #fff;padding: 40px 30px 0;top: 65px;z-index: 9;display: flex;flex-direction: column;align-items: center;}
.sldWrp04BnfInr .frnBx > h1{font-size: 30px;font-weight: 600;color: #39424d;width: 100%;padding-left: 15px;position: relative;}
.sldWrp04BnfInr .frnBx > h1::before{content: '';width: 210px;height: 2px;background-color: #39424d;position: absolute;bottom: 18px;right: 10px;}
.sldWrp04BnfInr .frnBx > span{font-size: 38px;font-weight: 400;margin-top: 25px;}
.sldWrp04BnfInr .frnBx > span > strong{font-weight: 700;}
.sldWrp04BnfInr .frnBx > p{font-size: 25px;font-weight: 400;color: #727171;margin-top: 5px;min-height: 52px;}
.sldWrp04BnfInr .frnBx > img{width: 230px;height: auto;margin-top: 35px;}
.sldWrp04BnfInr .backBx{background-color: #39424d;padding: 15px 45px;z-index: 1;}
.sldWrp04BnfInr .backBx > p{font-size: 25px;font-weight: 400;color: #fff;}
.sldWrp04BnfInr .backBx > p > em{font-size: 28px;}
.sldWrp04BnfInr >div:nth-child(1) .frnBx > p{font-size: 18px;}
.sldWrp04BnfInr >div:nth-child(2) .frnBx > img{width: 245px;}
.sldWrp04BnfInr >div:nth-child(3) .frnBx > img{width: 230px;margin-top: -5px;}
.sldWrp04BnfInr >div:nth-child(3) .frnBx > h1::before{width: 170px;}
.sldWrp04BnfBtm{font-size: 15px;font-weight: 400;display: block;text-align: end;margin-top: 30px;}
.sldWrp04BnfBtm .showMo{display: none;}

.sldWrp04Rvw{background-color: #fffbef;border-radius: 30px;overflow: hidden;box-shadow: 0 0 20px rgba(0,0,0,0.05);padding: 55px 0;margin-top: 70px;}
.sldWrp04RvwHd{text-align: center;}
.sldWrp04RvwHd > h1{font-size: 30px;font-weight: 500;color: #39424d;position: relative;z-index: 9;}
.sldWrp04RvwHd > h1::before{content: '';width: 190px;height: 23px;background-color: #ffe9a7;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: -1;}
.sldWrp04RvwHd > p{font-size: 25px;font-weight: 400;margin-top: 45px;line-height: 1.5;}
.sldWrp04RvwHd > p .showMo{display: none;}
.sldWrp04RvwInr{display: flex;justify-content: space-between;padding: 50px 150px 0;}
.sldWrp04RvwInr > div{display: flex;align-items: center;}
.sldWrp04RvwInr .imgBx{width: 128px;height: 128px;position: relative;margin-right: 25px;}
.sldWrp04RvwInr .imgBx > img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.sldWrp04RvwInr .num{width: 45px;height: 45px;text-align: center;line-height: 45px;background-color: #ffd860;border-radius: 50%;position: absolute;top: -15px;left: 0;}
.sldWrp04RvwInr .num > span{font-size: 23px;font-weight: 500;color: #39424d;}
.sldWrp04RvwInr .txtBx{font-size: 20px;font-weight: 400;}

/* sldWrp05 */
.sldWrp05{width: 100%;height: 800px;position: relative;}
.sldWrp05Bg{width: 100%;height: 100%;background: url(../images/eventPromotion2210/delivery_img.png) no-repeat;background-size: cover;background-position: center;position: absolute;}
.sldWrp05Txt{position: absolute;top: 50%;transform: translateY(-50%);color: #fff;}
.sldWrp05Txt > h1{font-size: 50px;font-weight: 500;word-break: keep-all;line-height: 1.25;}
.sldWrp05Txt > p{font-size: 25px;font-weight: 300;margin-top: 25px;}
.sldWrp05Txt .btn{width: 320px;height: 65px;background-color: #000;border-radius: 33px;text-align: center;line-height: 65px;margin-top: 70px;}
.sldWrp05Txt .btn > a{font-size: 25px;font-weight: 300;display: inline-block;width: 100%;}

/* .sldWrp06 , .sldWrp07*/
.sldWrp06Inr > ul, .sldWrp07Inr > ul{display: flex;flex-direction: column;}
.sldWrp06Inr > ul > li, .sldWrp07Inr ul > li{font-size: 25px;font-weight: 300;word-break: keep-all;padding-left: 10px;position: relative;line-height: 1.9;}
.sldWrp06Inr > ul > li::before, .sldWrp07Inr ul > li::before{content: '';width: 3px;height: 3px;background-color: #fff;position: absolute;top: 43%;left: 0;border-radius: 50%;over}
.sldWrp06Inr > ul > li.dtNone::before, .sldWrp07Inr ul > li.dtNone::before{display: none;}

/* sldWrp06 */
.sldWrp06{background-color: #2f2f2f;padding: 90px 0;}
.sldWrp06Inr{color: #fff;}
.sldWrp06Inr > h1{font-size: 28px;font-weight: 700;}
.sldWrp06Inr > ul{margin-top: 50px;}

/* sldWrp07 */
.sldWrp07{background-color: #f5f5f5;padding: 90px 0;}
.sldWrp07Inr{}
.sldWrp07Inr > div > div{padding-bottom: 45px;}
.sldWrp07Inr h1{font-size: 25px;font-weight: 600;padding-bottom: 12px;}
.sldWrp07Inr h2{font-size: 22px;font-weight: 500;padding-bottom: 8px;}
.sldWrp07Inr h2 > em{font-family: 'Montserrat';}
.sldWrp07Inr ul > li{font-size: 21px;color: #2f2f2f;}
.sldWrp07Inr ul > li::before{background-color: #2f2f2f;}


/* 미디어쿼리 1200px */
@media (max-width:1200px){
    .conSz{width: 960px;}

    /* banner */
    .bnrConTxt{width: 960px;}
    .bnrConTxt > p{font-size: 27px;margin-bottom: 25px;}
    .bnrConTxtGra{margin-bottom: 15px;padding: 4px 6px;}
    .bnrConTxtGra > p{font-size: 30px;}
    .bnrConTxt > h1{font-size: 87px;margin-bottom: 40px;}
    .bnrConTxt > span{font-size: 28px;}
    .bnrConBg{background: url(../images/eventPromotion2210/banner_tap.png);background-size: auto 100%;background-position: bottom 100% right 35%;}

    /* nav */
    .navFix > ul{width: 960px;}
    .navFix > ul > li > a{font-size: 28px;}
    .navFix .line{height: 25px;margin: 0 25px;}

    /* sldWrp02 */
    #swiper01{height: 480px !important;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{width: 30px !important;height: 51px !important;}
    .sldWrp02Inr{grid-template-columns: 33% 33% 34%;grid-row-gap: 35px;}
    .sldWrp02Inr > div:nth-child(3), .sldWrp02Inr > div:nth-child(6){margin-left: 35px;}
    .sldWrp02Inr > div:nth-child(2)::before, .sldWrp02Inr > div:nth-child(5)::before{left: -40px;}
    .sldWrp02Inr > div:nth-child(3)::before, .sldWrp02Inr > div:nth-child(6)::before{left: -35px;}
    .sldWrp02Inr > div > img{width: 80px;}
    .sldWrp02Inr > div:nth-child(1) > img, .sldWrp02Inr > div:nth-child(4) > img{margin-right: 15px;}
    .sldWrp02Inr > div > p{font-size: 17px;}
    .sldWrp02Btm{font-size: 14px;}

    /* sldWrp03 */
    .sldWrp03Hd{font-size: 27px;}
    .sldWrp03Hd > b{font-size: 50px;}
    .sldWrp03Rcm .link{width: 225px;height: 55px;line-height: 55px;font-size: 26px;}
    .sldWrp03RcmNew > ul{padding-top: 94px;}
    .sldWrp03RcmNew .txtBx{padding-top: 35px;padding-left: 100px;}
    .sldWrp03RcmNew .txtBx .gra > p{font-size: 50px;}
    .sldWrp03RcmNew .txtBx > h1{font-size: 49px;}
    .sldWrp03RcmNew .txtBx .link{margin-top: 60px;}
    .sldWrp03RcmNew .imgBx > img{width: 80%;}
    
    .sldWrp03RcmBest > ul{padding: 55px 30px;}
    .sldWrp03RcmBest .conBx{width: 270px;height: 337px;border-radius: 15px;padding: 25px 35px;}
    .sldWrp03RcmBest .conBxHd > h1{font-size: 38px;}
    .sldWrp03RcmBest .conBxHd > p{font-size: 24px;}
    .sldWrp03RcmBest > ul > li:nth-child(1) img{width: 185px;margin-top: 85px;}
    .sldWrp03RcmBest > ul > li:nth-child(2) img{width: 63px;margin-top: 30px;}
    .sldWrp03RcmBest > ul > li:nth-child(3) img{width: 95px;margin-top: 30px;}
    .sldWrp03RcmBest .link{width: 80% !important;}

    /* sldWrp04 */
    .sldWrp04BnfHd .imgBx{width: 220px;margin-left: 430px;margin-bottom: -20px;}
    .sldWrp04BnfHd .imgBx > p{font-size: 19px;top: 13px;}
    .sldWrp04BnfHd .txtBx > span{font-size: 27px;}
    .sldWrp04BnfHd .txtBx > h1{font-size: 50px;}
    .sldWrp04BnfHd .txtBx > p{font-size: 37px;margin-top: 15px;}
    .sldWrp04BnfInr > div{width: 298px;height: 430px;}
    .sldWrp04BnfInr .lblWrp{width: 98px;height: 111px;right: 35px;}
    .sldWrp04BnfInr .lbl > span{font-size: 22px;}
    .sldWrp04BnfInr .lbl > span > b{font-size: 22px;}
    .sldWrp04BnfInr .lbl > span > b > em{font-size: 26px;}
    .sldWrp04BnfInr .frnBx{padding: 20px 20px 0;top: 55px;}
    .sldWrp04BnfInr .frnBx > h1{font-size: 25px;padding-left: 10px;}
    .sldWrp04BnfInr .frnBx > h1::before{width: 170px;bottom: 15px;}
    .sldWrp04BnfInr >div:nth-child(3) .frnBx > h1::before{width: 140px;}
    .sldWrp04BnfInr .frnBx > span{font-size: 30px;}
    .sldWrp04BnfInr .frnBx > p{font-size: 20px;min-height: 50px;margin-top: 3px;}
    .sldWrp04BnfInr >div:nth-child(1) .frnBx > p{font-size: 15px;}
    .sldWrp04BnfInr .frnBx > img{width: 195px;margin-top: 20px;}
    .sldWrp04BnfInr >div:nth-child(2) .frnBx > img{width: 200px;}
    .sldWrp04BnfInr >div:nth-child(3) .frnBx > img{width: 180px;}
    .sldWrp04BnfBtm{font-size: 14px;margin-top: 25px;}
    .sldWrp04Rvw{padding: 45px 0;}
    .sldWrp04RvwHd > h1{font-size: 28px;}
    .sldWrp04RvwHd > h1::before{width: 171px;}
    .sldWrp04RvwHd > p{font-size: 22px;margin-top: 35px;}
    .sldWrp04RvwInr{padding: 40px 100px 0;}
    .sldWrp04RvwInr .imgBx{width: 105px;height: 105px;margin-right: 17px;}
    .sldWrp04RvwInr .num{width: 35px;height: 35px;line-height: 35px;top: -10px;}
    .sldWrp04RvwInr .num > span{font-size: 19px;}
    .sldWrp04RvwInr .txtBx{font-size: 18px;letter-spacing: -0.9px;}
    .sldWrp04BnfInr .backBx{padding: 11px 30px;}
    .sldWrp04BnfInr .backBx > p{font-size: 21px;}
    .sldWrp04BnfInr .backBx > p > em{font-size: 24px;}

    /* sldWrp05 */
    .sldWrp05Txt > h1{font-size: 45px;}
    .sldWrp05Txt > p{font-size: 23px;margin-top: 25px;}
    .sldWrp05Txt .btn{width: 275px;height: 60px;line-height: 60px;margin-top: 60px;}
    .sldWrp05Txt .btn > a{font-size: 23px;}

    /* sldWrp06 */
    .sldWrp06Inr > h1{font-size: 25px;}
    .sldWrp06Inr > ul{margin-top: 40px;}
    .sldWrp06Inr > ul > li{font-size: 20px;}

    /* sldWrp07 */
    .sldWrp07Inr h1{font-size: 20px;padding-bottom: 8px;}
    .sldWrp07Inr h2{font-size: 19px;padding-bottom: 5px;}
    .sldWrp07Inr ul > li{font-size: 17px;}
}


@media (max-width:960px){
    .conSz{width: 760px;}

    /* header */
    .sldHdrLogo{width: 85px;height: 39px;}

    /* banner */
    .bnrConBg{height: 550px;}
    .bnrConTxt{width: 760px;}
    .bnrConTxt > p{font-size: 21px;margin-bottom: 30px;}
    .bnrConTxtGra{margin-bottom: 10px;}
    .bnrConTxtGra > p{font-size: 21px;}
    .bnrConTxt > h1{font-size: 60px;margin-bottom: 30px;}
    .bnrConTxt > span{font-size: 22px;margin-left: 10px;}
    .bnrConBg{background-position: bottom 100% right 27%;}

    /* nav */
    .navFix{height: 65px;}
    .navFix > ul{width: 100%;padding: 0 30px;}
    .navFix > ul > li > a{font-size: 22px;}
    .navFix .line{height: 17px;margin: 0 20px;}

    /* sldWrp01 */
    .sldWrp01{padding: 150px 0;}
    .sldWrp01Txt{margin-top: 75px;}
    .sldWrp01Txt > h2{font-size: 25px;margin-bottom: 15px;}
    .sldWrp01Txt > span{font-size: 17px;}

    /* sldWrp02 */
    .sldWrp02{padding-bottom: 100px;}
    .sldWrp02Bg{height: 550px;}
    .sldWrp02Hd{font-size: 25px;padding: 90px 0;}
    .sldWrp02Hd > span{font-size: 35px;}
    .sldWrp02Hd::before, .sldWrp02Hd::after{height: 27px;}
    .sldWrp02Hd::before{top: 45px;}
    .sldWrp02Hd::after{bottom: 45px;}
    #swiper01{height: 380px !important;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{width: 20px !important;height: 35px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 35px !important;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 35px !important;}
    .sldWrp02Inr{grid-template-rows: 1fr 1fr 1fr;grid-template-columns: 50% 50%;grid-row-gap: 30px;margin-top: 60px;}
    .sldWrp02Inr > div{justify-content: center;margin: 0;}
    .sldWrp02Inr > div:nth-child(1), .sldWrp02Inr > div:nth-child(2), .sldWrp02Inr > div:nth-child(4), .sldWrp02Inr > div:nth-child(6){margin: 0;}
    .sldWrp02Inr > div:nth-child(3){margin-left: 10px;}
    .sldWrp02Inr > div:nth-child(5){margin-left: 20px;}
    .sldWrp02Inr > div::before{left: 0 !important;height: 45px;}
    .sldWrp02Inr > div:nth-child(3)::before, .sldWrp02Inr > div:nth-child(5)::before{display: none;}
    .sldWrp02Inr > div:nth-child(4)::before{display: block;}
    .sldWrp02Btm{margin-top: 35px;}

    /* sldWrp03 */
    .sldWrp03{padding: 100px 0;}
    .sldWrp03Hd{font-size: 23px;margin-bottom: 40px;}
    .sldWrp03Hd > b{font-size: 43px;}
    .sldWrp03Rcm .btn{height: 65px;}
    .sldWrp03Rcm .btn > li{line-height: 70px;font-size: 26px;}
    .sldWrp03Rcm .link{width: 155px;height: 40px;line-height: 40px;font-size: 19px;border: 1px solid #000;}
    .sldWrp03RcmNew > ul{padding-top: 73px;}
    .sldWrp03RcmNew .txtBx{padding-top: 16px;padding-left: 65px;}
    .sldWrp03RcmNew .txtBx .gra > p{font-size: 35px;}
    .sldWrp03RcmNew .txtBx > h1{font-size: 35px;margin-top: 5px;}
    .sldWrp03RcmNew .txtBx .link{margin-top: 35px;}
    .sldWrp03RcmBest > ul{padding: 40px 20px;}
    .sldWrp03RcmBest .conBx{width: 214px;height: 268px;padding: 20px 30px;}
    .sldWrp03RcmBest .conBxHd > h1{font-size: 30px;}
    .sldWrp03RcmBest .conBxHd > p{font-size: 20px;}
    .sldWrp03RcmBest > ul > li:nth-child(1) img{width: 100%;margin-top: 65px;}
    .sldWrp03RcmBest > ul > li:nth-child(2) img{width: 33%;margin-top: 25px;}
    .sldWrp03RcmBest > ul > li:nth-child(3) img{width: 52%;margin-top: 25px;}

    /* sldWrp04 */
    .sldWrp04{padding: 100px 0;}
    .sldWrp04BnfHd .imgBx{width: 180px;height: 85px;margin-left: 353px;margin-bottom: -10px;}
    .sldWrp04BnfHd .imgBx > p{font-size: 16px;top: 10px;}
    .sldWrp04BnfHd .txtBx > span{font-size: 23px;}
    .sldWrp04BnfHd .txtBx > h1{font-size: 43px;}
    .sldWrp04BnfHd .txtBx > p{font-size: 28px;margin-top: 15px;}
    .sldWrp04BnfInr{margin-top: 55px;}
    .sldWrp04BnfInr > div{width: 230px;height: 340px;}
    .sldWrp04BnfInr .lblWrp{width: 73px;height: 82px;right: 25px;top: -10px;}
    .sldWrp04BnfInr .lbl > span{font-size: 16px;line-height: 1.2;}
    .sldWrp04BnfInr .lbl > span > b{font-size: 17px;}
    .sldWrp04BnfInr .lbl > span > b > em{font-size: 20px;}
    .sldWrp04BnfInr .frnBx{padding: 15px 15px 0;top: 50px;}
    .sldWrp04BnfInr .frnBx > h1{font-size: 20px;padding-left: 12px;}
    .sldWrp04BnfInr .frnBx > h1::before{width: 122px;height: 1px;bottom: 11px;}
    .sldWrp04BnfInr >div:nth-child(3) .frnBx > h1::before{width: 97px;}
    .sldWrp04BnfInr .frnBx > span{font-size: 24px;margin-top: 20px;}
    .sldWrp04BnfInr .frnBx > p{font-size: 16px;min-height: 40px;margin-top: 0;}
    .sldWrp04BnfInr >div:nth-child(1) .frnBx > p{font-size: 13px;}
    .sldWrp04BnfInr .frnBx > img{width: 150px;margin-top: 20px;}
    .sldWrp04BnfInr >div:nth-child(2) .frnBx > img{width: 160px;}
    .sldWrp04BnfInr >div:nth-child(3) .frnBx > img{width: 135px;}
    .sldWrp04BnfInr .backBx{padding: 11px 27px;}
    .sldWrp04BnfInr .backBx > p{font-size: 17px;}
    .sldWrp04BnfInr .backBx > p > em{font-size: 20px;}
    .sldWrp04Rvw{box-shadow: 0 0 10px rgb(0 0 0 / 5%);}
    .sldWrp04RvwHd > h1{font-size: 22px;}
    .sldWrp04RvwHd > h1::before{width: 140px;height: 18px;}
    .sldWrp04RvwHd > p{font-size: 19px;margin-top: 30px;}
    .sldWrp04RvwInr{padding: 40px 75px 0;}
    .sldWrp04RvwInr .imgBx{width: 80px;height: 80px;margin-right: 12px;}
    .sldWrp04RvwInr .num{width: 27px;height: 27px;line-height: 27px;}
    .sldWrp04RvwInr .num > span{font-size: 15px;}
    .sldWrp04RvwInr .txtBx{font-size: 15px;}

    /* sldWrp05 */
    .sldWrp05{height: 550px;}
    .sldWrp05Txt > h1{font-size: 33px;}
    .sldWrp05Txt > p{font-size: 17px;margin-top: 17px;}
    .sldWrp05Txt .btn{width: 210px;height: 45px;line-height: 45px;margin-top: 40px;border-radius: 27px;}
    .sldWrp05Txt .btn > a{font-size: 17px;}

    /* sldWrp06 */
    .sldWrp06{padding: 80px 0;}
    .sldWrp06Inr > h1{font-size: 20px;}
    .sldWrp06Inr > ul{margin-top: 30px;}
    .sldWrp06Inr > ul > li{font-size: 15px;}

    /* sldWrp07 */
    .sldWrp07{padding: 80px 0;}
    .sldWrp07Inr h1{font-size: 17px;padding-bottom: 5px;}
    .sldWrp07Inr > div > div{padding-bottom: 40px;}
    .sldWrp07Inr h2{font-size: 16px;padding-bottom: 3px;}
    .sldWrp07Inr ul > li{font-size: 13px;}
}

@media (max-width:760px){
    .conSz{width: 100%;padding: 0 30px;}
  
    /* banner */
    .bnrConBg{height: 460px;}
    .bnrConTxt{width: 100%;padding: 0 30px;}
    .bnrConTxt > p{font-size: 18px;margin-bottom: 20px;}
    .bnrConTxtGra{padding: 3px 5px;}
    .bnrConTxtGra > p{font-size: 18px;}
    .bnrConTxt > h1{font-size: 50px;}
    .bnrConBg{background-size: auto 105%;background-position: bottom 25% right 30%;}

    /* nav */
    .navFix{height: 60px;}
    .navFix > ul > li > a{font-size: 18px;}

    /* sldWrp01 */
    .sldWrp01{padding: 100px 0;}
    .sldWrp01Txt{margin-top: 60px;}
    .sldWrp01Txt > h2{font-size: 20px;margin-bottom: 15px;}
    .sldWrp01Txt > span{font-size: 15px;}

    /* sldWrp02 */
    .sldWrp02Hd{font-size: 20px;}
    .sldWrp02Hd > span{font-size: 25px;}
    .sldWrp02Inr > div > img{width: 65px;}
    .sldWrp02Inr > div > p{font-size: 15px;}
    .sldWrp02Btm{font-size: 12px;}

    /* sldWrp03 */
    .sldWrp03Hd{font-size: 20px;}
    .sldWrp03Hd > b{font-size: 38px;}
    .sldWrp03Rcm .btn{height: 60px;}
    .sldWrp03Rcm .btn > li{line-height: 63px;font-size: 19px;}
    .sldWrp03Rcm .sct{height: auto;}
    .sldWrp03Rcm .link{width: 165px;height: 42px;line-height: 42px;}
    .sldWrp03RcmNew > ul{flex-direction: column;padding-top: 0;}
    .sldWrp03RcmNew .txtBx{padding: 60px 0 50px;text-align: center;width: 100%;}
    .sldWrp03RcmNew .imgBx{width: 100%;}
    .sldWrp03RcmNew .imgBx > img{margin: 0 auto;display: block; width: 57%;}
    .sldWrp03RcmBest > ul{flex-direction: column;}
    .sldWrp03RcmBest > ul > li{flex-direction: column;align-items: center;margin-bottom: 35px;}
    .sldWrp03RcmBest > ul > li:last-child{margin-bottom: 0;}
    .sldWrp03RcmBest .link{width: 180px !important;margin-top: 15px;}

    /* sldWrp04 */
    .sldWrp04BnfHd .imgBx{margin-left: 250px;margin-bottom: 0;}
    .sldWrp04BnfHd .txtBx > span{font-size: 20px;}
    .sldWrp04BnfHd .txtBx > h1{font-size: 38px;}
    .sldWrp04BnfHd .txtBx > p{font-size: 23px;}
    .sldWrp04BnfInr{flex-direction: column;align-items: center;justify-content: initial;}
    .sldWrp04BnfInr > div{margin-bottom: 35px;}
    .sldWrp04BnfBtm{margin-top: 0;font-size: 12px;text-align: center;}

    .sldWrp04RvwHd > h1{font-size: 20px;}
    .sldWrp04RvwHd > h1::before{width: 127px;height: 14px;}
    .sldWrp04RvwHd > p{font-size: 16px;}
    .sldWrp04RvwInr{padding: 55px 75px 0;flex-direction: column;}
    .sldWrp04RvwInr > div{flex-direction: column;}
    .sldWrp04RvwInr > div:first-child{margin-bottom: 40px;}
    .sldWrp04RvwInr .imgBx{margin-right: 0;margin-bottom: 10px;}
    .sldWrp04RvwInr .txtBx{text-align: center;font-size: 14px;}
    
    
    /* sldWrp05 */
    .sldWrp05{height: 400px;}
    .sldWrp05Txt > h1{font-size: 24px;}
    .sldWrp05Txt > p{font-size: 13px;margin-top: 10px;}
    .sldWrp05Txt .btn{width: 157px;height: 38px;line-height: 38px;margin-top: 35px;}
    .sldWrp05Txt .btn > a{font-size: 13px;}

    /* sldWrp06, sldWrp07 */
    .sldWrp06,.sldWrp07{padding: 50px 0;}
    .sldWrp06Inr > ul > li::before, .sldWrp07Inr ul > li::before{top: 11px;}

    /* sldWrp06 */
    .sldWrp06Inr > h1{font-size: 18px;}
    .sldWrp06Inr > ul > li{font-size: 13px;}

    /* sldWrp07 */
    .sldWrp07Inr h1{font-size: 16px;}
    .sldWrp07Inr h2{font-size: 15px;}
}

@media (max-width:650px){
    /* sldWrp02 */
    .sldWrp02Inr{grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns: 100%;}
    .sldWrp02Inr > div > img{margin-right: 30px;}
    .sldWrp02Inr > div:nth-child(1) > img, .sldWrp02Inr > div:nth-child(4) > img{margin-right: 30px;}
    .sldWrp02Inr > div::before{display: none !important;}
    .sldWrp02Inr > div > p{text-align: center;}
    .sldWrp02Btm{text-align: center;}
}

@media (max-width:500px){
    .conSz{padding: 0 16px;}
    
    /* header */
    .navFix .sldHdrLogo.on{display: none;}

    /* banner */
    .bnrConTxt{padding: 0 16px;}
    .bnrConTxt > p{font-size: 15px;margin-bottom: 20px;}
    .bnrConTxtGra > p{font-size: 15px;}
    .bnrConTxt > h1{font-size: 40px;margin-bottom: 20px;}
    .bnrConTxt > span{font-size: 16px;}
    /* .bnrConBg{background-size: auto 115%;background-position: top 8% right 51%;} */
    .bnrConBg{background: url(../images/eventPromotion2210/banner_mo.png) no-repeat;background-size: auto 105%;background-position: bottom 75% right;}

    /* nav */
    .navFix > ul{padding: 0;justify-content: center;}
    .navFix > ul > li > a{font-size: 17px;}
    .navFix .line{height: 14px;margin: 0 15px;}

    /* sldWrp02 */
    .sldWrp02Bg{height: 440px;}
    #swiper01{height: 260px !important;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{width: 18px !important;height: 32px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 25px !important;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 25px !important;}
    .sldWrp02Inr > div{max-width:230px;margin:0 auto !important;width: 100%;}
    .sldWrp02Inr > div > img{margin-right: auto;}
    .sldWrp02Inr > div:nth-child(1) > img, .sldWrp02Inr > div:nth-child(4) > img{margin-right: auto;}
    .sldWrp02Inr > div > p{min-width: 150px;}
    .sldWrp02Btm > br{display: block;}

    /* sldWrp04 */
    .sldWrp04BnfHd .imgBx{margin-left: 0;width: 160px;height: 75px;margin: 0 auto 10px;}
    .sldWrp04BnfHd .imgBx > p{font-size: 14px;}
    .sldWrp04RvwHd > p .showMo{display: block;}
    .sldWrp04RvwInr{padding: 45px 30px 0;}
    .sldWrp04BnfBtm .showMo{display: block;}

    
}