.event_header{ padding-top:16%; color:#323232; }
  .mt1 { font-size:2em; }
  .mt2_2 { font-size:2.6em; font-weight:500; letter-spacing:-3px; }
  .mt2 { font-size:9em; font-weight:900; line-height:1.2em; color:#030c77; letter-spacing: -6px; position: relative; }
  .mt3 { font-size:2.8em; font-weight:500; line-height:1.2; }
  .mt4 { font-size:1.4em; font-weight:500; line-height:1.2; }
  .main_stamp { position: absolute; left: 4px; top: -65px; width: 180px; }
  
  #slidercopyfixed {
    position: absolute;
    top: 100%;
    z-index: 31;
    width: 100%;
    height: 60px;
    margin-top: -60px;
    background: url('/premium/event/img/hoshinoya_intro/hoshinoya_intro_ban_bg.jpg') center;
    display: table;
  }
  #slidercopyfixed-cell {  display: table-cell;  height: 100%;  vertical-align: middle; }
  #slidercopyfixed h3 { margin-top: 0px; margin-bottom: 0px; }
  .slidercopyfixedh3 { color:#fff; }

  @media only screen and (max-width: 767px) {
    .mt1{font-size:1.2em; letter-spacing:-1px; padding-top:30px; line-height:18px;}
    .mt2_2{font-size:1.5em;letter-spacing:-1px; }
    .mt2{ font-size:3em; padding-top:0px; letter-spacing:-3px; font-weight:600; margin-top: 5px;}
    .slidercopyfixedh3 { font-size: 14px; }
    .fullscreen { height: 120vh; }
    .mt3 { font-size:2em; }	
    .main_stamp { left: -10px; top: -35px; width: 60px; }
  }
.whychoose { display: inline-block; float: left; width:24%; margin: 0 5px; border: 1px solid #dce6e8; border-radius:10px; padding: 30px 0; height:200px; }
.whychoose:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}

/* TAB */

.cloud_bg2 {
    background: url(/event2018/img/osakaBus/osakaBus_sky.jpg) no-repeat;
    background-size: cover;
}
.at_btn-1, .at_btn-2, .at_btn-3{border:5px solid #fff;}
.at_btn ul {display:none;}
.at_btn ul:after{content: ' ';display: block;clear: both;}
.at_btn ul li {float: left; text-align:center; padding:40px 0px; font-weight:bold; font-size:1.8em; list-style-type:none; color:#fff; cursor:pointer; position: relative;
  -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
@media (min-width: 768px) and (max-width: 991px) {
  .at_btn ul li {font-size:12px;}
}
@media only screen and (max-width: 767px) {
	.at_btn ul li { padding:10px 0; font-size:11px; height:70px; display:table-cell; vertical-align: middle;  }

}
.at_btn ul li:hover, .at_btn ul li.active:hover {background-color:rgba(0,68,185,1); }
.at_btn ul li.active {background-color:rgba(0,68,185,0.6); }
.at_btn-1 {display:block !important}
.area_tab_ctn{margin-bottom:50px}
.inner_loading{text-align:center}
.clickIconTab { position: absolute; top:-25px; right:-10px;  }
.clickIconTab2 { position: absolute; top:20px; right:250px; }
.at_btn-2 { margin-bottom: 0; }

@media only screen and (max-width: 767px) {
	.clickIconTab2 { top:-30px; right:-30px; }
}
/* TAB Con 1-1  */

.osakaBusStop {}
.osakaBusStop img { margin-bottom: 20px; }
.osakaBusStop2 { display: inline-block; float: left; width: 33.3333%; margin: 0 }
.osakaBusStop22 { display: inline-block; float: left; width: 50%; margin: 0 }
.osakaBusStopCourse { background: url(/event2018/img/osakaBus/course-bg.jpg) repeat; position: relative; }
.osakaBusStopCourseImg { position: absolute; height: 100%; width: 100%; z-index: 2; text-align: center; }
.osakaBusStopCourseBg { background-color: #fff; position: absolute; height: 100%; width: 50%; z-index: 1;}
.osakaBusStopCourseBg2 { background-color: #fff; position: absolute; height: 100%; width: 50%; z-index: 1; right:0 }

/* 유투어 버스란? */
.bus_t1 { font-size:3em; font-weight:700; color:#355ebb; word-spacing:-3px; }
.bus_t2 { font-size:1.2em; }

@media only screen and (max-width: 767px) {
	.bus_t1 {font-size:1.6em; }
  .bus_t2 { font-size:1.1em; }
}

/* 특전 */

.osakaBus_bg01 { background: url(/event2018/img/osakaBus/osakaBus_bg.jpg) no-repeat; background-size: cover;}
.deepBlueBox{ position:relative; width:100%; background-color:#1a5db9; padding:50px; word-spacing:-2px; color:#fff; }
.deepBlueBox .col-sm-2 { font-size: 10em; font-weight: bold; }

@media only screen and (max-width: 767px) {
  .deepBlueBox{ padding:15px; word-spacing:-1px; }
}

.big_pro_t1 { font-size:1.5em; }
.big_pro_t2 { font-size:4em; color:#fff47d; word-spacing:-12px; }
.big_pro_t3 { font-size:1.2em; padding-top:14px; line-height:20px;word-spacing:-1px; }
.big_pro_t3Title { font-size:1.5em; color:#fff47d; word-spacing:-1px; font-weight: bold; }
.fy { color:#fff47d; }
.plus { color:#1a5db9; font-size:6em; font-weight:600; text-align: center; }
.plus .material-icons { font-size:1em; }

.big4_box { background-color:#fff; border-radius: 8px; padding:4px 20px; font-weight:700; color:#1a5db9; font-size: 1.5em; max-width: 110px; }
.tableCon { font-size: 1.4em }
.promotionBox { border:1px solid rgba(255,255,255,.7); padding:50px; border-radius: 10px; }

/* BANNER */

.realButtonBox { background-color: #050837; color:#fff; margin:30px auto 50px; padding:50px 100px; border-radius: 10px; position: relative; text-align: left; }
.realButton1 { font-size: 3em; font-weight: bold; color:#ff0000; }
.realButton2 { font-size: 1.5em; font-weight: bold; color:#fff5b5; }
.realButton3 { font-size: 2em; font-weight: bold; font-family: 'Nanum Myeongjo', serif; letter-spacing:-1px;}
.realButton { position: absolute; top:50px; right:100px; }
.clickIcon { position: absolute; top:-30px; right:-30px; }

.btn-skyblue:hover, .btn-skyblue:focus, a.btn-skyblue:hover, a.btn-skyblue:focus {
    background-color: #FF6B57 !important;
}
@media only screen and (max-width: 767px) {
  .realButtonBox { margin:20px auto; padding:30px; border-radius: 10px; }
  .realButton1 { font-size: 1.5em;}
  .realButton2 { font-size: 1.5em; }
  .realButton3 { font-size: 1.2em; letter-spacing:0; font-family: 'Noto Sans KR', sans-serif; }
  .realButton { position: relative; top:0; right:0; margin-top: 30px; }
  .clickIcon { position: absolute; top:-30px; left:150px; }
  .big_pro_t1 { font-size:1.2em; }
  .big_pro_t2 { font-size:1.8em; word-spacing:-3px; line-height: 1.1em}
  .big_pro_t3 { font-size:1em; }

}

/* TAB Con 3  */
.bus3list { border:1px solid #eee; padding:20px; margin-top: 20px; background-color: #3498DB}
.bus3list ol { margin-left: 20px; font-size: 1.2em; color:#fff; font-weight: 400;}
.bus3list ol li { margin-top: 10px; }

@media (min-width: 768px) and (max-width: 991px) {
.bus3list ol { font-size: 1em;}
}

/* 하단에 상품 탭 */
.list_tab { }
.list_tab .list_tab_btns { overflow:hidden; padding-bottom:30px;}
.list_tab .list_tab_btns .list_tab_btn { position:relative; float:left; padding:25px 0px; width:585px; color:#fff; font-size:30px; font-weight:bold; text-align:center;background-color:#a4ccff;cursor:pointer}
.list_tab .list_tab_btns .list_tab_btn .blue { color:#0090e9}
.clickIcon { position:absolute; right:8%; top:40px;}
.list_tab .list_tab_btns .active { background:#0047c8;}
.list_tab .list_tab_btns .active .icon{display:inline-block;background:url(http://cdn.hoteltira.com/img/onsen/event/smallcity_okayama/click.png) 0px 0px no-repeat}
.list_tab .list_tab_ctns {overflow:hidden;padding-bottom:100px;}
.list_tab .list_tab_ctns .list_tab_ctn { display:none; }
.list_tab .list_tab_ctns .show { display:block;}

.list_tab .marb{padding: 10px 0 430px 0;}
.list_tab .marb .col_text1{font-size:1.8em;color:#fff;font-weight:600;text-align:left;letter-spacing:-1px;padding-top:10px;}
.list_tab .marb .col_text2{font-size:3.6em;color:#fff;font-weight:800;text-align:left;letter-spacing:-1px;padding-top:40px;margin:0 auto;}
.list_tab .marb .col_text3{font-size:1.8em;color:#fff;font-weight:300;text-align:left;letter-spacing:-1px;padding-top:20px;}


@media only screen and (max-width: 767px){
  .col_text1{font-size:1.2em;;text-align:center;padding-top:10px;}
  .col_text2{font-size: 2.4em;;;text-align:center;padding-top:0px;}
  .col_text3{font-size:1.2em;;text-align:center;;padding-top:20px;}
  .list_tab .marb{padding:0px 0 188px 0}
}
@media only screen and (min-width:767px) {
  .marb {padding: 10px 0 266px 0;text-align:center;}
  .col_text1{text-align:center;}
  .col_text3{text-align:center;width:580px;margin:0 auto;}
  .col_text2{padding-top:0px;text-align:center;}
}
@media only screen and (min-width:992px){
  .col_text1{font-size:1.8em;color:#fff;font-weight:600;text-align:left;letter-spacing:-1px;padding-top:10px;margin:0}
  .col_text2{font-size:3.6em;color:#fff;font-weight:800;text-align:left;letter-spacing:-1px;padding-top:60px;margin:0}
  .col_text3{font-size:1.8em;color:#fff;font-weight:300;text-align:left;letter-spacing:-1px;padding-top:20px;width:480px;margin:0}
  .marb{padding: 10px 0 430px 0;}
}

.clickIconb {
    position: absolute;
    right: 8%;
    top: -30px;
}