.s_o div, .s_o p{line-height: 1.3; font-weight: 400;}
.s_o img{max-width:100%}
.color-888 {color:#888; }

/* ------------------- sec01 - 영역 ------------------- */
#sec01 { background: url(../img/charm_main/sec01_bg.jpg) no-repeat top center; background-size: cover; padding: 115px 0 ; }
.charm_title { margin-bottom: 60px; }
.charm_video { width: 100%; position: relative; padding-bottom: 56.25%; border: 8px solid #f3272d;}
.charm_video iframe { position: absolute; width: 100%; height: 100%; left: 0; }
.charm_map_Wrap { position: relative; margin-top: 110px; }
.map_titWrap { text-align: left; position: absolute; top: 60px; right: 125px; }
.charm_icon {margin-bottom: 15px; }
.charm_txt01 { font-size: 36px; }
.charm_txt02 { font-size: 48px; font-weight: 700; }
.charm_txt03 { font-size: 28px; }
/* ------------------- sec02 - 영역 ------------------- */
#sec02 { position: relative; background: #eef1f4; }
#sec02 .sec02_bg {
  position: absolute;
  max-width: 1235px;
  width: 100%;
  height: 410px;
  background: -webkit-linear-gradient(left, rgba(226,236,244,0.85) 0%,rgba(205,222,244,0.85) 100%);
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
#sec02 .container { position: relative; }
.charm_list { width: 20%; float: left; padding: 0 5px; margin-bottom: 15px; }
.charm_list a { display: block; width: 100%; }
.charm_list .charm_list_img { 
  position: relative;
  max-width: 210px;
  width: 100%;
  border-radius: 100%;
  background: rgba(0,0,0,0);
  margin: 0 auto 30px; 
  box-shadow: 10px 10px 20px rgba(0,0,0,0);
  -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
      -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
       -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
          transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.charm_list .charm_list_img img { 
  opacity: 1; 
  -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
      -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
       -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
          transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.charm_list .charm_list_img div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  border: 1px solid #fff;
  padding: 8px 0;
  width: 100px;
  font-size: 14px;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
      -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
       -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
          transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.charm_list .charm_list_txt01 { font-size: 16px; }
.charm_list .charm_list_txt02 { font-size: 24px; font-weight: 700; }
.charm_list a:hover .charm_list_img { background: rgba(0,0,0,1); box-shadow: 10px 10px 20px rgba(0,0,0,0.2); }
.charm_list a:hover .charm_list_img img { opacity: 0.5; }
.charm_list a:hover .charm_list_img div { opacity: 1; }

@media only screen and (max-width: 1199px) {
  .map_titWrap { right: 0; }
}
@media only screen and (max-width: 992px) {
  .charm_title { width: 500px; }
  .map_titWrap { top: 0; }
  .charm_list .charm_list_img { margin: 0 auto 15px;  }
  .charm_list .charm_list_txt01 { font-size: 13px; }
  .charm_list .charm_list_txt02 { font-size: 19px; }
}
@media only screen and (max-width: 767px) {
  #sec01 { padding: 80px 0; }
  #sec02 .sec02_bg { height: 300px; }
  .charm_title { padding: 0 25px; margin-bottom: 30px; }
  .charm_map_Wrap { margin-top: 50px; }
  .map_titWrap { position: relative; text-align: center; margin-bottom: 30px; }
  .charm_icon { width: 45px; }
  .charm_txt01, .charm_txt03 { font-size: 20px; }
  .charm_txt02 { font-size: 30px; }
  .charm_list { width: calc(50% - 10px); float: none; display: inline-block; }
}