.container { font-family: 'Noto Sans KR', sans-serif;}

#sec01 { background: #fff url(../img/yacht_tour/sec01_bg.jpg) 50% 0px no-repeat; max-height:900px;height:100vh;}
.sec01 img {}
.sec01_txt01 { font-size: 36px; font-weight: lighter; font-style: italic; padding: 150px 0 10px 0;}
.sec01 h1 { font-size: 36px; padding: 10px 0; font-weight: lighter; font-family: 'Noto Sans KR', sans-serif;}
.sec01_txt02 { font-size: 18px; font-weight: lighter; color: #1639c6;}

#sec02 { background: #0042a5;}
.sec02 { font-size: 24px; color: #fff; padding-top: 50px;}
.sec02 .sec02_txt { font-size: 36px; letter-spacing: -1px;}
.sec02 .sec02_txt span { font-size: 18px;}
.bloWrap { padding: 40px 0;}
.bloWrap p {}
.bloWrap ul li a {display:block;background: #fff; position: relative;}

.bloWrap_box {padding: 14px;}
.bloWrap_box p { font-size: 14px; color: #323232; text-align: left; letter-spacing: -1px; padding-top: 10px;}

.bloWrap ul li:hover .bloglass { display: block;}
.bloWrap ul li:hover { box-shadow: 0px 0px 10px #393939c4;}
.bloglass {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -17px 0px 0px -17px;
  width: 35px;
  height: 35px;
  background: url(http://cs.ios.co.kr/images/detail_glass.png) 0px 0px no-repeat;
  z-index: 21;
}





#sec03 { background: #fff url(../img/yacht_tour/sec03_bg.jpg) top repeat-y;}
.sec03Top_txt{color:#fff;margin-top:150px;}
.sec03Top_txt .sec03_txt01 { font-size: 48px; font-weight: 800;}
.sec03Top_txt .sec03_txt02 { font-size: 30px; line-height: 1.2; letter-spacing: -1px;}
.sec03_txt03 { padding:15px 0px;background-color:#fff;font-size: 24px; line-height: 1.2; letter-spacing: -1px; color: #001652; font-weight: 300;}
.sec03Top .sec03Top_txt .bar01 { width: 100px; height: 3px; background: #fff; margin: 30px 0;}
.sec03Top .sec03Top_img { }

#sec04 {}
.tab { overflow: hidden; background-color: #8ebfdb; }
.tab button.active { background-color: #0042a5;}
.tab button { background-color: inherit; float: left; border: none; outline: none;
  cursor: pointer; padding: 14px 16px; transition: 0.3s; width: 33.333%; color: #fff;
  font-size: 24px; padding: 40px 0;}
.tab button .t_s { font-size: 18px;}

.sec04_1a {background: #f3f3f3;}
#sec04_1a {background: url(../img/yacht_tour/sec04_bg01.jpg) 50% 0 repeat-y;}
#sec04_2a {background: url(../img/yacht_tour/sec04_bg02.jpg) 50% 0 repeat-y;}
#sec04_3a {background: url(../img/yacht_tour/sec04_bg03.jpg) 50% 0 repeat-y;}

.sec04_txt { padding-top:100px;color: #fff; }
.sec04_img { padding-top: 10px;}
.sec04_txt01 { font-size: 36px; line-height: 1; font-weight: 800; text-shadow: 0 0 3px #0006;}
.sec04_txt02 { font-size: 24px; letter-spacing: 4px; font-weight: lighter;}
.sec04_txt03 { font-size: 14px; font-weight: lighter;}
.bar02 { width: 1px; height: 40px; background: #fff; margin: 20px auto;}

.sec04_1b { background: #f3f3f3;}
.tourInfo_txt { width: 100%; text-align: left; padding-top: 80px;}
.tourInfo_txt01 { font-size: 18px; color: #038bc0; font-weight: lighter; padding-bottom: 20px;
  line-height: 1; letter-spacing: 4px;}
.tourInfo_txt01 span { font-size: 30px; color: #1639c6; font-weight: 600; letter-spacing: -1px;}
.tourInfo_txt02 { font-size: 18px; color: #323232; font-weight: lighter; padding-bottom: 10px;}
.tourInfo_txt02 span { font-size: 16px; color: #fff; background-color: #1639c6; border-radius: 20px;
padding: 3px 14px;margin-right: 10px;}
.tourInfo_txts { margin-left: 50px; }
#sec04_2b,
#sec04_3a,
#sec04_3b{background-color: #f3f3f3;}
.tourInfo2 { padding: 50px 0; }
.tourInfo2_box { font-weight: lighter; padding: 0 4px;}
.tourInfo2_txt01 { background-color: #0042a5; border-radius: 18px 18px 0 0px; padding: 10px 0 10px 10px;
  color: #fff; font-size: 18px;margin-bottom:0px;}
.tourInfo2_txt02 { font-size: 14px; color: #323232; line-height: 2; text-align: left; padding: 50px;
  background-color: #fff; min-height: 250px;}
.tourInfo { overflow: hidden;}
.tabimg { padding-bottom: 50px;}

#sec05 { background: #fff url(../img/yacht_tour/sec05_bg.jpg) no-repeat; padding: 50px 0;}
#sec05 a { font-size: 16px; color: #fff; padding: 10px 50px; border-radius: 60px; background-color: #0042a5;
  line-height: 1.4;
  display: inline-block;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  word-break: keep-all;
  -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
 }
#sec05 a:hover { background-color: #ff00ab; }
#sec05 a span { font-size: 24px;}