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


h6.sub{display: inline-block; font-family: 'GmarketSans'; color: #fff;  border-radius: 35px; font-size: 20px; line-height: 1.1;}
body{background-color: #FCEDD1; font-family: 'SUIT', 'GmarketSans' ,'sans-serif';}

.absol{position: absolute;}

.pd100{padding: 100px 0;}

.subtit{margin-bottom: 72px;}
.subtit .num{font-family: 'GmarketSans'; width: 70px; height: 70px; font-size: 40px; color: #fff; background-color: #FFD162; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding-top: 7px; margin: 0 auto; margin-bottom: 28px;}
.subtit h5{font-family: 'GmarketSans'; 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: 'GmarketSans';}
.round_tit p{font-family: 'GmarketSans'; 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);
    }
}

.main_wrap {background-image: url(../img/background.svg);}

/* sec01 */
.sec01{text-align: center; position: relative;}
.sec01::after{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 90%; height: 100%; background:url(../img/deco_background01.png); background-position: top; background-size: contain;}
.sec01 .sec01_txt{position: relative; padding: 62px 20px 100px;} 
.sec01 .sec01_txt .title h2{margin-top: 40px;}
.sec01 .sec01_txt .title h2 > i {height: auto; margin: 0 auto;}
.sec01 .sec01_txt .title p{font-family: 'Cafe24Shiningstar'; color: #5B4E41; font-size: 42px; line-height: 1.2;}
.sec01 .sec01_txt .period{position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -145px); width: max-content; display: flex; justify-content: center; align-items: center; padding: 20px 35px; background-color: #5946258f; border-radius: 50px; border: 1px solid #FFD162; z-index: 4;}
.sec01 .sec01_txt .period .sub{color: #FFD162; margin-right: 16px; font-size: 28px; font-weight: bold;}
.sec01 .sec01_txt .period p{font-family: "GmarketSans"; font-weight: 500; color: #fff; font-size: 28px;  line-height: 1.5;}
/* bg */
/* tree */
.sec01 .sec01_bg .sec01_t_l{background: url(../img/deco_ribbone01.png) no-repeat center center; width: 400px; height: 448px; background-size: 100%; left: 0; top: 0; z-index: 1;}
.sec01 .sec01_bg .sec01_t_r{background: url(../img/deco_ribbone02.png) no-repeat center center; width: 368px; height: 314px; background-size: 100%; right: 0; top: 0; z-index: 1;}
/* 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/SEVENSTAR4/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/SEVENSTAR4/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/SEVENSTAR4/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/SEVENSTAR4/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/SEVENSTAR4/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/SEVENSTAR4/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/SEVENSTAR4/167854954868810.png) no-repeat center center; width: 173px; height: 284px; background-size: 100%;bottom: 30px; right: 11%;}


/* sec02 */
.sec02{width: 100%; height: auto; padding: 50px 0 150px; display: flex; align-items: center; position: relative;}
.sec02::after{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 100%; height: 100%; background:url(../img/deco_background01.png); background-position: top; background-size: contain; z-index: -1;}
.sec02 > div{ width: 100%; height: 4391px; display: block; padding: 130px 90px; background-image: url(../img/ticket.svg); background-position: top; background-size: cover; background-repeat: no-repeat; transition: all 0.3s;}
.sec02 > div .div-title {display: flex; flex-direction: column; align-items: center; gap: 8px;}
.sec02 > div .div-title > b { font-family: "GmarketSans"; font-weight: 500; font-size: 25px; color: #ae7e2b;}
.sec02 > div .div-title > div {position: relative;    width: calc(100% - 750px); min-width: 250px; margin-top: 16px; background-color: rgba(26, 26, 26, 0.8); border-radius: 50px; z-index: 1;}
.sec02 > div .div-title > div::after {content: ''; position: absolute; content: '';  top: -3px; left: -3px; right: -3px; bottom: -3px; background: linear-gradient(90deg, #EAD583, #845617); z-index: -1; border-radius: 50px;}
.sec02 > div .div-title > div > p {width: 100%; display: block; background-color: rgba(26, 26, 26, 0.8); color: #fff; font-family: "GmarketSans"; font-size: 35px; font-weight: bold; text-align: center; border-radius: 50px; padding: 8px 0;}

.sec02 > div > div:nth-child(1) {position: relative; width: 100%; height: auto; display: flex; flex-direction: column; gap: 40px;}
.sec02 > div > div:nth-child(1)::after {content: ''; display: block; position: absolute;  width: 100%; height: 11px; background-image: url(../img/dashed-line.png); background-repeat: no-repeat; background-position: top; background-size: cover; bottom: -2%;}
.sec02 > div .div-img-box > i {width: 100%; border-radius: 15px; overflow: hidden; display: inline-block; background-color: #1a1a1a;}
.sec02 > div .div-img-box > i > img {width: 100%; height: 100%; display: block; object-fit: cover;}
.sec02 > div .div-small-txt {width: 100%; display: block;}
.sec02 > div .div-small-txt > small {display: block; text-align: end; font-family: 'SUIT'; font-size: 18px; color: #8A5800; padding: 0 0 30px;}

.sec02 > div > div.div-wrap:nth-child(2) {display: flex; flex-direction: column; gap: 30px; margin-top: 135px;}
.sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul {display: flex; gap: 30px;}
.sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li {position: relative; height: 450px; background-color: rgba(26, 26, 26, 0.8); box-shadow: inset -7px 7px 10px rgba(26, 26, 26, 0.3); border-radius: 15px; overflow: hidden;}


.sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div {position: absolute; text-align: center; width: 100%; height: auto; padding: 0 40px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sec02 > div > div.div-wrap:nth-child(2) > .product-box01 > ul > li {width: calc(100% / 2);}  
.sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li {width: calc(100% / 3);}
.sec02 > div > div.div-wrap:nth-child(2) > .product-box01 > ul > li::after{content: ''; position: absolute; display: block; width: 88px; padding: 20px 0; left: 40px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  background-color: #936625; color: #fff; text-align: center; font-size: 24px; font-family: "GmarketSans"; box-shadow: 0px 5px 10px #11111142;}  
.sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li::after{content: ''; position: absolute; display: block; width: 88px; padding: 20px 0; left: 50%; transform: translateX(-50%); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  background-color: #936625; color: #fff; text-align: center; font-size: 24px; font-family: "GmarketSans"; box-shadow: 0px 5px 10px #11111142;}  
.sec02 > div > div.div-wrap:nth-child(2) > .product-box01 > ul > li:nth-child(1)::after{content: '1등'; background-color: #E8C569;}
.sec02 > div > div.div-wrap:nth-child(2) > .product-box01 > ul > li:nth-child(2)::after{content: '2등'; background-color: #A4A4A4;}
.sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li:nth-child(1)::after{content: '3등'; background-color: #D69C4B;}
.sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li:nth-child(2)::after{content: '4등';}
.sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li:nth-child(3)::after{content: '5등';}

.sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li figure{width: 100%; height: 250px;}
.sec02 > div > div.div-wrap:nth-child(2) > .product-box.product-box02 > ul > li figure{height: 200px; padding-top: 20px;}
.sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li figure > img {height: 100%;}
.sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div > div {position: relative; margin-top: 16px; background-color: rgba(26, 26, 26, 0.8); border-radius: 50px; z-index: 1; bottom: -25px; }
.sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div b {font-family: "GmarketSans"; display: block; background-color:  rgba(26, 26, 26, 0.8); border-radius: 50px; color: #fff; font-size: 24px; font-weight: bold; padding: 8px 0;}
.sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div b::after {content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(90deg, #EAD583, #845617); z-index: -1; border-radius: 50px;}
.sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li:nth-child(2) b {font-size: 20px; line-height: 1.3;} 

.sec02 > div > div.div-wrap:nth-child(2) > .event-info-box {width: 100%; height: auto; border-radius: 15px; background-color: rgba(255, 229, 167, 0.65);}

.sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div {display: flex; flex-direction: column; gap: 20px; padding: 40px;}
.sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info {display: flex; flex-direction: column; gap: 20px;}
.sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info > span {display: inline-block; max-width: 150px; padding: 8px 0; font-family: "GmarketSans"; color: #fff; font-size: 21px; font-weight: bold; border-radius: 50px; text-align: center; background-color: #594625;}
.sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info > b {display: block; font-family: 'SUIT'; font-size: 19px; font-weight: 500; color: #1A1A1A;}
.sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list {display: flex; flex-direction: column; gap: 10px; padding-left: 16px;}
.sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list > li {list-style: disc;}
.sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list > li > p {word-break: keep-all; font-family: 'SUIT'; font-size: 19px; font-weight: 500; color: #1A1A1A;}
.sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list > li:nth-child(3) > p {text-decoration-line: underline; text-decoration-color: #1A1A1A; text-decoration-thickness: 1px; text-underline-offset: 8px;}




.sec02 > div > div.div-wrap:nth-child(3) {margin-top: 135px; position: relative; padding-bottom: 1055px;}
.sec02 > div > div.div-wrap:nth-child(3) > .div-print-box {margin-top: 40px;}
.sec02 > div > div.div-wrap:nth-child(3) .print-shape {position: relative; max-width: 1260px; height: 65px; margin: 0 auto; border-radius: 50px; z-index: 1;}
.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-print {width: 100%; height: 100%; margin: 0 auto; border-radius: 50px; background-color: #3F3F3F;  border: 4px solid #ddd; box-shadow: inset -7px 7px 40px rgba(26, 26, 26, 0.3);}
.sec02 > div > div.div-wrap:nth-child(3) .print-shape::after {content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; background: #1A1A1A; z-index: -1; border-radius: 50px;}

.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper { width: 90%; height: auto; position: absolute; z-index: 3; top: 0%; left: 50%; transform: translate(-50%, 4px); padding: 90px 60px 170px; background-image: url(../img/paper.svg); background-repeat: no-repeat; background-position: top; background-size: cover;}
.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper {display: flex; flex-direction: column; gap: 20px;}
.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group, 
.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > div{display: flex; flex-direction: column; gap: 20px;}
.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group > div > label { font-size: 21px; font-weight: bold; font-family: 'SUIT';}
.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group input,
.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group > input {padding: 16px; font-family: 'SUIT'; font-size: 18px; border-radius: 5px; border: 0; box-shadow: 0px 0px 7px 0px #ddd; outline: none;}
.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group > input:focus {border: 1px solid #FFD162; outline: none; }

.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group {display: flex; flex-direction: column; gap: 12px;}
.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > label {position: relative; width: 100%; font-family: 'SUIT'; font-size: 18px;}
.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group > label,
.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > label:first-child {font-family: 'SUIT'; font-size: 20px; font-weight: bold;}
.sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > div > label > em {position: absolute; right: 0; color: #666;}
.sec02 > div > div.div-wrap:nth-child(3) .submit-button-wrap {position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0);}
.sec02 > div > div.div-wrap:nth-child(3) .submit-button-wrap > button {width: 50%; min-width: 280px; padding: 16px;     background-color: #936625; border: 1px solid #7C4900; border-radius: 50px; font-size: 25px; font-weight: bold; color: #fff; cursor: pointer;}
.sec02 > div > div.div-wrap:nth-child(3) .input-row {display: flex; gap: 20px;}
.sec02 > div > div.div-wrap:nth-child(3) .input-row > button {height: auto; text-align: center; font-size: 16px; color: #fff; background-color: #936625; border: 1px solid #7C4900; padding: 0 20px; border-radius: 5px;}

.sec02 .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%;}
.sec02 .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%;}



/* bg */
.sec05 .sec05_bg .fire01{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/SEVENSTAR4/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/SEVENSTAR4/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/SEVENSTAR4/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/SEVENSTAR4/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/SEVENSTAR4/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/SEVENSTAR4/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/SEVENSTAR4/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{background-color: #6B625B; text-align: left; padding:80px 0;}
.sec06 .sec_con{display: flex; align-items: center; color: #fff;}
.sec06 .sec_con >p{display: flex; font-size: 22px; font-weight: 500; width: 160px; padding-bottom: 20px; line-height: 1;}
.sec06 .sec_con > p > span{position: relative; display: inline-block; width: 24px; height: 24px; margin-right: 4px;}
.sec06 .sec_con > p > span::after {content: ''; display: block; position: absolute; width: 24px; height: 24px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(../img/error.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.sec06 ul{width: calc(100% - 160px);}
.sec06 .sec_con li {list-style: disc;}
.sec06 .sec_con li > p {font-family: 'SUIT'; font-size: 18px; color: #fff;}
.sec06 .sec_con li + li{margin-top: 6px;}


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

footer{background-color: #1A1A1A; color: #fff;}
footer > div{font-size: 16px; color: #fff;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;}

.sec02 .product-box.mo-product-box {display: none;}

/* ********************************************* *
 * 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; transition: all 0.3s;}
    .sec01 .sec01_bg .sec01_t_r{width: 300px; height: 242px; transition: all 0.3s;}
    .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 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;}

    /* 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 > div { width: calc(100% - 20px);}

}


/* ********************************************* *
* 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%;}

}

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


    .sec02 > div .div-title > div {width: calc(100% - 640px);} 
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li figure {height: 210px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div b {font-size: 21px;}

    .sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li:nth-child(2) b {font-size: 17px;}



}

/* ********************************************* *
* 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: 256px; height: 289px;}
    .sec01 .sec01_bg .sec01_t_r{width: 280px; height: 240px;}
    .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;}
    
    footer{padding:60px 20px;}

    .sec02 > div .div-title > div > p {font-size: 28px;} 
    .sec02 > div .div-title > b {font-size: 24px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li {height: 410px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div {padding: 0 30px;}




}


/* ********************************************* *
* 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;}

}

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

    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > div {position: relative; gap: 40px; }
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > div > label > em { font-size: 12px; left: 30px; bottom: -25px; text-decoration: underline; text-decoration-color: #bbb; text-underline-offset: 4px;}
}


/* ********************************************* *
* 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 h2 span, .sec01 .sec01_txt .title h2 span i{font-size: 90px; }
    .sec01 .sec01_txt .title p{font-size: 32px;}

    .sec01 .sec01_txt .sub{font-size: 16px; padding: 10px 20px 8px;}

    .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){

 /* sec01 */
 .sec01 .sec01_txt .title h2 > i {}
 .sec01 .sec01_txt .title h2 > i > img {}
 .sec01 .sec01_bg .sec01_t_l{width: 130px; height: 104px;}
 .sec01 .sec01_bg .sec01_t_r{width: 130px; height: 104px;}
 .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 h2 span, .sec01 .sec01_txt .title h2 span i{font-size: 52px; }
 .sec01 .sec01_txt .title p{font-size: 22px;}

 .sec01 .sec01_txt .period {width: calc(100% - 20px); padding: 10px 10px 15px; transform: translate(-50%, -25%); display: flex; flex-direction: column; gap: 3px; }
 .sec01 .sec01_txt .period .sub{margin-right: 8px;}
 .sec01 .sec01_txt .period .sub,
 .sec01 .sec01_txt .period p{font-size: 20px;}
 .sec01 .sec01_txt .sub{font-size: 12px; padding: 6px 15px 5px;}

 /* sec02 */
 .sec02 > div { padding: 130px 40px; height: auto;}
 .sec02 > div .div-title > i {width: 170px; height: auto; display: inline-block; overflow: hidden;}
 .sec02 > div .div-title > div {min-width: 450px; margin-top: 0;}
 .sec02 > div .div-title > b {font-size: 14px;}
 .sec02 > div .div-title > div > p {font-size: 22px; padding: 5px 0;}
 .sec02 > div > div:nth-child(1) {gap: 16px;}
 .sec02 > div > div:nth-child(1)::after {height: 8px; bottom: -6%;}
 .sec02 > div .div-small-txt > small {font-size: 14px; padding: 0;}

 .sec02 > div > div.div-wrap:nth-child(2) {margin-top: 90px;} 
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box.product-box01,
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box.product-box02 {display: none;}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul {flex-wrap: wrap;}
 


 .sec02 > div > div.div-wrap:nth-child(2) > .product-box01 > ul > li::after{content: ''; position: absolute; display: block; width: 70px; padding: 15px 0; left: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  background-color: #936625; color: #fff; text-align: center; font-size: 18px;}  
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li::after{content: ''; position: absolute; display: block; width: 70px; padding: 15px 0; left: 20px; transform: translateX(0); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  background-color: #936625; color: #fff; text-align: center; font-size: 18px;}  
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li figure{ height: 140px;}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box.product-box02 > ul > li figure{height: 150px; padding-top: 20px;}
 


 .sec02 > div > div.div-wrap:nth-child(3) {padding-bottom: 720px;} 
 .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper { transform: translate(-50%, 4px); padding: 35px 20px 60px;}
 .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper,
 .sec02 > div > div.div-wrap:nth-child(3) .input-row {gap: 12px;}
 .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group > label {font-weight: 600; font-size: 17px;}
 .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group input, .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group > input {width: 100%; padding: 14px; font-size: 14px;}
 .sec02 > div > div.div-wrap:nth-child(3) .input-row > button {width: 60%; padding: 0; font-size: 14px;}
 
 .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > label:first-child {font-size: 17px;}
 
 .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div {padding: 30px;}
 .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info,
 .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div {gap: 12px;}
 .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info > span {max-width: 100px; height: auto; padding: 5px 0 2px; font-weight: 500; font-size: 15px}
 .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info > b,
 .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list > li > p {font-size: 17px;}
 .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > label {font-size: 14px;}
 .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list {gap: 8px;}
 .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list > li:nth-child(3) > p {text-underline-offset: 4px;}
 .sec02 > div > div.div-wrap:nth-child(3) .print-shape {height: 50px;}
 .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group{gap: 8px;}
 .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group {gap: 6px;}
 .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > div {position: relative; gap: 40px;}
 .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > div > label > em {font-size: 12px; left: 30px; bottom: -25px; text-decoration: underline; text-decoration-color: #bbb; text-underline-offset: 4px;}
 .sec02 > div > div.div-wrap:nth-child(3) .submit-button-wrap > button {font-size: 18px;}

 .sec06 .sec_con {flex-direction: column;}
 .sec06 ul {width: 100%; padding-left: 12px;}
 .sec06 .sec_con > p {width: 100%;}
 .sec06 .sec_con li > p { font-size: 14px;}

 /* 모바일 상품 */
 .sec02 .product-box.mo-product-box {display: block;}
 .sec02 .product-box.mo-product-box > ul {display: flex; justify-content: space-between;}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(1) {width: 100%; height: auto; padding-bottom: 260px;}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li {width: calc((100% / 2) - 15px); height: auto; padding-bottom: 230px;}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li figure { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 115px;}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div {padding: 0 20px;}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div > div { width: 100%; bottom: -60px; background-color: rgb(26 26 26 / 25%);}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div b {font-size: 16px;}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li:nth-child(2) b {font-size: 14px; word-break: keep-all;}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div b::after {background: linear-gradient(90deg, #ead5835c, #84561757);}
 
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li::after{content: ''; position: absolute; display: block; width: 85px; padding: 25px 0; left: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  background-color: #936625; color: #fff; text-align: center; font-size: 24px; font-family: "GmarketSans"; box-shadow: 0px 5px 10px #11111142;}  
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(1)::after{content: '1등'; background-color: #E8C569;}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(2)::after{content: '2등'; background-color: #A4A4A4;}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(3)::after{content: '3등'; background-color: #D69C4B;}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(4)::after{content: '4등';}
 .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(5)::after{content: '5등';}



}


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

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

    .subtit{margin-bottom: 40px;}
    .subtit .num{margin-bottom: 16px;}
    .subtit h5{font-size: 28px;}
    .pd100{padding: 50px 0;}

    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li::after{content: ''; position: absolute; display: block; width: 75px; padding: 15px 0; left: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  background-color: #936625; color: #fff; text-align: center; font-size: 20px; font-family: "GmarketSans"; box-shadow: 0px 5px 10px #11111142;}  
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(1)::after{content: '1등'; background-color: #E8C569;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(2)::after{content: '2등'; background-color: #A4A4A4;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(3)::after{content: '3등'; background-color: #D69C4B;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(4)::after{content: '4등';}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(5)::after{content: '5등';}

   

}


/* ********************************************* *
* 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_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 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 */

    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;}


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

    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div b { font-size: 15px; word-break: keep-all; }
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(1) > div b {font-size: 17px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(4) > div b {font-size: 12px;}

}




/* ********************************************* *
* 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 .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 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 > div > div.div-wrap:nth-child(2) > .product-box > ul {gap: 12px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li {width: calc((100% / 2) - 6px);}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div {padding: 0 12px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li::after {width: 55px; padding: 12px 0; font-size: 16px;}
    

    
}

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

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;}

.sec02 > div {padding: 130px 20px;}

.sec02 > div .div-title > div {min-width: 240px;}

    
}
/* ********************************************* *
* 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: 143px;}
    .sec01 .sec01_bg .sec01_t_r{width: 110px; height: 71px;}
    .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 h2 span, .sec01 .sec01_txt .title h2 span i{font-size: 52px; }
    .sec01 .sec01_txt .title p{font-size: 22px;}

    .sec01 .sec01_txt .period {width: calc(100% - 20px); padding: 10px 10px 15px; transform: translate(-50%, -25%); display: flex; flex-direction: column; gap: 3px; }
    .sec01 .sec01_txt .period .sub{margin-right: 8px;}
    .sec01 .sec01_txt .period .sub,
    .sec01 .sec01_txt .period p{font-size: 16px;}
    .sec01 .sec01_txt .sub{font-size: 12px; padding: 6px 15px 5px;}

    /* sec02 */

    .sec02 > div {padding: 80px 16px 110px; width: 100%; height: auto; background-image: url(../img/ticket02.png); background-size: cover;}
    .sec02 > div .div-title > i {width: 100px; height: auto; display: inline-block; overflow: hidden;}
    .sec02 > div .div-title > div {margin-top: 0;}
    .sec02 > div .div-title > b {font-size: 14px;}
    .sec02 > div .div-title > div > p {font-size: 18px; padding: 5px 0;}
    .sec02 > div > div:nth-child(1) {gap: 16px;}
    .sec02 > div > div:nth-child(1)::after {height: 8px; bottom: -10%;}
    .sec02 > div .div-small-txt > small {font-size: 14px; padding: 0;}

    /* .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul {flex-wrap: wrap;}
    .sec02 > div > div.div-wrap:nth-child(2) {margin-top: 90px;} 
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li {width: 100%; height: auto; padding-bottom: 200px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li figure { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 115px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div {padding: 0 20px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div > div { width: 100%; bottom: -45px; background-color: rgb(26 26 26 / 25%);}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div b {font-size: 16px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li:nth-child(2) b {font-size: 14px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div b::after {background: linear-gradient(90deg, #ead5835c, #84561757);} */



    /* .sec02 > div > div.div-wrap:nth-child(2) > .product-box01 > ul > li::after{content: ''; position: absolute; display: block; width: 70px; padding: 15px 0; left: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  background-color: #936625; color: #fff; text-align: center; font-size: 18px; transition: all 0.3s;}  
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li::after{content: ''; position: absolute; display: block; width: 70px; padding: 15px 0; left: 20px; transform: translateX(0); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;  background-color: #936625; color: #fff; text-align: center; font-size: 18px; transition: all 0.3s;}  
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li figure{ height: 145px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box.product-box02 > ul > li figure{height: 150px; padding-top: 20px;} */
    


    .sec02 > div > div.div-wrap:nth-child(3) {margin-top: 90px; padding-bottom: 730px;} 
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper { transform: translate(-50%, 4px); padding: 35px 20px 60px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper,
    .sec02 > div > div.div-wrap:nth-child(3) .input-row {gap: 12px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group > label {font-weight: 600; font-size: 16px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group input, .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group > input {width: 100%; padding: 14px; font-size: 14px;}
    .sec02 > div > div.div-wrap:nth-child(3) .input-row > button {width: 60%; padding: 0; font-size: 14px;}
    
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > label:first-child {font-size: 16px;}
    
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div {padding: 20px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info,
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div {gap: 12px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info > span {max-width: 85px; height: auto; padding: 5px 0 2px; font-weight: 500; font-size: 15px}
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info > b,
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list > li > p {font-size: 15px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > label {font-size: 14px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list {gap: 8px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list > li:nth-child(3) > p {text-underline-offset: 4px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape {height: 50px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group{gap: 8px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group {gap: 6px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > div {position: relative; gap: 30px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > div > label > em {font-size: 11px; left: 20px; bottom: -23px; text-decoration: underline; text-decoration-color: #bbb; text-underline-offset: 4px;}
    .sec02 > div > div.div-wrap:nth-child(3) .submit-button-wrap > button {font-size: 18px;}

    .sec06 .sec_con {flex-direction: column;}
    .sec06 ul {width: 100%; padding-left: 12px;}
    .sec06 .sec_con > p {width: 100%;}
    .sec06 .sec_con li > p { font-size: 14px;}
    
    
}



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

    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;}
    
    .sec01 .sec01_txt {padding: 62px 16px 100px;}
    .sec01 .sec01_txt .title h2 {padding: 0; margin-top: 40px;}
    .sec01 .sec01_txt .period .sub, .sec01 .sec01_txt .period p {font-size: 15px;}

    .sec02 > div {padding: 80px 16px 150px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info > span,
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info > b,
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list > li > p {font-size: 14px;}


    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper {padding: 35px 12px 110px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper,
    .sec02 > div > div.div-wrap:nth-child(3) .input-row {gap: 10px;}
    .sec02 > div > div.div-wrap:nth-child(3) {margin-top: 60px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group input,
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group > input {padding: 12px; font-size: 13px;} 
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group > label,
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > label:first-child {font-size: 14px;}
    .sec02 > div > div.div-wrap:nth-child(3) .input-row {flex-wrap: wrap;}
    .sec02 > div > div.div-wrap:nth-child(3) .input-row > button {width: 100%; font-size: 12px; padding: 12px;}

    .sec02 > div > div.div-wrap:nth-child(3) .submit-button-wrap > button {font-size: 15px;}

    .sec06 {padding: 40px 0;}
    .sec06 .sec_con > p {font-size: 17px;}

    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div > div {bottom: -65px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div b {font-size: 13px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(1) > div b {font-size: 15px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li:nth-child(4) > div b {font-size: 10px;}

    .sec02 > div > div.div-wrap:nth-child(3) .submit-button-wrap > button {padding: 12px; min-width: 240px;} 


}



/* ********************************************* *
* 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 */

    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;}

}




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

    .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 .sec01_txt .period .sub, .sec01 .sec01_txt .period p {font-size: 13px;}

    .sec02 {padding: 50px 0 75px;}
    .sec02 > div .div-title > div {min-width: 190px;}
    .sec02 > div .div-title > div > p {font-size: 16px; padding: 5px 0 2px;}
    .sec02 > div .div-title > b {font-size: 12px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info,
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div {gap: 8px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div {padding: 16px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list {gap: 0;}
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info > span, .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info > b,
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list > li > p {font-size: 11px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info > span {max-width: 65px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box01 > ul > li::after, .sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li::after {font-size: 14px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li > div b {font-size: 13px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box02 > ul > li:nth-child(2) b {font-size: 12px;}

    .sec02 > div > div.div-wrap:nth-child(3) .print-shape {height: 40px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape::after {top: -5px; left: -5px; bottom: -5px; right: -5px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group > label, .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > label:first-child {font-size: 12px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > div > label > em {font-size: 10px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group input, .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .form-group > input {padding: 10px; font-size: 11px;}

    .sec06 .sec_con > p{font-size: 15px;}
    .sec06 .sec_con > p > span { width: 15px; height: 15px; margin-right: 11px;}
    .sec06 .sec_con li > p {font-size: 10px;}
    .sec06 .sec_con li + li {margin-top: 1px; }

    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li {width: 100%;}
    .sec02 > div > div.div-wrap:nth-child(3) {padding-bottom: 745px;}
}
    
/* ********************************************* *
* 300px
* ********************************************* */
@media screen and (max-width: 300px){

    .sec01 .sec01_bg .sec01_t_l {width: 76px; height: 85px;}
    .sec01 .sec01_bg .sec01_t_r {width: 80px; height: 68px; }
    .logo img {width: 120px;}
    .sec01 .sec01_txt .period .sub, .sec01 .sec01_txt .period p {font-size: 12px;}

    .sec02 > div .div-title > b {font-size: 12px;}
    .sec02 > div .div-title > div > p {font-size: 16px;}
    .sec02 > div .div-small-txt > small {font-size: 12px;}
    .sec02 > div > div.div-wrap:nth-child(2) {margin-top: 60px;}
    .sec02 > div > div:nth-child(1)::after {bottom: -28px;}
    .sec02 > div > div.div-wrap:nth-child(2) {gap: 20px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul {gap: 20px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .product-box > ul > li figure {height: 110px;}
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info > span, .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > p.info > b,
    .sec02 > div > div.div-wrap:nth-child(2) > .event-info-box > div > ul.step_list > li > p {font-size: 12px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > div {gap: 40px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper .form-wrapper > .checkbox-group > div > label > em {font-size: 10px; bottom: -30px;}

}


@media screen and (max-width : 250px) {
    .sec02 > div {padding: 130px 0;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper {padding: 16px 12px 110px;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper {height: 700px;}
    .sec02 > div > div.div-wrap:nth-child(3) .submit-button-wrap > button {min-width: 150px;}
    .sec02 > div > div.div-wrap:nth-child(3) .submit-button-wrap { transform: translate(-50%, 2rem); z-index: 2;}

}

@media screen and (max-width : 140px) {
    .sec02 > div {padding: 130px 0;}
    .sec02 > div > div.div-wrap:nth-child(3) .print-shape > .print-paper {height: 760px;}
    .sec02 > div > div.div-wrap:nth-child(3) .submit-button-wrap { transform: translate(-50%, 5rem);}

}