/**********************공통******************************/
.sec_ptb{padding-top:200px;padding-bottom:200px;}
.txt_size{font-size:40px;line-height: 60px;word-break: keep-all; font-family: 'Cafe24Ssurround'; color: #4A3928;}


h6.sub{display: inline-block; font-family: 'Cafe24Ssurround'; color: #fff; padding: 13px 30px 10px; border-radius: 35px; background-color: #FFBC8E; font-size: 20px; line-height: 1.1;}
body{background-color: #FCEDD1;}

.absol{position: absolute;}

.jal{font-family: 'jalnan';}
.surr{font-family: 'Cafe24Ssurround';}

.pd100{padding: 100px 0;}

.subtit{margin-bottom: 72px;}
.subtit .num{font-family: 'Cafe24Ssurround'; width: 70px; height: 70px; font-size: 40px; color: #fff; background-color: #FF988A; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding-top: 7px; margin: 0 auto; margin-bottom: 28px;}
.subtit h5{font-family: 'Cafe24Ssurround'; color: #473C39; font-size: 58px; line-height: 1; text-align: center;}

.round_tit{display: inline-block; height: 58px; width: 217px; display: flex; justify-content: center; align-items: center; border-radius: 30px; position: relative; z-index: 10;}
.round_tit span{font-size: 28px;  font-family: 'Cafe24Ssurround';}
.round_tit p{font-family: 'Cafe24Ssurround'; line-height: 1; font-size: 20px; color: #fff;padding-top: 5px;}

.rt_red{background-color: #EF6E5D;}
.rt_pink{background-color: #EF5DA3;} 
.rt_blue{background-color: #48B7B7;}
.rt_orange{background-color: #FF9534;}


@keyframes float {
    form {
       transform: translateY(0);
    }

    to {
       transform: translateY(10px);
    }
}


/* sec01 */
.sec01{text-align: center; position: relative;}
.sec01 .sec01_txt{padding: 62px 0 100px;}
.sec01 .sec01_txt .title{padding: 70px 0;}
.sec01 .sec01_txt .title h2{padding: 20px 0 25px; }
.sec01 .sec01_txt .title h2 span{display: block; overflow: hidden;}
.sec01 .sec01_txt .title h2 span.flex{display: flex; justify-content: center;}
.sec01 .sec01_txt .title h2 span, .sec01 .sec01_txt .title h2 span i{font-family: 'jalnan'; font-size: 120px; color: #473C39; line-height: 1.1;}
.sec01 .sec01_txt .title p{font-family: 'Cafe24Shiningstar'; color: #5B4E41; font-size: 42px; line-height: 1.2;}
.sec01 .sec01_txt .title h2 span i{color: #F97457;}
.sec01 .sec01_txt .period{display: flex; justify-content: center; align-items: center;}
.sec01 .sec01_txt .period .sub{background-color: #F97457; margin-right: 16px; }
.sec01 .sec01_txt .period p{font-size: 24px; font-weight: 600; color: #473C39; line-height: 1;}
/* bg */
/* tree */
.sec01 .sec01_bg .sec01_t_l{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854965468399.png) no-repeat center center; width: 382px; height: 313px; background-size: 100%; left: 0; top: 0;}
.sec01 .sec01_bg .sec01_t_r{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854965841142.png) no-repeat center center; width: 390px; height: 314px; background-size: 100%; right: 0; top: 0;}
/* cloud */
.sec01 .sec01_bg .sec01_cloud .cloud_left01{width: 301px; height: 163px; top: 150px; left: 7%;}
.sec01 .sec01_bg .sec01_cloud .cloud_left01:before{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854951081704.png) no-repeat center center; background-size: 100%; content: ''; position: absolute; width: 100%; height: 100%; animation: float 1.5s infinite .5s alternate;}
.sec01 .sec01_bg .sec01_cloud .cloud_left02{width: 239px; height: 114px;  top: 410px; left: 15%;}
.sec01 .sec01_bg .sec01_cloud .cloud_left02:before{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854951311646.png) no-repeat center center; background-size: 100%; content: ''; position: absolute; width: 100%; height: 100%;animation: float 1.5s infinite alternate;}
.sec01 .sec01_bg .sec01_cloud .cloud_right01{width: 339px; height: 194px; top: 160px; right: 22%;}
.sec01 .sec01_bg .sec01_cloud .cloud_right01:before{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854951663952.png) no-repeat center center; background-size: 100%; content: ''; position: absolute; width: 100%; height: 100%; animation: float 1.5s infinite 1s alternate;}
.sec01 .sec01_bg .sec01_cloud .cloud_right02{width: 221px; height: 120px; top: 430px; right: 28%;}
.sec01 .sec01_bg .sec01_cloud .cloud_right02:before{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854951959511.png) no-repeat center center; background-size: 100%; content: ''; position: absolute; width: 100%; height: 100%; animation: float 2s infinite alternate;}
/* flower */
.sec01 .sec01_bg .sec01_flower .sec01_f_l{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854952863277.png) no-repeat center center; width: 225px; height: 348px; background-size: 100%;bottom: 30px; left: 11%;}
.sec01 .sec01_bg .sec01_flower .sec01_f_r1{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854955356200.png) no-repeat center center; width: 110px; height: 211px; background-size: 100%;bottom: 150px; right: 18%;}
.sec01 .sec01_bg .sec01_flower .sec01_f_r2{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854954868810.png) no-repeat center center; width: 173px; height: 284px; background-size: 100%;bottom: 30px; right: 11%;}


/* sec02 */
.sec02{background-color: #FFDDAB; height: 460px; display: flex; align-items: center;}
.sec02 > div{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.sec02 > div i{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854955910623.png) no-repeat center center; width: 449px; height: 414px; position: relative; top: 16px; right:-50px; background-size: 100%;}
.sec02 > div .txt{position: relative; top: -10px; }
.sec02 > div .txt h4{position: relative; left: -5px; }
.sec02 > div .txt p{font-size: 22px; font-weight: 500; color: #B4675D; padding-bottom: 16px;}
.sec02 > div .txt h4, .sec02 > div .txt h4 span{color: #A5574D; font-size: 62px; letter-spacing: -2px; line-height: 1.2; font-family: 'Cafe24Ssurround';}
.sec02 > div .txt h4 span{color: #F97457;}


/* sec03 */
.sec03{background-color: #FDE3CE;}
.sec03 ul{display: flex; align-items: center; justify-content: center;}
.sec03 ul li{background-color: #FFF5F4; width: 225px; height: 225px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center;}
.sec03 ul li p{font-size: 15px; line-height: 1; margin-bottom: 14px; color: #FC7765; font-family: 'Cafe24Ssurround';}
.sec03 ul li h6{font-size: 24px; color: #5B4E41; font-family: 'Cafe24Ssurround'; line-height: 1;}
.sec03 ul i{display: block; width: 30px; height: 30px; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167855788346858.png) no-repeat center center; padding: 0 30px 0 30px;}
.sec03 .sec03_bg{margin-bottom: -70px; padding: 350px 0; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167856093745463.png) center center no-repeat;}
.sec03 .sec03_bg .sec03_f_l{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/16785495703273.png) no-repeat center center; background-size: 100%; width: 213px; height: 292px; bottom: 20px;}
.sec03 .sec03_bg .sec03_f_r{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854957485191.png) no-repeat center center; background-size: 100%; width: 217px; height: 322px; right: 0;}


/* sec04 */
.sec04{position: relative; z-index: 5;}
.sec04 .sec04_bg{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167856949689374.png) no-repeat center top; width: 100%; height: 290px; content: ''; position: absolute; top: -10px; background-size: 100%;}
.sec04 .sec04_inner{margin-top: -119px;}
.sec04 .sec04_inner ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-top: 24px;}
.sec04 .sec04_inner ul li{width: calc((100% - 40px) / 3); height: 517px; background-color: #fff; border-radius: 30px; position: relative;}
.sec04 .sec04_inner ul li .round_tit{position: relative; left: 50%; transform: translate(-50%, -50%);}
.sec04 .sec04_inner ul li > p{font-size: 20px; text-align: center; line-height: 1.3; color: #4A3928; font-weight: 500; height: 80px; position: absolute; bottom: 50px; width: 100%; display: flex; align-items: center; justify-content: center;}
.sec04 .sec04_inner ul li i img{display: inline-block;}
.sec04 .sec04_inner ul li i{display: block; text-align: center; padding-top: 30px;}


/* sec05 */
.sec05{position: relative; padding-bottom: 200px; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167856440540717.png) no-repeat center bottom  #FDE3CE; background-size: 100%;}
.sec05 ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.sec05 ul li{width: calc((100% - 20px) / 2); text-align: center;}
.sec05 ul li .imgwrap{background-color: #fff; border-radius: 30px; height: 330px; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; position: relative;}
.sec05 ul li .round_tit{position: relative; left: 50px; transform: translateY(50%);}
.sec05 ul li:nth-child(n+3){margin-top: 72px;}
.sec05 ul li .txt{line-height: 1;}
.sec05 ul li .txt p{color: #777; font-size: 20px; font-weight: 600; margin-bottom: 12px; line-height: 1;}
.sec05 ul li .txt h5{color: #4A3928; font-size: 30px; line-height: 1; font-weight: 500; margin-bottom: 22px;}
.sec05 ul li .txt h6{font-size: 35px; font-weight: 700; color: #F35D49;}
/* bg */
.sec05 .sec05_bg .fire01{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854963187821.png) no-repeat center center;background-size: 100%; width: 161px; height: 160px; position: absolute; top: 110px; left: 20%;}
.sec05 .sec05_bg .fire02{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854963650125.png) no-repeat center center;background-size: 100%; width: 139px; height: 139px; position: absolute; top: 100px; right: 25%;}
.sec05 .sec05_bg .fire03{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854964032785.png) no-repeat center center;background-size: 100%; width: 77px; height: 78px; position: absolute; top: 200px; right: 19%;}
.sec05 .sec05_bg .peo_l{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854964692703.png) no-repeat center center;background-size: 100%; width:363px; height: 318px; position: absolute; bottom: 36px; left: 2%;}
.sec05 .sec05_bg .peo_r{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854965081148.png) no-repeat center center;background-size: 100%; width:394px; height: 322px; position: absolute; bottom: 36px; right: 2%;}
.sec05 .sec05_bg .cl_l_wrap{width:226px; height: 106px;  bottom: 430px; left: 3%; }
.sec05 .sec05_bg .cl_l_wrap:before{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854962164706.png) no-repeat center center;background-size: 100%; width: 100%; height: 100%; position: absolute; content: ''; animation: float 2s infinite alternate;}
.sec05 .sec05_bg .cl_r_wrap{ width:262px; height: 111px; bottom: 420px; right:1.3%;}
.sec05 .sec05_bg .cl_r_wrap:before{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167854962673352.png) no-repeat center center;background-size: 100%; width: 100%; height: 100%; position: absolute; content: ''; animation: float 1.5s infinite alternate;}
/* 재고소진 */
.sec05 ul li.sold .imgwrap:before{content:'경품소진'; width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: absolute; border-radius: 30px; left:50%; transform: translate(-50%,-50%);top:50%;font-size: 40px; display: flex; justify-content: center; align-items: center; font-family: 'Cafe24Ssurround';color: #fff; line-height: 1;}



/* sec06 */
.sec06{text-align: left;background-color: #FFE6B8; padding:100px 0;}
.sec06 .sec_con{color: #4A3928;}
.sec06 .sec_con >p{font-size: 22px; font-weight: 500; width: 150px; padding-bottom: 20px; line-height: 1;}
.sec06 .sec_con li + li{margin-top: 6px;}
.sec06 ul{width: calc(100% - 150px);}


/* .sec03 .sec_con li.no > div::before{content:'';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: absolute;left:0;top:0;border-radius: 20px;}
.sec03 .sec_con li.no > div::after{content:'경품소진';display: block;font-family: 'GangwonEduPower';color: #fff;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;font-size: 40px;;} */


/**********************footer******************************/

footer{background-color: #FFDDAB; color: #4A3928;}
footer > div{font-size: 16px; color: #4A3928;text-align: left; padding:60px 0; }
footer .fot_bot{display: flex;}
footer .sns div{display: flex;justify-content: center;align-items: center;}
footer .privacy{font-weight: 600;}

footer li{display: flex;flex-wrap: wrap;;}
footer li span{display: block;}
footer li span:first-child{margin-right: 20px;}
footer li span + span{margin-right: 20px;position: relative;}
footer li a + a{margin-left: 20px;position: relative;}
footer .fot_bot li span + span::before{content: '';display: block;width: 2px;height: 10px;background: #ddd;position: absolute;left:-11px;top:5px;;}

footer .sns > div{border:1px solid #ddd;padding:8px 20px;border-radius: 30px;font-size: 14px;text-align: center;} 

footer .sns > div i{margin-right: 4px;}
footer .sns > div+div{margin-top: 10px;}
footer .fot_bot > div > p{margin-top: 20px;}


.popup_m .phone_sec .phone_view{height: 600px;}
.popup_m .phone_sec.text-right .text_view {padding-right: 0;}

.rating_modal .modal-container{height: 70vh;}


/* ********************************************* *
 * 1620px
 * ********************************************* */
 @media screen and (max-width: 1620px){

}

/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1600px){
    .subtit{margin-bottom: 64px;}
    .subtit .num{width: 60px; height: 60px; font-size: 32px; margin-bottom: 24px;}
    .subtit h5{font-size: 50px;}

    
    /* sec01 */
    .logo img{width: 200px;}
    .sec01 .sec01_bg .sec01_t_l{width: 300px; height: 244px;}
    .sec01 .sec01_bg .sec01_t_r{width: 300px; height: 242px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left01{width: 261px; left: 4%; top: 135px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left02{width: 195px; left: 10%; top: 374px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_right01{width: 279px; right: 15%; }
    .sec01 .sec01_bg .sec01_cloud .cloud_right02{width: 176px; right: 23%; top: 396px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_l{width: 185px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r1{width: 93px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r2{width: 147px;}
    .sec01 .sec01_txt .title{padding: 60px 0;}
    .sec01 .sec01_txt .title h2{padding: 16px 0 20px;}
    .sec01 .sec01_txt .title h2 span, .sec01 .sec01_txt .title h2 span i{font-size: 110px;}
    h6.sub{font-size: 18px; padding: 12px 26px 9px;}
    .sec01 .sec01_txt .title p{font-size: 40px;}
    .sec01 .sec01_txt .period p{font-size: 22px;}

    /* sec05 */
    .sec05 .sec05_bg .cl_l_wrap{width: 150px; height: 76px; bottom: 330px;}
    .sec05 .sec05_bg .cl_r_wrap{width: 200px; height: 89px; bottom:326px;}
    .sec05 .sec05_bg .peo_l{width: 273px; height: 246px; bottom: 23px;}
    .sec05 .sec05_bg .peo_r{width: 300px; height: 274px; bottom: 16px;}
}


/* ********************************************* *
* 1440px
* ********************************************* */
@media screen and (max-width: 1440px){

    /* sec02 */
    .sec02{height: 405px;}
    .sec02 > div .txt p{font-size: 20px;}
    .sec02 > div .txt h4, .sec02 > div .txt h4 span{font-size: 54px;}
    .sec02 > div i{width: 391px; height: 366px; right: -40px;}

    /* sec04 */
    .sec04 .sec04_inner ul li{height: 492px;}
    .sec04 .sec04_inner ul li i{padding-top: 15px;}
}


/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

    .sec_ptb{padding-top:150px;padding-bottom:150px;}


    /* sec01 */
    .sec01 .sec01_bg .sec01_cloud .cloud_left01{width: 261px; left: 1%; top: 120px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left02{width: 195px; left: 5%; top: 354px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_right01{width: 279px; right: 16%; top:115px}
    .sec01 .sec01_bg .sec01_cloud .cloud_right02{width: 176px; right: 20%; top: 376px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_l{left: 8%;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r1{right: 16%;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r2{right: 8%;}

    /* sec03 */
    .sec03 .bd-lg{padding: 0 !important;}

    /* sec04 */
    .sec04 .sec04_bg{background-size: 1400px ;}

    /* sec05 */
    .sec05 .sec05_bg .fire01{width: 161px; height: 160px; top: 110px; left: 12%;}
    .sec05 .sec05_bg .fire02{width: 139px; height: 139px; top: 100px; right: 16%;}
    .sec05 .sec05_bg .fire03{width: 77px; height: 78px; top: 200px; right: 10%;}

}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){
    .subtit{margin-bottom: 60px;}
    .subtit .num{width: 56px; height: 56px; font-size: 28px; margin-bottom: 20px;}
    .subtit h5{font-size: 44px;}
    .round_tit{width: 180px; height: 50px;}
    .round_tit p{font-size: 18px; padding-top: 4px;}
    .round_tit span{font-size: 24px;}


    /* sec01 */
    .sec01 .sec01_bg .sec01_t_l{width: 220px; height: 179px;}
    .sec01 .sec01_bg .sec01_t_r{width: 220px; height: 175px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left01{width: 216px; left: -3%; top: 150px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left02{width: 176px; left: 3%; top: 344px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_right01{width: 233px; right: 15%; top:133px}
    .sec01 .sec01_bg .sec01_cloud .cloud_right02{width: 146px; right: 18%; top: 346px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_l{left: 2%; width: 160px; bottom: -20px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r1{right: 11%; width: 80px; bottom: 100px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r2{right: 2%; width: 135px; bottom: -20px;}
    .sec01 .sec01_txt .title h2 span, .sec01 .sec01_txt .title h2 span i{font-size: 100px; }
    .sec01 .sec01_txt .title p{font-size: 34px;}

    /* sec02 */
    .sec02{height: 385px;}
    .sec02 > div .txt p{padding-bottom: 10px;}
    .sec02 > div .txt h4, .sec02 > div .txt h4 span{font-size: 48px;}
    .sec02 > div i{width: 360px; height: 345px; right: -40px;}
    
    /* sec03 */
    .sec03 .sec03_bg .sec03_f_l{width: 143px; height: 214px; bottom: 40px;}
    .sec03 .sec03_bg .sec03_f_r{width: 147px; height: 222px; bottom: 40px;}

    /* sec04 */
    .sec04 .sec04_inner ul{width: 85%; margin: 0 auto;}
    .sec04 .sec04_inner ul li{height: 380px;}
    .sec04 .sec04_inner ul li i{padding-top: 15px; padding-top: 0;}
    .sec04 .sec04_inner ul li:nth-child(1) i img{width: 50%;}
    .sec04 .sec04_inner ul li:nth-child(2) i img{width: 60%;}
    .sec04 .sec04_inner ul li:nth-child(3) i img{width: 60%;}
    .sec04 .sec04_inner ul li > p{font-size: 18px; bottom: 30px;}    

    /* sec05 */
    .sec05 ul{width: 85%; margin: 0 auto;}
    .sec05 ul li .imgwrap{height: 280px; margin-bottom: 30px;}
    .sec05 ul li .imgwrap img{width: 60%;}
    .sec05 ul li:last-child img{width: 15%;}
    .sec05 ul li .txt p{font-size: 18px; margin-bottom: 10px;}
    .sec05 ul li .txt h5{font-size: 26px; margin-bottom: 16px;}
    .sec05 ul li .txt h6{font-size: 30px; }
    .sec05 ul li:nth-child(n+3){margin-top: 30px;}


    footer{padding:60px 20px;}

}


/* ********************************************* *
* 1024px
* ********************************************* */

@media screen and (max-width: 1024px){
    .pd100{padding: 90px 0;}
    .round_tit{width: 160px; height:45px;}
    .round_tit p{font-size: 17px; padding-top: 2px;}
    .round_tit span{font-size: 21px;}

    /* sec02 */
    .sec02{height: 340px;}
    .sec02 > div .txt p{padding-bottom: 8px; font-size: 18px;}
    .sec02 > div .txt h4, .sec02 > div .txt h4 span{font-size: 42px;}
    .sec02 > div i{width: 306px; height: 294px; right: -35px; top: 12px;}

    /* sec03 */
    .sec03 .sec03_bg{width: 85%; background-size: 100%; margin-left: auto; margin-right: auto; padding: 320px 0;}
    .sec03 .sec03_bg .sec03_f_l{bottom: 60px; left: 0;}
    .sec03 .sec03_bg .sec03_f_r{bottom: 50px;}
    .sec03 ul li{width: 200px; height: 200px;} 
    .sec03 ul li p{margin-bottom: 8px; font-size: 14px;}
    .sec03 ul li h6{font-size: 22px;}
    .sec03 ul i{padding: 0 20px 0 20px;}

    /* sec04 */
    .sec04 .sec04_inner ul li{height: 330px;}
    .sec04 .sec04_inner ul li i{ padding-top: 0;}
    .sec04 .sec04_inner ul li:nth-child(1) i img{width: 50%;}
    .sec04 .sec04_inner ul li:nth-child(2) i img{width: 60%;}
    .sec04 .sec04_inner ul li:nth-child(3) i img{width: 60%;}
    .sec04 .sec04_inner ul li > p{font-size: 17px; bottom: 20px;}
    
    /* sec05 */
    .sec05 .sec05_bg .fire01{width: 140px; height: 160px; top: 60px; left: 9%;}
    .sec05 .sec05_bg .fire02{width: 120px; height: 139px; top: 60px; right: 13%;}
    .sec05 .sec05_bg .fire03{width: 60px; height: 78px; top: 160px; right: 8%;}
    .sec05 ul li .imgwrap{height: 250px;}
    .sec05 ul li:nth-child(n+3){margin-top: 20px;}
    .sec05 ul li .txt p{margin-bottom: 8px;}
    .sec05 ul li .txt h5{font-size: 22px; margin-bottom: 14px;}
    .sec05 ul li .txt h6{font-size: 26px;}
    .sec05 ul li:nth-child(n+3){margin-top: 16px;}
    .sec05 .sec05_bg .cl_l_wrap{width: 107px; height: 60px; bottom: 137px; left: 11%;}
    .sec05 .sec05_bg .cl_r_wrap{width: 120px; height: 80px; bottom: 140px; right: 12%;}
    .sec05 .sec05_bg .peo_l{width: 205px; height: 187px; left: 27%;}
    .sec05 .sec05_bg .peo_r{width: 209px; height: 197px; right: auto; left: 48%;}
    .sec05 ul li.sold .imgwrap:before{font-size: 34px;}
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){
    .pd100{padding: 80px 0;}

    .subtit{margin-bottom: 50px;}
    .subtit .num{padding-top: 4px; width: 50px; height: 50px; font-size: 24px; margin-bottom: 18px;}
    .subtit h5{font-size: 40px;}

    .sec_ptb{padding-top:120px;padding-bottom:120px;}
    .sec_pt{padding-top:120px;}
    .sec_pb{padding-bottom:120px;}


    footer li{display: block;}
    footer .fot_bot li span + span::before{display: none;}

    /* sec01*/
    .logo img{width: 150px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left01{width: 170px; left: -6%; top: 140px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left02{width: 110px; left: 2%; top: 304px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_right01{width: 180px; right: 14%; top:133px}
    .sec01 .sec01_bg .sec01_cloud .cloud_right02{width: 90px; right: 17%; top: 300px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_l{left: 0%; width: 140px; bottom: -40px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r1{right: 11%; width: 70px; bottom: 80px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r2{right: 1%; width: 130px; bottom: -30px;}
    .sec01 .sec01_txt .title{padding: 50px 0;}
    .sec01 .sec01_txt .title h2 span, .sec01 .sec01_txt .title h2 span i{font-size: 90px; }
    .sec01 .sec01_txt .title p{font-size: 32px;}
    .sec01 .sec01_txt .period p{font-size: 20px;}
    .sec01 .sec01_txt .sub{font-size: 16px; padding: 10px 20px 8px;}

    /* sec03 */
    .sec03 .sec03_bg{padding: 300px 0;}
    .sec03 .sec03_bg .sec03_f_l{width: 100px; height: 190px;}
    .sec03 .sec03_bg .sec03_f_r{width: 110px; height: 240px;}

    /* sec04 */
    .sec04 .sec04_inner ul{width: 90%;}
    .sec04 .sec04_inner ul li{height: 310px;}
    .sec04 .sec04_inner ul li > p{font-size: 16px; bottom: 18px;}

    /* sec05 */
    .sec05 .sec05_bg .fire01{width: 140px; height: 160px; top: 60px; left: 9%;}
    .sec05 .sec05_bg .fire02{width: 120px; height: 139px; top: 60px; right: 13%;}
    .sec05 .sec05_bg .fire03{width: 60px; height: 78px; top: 160px; right: 7%;}
    .sec05 ul{width: 90%;}

    .sec05 ul li .round_tit{left: 30px;}


    .popup_m .phone_sec >div {flex-direction: initial;text-align: right;}

}


/* ********************************************* *
* 870px
* ********************************************* */
@media screen and (max-width: 870px){

    /* sec05 */
    .sec05 .sec05_bg .peo_l{left: 24%;}
    .sec05 .sec05_bg .peo_r{left: 50%;}
    .sec05 .sec05_bg .cl_l_wrap{width: 72px; height: 48px;}
    .sec05 .sec05_bg .cl_r_wrap{width: 90px; height: 53px; right: 9%;}
}

/* ********************************************* *
* 840px
* ********************************************* */
@media screen and (max-width: 840px){

    /* sec02 */
    .sec02{height: 310px;}
    .sec02 > div .txt{top: -5px;}
    .sec02 > div .txt p{font-size: 17px;}
    .sec02 > div .txt h4, .sec02 > div .txt h4 span{font-size: 38px; left: -2px; line-height: 1.3;}
    .sec02 > div i{width: 270px; height: 260px; right: -30px; top: 10px;}

    /* sec03 */
    .sec03 .sec03_bg{padding: 280px 0;}
    .sec03 .sec03_bg .sec03_f_l{width: 100px; height: 190px;}
    .sec03 .sec03_bg .sec03_f_r{width: 110px; height: 240px;}
    
    /* sec04 */
    .sec04 .sec04_inner ul{width: 100%;}
    .sec04 .sec04_inner ul li{width: calc((100% - 32px) / 3);}
    
    /* sec05 */
    .sec05 .sec05_bg .fire01{width: 110px; height: 160px; top: 30px; left: 9%;}
    .sec05 .sec05_bg .fire02{width: 105px; height: 139px; top: 40px; right: 13%;}
    .sec05 .sec05_bg .fire03{width: 60px; height: 78px; top: 130px; right: 7%;}
    .sec05 ul{width: 100%;}
    .sec05 ul li{width: calc((100% - 16px) / 2);}
    .sec05 ul li .imgwrap{height: 230px; margin-bottom: 24px;}
    .sec05 ul li:last-child img{width: 13%;}
    .sec05 ul li .txt p{font-size: 16px;}
    .sec05 ul li .txt h5{font-size: 20px; margin-bottom: 10px;}
    .sec05 ul li .txt h6{font-size: 22px;}
    .sec05 .round_tit{height: 38px; width: 140px;}
    .sec05 .round_tit p{font-size: 15px;}
    .sec05 .round_tit span{font-size: 19px;}

    

    
}


/* ********************************************* *
* 768px
* ********************************************* */

@media screen and (max-width: 768px){

    .pd100{padding: 70px 0;}
    .subtit .num{padding-top: 4px; width: 44px; height: 44px; font-size: 20px;}
    .subtit h5{font-size: 36px;}
    .round_tit{height: 38px; width: 140px;}
    .round_tit p{font-size: 15px;}
    .round_tit span{font-size: 19px;}
    .txt_size {font-size: 25px;line-height: 45px;}
    .txt_size .top_point::before{height: 4px;width: 4px;top: -9px;;}


    body {font-size: 16px;}
    .sec_ptb{padding-top:120px;padding-bottom:120px;}

    /* sec01*/
    .sec01 .sec01_bg .sec01_t_l{width: 200px; height: 162px;}
    .sec01 .sec01_bg .sec01_t_r{width: 200px; height: 157px;}
    .sec01 .sec01_txt{padding: 120px 0 150px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left01{width: 154px; left: 0%; top: 112px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left02{width: 100px; left: -4%; top: 248px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_right01{width: 158px; right: 14%; top:103px}
    .sec01 .sec01_bg .sec01_cloud .cloud_right02{width: 87px; right: 11%; top: 274px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_l{left: 0%; width: 109px; bottom: -60px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r1{right: 11%; width: 60px; bottom: 63px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r2{right: 1%; width: 104px; bottom: -30px;}
    .sec01 .sec01_txt .title{padding: 60px 0;}
    .sec01 .sec01_txt .title h2{padding: 14px 0 14px;}
    .sec01 .sec01_txt .title h2 span, .sec01 .sec01_txt .title h2 span i{font-size: 80px; }
    .sec01 .sec01_txt .title p{font-size: 32px;}
    .sec01 .sec01_txt .period p{font-size: 18px;}
    .sec01 .sec01_txt .sub{font-size: 15px;}
    .sec01 .sec01_txt .period .sub{margin-right: 12px;}

    /* sec02 */
    .sec02{height: 270px;}
    .sec02 > div .txt p{padding-bottom: 6px; font-size: 16px;}
    .sec02 > div .txt h4, .sec02 > div .txt h4 span{font-size: 32px; letter-spacing: 0;}
    .sec02 > div i{width: 240px; height: 230px; right: -30px; top: 10px;}

    /* sec03 */
    .sec03 .sec03_bg{padding: 200px 0; margin-bottom: 0px;}
    .sec03 .sec03_bg .sec03_f_l{width: 90px; height: 180px; bottom: 10px;}
    .sec03 .sec03_bg .sec03_f_r{width: 100px; height: 230px; bottom: -10px;}
    .sec03 ul li{width: 170px; height: 170px;} 
    .sec03 ul li p{margin-bottom: 6px; }
    .sec03 ul li h6{font-size: 18px;}

    /* sec04 */
    .sec04 .sec04_inner ul li{height: 280px;}
    .sec04 .sec04_inner ul li > p{height: 60px;}
    .sec04 .sec04_inner ul li i{padding-top: 10px;}

    /* sec05 */
    .sec05{padding-bottom: 150px;}
    .sec05 .sec05_bg .peo_r{width: 178px; height: 154px; bottom: 10px; left: 48%;}
    .sec05 .sec05_bg .peo_l{width: 170px; height: 159px; left: 24%; bottom: 10px;}
    .sec05 .sec05_bg .cl_l_wrap{bottom: 111px; left: 8%;}
    .sec05 .sec05_bg .cl_r_wrap{bottom: 114px; right: 6%;}

    footer .fot_bot{display: block;}
    footer .fot_bot i{position: initial;width: 60px;display: none;}
    footer .fot_bot > div{padding-left: 0;}

    .popup_m .phone_sec .phone_view {height: 400px;width: 200px;}
    .popup_m .phone_sec.text-right .text_view{padding-right: 30px !important;width: calc(100% - 200px); }
    .popup_m .phone_sec .tit {font-size: 26px;}

    .popup_m .phone_sec .txt,
    .popup_m .phone_sec .sub_txt{font-size: 14px;}


    .sec08::before{height: 140px; width: 250px;    left: -3%;;}

    .contact_go_sec { width: 190px;   border-radius: 10px;}

}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){
    .section{overflow: hidden;}

    .subtit{margin-bottom: 50px;}
    .subtit .num{padding-top: 5px; width: 40px; height: 40px; font-size: 18px; margin-bottom: 16px;}
    .subtit h5{font-size: 32px;}

    .round_tit{width: 120px; height: 32px;}
    .round_tit p{font-size: 14px;}
    .round_tit span{font-size: 17px;}


    /* sec01 */
    .sec01 .sec01_bg .sec01_t_l{width: 160px; height: 132px;}
    .sec01 .sec01_bg .sec01_t_r{width: 160px; height: 128px;}
    .sec01 .sec01_txt{padding: 120px 0 150px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left01{width: 130px; left: -3%; top: 112px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left02{width: 90px; left: -5%; top: 238px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_right01{width: 138px; right: 18%; top:90px}
    .sec01 .sec01_bg .sec01_cloud .cloud_right02{width: 87px; right: 11%; top: 254px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_l{left: 1%; width: 91px; bottom: -80px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r1{right: 9%; width: 53px; bottom: 20px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r2{right: 0%; width: 85px; bottom: -60px;}
    .sec01 .sec01_txt .title{padding: 60px 0;}
    .sec01 .sec01_txt .title h2 span, .sec01 .sec01_txt .title h2 span i{font-size: 70px; }
    .sec01 .sec01_txt .title p{font-size: 28px;}
    .sec01 .sec01_txt .period p{font-size: 16px;}
    .sec01 .sec01_txt .sub{font-size: 14px; padding: 9px 20px 6px;}
    .sec01 .sec01_txt .period .sub{margin-right: 12px;}


    /* sec02 */
    .sec02{height: 220px;}
    .sec02 > div .txt p{padding-bottom: 6px; font-size: 15px;}
    .sec02 > div .txt h4, .sec02 > div .txt h4 span{font-size: 26px; letter-spacing: 0;}
    .sec02 > div i{width: 210px; height: 190px; right: -30px; top: 7px;}


    /* sec03 */
    .sec03 .sec03_bg{padding: 160px 0; margin-bottom: 20px;}
    .sec03 .sec03_bg .sec03_f_l{width: 70px; height: 150px; bottom: 10px;}
    .sec03 .sec03_bg .sec03_f_r{width: 80px; height: 200px; bottom: -10px;}
    .sec03 ul li{width: 150px; height: 150px;}
    .sec03 ul li p{font-size: 12px;}
    .sec03 ul li h6{font-size: 16px;}
    .sec03 ul i{width: 20px; height:20px; background-size: 35%; padding: 0 16px 0 16px;}
    
    /* sec04 */
    .sec04 .sec04_inner ul li{height: 240px; border-radius: 20px;}
    .sec04 .sec04_inner ul li > p{height: 50px; font-size: 14px; bottom: 20px;}
    .sec04 .sec04_inner ul li i{padding-top: 0;}

    /* sec05 */
    .sec05 .sec05_bg .fire01{width: 100px; height: 120px; top: 36px; left: 9%;}
    .sec05 .sec05_bg .fire02{width: 100px; height: 140px; top: 20px; right: 14%;}
    .sec05 .sec05_bg .fire03{width: 54px; height: 55px; top: 120px; right: 7%;}
    .sec05 .sec05_bg .cl_l_wrap{bottom: 107px;}
    .sec05 .sec05_bg .cl_r_wrap{bottom: 114px;}
    .sec05 ul li .imgwrap{height: 180px;}
    .sec05 ul li .txt p{font-size: 15px;}
    .sec05 ul li .txt h5{font-size: 18px;}
    .sec05 ul li .txt h6{font-size: 20px;}
    .sec05 .round_tit{width: 120px; height: 32px;}
    .sec05 .round_tit p{font-size: 14px;}
    .sec05 .round_tit span{font-size: 17px;}
    .sec05 ul li.sold .imgwrap:before, .sec05 ul li .imgwrap{border-radius: 20px;}
    .sec05 ul li.sold .imgwrap:before{font-size: 28px;}



    footer {font-size: 14px;}
    footer .sns > div {padding: 7px 15px;font-size: 13px;}
    footer .sns > div i {width: 15px;}

    .txt_size strong{display: inline-block;}
    .txt_size strong::before { bottom: 5px;}

    .phone_sec .tit {font-size: 30px;}
    .phone_sec .text_view { margin-bottom: 20px;}

    .sec03 .sec_con li .top {width: 60px; height: 60px;left: 20px;top: -30px; font-size: 10px;}
    .sec03 .sec_con li .top span{font-size: 20px;}

    .sec03 .sec_con li .txtbox .gift_tit{margin:5px 0 0;}
    .sec03 .sec_con li .txtbox em {padding: 6px 20px;font-size: 14px;}  
    .sec03 .sec_con li .txtbox p {font-size: 20px;}
    .sec03 .sec_con li {margin-top: 50px; }


    .sec06 {padding: 50px 0;}
    .sec06 .sec_con >p img{width: 14px;height: 14px;;    top: 2px;}
    .sec06 .sec_con >p {font-size: 16px;width: 130px;}
    .sec06 ul{width: calc(100% - 130px);font-size: 10px;}


    footer > div{font-size: 12px;padding: 40px 0;}
    footer .fot_bot > div > p {margin-top: 10px; }

}




/* ********************************************* *
* 550px
* ********************************************* */
@media screen and (max-width: 550px){
    .pd100{padding: 60px 0;}
    .round_tit{height: 38px; width: 140px;}
    .round_tit p{font-size: 15px;}
    .round_tit span{font-size: 19px;}


    /* sec01 */
    .sec01 .logo img{content: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167871857233409.png); width: 130px;}
    .sec01 .sec01_txt{padding: 100px 0 130px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left01{width: 105px; left: -3%; top: 100px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left02{width: 70px; left: -4%; top: 210px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_right01{width: 120px; right: 20%; top: 110px}
    .sec01 .sec01_bg .sec01_cloud .cloud_right02{width: 67px; right: 10%; top: 234px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_l{left: 1%; width: 85px; bottom: -100px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r1{right: 9%; width: 50px; bottom: 0px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r2{right: 0%; width: 75px; bottom: -80px;}
    .sec01 .sec01_txt .title{padding: 50px 0;}
    .sec01 .sec01_txt .title h2 span, .sec01 .sec01_txt .title h2 span i{font-size: 60px; }
    .sec01 .sec01_txt .title p{font-size: 24px;}
    .sec01 .sec01_txt .period p{font-size: 15px;}
    .sec01 .sec01_txt .sub{font-size: 13px;}
    .sec01 .sec01_txt .period .sub{margin-right: 12px;}
    
    /* sec02 */
    .sec02{height: 490px;}
    .sec02 > div{justify-content: center;}
    .sec02 > div .txt, .sec02 > div i{width: 100%; text-align: center;}
    .sec02 > div i{order: -1;}
    .sec02 > div .txt{top: 0; padding-top: 12px;}
    .sec02 > div .txt p{padding-bottom: 7px; font-size: 16px;}
    .sec02 > div .txt h4, .sec02 > div .txt h4 span{font-size: 28px; letter-spacing: 0;}
    .sec02 > div i{width: 280px; height: 260px; right: -10px; top: 0;}
    
    /* sec03 */
    .sec03 ul li{width: 130px; height: 130px;}
    .sec03 ul li p{font-size: 11px;}
    .sec03 ul li h6{font-size: 15px;}
    .sec03 ul i{background-size: 40%; padding: 0 12px 0 12px;}

    /* sec04 */
    .sec04 .sec04_inner ul li{width: 100%; height: 350px; margin-bottom: 36px;}
    .sec04 .sec04_inner ul li:last-child{margin-bottom: 0;}
    .sec04 .sec04_inner ul li i{padding-top: 10px;}
    .sec04 .sec04_inner ul li:nth-child(1) i img{content: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167871851881585.png); width: 150px;}
    .sec04 .sec04_inner ul li:nth-child(2) i img{content: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/16787185226449.png);width: 180px;}
    .sec04 .sec04_inner ul li:nth-child(3) i img{content: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167871852626434.png);width: 187px;}
    .sec04 .sec04_inner ul li > p{font-size: 17px; bottom: 30px; align-items: flex-end;}

    /* sec05 */
    .sec05 .sec05_bg .fire01{width: 90px; height: 90px; top: 36px; left: 5%;}
    .sec05 .sec05_bg .fire02{width: 80px; height: 80px; top: 32px; right: 10%;}
    .sec05 .sec05_bg .fire03{width: 50px; height: 51px; top: 105px; right: 5%;}
    .sec05 ul li{width: 100%; height: 400px;}
    .sec05 ul li .imgwrap{height: 260px;}
    .sec05 ul li .imgwrap img{width: 50%;}
    .sec05 ul li:nth-child(1) .imgwrap img{content: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167871858292322.png);}
    .sec05 ul li:nth-child(2) .imgwrap img{content: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/16787186072712.png);}
    .sec05 ul li:nth-child(3) .imgwrap img{content: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167871861296590.png);}
    .sec05 ul li:last-child img{width: 11%; content: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167871861767465.png);}
    .sec05 .round_tit{height: 38px; width: 140px;}
    .sec05 .round_tit p{font-size: 15px;}
    .sec05 .round_tit span{font-size: 19px;}
    .sec05 ul li:nth-child(n+3){margin-top: 0;}
    .sec05 .sec05_bg .peo_r{width: 160px; height: 129px; bottom: 10px; left: 51%;}
    .sec05 .sec05_bg .peo_l{width: 156px; height: 143px; left: 20%; bottom: 10px;}
    .sec05 .sec05_bg .cl_l_wrap{bottom: 160px; left: 4%;}
    .sec05 .sec05_bg .cl_r_wrap{bottom: 155px; right: 3%;}
    
}

/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){

    .sec_ptb {padding-top: 80px;padding-bottom: 80px;}
    .sec_pt {padding-top: 80px;}
    .sec_pb {padding-bottom: 80px;}
    .in-title {margin-bottom: 20px;}
    .font-title {font-size: 30px;}


    /* sec03 */
    .sec03 ul li{width: 110px; height: 110px;}
    .sec03 ul li p{font-size: 10px;}
    .sec03 ul li h6{font-size: 13px;}
    .sec03 ul i{padding: 0 10px 0 10px;}
    .sec03 .sec03_bg{padding: 140px 0; margin-bottom: 30px;}


    footer { padding: 40px 0;font-size: 10px;}
    footer .fot_bot .sns{display: flex;justify-content: flex-end;margin-top: 20px;;}
    footer .sns > div+div{margin-top: 0;margin-left: 10px;;}

    .lotte_logo {width: 130px;}



    
}
/* ********************************************* *
* 450px
* ********************************************* */
@media screen and (max-width: 450px){
    .subtit{margin-bottom: 40px;}
    .subtit .num{margin-bottom: 16px;}
    .subtit h5{font-size: 28px;}
    .pd100{padding: 50px 0;}

    /* sec01 */
    .sec01 .sec01_bg .sec01_t_l{width: 130px; height: 104px;}
    .sec01 .sec01_bg .sec01_t_r{width: 130px; height: 104px;}
    .sec01 .sec01_txt{padding: 80px 0 110px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left01{width: 80px; left: -5%; top: 70px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left02{width: 55px; left: -5%; top: 180px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_right01{width: 90px; right: 16%; top: 60px}
    .sec01 .sec01_bg .sec01_cloud .cloud_right02{width: 55px; right: 10%; top: 204px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_l{left: 0; width: 68px; bottom: -110px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r1{right: 10%; width: 35px; bottom: -40px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r2{right: 0%; width: 55px; bottom: -95px;}
    .sec01 .sec01_txt .title{padding: 40px 0;}
    .sec01 .sec01_txt .title h2 span, .sec01 .sec01_txt .title h2 span i{font-size: 52px; }
    .sec01 .sec01_txt .title p{font-size: 22px;}
    .sec01 .sec01_txt .period p{font-size: 13px;}
    .sec01 .sec01_txt .period .sub{margin-right: 8px;}
    .sec01 .sec01_txt .sub{font-size: 12px; padding: 6px 15px 5px;}

    /* sec02 */
    .sec02 > div i{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167871853361511.png) no-repeat center center; width: 260px; height: 240px; right: -14px; background-size: 100%;}

    /* sec05 */
    .sec05 ul li{height: 100%; margin-bottom: 10px;}
    .sec05 ul li .imgwrap{height: 230px;}
    .sec05 ul li .imgwrap img{width: 60%;}
    .sec05 ul li:last-child img{width: 13%;}
    .sec05 .sec05_bg .peo_r{width: 135px; height: 119px; bottom: 10px; left: 50%;}
    .sec05 .sec05_bg .peo_l{width: 136px; height: 131px; left: 18%; bottom: 10px;}
    .sec05 .sec05_bg .cl_l_wrap{bottom: 160px; left: 4%;}
    .sec05 .sec05_bg .cl_r_wrap{bottom: 155px; right: 3%;}

    
    
}
/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){
    body { font-size: 14px;}

    /* sec02 */
    .sec02{height: 450px;}
    .sec02 > div .txt{padding-top: 10px;}
    .sec02 > div .txt p{padding-bottom: 6px; font-size: 15px;}
    .sec02 > div .txt h4, .sec02 > div .txt h4 span{font-size: 26px;}

    /* sec03 */
    .sec03 ul li{width: 100px; height: 100px;}
    .sec03 .sec03_bg{padding: 110px 0; margin-bottom: 30px;}
    .sec03 .sec03_bg .sec03_f_r{width: 60px; height: 148px; bottom: 10px;}
    .sec03 .sec03_bg .sec03_f_l{width: 52px; height: 107px; bottom: 14px;}

    /* sec04 */
    .sec04 .sec04_inner ul li{height: 280px;}
    .sec04 .sec04_inner ul li:last-child{margin-bottom: 0;}
    .sec04 .sec04_inner ul li i{padding-top: 0;}
    .sec04 .sec04_inner ul li:nth-child(1) i img{width: 120px;}
    .sec04 .sec04_inner ul li:nth-child(2) i img{width: 150px;}
    .sec04 .sec04_inner ul li:nth-child(3) i img{width: 157px; position: relative; top: -16px;}
    .sec04 .sec04_inner ul li > p{font-size: 16px; bottom: 24px;}
    .sec04 .sec04_inner ul li:nth-child(1) > p{padding-bottom: 10px;}
        
    /* sec05 */
    .sec05 ul li .imgwrap{height: 210px;}


    footer .fot_bot li+li {margin-top: 4px;}
    footer .fot_bot li:last-child span{display: block;}
    footer .fot_bot li:last-child span+span{margin-left: 0;margin-top: 4px;}
    footer .fot_bot li:last-child span + span::before{display: none;}

    .sec06 {padding:30px 0;}
    .sec06 .sec_con{display: block;}
    .sec06 .sec_con >p img{width: 12px;height: 12px;;    top: 2px;}
    .sec06 .sec_con >p {font-size: 14px;width: 100%;}
    .sec06 ul{width: calc(100% );font-size: 12px;margin-top: 10px;;}
    .sec06 .sec_con li +li{margin-top: 4px;}


}



/* ********************************************* *
* 350px
* ********************************************* */
@media screen and (max-width: 350px){
    .subtit .num{padding-top: 3px; width: 34px; height: 34px; font-size: 17px;}
    .subtit h5{font-size: 24px;}

    /* sec01 */
    .sec01 .sec01_bg .sec01_t_l{width: 100px; height: 80px;}
    .sec01 .sec01_bg .sec01_t_r{width: 100px; height: 80px;}
    .sec01 .sec01_txt{padding: 80px 0 130px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left01{width: 80px; left: -5%; top: 70px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_left02{width: 55px; left: -5%; top: 180px;}
    .sec01 .sec01_bg .sec01_cloud .cloud_right01{width: 90px; right: 16%; top: 60px}
    .sec01 .sec01_bg .sec01_cloud .cloud_right02{width: 55px; right: 10%; top: 204px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_l{left: 0; width: 68px; bottom: -110px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r1{right: 10%; width: 35px; bottom: -40px;}
    .sec01 .sec01_bg .sec01_flower .sec01_f_r2{right: 0%; width: 55px; bottom: -95px;}
    .sec01 .sec01_txt .title{padding: 40px 0;}
    .sec01 .sec01_txt .title h2 span, .sec01 .sec01_txt .title h2 span i{font-size: 44px; }
    .sec01 .sec01_txt .title p{font-size: 20px;}
    .sec01 .sec01_txt .period p{font-size: 12px;}
    .sec01 .sec01_txt .period .sub{margin-right: 8px;}
    .sec01 .sec01_txt .sub{font-size: 11px; padding: 6px 15px 4px;}

    /* sec02 */
    .sec02{height: 430px;}
    .sec02 > div .txt{padding-top: 10px;}
    .sec02 > div .txt p{padding-bottom: 4px; font-size: 15px;}
    .sec02 > div .txt h4, .sec02 > div .txt h4 span{font-size: 23px; }
    .sec02 > div i{width: 240px; height: 220px; right: -14px;}

    /* sec03 */
    .sec03 ul li{width: 90px; height: 90px;}
    .sec03 ul li p{font-size: 8px;}
    .sec03 ul li h6{font-size: 11px;}
    .sec03 ul i{background-size: 40%; padding: 0 10px 0 10px;}

    /* sec05 */
    .sec05 .sec05_bg .fire01{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167871912461414.png) no-repeat center center;width: 80px; height: 80px; top: 30px; left: 4%;}
    .sec05 .sec05_bg .fire02{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/16787191393985.png) no-repeat center center;width: 70px; height: 70px; top: 32px; right: 10%;}
    .sec05 .sec05_bg .fire03{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR3/167871913337053.png) no-repeat center center;width: 40px; height: 41px; top: 105px; right: 5%;}
    .sec05 .sec05_bg .peo_r{width: 117px; height: 105px; bottom: 6px; left: 49%;}
    .sec05 .sec05_bg .peo_l{width: 123px; height: 115px; left: 13%; bottom: 6px;}
    .sec05 .sec05_bg .cl_l_wrap{bottom: 140px; left: 4%;}
    .sec05 .sec05_bg .cl_r_wrap{bottom: 142px; right: 3%;}



    footer li span + span {margin-left: 10px;}
    footer li a + a {margin-left: 10px;}
    footer .fot_bot li:first-child span{display: block;}
    footer .fot_bot li:first-child span+span{margin-left: 0;margin-top: 4px;}
    footer .fot_bot li span + span::before{display: none;}


    .sec03 .sec_con li.col-md-12 .top{    top: 0px;}
    .sec03 .sec_con li .txtbox {   height: 120px;}
}




/* ********************************************* *
* 320px
* ********************************************* */
@media screen and (max-width: 320px){
    .sec_ptb {  padding-top: 60px;padding-bottom: 60px;}
    .sec_pt {padding-top: 60px;}
    .sec_pb {padding-bottom: 60px;}
    body {font-size: 13px;}
    .font-title {font-size: 30px;}
    .txt_size { font-size: 14px;}
    .txt_size strong::before {bottom: 5px;}

    /* sec03 */
    .sec03 ul li{width: 75px; height: 75px;}
    .sec03 ul li p{font-size: 7px;}
    .sec03 ul li h6{font-size: 10px;}
    .sec03 ul i{background-size: 35%; padding: 0 6px 0 6px;}

    /* sec05*/
    .sec05 ul li .imgwrap{height: 190px;}

    .font-sub-title {font-size: 18px;}
    .font-sub-title02 {font-size: 15px;}

    footer {font-size: 10px;padding: 30px 0 20px;}
    footer .fot_bot { margin-top: 20px;}
    footer .fot_bot li span{display: block;}
    footer .fot_bot li span + span {margin-left: 0px;}

    footer .sns > div { font-size: 0;padding: 7px 8px;}
    footer .sns > div i {width: 18px;margin-right:0;}
    footer .sns > div+div {margin-left: 6px;}


    .sec01 .sevenstar_depth01{    transform: translate(-0px,30px);    width: 180px;}
    .sec01 .sevenstar_depth02{    transform: translate(-0px,-30px);width: 230px;;}
    .sec01 .sevenstar_wrap li i {width: 70px;height:110px;  }

    .sec02 .no_qr > p{word-break: keep-all;}
    .sec02 .no_qr > p br{display: none;}
    .sec02 .no_qr button{width: 80%;;}
    }
    
/* ********************************************* *
* 300px
* ********************************************* */
@media screen and (max-width: 300px){
    /* sec02 */
    .sec02{height: 420px;}
    .sec02 > div .txt p{padding-bottom: 4px; font-size: 14px;}
    .sec02 > div .txt h4, .sec02 > div .txt h4 span{font-size: 20px; }

}