@font-face { 
    font-family: "JejuMyeongjo";  
    src: url("../fonts/JejuMyeongjo-Regular.ttf") format("truetype");  
    }
body {
    background: #fff;
    font-family: 'Inter', sans-serif; 
} 
.b1 {
    padding: 24px 0 94px;  
        background: url(../images/bg-1.jpg) 50% top no-repeat; 
}
.bl1 {
    width: 1190px;
    margin: 0 auto;
}
.bl1-h1 {
font-size: 36px;
font-weight: 400;
line-height: 37px; 
text-align: center;
color: #343434;
z-index: 55;
position: relative;
} 
.bl1-h2 { 
font-size: 73px;
font-weight: 400;
line-height: 111px;
letter-spacing: 0em;
text-align: center;
color: #52FF00;
text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
text-decoration: underline;
text-decoration-thickness: 4px;
text-underline-offset: 7px;
text-decoration-color: #52FF00;
z-index: 55;
position: relative;
}
.bl1-l {
    width: 320px;
    z-index: 55;
    position: relative;
}
.bl1-c {
    width: 442px;
    z-index: 55;
    position: relative;
}
.bl1-r {
    width: 428px;
    z-index: 55;
    position: relative;
}
.bl1-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.form {
    width: 90%;
    min-height: 424px;
    background: rgba(255, 255, 255, 0.65);
border-radius: 14px;
padding: 10px;
margin-top: -76px;
}
.bl1-time-fl {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.bl1-tl {
    width: 30%;
}
.bl1-tl {
    width: 25%;
}
.timer {
     width: 100%;
}
.bl1-tr {
    width: 75%;
}
 
.bl1-t-t {
    text-transform: uppercase;
    text-align: center;
    margin-top: 6px;
    font-size: 14px;
    line-height: 14px;
}
.order_section .timer_block {
    width: 100%;
    height: 30px;
    text-align: center;
    position: relative;
    margin-top: 2px;
}
.text1 {
    font-size: 12px;
    line-height: 12px;
}
.order_section .timer_block p {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
}

.order_section .timer_block .timer_item {
    float: left;
    width: 33.333333%;
}

.order_section .timer_block .count {
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    color: #da0f0f;
    position: relative;
}

.order_section .timer_block .count:before {
    display: block;
    content: ':';
    width: 10px;
    position: absolute;
    top: -3px;
    right: -5px;
}

.order_section .timer_block .timer_item:last-child .count:before {
    display: none;
}
.bl1-price-fl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 14px;
}
.bl1-old {
    width: 50%;
}
.bl1-new {
    width: 50%;
}
.bl1-price-text { 
font-size: 12px;
font-weight: 400;
line-height: 24px; 
text-align: center;
color: #333333;
}
.bl1-pr { 
font-size: 27px;
font-weight: 700;
line-height: 30px; 
text-align: center;

}
.gley {
    color: #333333;
}
.green {
    color: #77C300;
}
.bl1-ul {
    margin-top: 50px;
}
.bl1-li {
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
    margin-bottom: 24px;
}
.ch {
    width: 25px;
    height: 24px;
    margin: 0px 4px;
}
.bl1-p { 
font-size: 23px;
font-weight: 400;
line-height: 23px; 
text-align: left;
color: #000000;
}
.order_form {
    margin-top: 20px;
}
.field {
    width: 100%;
    margin: 0 auto;
    height: 60px;
    display: block;
    background: #FFFFFF;
border-radius: 30px;
margin: 0 auto 10px; 
font-size: 22px;
font-weight: 400;
line-height: 60px; 
text-align: center;
color: #333333;
border: 0px solid;
}
.form-control {
    width: 100%;
    margin: 0 auto;
    height: 60px;
    display: block;
    background: #FFFFFF;
border-radius: 30px;
margin: 0 auto 10px; 
font-size: 22px;
font-weight: 400;
line-height: 60px; 
text-align: center;
color: #333333;
border: 0px solid;
}
.b3-btn {
    background: #FFDE00;
box-shadow: 0px 4px 0px #D4B700;
border-radius: 32px;
width: 280px;
height: 44px;
display: block;
margin: 0 auto;
border: 0px solid; 
font-size: 26px;
font-weight: 700;
line-height: 44px; 
text-align: center;
color: #333333;
cursor: pointer;
}
.bl1-des {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}
.im {
    width: 20px;
    height: 20px;
}
.bl1-p-des {
    width: 60%;  
font-size: 13px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: center;

}
b {
    font-weight: 600;
}
.abs1 {
    position: absolute;
    z-index: 1;
    margin-top: -518px;
    margin-left: 84px;
}
.b2 {
    padding: 100px 0 120px;
}
.bl2 {
    width: 1190px;
    margin: 0 auto;
}
.bl2-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bl2-l {
    width: 38%;
}
.bl2-img {
    width: 100%;
}
.bl2-r {
    width: 55%;
}
.bl2-h1 { 
font-size: 74px;
font-weight: 400;
line-height: 104px; 
text-align: left;
color: #52FF00;
text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 12px;
    text-decoration-color: #000000;
}
.bl2-h2 { 
font-size: 42px;
font-weight: 400;
line-height: 60px; 
text-align: left;
color: #000000;
margin-bottom: 60px;
}
.bl2-p { 
font-size: 30px;
font-weight: 400;
line-height: 42px; 
text-align: left;
color: #000;
}
.b3 {
    padding: 0 0 130px;
}
.bl3 {
    width: 960px;
    margin: 0 auto;
}
.bl3-h1 { 
font-size: 42px;
font-weight: 400;
line-height: 42px; 
text-align: center;
color: #52FF00;
text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
}
.bl3-h2 { 
font-size: 42px;
font-weight: 400;
line-height: 42px; 
text-align: center;
color: #000;
}
.bl3-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}
.bl3-item {
    width: 31%;
    margin-bottom: 20px;
}
.bl3-e {
    width: 100%;
}
.b4 {
    padding: 0 0 48px;
}
.bl4 {
    width: 1190px;
    margin: 0 auto;
}
.bl4-h1 { 
font-size: 42px;
font-weight: 400;
line-height: 60px; 
text-align: center;
color: #000;
}
.bl4-h2 { 
font-size: 74px;
font-weight: 400;
line-height: 104px; 
text-align: center;
color: #52FF00;
text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
text-decoration: underline;
text-decoration-thickness: 3px;
text-underline-offset: 12px;
text-decoration-color: #000000;
}
.bl4-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}
.bl4-l {
    width: 35%;
}
.bl4-img {
    width: 100%;
}
.bl4-r {
    width: 63%;
}
.bl4-p { 
font-size: 22px;
font-weight: 400;
line-height: 28px; 
text-align: left;
color: #000000;
margin-bottom: 30px;
}
.b5 {
    padding: 180px 0 170px;
    background: url(../images/bg-5.jpg) 50% top no-repeat; 
}
.bl5 {
    width: 1190px;
    margin: 0 auto;
}
.bl5-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 786px;
    margin-top: 60px;
}
.bl5-item {
    width: 250px;
    margin-bottom: 12px;

    
}
.bl5-f {
    width: 100%;
}
.b6 {
    padding: 60px 0 130px;
}
.bl6 {
    width: 1190px;
    margin: 0 auto;
}
.bl6-h1 { 
font-size: 47px;
font-weight: 700;
line-height: 53px; 
text-align: center;
color: #333333;
}
.bl6-green {
    color: #52FF00;
    text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
}
.bl6-sl {
    margin-top: 50px;
}
.bl6-item {
    width: 260px;
    padding: 10px;
    min-height: 274px;
    background: #E1FFF1;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
    border-radius: 0px;
    margin: 10px;
}
.bl6-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.bl6-r {
    width: 90px;
    height: 90px;
}
.bl6-top {
    margin-left: 10px;
    padding-top: 6px;
}
.bl6-name {
    font-family: "JejuMyeongjo"; 
font-size: 22px;
font-weight: 400;
line-height: 22px; 
color: #0B0A0A;
}
.bl6-p {
    font-family: 'Alike Angular', serif;
font-size: 20px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #000000;
margin-top: 6px;
}
.b7 {
    padding: 0 0 120px;
}
.bl7 {
    width: 960px;
    margin: 0 auto;
}
.bl1-item {
    width: 300px; 
    border-width: 1px 1px 3px 1px;
border-style: solid;
border-color: #F0F0F0;
border-radius: 5px;
}
.bl7-bg1 {
    background: url(../images/d1.png) 50% top no-repeat; 
}
.bl7-bg2 {
    background: url(../images/d2.png) 50% top no-repeat; 
}
.bl7-bg3 {
    background: url(../images/d3.png) 50% top no-repeat; 
}
.bl7-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 54px;
}
.bl7-fl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 244px;
    margin: 22px auto;
}
.bl7-i {
    width: 60px;
    height: 60px;
}
.bl7-top { 
font-size: 22px;
font-weight: 700;
line-height: 54px; 
text-align: center;
color: #FFFFFF;
}
.bl7-p {
    padding: 20px 28px 20px; 
font-size: 15px;
font-weight: 400;
line-height: 24px; 
text-align: left;
color: #333333;
}
.b8 {
    padding: 40px 0 60px;
}
.bl8 {
    width: 1190px;
    margin: 0 auto;
    font-family: 'Alegreya SC', serif;
font-size: 18px;
font-weight: 400;
line-height: 37px; 
text-align: center; 
}
.mo {
    display: none;
}