<style>

p {
  font-size: 2em;
}

.section0 .slide p {
  color: #06092f;
  width:80%;
  margin:0 auto;
  font-size: 1em;
  font-weight:700;
  line-height: 2em;
}

.section0 .slide h1 {
  color: #06092f;
  width: 85%;
  margin:0 auto;
  padding-top:18vh;
  font-size:5vh;
  font-weight: 900;
  line-height: 1.25em;
}

.section4 .slide p {
  color: #fff;
  width: 70%;
  margin: 0 auto;
  font-size: 1em;
  font-weight: 700;

}


.section4 .slide h1 {
  color: #fff;
  width: 70%;
  margin: 0 auto;
  padding-top: 35vh;
  font-size: 3.8vh;
  font-weight: 900;
  line-height: 1.5em;

}

.icon_close {
  width: 30px;
  margin-top: 20px;
}


/* Centered texts in each section
* --------------------------------------- */
.section {
  text-align: center;
}


/* Backgrounds will cover all the section
* --------------------------------------- */
#section0,
#section1,
#section2,
#section3,
#section5,
#section4,
#slide1,
#slide2,
#slide3,
#slide4,
#slide5,
#slide6,
#slide7 {
  background-size: cover;
  /* background-attachment: fixed; */
}

.intro {
  top: 0%;
  transform: translateY(-0%);
  position: relative;
}

.footer {
  background-color: #f1f1f1;
  padding: 15px 30px;
  font-size: 10px;
  height: 100%;
}

.footer img {
  width: 50px;
  margin-top: 15px;
}

.nav_about_bnner {
  background-image: ('static/image/about_bg1.png');
  line-height: 1.5em;
}

.nav_about_bnner p {
  padding: 0px 30px;
}

.nav_about_bnner button {
  display: block;
  margin-top: 10px;
}

.nav_logo {
  margin-top: 5px;
  width: 50%;
}

.intro_join_warp {
  width: 100%;
  height: 45px;
  position: absolute;
  top: 100%;
  margin-top: -45px;
  left: 0%;
  z-index: 999;
  display: inline-block;
  text-align: center;
}

.intro_join_btn {
  width: 100%;
  height: 45px;
  margin: 0 auto;
  background: #0b9a47;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  color: #fff;
  font-size: 1.1em;
  font-weight: 900;
  line-height: 45px;

}

.intro_join_deco {
  border-bottom: 4px solid #087e3a;
  width: 20%;
  display: inline-block;
  vertical-align: top;
  margin-top: -4px;
}


/*section1*/

.section1_h1 {
  color: #fff;
  font-weight: 700;
  height:45px;
  background:#0b9a47;
  text-align: center;
  font-size:1.2em;
  line-height:45px;
}

.section1_join {
  padding-top: 50px;
  height: 100%;
}

.section1_join_wrap {
  width: 100%;
  height: 100%;
  padding: 0;
  background: #fff;
}

.section1_btn_wrap {
  padding-left:15px;
  padding-right:15px;
}

.section1_btn1 {
  margin-bottom:20px;
}

.section1_btn2 {
  margin-bottom: 25px;
}

.btn_join_off {
  border-radius: 8px;
  background: #adaeae;
  color: #fff;
  font-weight: 900;
  line-height: 3.5em;
  margin-bottom: 10px;
}

.btn_join_on {
  border-radius: 8px;
  background: #08a048;
  color: #fff;
  font-weight: 900;
  line-height: 3.5em;
  margin-bottom: 10px;
}

.section2_wrap {
  display: block;
  padding-top: 50px;
}

.section2 h1 {
  color: #fff;
  font-size: 1.4em;
  font-weight: 700;
}

.section2 h5 {
  width: 80%;
  margin: 0 auto;
  font-weight: 900;
  color: #08a048;
  font-size: 1.5em;
  margin-top: 2vh;
}

.section2 p {
  width: 65%;
  margin: 0 auto;
  margin-top: 2%;
}

.section2 .chip_warp {
  width: 80%;
  margin: 15px auto;
  border-top: 0.5px solid #e0e0e0;
  padding: 15px;
}

.section3 h1 {
  color: #08a048;
  font-size: 1.2em;
  margin-top: 60px;
  font-weight: 900;
  margin-bottom:30px;
}

