h1,h2,h3,h4,h5,h6,p,span,div{letter-spacing: -0.03em; line-height: 1.5;}
.red {color:#de2c41;}
.event_header .price_bage2{top: -30px; right: 240px;}
  .event_header{ margin-top:18%; color:#323232; position: relative;}
  .mt1 { font-size: 1.6em; font-weight: 400; color: #fff; padding-bottom: 13px;  letter-spacing: -0.03em; }
  .mt2_2 { font-size:2em; font-weight:400; background-color: #ec0868; display: inline-block; padding: 3px 8px; color: #fff; letter-spacing: -0.045em;}
  .mt2 { font-size:7.5em; font-weight:900; color:#fff; letter-spacing: -0.045em; margin: 0;}
  .mt3 { font-size:2.8em; font-weight:500; padding-top: 25px; }

  .youbus h2 {font-size: 36px; color: #000; margin: 0 0 10px 0;}
  #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; }
  .sss { max-width:70%; margin-right:auto; margin-left:auto; margin-top: 50px; }
  .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;}
  #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-height: 900px ) {
  .event_header{margin-top: 15%;}
  .event_header .price_bage2{top: -30px;}
  }
  @media only screen and ( max-width: 1320px ) {

  	.event_header .price_bage2 {right: 130px;}
  }
  @media only screen and ( max-width: 991px ) {
  	.event_header .price_bage2 { right: 30px;  }
  		.mt2{font-size: 5.5em;}
  		.sss{max-width: 100%}
  }
  @media only screen and (max-width: 767px) {
    .mt1{font-size: 1.4em;}
    .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;margin-bottom: 20px;}
    .slidercopyfixedh3 { font-size: 14px; }
    .sss { max-width: 100%; margin-top: 0;}
  	.sss1 { padding:10px; font-size:1.2em;}
  	.sss2 { min-height:60px; font-size:1.4em; padding:8px; }
    .event_header .price_bage2 {position: relative;width: auto; top: 0;  right: 0; border-radius: 20px; height: auto;
      display: inline-block;}
  	.event_header	.price_bage2 p { font-size: 14px; transform: translateY(0); padding: 10px; display: inline-block;}
  }




  /*호텔온센닷컴 블로그 리뷰*/
  .n_blog {background: url("/event2018/img/hokkabus/naver_icn.png") 90% 50% no-repeat; border-radius: 30px;  background-color: transparent;
      padding: 15px 30px; transition: all 0.17s cubic-bezier(.17,.67,.77,1.01); cursor: pointer; width: 350px; border:2px solid #45b649; display: inline-block; text-align: left;}
  .n_blog:hover { background-color:#e2fde0;}
  .n_blog a {color:#45b649; display: inline-block;font-weight: 400;font-size: 1.3em;}
  @media only screen and (max-width: 767px) {
  	.n_blog{width: 100%;}
  }
/* TAB */

.cloud_bg2 { background: url(/event2018/img/kurubus/section03_bg.jpg) 0 100% no-repeat;}
.at_btn{background-color: #dc1b6c; padding: 0;}
.at_btn .at_btn-1{margin-bottom: 0;}
.at_btn.at_smallbtn{background-color: #fff;}
.at_btn-2{ width: 80%; margin: 0 10%; background-color: transparent; border: 1px solid #242424;}
.at_btn-1, .at_btn-2, .at_btn-3{background-color: #dc1b6c;}
.at_btn ul {display:none;}
.at_btn ul:after{content: ' ';display: block;clear: both;}
.at_btn ul li {float: left; text-align:center; padding:30px 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);
}
.at_btn ul li img { position: absolute; top: -30px; right: 0;}
#A1{background-color: transparent; margin-top: 80px;  border-color: #8c063e; }
#A1 li{color: #888; padding: 20px 0; font-weight: 400; width: 50% !important;}
#A1 li.active,#A1 li.active:hover{color: #fff;}

#A1 li:hover{ color: #242424;}
.at_btn-2 li{}
.btn-mod-defult.btn-kuru:hover{background-color: #d50f62;}
.at_btn ul li:hover{background-color:rgba(140,6,62,0.3); }
.at_btn ul li.active {background-color:#8c063e; }
.at_btn-1 {display:flex !important}
.area_tab_ctn{margin-bottom:50px; padding: 0;}
.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;}
.area_tab_ctn .color-red{font-size: 1.2em;}
.area_tab_ctn .course_tit{font-size: 1.6em; color: #c52d6d; border-radius: 30px; border: 2px solid #c52d6d; padding: 4px 30px; margin-top: 15px; display: inline-block; font-weight: 400;}
.area_tab_ctn .course_tit.blue{border-color: #2359c8; color: #2359c8;}
.inner_loading{text-align:center}
.clickIconTab { position: absolute; top:-25px; right:-10px;  }
.at_btn-2 { margin-bottom: 0; }
@media (min-width: 768px) and (max-width: 991px) {
  .at_btn ul li {font-size: 1.2em;}
  .at_btn.at_smallbtn{padding-bottom: 30px;}
}
@media only screen and (max-width: 767px) {
	.at_btn ul li { padding:10px 0; font-size: 1.2em; height: auto; display:table-cell;}
  #A1{margin-top: 40px;}
  #A1 li{padding: 10px;}
  .clickIconTab {display: none !important;}
}


/* TAB Con 1-1  */

.yufuinBusStop {}
.yufuinBusStop img { margin-bottom: 20px; }
.yufuinBusStop2 { display: inline-block; float: left; width: 25%; margin: 0 }
.yufuinBusStopCourse { background: url(/event2018/img/yufuinBus/course-bg.jpg) repeat; position: relative; }
.yufuinBusStopCourseImg { position: absolute; height: 100%; width: 100%; z-index: 2; text-align: center; }
.yufuinBusStopCourseBg { background-color: #fff; position: absolute; height: 100%; width: 50%; z-index: 1;}
.yufuinBusStopCourseBg2 { background-color: #fff; position: absolute; height: 100%; width: 50%; z-index: 1; right:0 }

/* 쿠루쿠루버스란 버스란? */
.bus_t1 { font-size:2.6em; font-weight:700; color:#c52d6d; padding: 30px 0 15px 0; line-height: 1.2; }
.kuru_txt .bus_t2 {font-size: 1.4em; color: #666; padding: 0 10%; font-weight: 300;}
.kuru_txt .red { font-size: 14px; }

@media only screen and (max-width: 767px) {
	.bus_t1 {font-size:2.4em;}
  .kuru_txt > p{font-size: 1.4em;}
  .kuru_txt .bus_t2{ font-size:1.3em; padding: 0 10px;}
  .area_tab_ctn h3{font-size: 1.8em;}
  .yufuinBusStop .col-xs-6 img { max-width: 83%; }
}
/*쿠루쿠루버스 장점*/
.advantage{padding: 20px 0;}
.advantage .tit {font-size:2.8em; padding:30px 15px; font-weight:400; color:#242424;  margin:0 auto;}
.advantage .tit strong{color:#e70061; font-weight: 600;}
.advantage{}
.whychoose { display: inline-block; float: left; width:24%; padding: 30px 0;}
.whychoose h4{font-weight: 400; color: #242424;}


@media only screen and (max-width: 991px) {
.advantage .tit {text-align: center;}
}
@media only screen and (max-width: 767px) {
	.youbus h2 { font-size:1.8em; padding-top:0px; font-weight:500; letter-spacing:-2px;}
	.big_pro_t1 {}
  .whychoose {width:50%; padding: 10px 0;}
.advantage .tit{font-size: 2em; padding: 5px;}
.whychoose h4{font-size: 1.3em;}
}
  /* ----------------------------------------------------------------
 가격 비교!
  -----------------------------------------------------------------*/
.price{ background-color: #ffebf3; overflow: hidden; }
.da_dis_wrap p{font-size: 14px; line-height: 1.5; font-weight: 300;}
.bar { width: 30px; height: 2px; background: #e70061; margin: 20px auto; }
.bar2 {	width: 30px; height: 2px; background: #fff; margin: 20px auto; }
.Buscar { position: relative; }
.price_bage {
  position: absolute;
  right: -20px;
  top: -20px;
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
.price_bage p { position: relative; color: #e70061; font-size: 16px; font-weight: 700; margin: 0; top: 50%; transform: translateY(-50%); }
.buscarWrap { position: relative; height: 250px; border: 2px solid #e70061; background: #fff; }
.buscarleft {
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  padding: 0 10px;
}
.buscarright {
  width: 55%;
  height: 100%;
  position: absolute;
  right: 0;
  background: url(/event2018/img/kurubus/winImg.png) no-repeat center;
  background-size: 100% 100%;
	color:#fff;
	padding: 0 10px 0 60px;
}

.da_dis_wrap p.buscartit { font-size: 19px; font-weight: 500; margin:0; padding-top: 20px; }
.da_dis_wrap p.buscartit2 { font-size: 17px; padding:0; }
.da_dis_wrap .buscartxtWrap { list-style: none; width: 80%; overflow: hidden; margin: auto;}
.da_dis_wrap .buscartxtWrap li{ font-size: 17px; display: inline-block; padding: 10px; width: 50%; float: left; border: 1px solid #828282; background: #fff; }
.da_dis_wrap .buscartxtWrap li:nth-child(1) { background: #f7f7f7; border-right: none; }
.buscarright .buscartxtWrap li { color: #e70061; font-weight: 700; font-size: 20px; line-height: 1.3; }
.buscarright p.buscartxt { font-size: 20px;}


@media only screen and ( max-width: 992px ) {
  .buscarright .buscartxtWrap li{ font-size: 17px; }
}
@media only screen and ( max-width: 767px ) {
  .buscarWrap { height: 295px; }
  .price_bage { right: -26px; top: -43px; width: 75px; height: 75px; }
  .price_bage p { font-size: 13px; }
  .buscarright { width: 52%; padding: 0 10px 0 40px; }
	.da_dis_wrap p.buscartit { font-size: 16px; }
  .da_dis_wrap .buscartxtWrap { width:90%; }
  .da_dis_wrap .buscartxtWrap li { font-size: 13px; width: 100%;  }
  .da_dis_wrap .buscartxtWrap li:nth-child(1) { border-right: 1px solid #828282; border-bottom: none; }
  .da_dis_wrap p.buscartit2 { font-size: 14px; font-weight: bold;}
}
@media only screen and ( max-width: 450px ) {
	.buscarleft { padding: 0 15px 0 5px;}
	.bar, .bar2 { margin: 10px auto; }
	.buscarright { padding: 0 5px 0 15px; }
	.da_dis_wrap p.buscartit { font-size: 13px; }

}
@media only screen and ( max-width: 360px ) {
  .buscarWrap { height: 350px; }
}

/* 특전 */
.benefit{padding: 80px 0; overflow: hidden; }
.yufuinBus_bg01 { background: url(/event2018/img/yufuinBus/yufuinBus_bg.jpg) no-repeat; background-size: cover;}
.deepBlueBox{ position:relative; width:80%; background-color:#f6eaef; border: 1px solid #e70061;margin: 0 10%; }
.price_bage2 { position: absolute; width:130px; height: 130px; background:#e70061; 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;}
.bluebox_wrap h5{ font-size: 1.6em; font-weight: 300; background: #e70061; 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;}
@media only screen and (max-width: 767px) {
.bluebox_wrap{padding: 20px;}
.deepBlueBox{width: 100%; margin: auto;}
.benefit{padding: 30px 0;}
}

.big_pro_t1 {font-size: 1.4em; color: #242424; font-weight: 400; }
.big_pro_t2 { font-size:3em; color:#e70061; font-weight: 600; letter-spacing: -0.03em;}
.big_pro_t3 { font-size:1.2em; padding-top:14px;}
.big_pro_t3Title { font-size:1.5em; color:#fff47d;  font-weight: bold; }
.fy { color:#e70061; }
.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; }
  .bluebox_txt { font-size:1.2em; }
  .big_pro_t2 { font-size:1.8em; }
  .big_pro_t3 { font-size:1em; }
  .price_bage2 { width: 90px; height: 90px;}
  .price_bage2 p {font-size: 14px; }
}

/* TAB Con 3  */
.bus3list {padding:20px; margin-top: 20px;   background-color: #fdf3f7}
.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}
}
@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;
}



.box_w {background-color:#fff; padding: 60px 40px;}


.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 only screen and (max-width:767px) {
  .tab1_noticeBox{border-right: none; border-left: none;}
  .tab1-1 .tab1_notice p{min-height: auto;}
  .yufuinBusStop .btn-mod.btn-xlarge{padding:10px 5px;font-size: 12px;display: inline-block;}
}