@font-face {
  font-family: 'S-CoreDream-9Black';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-3Light';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream-2ExtraLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@charset "utf-8";

img { max-width: 100%;}

ul { list-style: none; padding: 0; margin: 0;}

.blue { color: #1873ff;}
.check_txt .red,.red{color: red;}
#footer_common{padding-top: 0;}
#chapung_sebaliWrap .container { word-break: keep-all; color: #323232; font-weight: 400;}

#sec01 {background: url(../img/chapung_sebali/main_bg.jpg) 50% 0 no-repeat ; background-size: cover; height: 850px;}
#sec01_wrap{background: url(../img/chapung_sebali/sec01Wrap_bg.jpg) 80% 99% no-repeat ;background-size: cover;}
.sec01_wrap .row .col-md-3{padding: 5px;}
.sec01_wrap .row{margin-top: 80px; padding-right: 15px;padding-left: 15px;}

.check_txt h4{ font-family: 'S-CoreDream-3Light', serif; padding-top: 40px; font-size: 24px; color: #242424; display: inline-block; background-color: #fff931;   padding: 0;  margin-top: 40px;height: 15px;margin-bottom: 30px;}
.check_txt p{font-size: 16px;}
.check_txt span{color: #888;}
.checkBox{background-color: #fff; height: 380px; box-shadow: 0px 5px 25px rgba(5,5,5,0.2)}
.sec01_title {padding: 100px 0;}
.caution{padding: 30px 0;  background-color: rgba(255,255,255,0.6);   margin-top: 30px; color: #666;}

#sec02 { width: 100%; padding: 0 10px; background-color: #00eaf9;position: relative;}
.sec02 > h3 {padding-bottom: 50px;}
.sec02_wrap{margin-bottom: 20px; display: flex;}
.sec02_wrap h3{font-size: 36px;font-family: 'S-CoreDream-3Light', serif; padding-top:0;letter-spacing: -0.02em; color: #000;padding-bottom: 20px; font-weight: 700;}
.sec02_wrap p{font-size: 16px; color: #000; letter-spacing: -0.02em;}
.sec02_wrap .col-sm-8{height: 100%; overflow: hidden; padding: 0}
.purple{color: #8400ff; font-weight: 700;}
.sec02txt{background-color: rgba(255,255,255,0.6); padding: 70px 30px; display: block;}


#sec03 .sec03_wrap01{background: url(/ID/event/img/chapung_sebali/sec04_bg01.jpg) 50% 0 no-repeat; padding: 50px 0;     background-size: cover;}
#sec03 .sec03_common{position: relative;}
.sec03_common .txtbox{background-color: rgba(215,255,76,0.44); padding: 40px 40px 20px 40px;position: absolute;  height: auto;  width: 400px; z-index: 1;  top: 150px; color: #fff;}
.sec03_common .txtbox h3{font-size: 46px;font-family: 'S-CoreDream-3Light', serif;    padding-bottom: 15px;}
.sec03_common .txtbox h3 b{display: block;}
.sec03_common .txtbox p{font-size: 16px; line-height: 1.8;}

#sec03 .sec03_wrap02{background: url(/ID/event/img/chapung_sebali/sec04_bg02.jpg) 50% 0 no-repeat; padding: 50px 0;     background-size: cover;}
.sec03_wrap02 .sec03_common .txtbox{background-color: rgba(255,253,76,0.5);}
#sec03 .sec03_wrap03{background: url(/ID/event/img/chapung_sebali/sec04_bg03.jpg) 50% 0 no-repeat; padding: 50px 0;     background-size: cover;}
.sec03_wrap03 .sec03_common .txtbox{background-color: rgba(0,208,239,0.3);}
.m_img{display: none;}
#sec03 .row .col-sm-4{padding-top: 15px;}
.reason_txt {padding: 27px;}


#sec04 {
  background: #e9ce9c;
}

.btn_go {
  font-size: 24px;
  color: #fff;
  background-color: #8d704a;
  padding: 15px 50px;
  border-radius: 15px;
  display: inline-block;
  box-shadow: 1px 10px 10px #00000030;
  text-decoration: none;
  position: relative;
}
.btn_go:after{content: url(/ID/event/img/chapung_sebali/btn_img.png); display: inline-block; position: absolute;  right: 10px; top: 40%;}
.btn_go:hover {
  background: #755a35;
  color: #fff;
}


@media only screen and (max-width: 1199px) {
  #sec02::before{top: -50px;  right: -150px;}
  .sec03_common .txtbox{top: 50px;}
  .reason_r{font-size: 20px;}

}

@media only screen and (max-width: 992px) {
  .sec02txt{ padding: 20px;}
  .sec02_wrap h3{font-size: 32px; padding-bottom: 10px;}
  .caution{padding-right: 15px; padding-left: 15px;}
  .reason_txt02 br.hidden-md{display: none;}

  .sec01_title {
    padding: 50px 0;
    width: 100%;
  }
  .reason_2 li{padding-right: 5px; padding-left: 5px;}
  .reason_2 li > div{min-height: 500px;}
  .reason_txt{padding: 30px 10px; }

  .reason_3 li {  width: 49%;}

  .sec03_common .txtbox{height: auto;width: auto; color: #fff;}
  .sec03_common .txtbox h3{font-size: 36px;}
  .sec03_wrap02 .sec03_common .txtbox{background-color: rgba(255,253,76,0.6);}
  .sec03_wrap02 .sec03_common .txtbox h3{color:#000;}
  .sec03_wrap02 .sec03_common .txtbox p{color:#000;}
}

@media only screen and (max-width: 767px) {
#sec01{height: 98vh;}
.sec01_wrap .container{margin: 5px;}
.sec01_wrap h3 img,.sec02 h3 img{width: 260px;}
.sec01_wrap .row{margin-top: 40px; padding-right: 0;padding-left: 0;}
.check_txt h4{margin-top: 20px; font-size: 20px; margin-bottom: 20px;}
.sec01_wrap .row .col-md-3{margin-bottom: 20px;}

.sec02_wrap{display: block;}
  .sec01_title {
    padding: 70px 0;
    width: 100%;
  }

  .sec03_common .txtbox{position: relative; top: 0; padding: 40px 20px 10px;}
  #sec03 .row{margin: 0;}
  #sec03 .row >div{padding-right: 0; padding-left: 0;}
  #sec03 .row .col-sm-4,#sec03 .col-md-9{display: none;}
  .m_img{display: block;}
}
@media only screen and (max-width: 460px) {
  .main_top{margin: auto -50px;}
  .checkBox{height: 340px;}
}