.section3 h1 span {
  color: #333;
  font-size: 1.2em;
  font-weight: 400;
  display: block;
  line-height: 1.8em;
}

.section3_wrap {
  border-top: 2px solid #0b9a47;
  margin: 0 auto;
  width: 70%;
  height: 40%;
  display: block;
  perspective: 500px;
  transform-origin: 0% 50%;
}

.section3_wrap p {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 20px;
  height: 33%;
}

.section3_wrap .claim_title {
  font-size: 1.4em;
  vertical-align: middle;
  color: #333;
  width: 89%;
  display: inline-block;
  font-weight: 700;
}

.section3_wrap .claim_title span {
  color: #0b9a47;
}

.section3_wrap .material-icons {
  color: #0b9a47;
  height: 29px;
}

.section3_wrap .claim_subtitle {
  color: #595959;
  display: inline-block;
  font-size: 0.9em;
}

.callwrap h4 {
  padding-top: 35%;
}

.callwrap p {
  margin-bottom: 35px;
}

.btn_call {
  border: 2px solid #23b941;
  color: #23b941;
  padding: 20px;
  margin-top: 30px;
  display: block;
  width: 100%;
  border-radius: 50px;
  background-color: rgba(35, 37, 41, 0);
}

.btn_kakao {
  border: 2px solid #ffea00;
  color: #ffea00;
  padding: 20px;
  margin-top: 15px;
  display: block;
  width: 100%;
  border-radius: 50px;
  background-color: rgba(35, 37, 41, 0);
}


@media only screen and (min-width:700px) {
  .section3 h1 {
    color: #08a048;
    font-size: 1.2em;
    margin-top: 60px;
    font-weight: 900;
    margin-bottom:30px;
  }

  .section3 h1 span {
    color: #333;
    font-size: 1.2em;
    font-weight: 400;
    display: block;
    line-height: 1.8em;
  }

  .section3_wrap {
    border-top: 2px solid #0b9a47;
    margin: 0 auto;
    width: 70%;
    height: 40%;
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -35%;
  }

  .section3_wrap p {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
    height: 33%;
  }
}

.basic_wrap {
  padding-top: 50px;
  display: absolute;
  background-color: #fafafa;
}



/***************insu.html******************/
.insu_wrap {
  padding-top: 50px;
  display: absolute;
  background-color: #fafafa;
}

.step1, .step2, .step3, .step4, .step5 {
  border-radius: 8px;
  border: 1px solid #f1f1f1;
  padding-bottom: 200px;
}

.step1 {
  margin-top: 20px;
}

.step_progress_clear {
  border: 1px solid #08a048;
  color: #08a048;
  padding: 2px 6px;
  border-radius: 50px;
  font-size: 0.8em;
  font-weight: 900;
}

.step_edit {
  color: #08a048;
}

.step_progress {
  border: 1px solid #068f40;
  background: #08a048;
  color: #fff;
  padding: 2px 6px;
  border-radius: 50px;
  font-size: 0.8em;
  font-weight: 900;
}

.line {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
}

.btn_next {
  border-radius: 8px;
  background: #08a048;
  border: 1px solid #08a048;
  color: #fff;
  text-align: center;
  line-height: 3em;
  margin-bottom: 50px;
  font-size: 1.2em;
  font-weight: 900;
  margin-top: 15px;
}

.step_label {
  line-height: 3.5rem;
}

.btn_more_people {
  width: 100%;
  text-align: center;
  color: #08a048;
}

.btn_more_people p {
  display: inline-block;
}

.btn_more_people span {
  font-weight: 900;
  float: left;
  font-size: 1.2em;
}

.icon_add {
  float: left;
}

.notice {
  border: 1px solid #efefef;
  background: #f9f9f9;
  text-align: center;
  color: #898989;
  padding: 10px 20px;
  font-size: 0.8em;
}

.btn_comparison {
  border: 1px solid #08a048;
  color: #08a048;
  background: #fff;
  width: 49%;
  border-radius: 10px;
  line-height: 3em;
  margin-bottom: 0.5em;
  font-size: 0.9em;
}

.btn_sharing {
  border: 1px solid #d6d6d6;
  color: #08a048;
  background: #f2f2f2;
  width: 49%;
  border-radius: 10px;
  line-height: 3em;
  margin-bottom: 0.5em;
  font-size: 0.9em;
}

