#sec01 { background:url(../img/withCroatia/sec01_bg.jpg) no-repeat center; background-size: cover; overflow: inherit;}
#sec01 h1 { font-size: 48px; font-weight: lighter;}
#sec01 h1 span { color:#43a538;}
#sec01 p { font-size: 14px; font-weight: lighter; letter-spacing: 2px; text-decoration-line: underline;}
.sec01 {padding: 100px 0 300px; 0; }

#sec02 .sec02 h2 { font-size: 36px; font-weight: lighter; }
#sec02 .sec02 h2 span { color:#43a538; }

.sec02Wrap {background-color: #f7f7f7;}
.sec02Wrap li { list-style: none;  }
.sec02Wrap .tit01 { font-size: 30px; color: #dfb83f; padding-top: 30px;}
.sec02Wrap .tit02 { font-size: 30px; font-weight: lighter; line-height: 1.2; }
.sec02Wrap .tit03 { font-size: 16px; color: #929292; padding-top: 16px;}
.sec02Wrap .sec02_a .box-1 { display: inline-block; float: left; width: 50%}
.sec02Wrap .sec02_a .box-2 { display: inline-block; float: right; width: 50%}
.sec02Wrap .sec02_a { min-height: 280px; }

#sec03 { background-color: #273b47; opacity: 0.7;}
#sec03 .tit_a { font-size: 36px; font-weight: lighter; color: #fff;}
#sec03 .tit_a span { color:#43a538; }
.sec03Wrap .sec03_02 { padding-right: 7.5px; padding-left: 7.5px; margin-bottom: 15px;}
.sec03Wrap .sec03_02 > div { overflow: hidden; background-color: #f7f7f7; border-radius: 20px; padding: 20px; }
.sec03Wrap .sec03_01 { overflow: hidden;}
.icon_bg { float: left; background-color:#dfb83f; border-radius: 10px; padding: 4px; margin-right: 30px;}
.sec03Wrap .sec03_02 li {list-style: none;}
.text_box { text-align: left; }
.text_box .text01 { font-size: 18px; color: #dfb83f; text-decoration-line: underline; }
.text_box .text02 { font-size: 18px; font-weight: 400; letter-spacing: -1px; line-height: 1.2; padding-top: 10px; }


.banners_4 {overflow: hidden;}
.banners_4 li {list-style: none; float: left;}
.banners_4 .ban_4, .ban_4_w { padding-left: 7.5px; padding-right: 7.5px; margin-bottom: 15px;}
.banners_4 .ban_4 a {background-color: #ffe4c7; padding: 20px; height: 160px; width: 100%; display: inline-block;}
.banners_4 .ban_4_w a {background-color: #fff; border: 10px solid #ffe4c7; padding: 20px; height: 160px; width: 100%; display: inline-block;}
.ban_4_icon { position: absolute; right: 10px; bottom: 4px;}
.banners_4 .tit-1 {font-size:16px; color: #7f6c5b; margin-bottom: -4px;}
.banners_4 .tit-2 {font-size:20px; color: #7f6c5b; letter-spacing: -1px;margin:0;}
.banners_4 .tit-2 span {color: #f68458; font-weight: 500;}


.bar01 { width: 4px; height: 30px; background: #dfb83f; margin: 25px auto 65px;}



@media only screen and (min-width: 1200px){
}
@media only screen and (max-width: 1200px){
}

@media only screen and (max-width: 991px){
  #sec01 h1 { font-size: 26px; }
  #sec02 .sec02 h2 { font-size: 24px; }
  .sec02Wrap .tit01 { font-size: 20px; padding-top: 10px;}
  .sec02Wrap .tit02 { font-size: 20px; letter-spacing: 1px; }
  .sec02Wrap .tit03 { font-size: 12px; line-height: 1.4;}
  .icon_bg { margin-right: 10px; width: 70px; }
  .text_box {text-align: center; width: calc(100% - 80px); float: right; }
  .text_box .text02 { font-size: 15px; }
  .sec02Wrap .sec02_a { min-height: 170px; }
  .banners_4 .tit-1 {font-size:12px; }
  .banners_4 .tit-2 {font-size:16px; letter-spacing: -1.4px;}
  .banners_4 .ban_4 a { padding: 18px 10px 0 14px;}
  .banners_4 .ban_4_w a { padding: 10px;}
}
@media only screen and (max-width: 767px){
  .sec02Wrap .sec02_a .box-1 { display: block; float: none; width: 100%;  }
  .sec02Wrap .sec02_a .box-2 { display: block; float: none; width: 100%; }
  #sec01 h1 { font-size: 30px; }
  #sec02 .sec02 h2 { font-size: 24px; }
  .sec02Wrap .tit02 { font-size: 24px; letter-spacing: 1px; }
  .sec02Wrap .tit03 { font-size: 14px; padding: 10px 30px 30px 30px;}
  .icon_bg { margin: auto; float: none; }
  .text_box { width: 100%; }
  .sec03Wrap .sec03_02 > div { padding: 20px 10px; }
  .banners_4 .tit-1 {font-size:14px; }
  .banners_4 .tit-2 {font-size:20px; letter-spacing: -1px;}
}