.event_header { padding-top:14%; color:#323232; }
.event_header > img { width: 400px;  }
#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; }

.mt1 { 
  font-size: 1.8em;
  font-weight: 400;
  padding-bottom: 13px;
  letter-spacing: -0.03em;
}
.mt2_2 { 
    font-size: 2em;
    font-weight: 400;
    background-color: #495ad3;
    display: inline-block;
    padding: 3px 8px;
    color: #fff;
    letter-spacing: -0.045em;
}
.mt2 { 
  font-size: 9em;
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 1.3;
  margin: 0;
  color:#fff;
  text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.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; }

.sss { max-width:70%; margin-right:auto; margin-left:auto; }
.sss1 { background-color:#c21a0e; color:#fff; padding:10px; border-radius: 20px 20px 0 0; margin-bottom:0; font-size:1.8em; font-weight:700;}
.sss2 { background-color:#fff; color:#323232; padding:20px; border-radius: 0 0 20px 20px; min-height:140px; font-size:1.8em; letter-spacing:-0.8px; font-weight:700; }
.sss2s { font-size:0.8em; font-weight:300;}

.box_w {background-color:#fff; padding: 60px 40px;}
.advantage .tit {font-size:2em; letter-spacing:-3px; padding:14px; font-weight:600; color:#fff; line-height:1.2em; background-color:#355ebb; width:30%; margin:0 auto; border-radius:30px; }

.n_blog { display:inline-block; margin: 0 auto; background-color:#47b475; width:120px; height:120px; border-radius:70px; color:#fff; font-size:1.4em; font-weight:500; padding:15px; }
.n_blog:hover { background-color:#323232;}
.n_blog a {color:#fff;}

@media only screen and ( max-width: 991px ) {
  .mt2{font-size: 5.5em;}
  .sss{max-width: 100%}
}
@media only screen and (max-width: 767px) {
  .mt1{font-size:1.4em; letter-spacing:-1px; line-height:18px;}
  .mt2_2{font-size:1.4em;letter-spacing:-1px; }
  .mt2{ font-size:2.7em; padding-top:0px; letter-spacing:-3px; font-weight:600; margin-top: 5px;}
  .slidercopyfixedh3 { font-size: 14px; }
  .mt3 { font-size:2em; }	
  .main_stamp { left: -10px; top: -35px; width: 60px; }

  .sss { max-width: 100%; margin-top: 0;}
  .sss1 { padding:10px; font-size:1.2em;}
  .sss2 { min-height:60px; font-size:1.4em; padding:8px; }
}
.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 only screen and (max-width: 767px) {
	.at_btn ul li { padding:10px 0; font-size:14px; 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}
.area_tab_ctn h3{font-size: 2.4em; color: #242424; margin: 0; line-height: 1.5;}
.area_tab_ctn h4{font-size: 1.8em; color: #242424; margin-bottom: 0;}
.notice{font-size: 1.2em;}
.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; }
  .area_tab_ctn h3{font-size: 1.8em;}
  .notice{font-size: 1.1em;}
}
/* 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; }
  .yufuinBusStop .col-xs-6 img { max-width: 83%; }
}

/* 특전 */
.benefit{padding: 80px 0; overflow: hidden; background: #def0fe; }
.benefit h2 { font-size: 36px; color: #000; margin: 0 0 10px 0; }
.deepBlueBox{ position:relative; width:80%; background-color:#fff; border: 1px solid #7bb3ff;margin: 0 10%; }
.price_bage2 { position: absolute; width:130px; height: 130px; background:#1a5db9; border-radius: 100%; z-index: 1; right: -20px; top: -20px; box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.price_bage2 p { position: relative; color: #fff; font-size: 20px; font-weight: 700; margin: 0; top: 50%; transform: translateY(-50%);}
.bluebox_wrap{padding: 50px 50px 30px 50px;}
.bluebox_wrap h4.fy{font-size: 1.8em; font-weight: 400; line-height: 1.5; }
.bluebox_wrap h5{ font-size: 1.6em; font-weight: 300; background: #1a5db9; color: #fff; display: inline-block; padding: 5px 10px; margin: 0;}
.deepBlueBox .important{background-color: #2b3451; padding: 20px 40px; color: #fff}
.deepBlueBox .important p{font-size: 1.2em;}
.deepBlueBox .col-sm-2 { font-size: 10em; font-weight: bold; }
.bluebox_txt{font-size: 1.4em;}
.bluebox_txt span {font-size: 0.9em; padding-left: 10px;}
.big_pro_t1 {font-size: 1.4em; color: #242424; font-weight: 400; }
.big_pro_t2 { font-size:3em; color:#1a5db9; font-weight: 600; letter-spacing: -0.03em; line-height: 1.5; }
.big_pro_t3 { font-size:1.2em; padding-top:14px;}
.big_pro_t3Title { font-size:1.5em; color:#fff47d;  font-weight: bold; }
.fy { color:#1a5db9; }
.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) {
  .bluebox_wrap{padding: 20px;}
  .deepBlueBox{width: 100%; margin: auto;}
  .benefit{padding: 30px 0;}
  .bluebox_txt { font-size:1.1em; }
  .benefit h2 { font-size: 1.8em; }
  .big_pro_t1 { font-size: 1.2em; }
  .big_pro_t2 { font-size:1.6em; }
  .big_pro_t3 { font-size:1em; }
  .price_bage2 { width: 90px; height: 90px;}
  .price_bage2 p {font-size: 14px; }
  .bluebox_wrap h4.fy { font-size:1.4em; }
  
  
  .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; }
}

/* TAB Con 3  */
.bus3list {padding:20px; margin-top: 20px;   background-color: #e9f5ff}
.bus3list ol { margin-left: 20px; font-size: 1.2em; color:#666; font-weight: 400; letter-spacing: -0.03em; padding-inline-start:0.3em;}
.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}
  .bus3list ol { font-size: 1.1em; }
}
@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;
}


.yufuinBusStop .col-sm-6{}
.yufuinBusStop .col-sm-6 .left{position: absolute; bottom: 30px; right:2px; width: 50%;  border-bottom: 5px dotted #c0c0c0;}
.yufuinBusStop .col-sm-6 .right{position: absolute; bottom: 30px; left:2px; width: 50%;  border-bottom: 5px dotted #c0c0c0;}
.yufuinBusStop .col-sm-6 .all{position: absolute; bottom: 50px; left: 0; width: 100%;  border-bottom: 5px dotted #c0c0c0;}
.yufuinBusStop .col-sm-6 a::before{content: url('/event2018/img/location_red.png'); display: block; clear: both;  position: absolute; bottom: 20px; left: 45%;z-index: 2;}
.yufuinBusStop .col-sm-6::after{content: url('/event2018/img/right_arrow.jpg'); display: inline-block; clear: both; position: absolute; top:40%; right:-12px;}
.yufuinBusStop .col-sm-6:last-child::after{content: none;}
.yufuinBusStop.blue .col-sm-6 a::before{content: url('/event2018/img/location_blue.png');}
.yufuinBusStop .col-sm-6 a{color: #242424; font-size: 1.4em;}
.btn-kuru{background-color: #d50f62;}
.clickIconb {right:11%;}


.ble-bordered{border-color: #242424;}
.table-bordered>thead>tr>th{border-color: #242424 !important;padding: 15px 10px; border-bottom: none;  background-color: #f7f7f7;font-size: 1.4em; font-weight: 400; color: #242424; vertical-align: middle; }
.table-bordered>thead>tr>th p { margin: 0; }
.table-bordered>tbody>tr>td{
  border-color: #242424;
  border-bottom: 1px dashed #ddd;
  border-top: none;
  padding: 10px;
  font-size: 1.2em;
  font-weight: 400;
  vertical-align: middle;
}
.table-bordered>tbody>tr>td>b{font-size: 16px; color: #242424;}
.table-bordered>tbody>tr>td>p{min-height: 44px;padding-bottom: 3px;
    margin-bottom: 0px;}
.table-bordered .smallTxt{color: #e70061;}
.table-bordered>tbody>tr>td>p>span{font-size: 13px;color: #888;display: block; line-height: 1.24;}
.table-bordered>thead>tr>th a { background: #2359c7; padding: 7px 15px; margin-top: 10px; }
.table-bordered>thead>tr>th a.red { background: #e70061; padding: 7px 15px; margin-top: 10px;}
.table-bordered>tbody>tr:last-child>td, .table-bordered>tbody>tr>td.botder-btm {border-bottom: 1px solid #242424;}
.btn_hov:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);  filter: grayscale(100%);}
.yufuinBusStop .btn-mod.btn-xlarge{font-size: 20px;}
.yufuinBusStop .btn-mod.btn-xlarge:hover{box-shadow: 4px 10px 20px 0px rgba(0,0,0,0.1);}
.yufuinBusStop .btn-mod.btn-xlarge.red { background: #e70061; }

.notice_box { border: 5px solid #eeeeee; padding-bottom: 20px;}
.tab1_notice{border:1px solid #242424;}
.tab1_notice > .col-sm-4{padding: 0;}
.tab1_notice h5{margin:0; padding: 15px 0;  background-color: #f7f7f7; font-size: 1.4em; font-weight: 400; color: #242424;}
.tab1_noticeBox{border-right: 1px solid #242424;border-left: 1px solid #242424;}
.tab1_notice p{font-size: 1.2em; color: #666; line-height: 1.6; padding: 15px 0; font-weight: 400;}
.tab1-1 .tab1_notice p{min-height: 122px;}
.yufuinBusStop .btn-mod.btn-xlarge{font-size: 20px;}
.yufuinBusStop .btn-mod.btn-xlarge:hover{box-shadow: 4px 10px 20px 0px rgba(0,0,0,0.1);}
.underline{border-bottom: 1px solid #e0e0e0;}

@media (min-width: 768px) and (max-width: 991px) {
  .btn-mod.btn-xxlarge { padding: 18px; font-size: 14px; }
}
@media only screen and (max-width: 767px) {
  .allpadding { padding: 10px !important; }
  h3 { font-size: 16px; line-height: 22px; }
  .xsmargin { margin-top: 15px; }
  .btn-mod.btn-xxlarge { padding: 18px; }
  .yufuinBusStop .col-sm-4 .left,.yufuinBusStop .col-sm-4 .right,.yufuinBusStop .col-sm-4 .all{display: none;}
  .yufuinBusStop .col-sm-4::after{display: none;}
  .table-responsive>.table-bordered{border:1px solid #242424 !important;}
  .table-responsive>.table>thead>tr>th { white-space: inherit; font-size: 14px;}
  .table-responsive>.table>tbody>tr>td { white-space: inherit; }
  .table-bordered>tbody>tr>td { padding: 5px; font-size: 1.1em; }
  .area_tab_ctn h4{ font-size: 16px;}
  .yufuinBusStop .col-sm-6::after{top: 30%; right: -16px;}
  .tab1_noticeBox{border-right: none; border-left: none;}
  .tab1-1 .tab1_notice p{min-height: auto;}
  .tab1_notice h5 { font-size: 1.2em; }
  .yufuinBusStop .btn-mod.btn-xlarge{padding:10px 5px;font-size: 12px;display: inline-block;}
  .table-bordered>tbody>tr>td>b { font-size: 14px; }
}
@media only screen and (max-width: 460px) {
  .table-responsive>.table-bordered { width: 460px;}
}

.busPrice {padding: 50px 0;}
.busPrice .row {}
.busPriceBox {}
.busPriceBoxPrice { font-size: 1.4em; color:#e62335 }
.busPriceBoxA { position: absolute; top:-10px; background-color: #111; color:#fff; padding:5px 15px; border-radius: 15px; left: 50%; width: 100px; margin-left: -50px;}
.busPrice table { background-color: #fff; }
.busPrice .tit_t {font-size: 2em;  color: #242424; font-weight: 400;}
.busPrice .tit_t span { font-size: 0.8em;}
.busPrice .tit_t2 {background-color: #242424; color: #fff; font-size: 1.4em; padding: 15px 0;}
.busPrice .tab1_notice p{padding: 15px 0; margin-bottom: 0;}
.busPrice .tab1_notice p.red { font-size: 18px; color:#e62335; font-weight: 600; }
.busPrice .tab1_noticeBox{border-right: none;}
.busPrice .col-sm-6{padding: 0;}
.busPrice .tit_b_g { max-width: 990px; margin: 0 auto; position: relative; }
.busPrice .tit_b_g .price_bage2 { right: 35px; top: -55px;}
.tit_b_g .row{width: 80%; margin: 0 10%;}
.busPrice .tit_b_o { background-color:#19397c; padding:20px; margin: 0 auto;}
.tit_sub .sub_tit{font-size: 1.4em; color:#fff47d; margin-bottom: 0; }
.busPrice .tit_sub { text-align:left; color:#fff; padding-top: 30px;}
.busPrice .tit_sub .t1{ font-size:2.8em; color:#fff47d; }
.busPrice .tit_sub .t2{ font-size:1.3em; padding-bottom: 15px;}
.busPrice .tit_sub .t3 b{ font-size:1.4em; font-weight: 400;}
.busPrice .tit_sub .t3{font-size: 1.2em; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.4);}
.busPrice_discount { padding-left:40px;}
.tit_d { font-size:1.3em;}
.arrow {display:inline-block; background:#2359c7; position:relative;width:10px; height:20px;}
.arrow:after {content:''; position:absolute; width:0; height:0; border-style:solid;border-width:20px 15px;border-color:#2359c7 transparent transparent transparent; top:20px; left:-10px;}
.bottom_notice_txt {  font-size: 1.4em; color: #de2c41; }
.bottom_notice_txt p {  color: #de2c41; }
.number { font-size: 0.8em; font-weight: 300; background: #2359c7; color: #fff; display: inline-block; padding: 5px 10px; }



@media only screen and (max-width: 767px) {
  .busPrice{padding: 20px 0;}
  .busPriceBoxPrice { font-size:0.8em;}
  .busPrice .tit_t { font-size:1.8em;}
  .busPrice .tit_sub .t1 {font-size:1.8em;}
  .busPrice .tit_sub .t3 {font-size:1.1em;}
  .busPrice_discount { padding:20px 0 0 0;}
  .busPrice .tit_t span { font-size: 0.6em;}
  .bottom_notice_txt { font-size: 1em;}
  .tit_b_g .row { width: 100%; margin: 0; }
  .busPrice .tit_b_g .price_bage2 { right: -20px; top: -30px;}
  .tit_d { font-size: 1.1em;}
}