.tex_info {
  font-size: 0.8em;
  color: #898989;
  text-align: center;
}

.tex_info span {
  border-bottom: 1px solid #08a048;
  color: #08a048;
}

.remove {
  line-height: 2em;
  color: #b8b8b8;
}

.step5_details1, .step5_details2 {
  font-size: 0.9em;
}

.step5_details_title {
  color: #08a048;
  font-weight: 700;
}

.step5_chk {
  font-size: 0.9em;
  padding-bottom: 10px;
}

.icon_home {
  color: #333;
  margin: 0 18px;
}

.nav_bnner {
  line-height: 1.5em;
}
/* 
.nav_bnner p {
  padding: 0px 30px;
  display: inline-block;
  width: 100%;
} */

.icon_call {
  background: #0b9a47;
  color: #fff;
  border-radius: 50%;
  width: 42px;
  height: 42px;
}

.icon_call i {
  margin: 8px;
}

.modal_close {
  margin: 15px;
}

.fixed-action-btn2 {

  position: fixed;
  right: 10px;
  bottom: 80px;
  padding-top: px;
  margin-bottom: 0;
  z-index: 997;
}

.fixed-action-btn2.active ul {
  visibility: visible;
}

.fixed-action-btn2.direction-left,
.fixed-action-btn2.direction-right {
  padding: 0 0 0 15px;
}

.fixed-action-btn2.direction-left ul,
.fixed-action-btn2.direction-right ul {
  text-align: right;
  right: 64px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100%;
  left: auto;
  /*width 100% only goes to width of button container */
  width: 500px;
}

.fixed-action-btn2.direction-left ul li,
.fixed-action-btn2.direction-right ul li {
  display: inline-block;
  margin: 7.5px 15px 0 0;
}

.fixed-action-btn2.direction-right {
  padding: 0 15px 0 0;
}

.fixed-action-btn2.direction-right ul {
  text-align: left;
  direction: rtl;
  left: 64px;
  right: auto;
}

.fixed-action-btn2.direction-right ul li {
  margin: 7.5px 0 0 15px;
}

.fixed-action-btn2.direction-bottom {
  padding: 0 0 15px 0;
}

.fixed-action-btn2.direction-bottom ul {
  top: 64px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.fixed-action-btn2.direction-bottom ul li {
  margin: 15px 0 0 0;
}

.fixed-action-btn2.toolbar {
  padding: 0;
  height: 56px;
}

.fixed-action-btn2.toolbar.active>a i {
  opacity: 0;
}

.fixed-action-btn2.toolbar ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.fixed-action-btn2.toolbar ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  margin: 0;
  height: 100%;
  -webkit-transition: none;
  transition: none;
}

.fixed-action-btn2.toolbar ul li a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  line-height: 56px;
  z-index: 1;
}

.fixed-action-btn2.toolbar ul li a i {
  line-height: inherit;
}

.fixed-action-btn2 ul {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 64px;
  margin: 0;
  visibility: hidden;
}

.fixed-action-btn2 ul li {
  margin-bottom: 15px;
}

.fixed-action-btn2 ul a.btn-floating {
  opacity: 0;
}

.fixed-action-btn2 .fab-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #26a69a;
  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
}


.sidenav li>.nav_menu1 {
  font-weight: 700;
  color: #008639;
  font-size: 15px;
}

.sidenav li>.nav_menu2 {
  font-weight: 700;
  font-size: 15px;
}

.nav_menu3 {
  color: #999;
  font-size: 13px;
  display: block;
  line-height: 38px;
  margin: 0 32PX;
}

.nav_bnner {
  color: #999;
  font-size: 13px;
}

.sidenav li>a>i {
  padding-left: 30px;
}

.span_point {
  color: #4e4e4e;
}

.font-size-item {
  font-size: 4vmin;
}

.eventgate_ing {
  text-align: center;
  background-color: #f1f1f1;
  display: inline-block;
  width: 100%;
  font-size: 12px;
  color: #fff;
  background : #08a048;
  /* background: #1C9963; */
}


* html,body,p,span,table,ul,li,div,h1,h2,h3,h4,h5,h6,a {
  font-family: 'SpoqaHanSans';
  font-weight: 900,700,400,100;
  font-style: normal;}

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}