@charset "utf-8";
img {max-width: 100%;}
#footer_common { padding-top: 0;}
@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }

section { font-family: 'S-CoreDream-2ExtraLight', sans-serif; }

/* ///////////// sec01 ///////////// */
#sec01 { background: url(//cdn.hoteltira.com/img/CH/event/TheCambrianAdelboden/sec01_bg.jpg) top  no-repeat ;
background-size: cover; }
.sec01_top { padding-top: 50px; height: 880px;}
.sec01_top h1 { font-family: 'S-CoreDream-9Black', sans-serif; color: #fff; font-size: 5em; margin-top: 0px;}
.sec01_top p { font-family: 'S-CoreDream-3Light', sans-serif; color: #fff; font-size: 2.4em;}
.sec01_top h2 { font-size: 1.2em; color:#fff; letter-spacing: 2px; }
.sec01_top .titp { font-size: 1.6em; color:#fff; background: #53af5b; padding: 10px 20px; display: inline-block; border-radius: 0 0 10px 10px;
box-shadow: inset 6px 6px 10px #468848;
-moz-box-shadow: inset 6px 6px 10px #468848;
-webkit-box-shadow: inset 6px 6px 10px #468848;
}
.box3Wrap { }
.box3Wrap .tit01 { font-family: 'S-CoreDream-3Light', sans-serif; font-size: 2.4em; color: #fff; line-height: 1.4em;}
.box3Wrap .tit01 span { font-family: 'S-CoreDream-9Black', sans-serif; font-size: 1.2em; color: #fff;}
.box1Wrap { background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 10px;}
.box1Wrap .box1circle { background: #eef9fa; display: inline-block; border-radius: 50%; padding: 30px;}
.box1Wrap .txt01 { font-size: 24px; color: #fff; background: #7ad1d6; display: inline-block; padding: 4px 10px;}
.box1Wrap .txt02 { font-size: 18px; }
.box1Wrap .txt02 span { font-size: 20px; color: #ff006c;}

@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 992px) {
  .box1Wrap .txt02 { font-size: 15px; letter-spacing: -1px;}
  .box1Wrap .txt02 span { font-size: 15px; }
}
@media only screen and (max-width: 767px) {
  .sec01_top { height: 600px;}
  .sec01_top h1 { font-size: 3em; }
  .sec01_top p { font-size: 1.6em; letter-spacing: -1px;}
  .sec01_top .titp { letter-spacing: -3px;}
  .box3Wrap .tit01 {text-shadow: 1px 5px 5px #00000080; letter-spacing: -1px;}
  .box3Wrap .tit01 span { font-size: 1em; }
}
@media only screen and (max-width: 450px) {
  .sec01_top .titp { font-size: 1.2em; letter-spacing: 0px; }
}


/* ///////////// sec02 ///////////// */
#sec02 .sec02_top {
  background: url(//cdn.hoteltira.com/img/CH/event/TheCambrianAdelboden/sec02_bg.jpg) no-repeat;
  background-size: cover;
 }
.sec02_top .sec02_tit { height: 320px; letter-spacing: -1px; }
.sec02_top .tit02 { font-size: 48px; color: #fff; margin: 0px;}
.sec02_top .tit02 span { font-family: 'S-CoreDream-9Black', sans-serif; }
.sec02_top .tit03 { font-size: 30px; color: #fff;}
.sec02_top .tit03 span { font-family: 'S-CoreDream-9Black', sans-serif; }
.icon_best { vertical-align: -moz-middle-with-baseline;}
.bestWrap  { color: #3485b8;}
.bestWrap .txt03 { font-family: 'Roboto'; font-weight: 700; font-size: 18px;}
.bestWrap .txt03::after { width: 10px; height: 2px; margin: 10px 0; background-color: #3485b8;
content: ""; clear: both; display: block;}
.bestWrap .txt04 { font-size: 36px; letter-spacing: -1.5px;}
.bestWrap .txt04 span { color: #50b528;}
.bestWrap .txt05 { font-family: 'Noto Sans KR', sans-serif; -webkit-font-smoothing: antialiased;
font-size: 20px; font-weight: 400; padding-top: 50px;}
.bestWrap .txt05 span { color: #50b528;}
.tiptxt { font-family: 'Noto Sans KR', sans-serif; color: #fff; font-size: 18px; letter-spacing: -1.5px;
background: #3485b8; border-radius: 30px; display: inline-block; padding: 4px 14px; margin: 20px 0;}
.tiptxt span { color: #ffd42f;}

@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 992px) {
  .bestWrap .txt05 { font-size: 18px; letter-spacing: -2px;}
  .tiptxt { font-size: 16px;}
}
@media only screen and (max-width: 767px) {
  .sec02_top .tit02 { font-size: 36px;}
  .sec02_top .tit03 { font-size: 26px;}
}
@media only screen and (max-width: 450px) {
  .tiptxt { font-size: 14px; letter-spacing: -1px;}
  .bestWrap .txt04 { font-size: 30px; line-height: 1.2;}
  .bestWrap .txt05 { font-size: 18px; padding-top: 10px; letter-spacing: -1px;}
}

/* ///////////// sec03  ///////////// */
#sec03 {
 }
 #sec03 .row .col-sm-4 { padding-top: 15px;}
.sec03_wrap01 { background: url(//cdn.hoteltira.com/img/CH/event/TheCambrianAdelboden/sec03_wrap01.jpg) no-repeat;
  padding: 70px 0;
  background-size: cover;
}
.sec03_wrap02 { padding: 70px 0; }
.sec03_wrap03 { background: url(//cdn.hoteltira.com/img/CH/event/TheCambrianAdelboden/sec03_wrap03.jpg) no-repeat;
  padding: 70px 0;
  background-size: cover;
}
.sec03_common .txtbox { background-color: rgba(84,152,191,0.8); padding: 40px 40px 20px 40px;
  position: absolute; height: auto; width: 500px; z-index: 1; top: 50px; color: #fff;}
.sec03_common .txtbox .sec03_tit01 { font-family: 'Roboto'; font-size: 18px;  }
.sec03_common .txtbox .sec03_tit01::after { width: 10px; height: 2px; margin: 10px 0; background-color: #fff;
  content: ""; clear: both; display: block;}
.sec03_common .txtbox .sec03_tit02 { font-size: 30px; font-family: 'S-CoreDream-3Light', sans-serif; padding-bottom: 15px;
}
.sec03_common .txtbox .sec03_tit02 span { font-size: 36px; font-family: 'S-CoreDream-9Black', sans-serif;}
.sec03_common .txtbox .sec03_tit03 { font-size: 16px; line-height: 1.8;}
.m_img { display: none;}

 @media only screen and (max-width: 1199px) {
 }
 @media only screen and (max-width: 992px) {
  .sec03_common .txtbox { height: auto; width: auto; color: #fff; }
 }
 @media only screen and (max-width: 767px) {
  #sec03 .row { margin: 0; }
  #sec03 .row >div { padding-right: 0; padding-left: 0;}
  .sec03_common .txtbox { position: relative; top: 0; padding: 40px 20px 10px; }
  #sec03 .row .col-sm-4, #sec03 .col-md-9 { display: none; }
 .m_img { display: block;}
 }
 @media only screen and (max-width: 450px) {
 }

 /* ///////////// sec04  ///////////// */
 #sec04 { background: #3485b8;  }
 .btn_go { font-size: 24px; color: #1873ff; background-color: #fff; padding: 20px 40px; border-radius: 60px;
 display: inline-block; }
 .btn_go:hover { background: #50b528; box-shadow: 1px 10px 10px #00000030; color: #fff;}

 @media only screen and (max-width: 1199px) {
 }
 @media only screen and (max-width: 992px) {
 }
 @media only screen and (max-width: 767px) {
  .btn_go { font-size: 18px;}
 }
 @media only screen and (max-width: 450px) {
 }