/*   Main   */
/* form */
/* line 3, ../scss/_form.scss */
select {
  width: 95px;
  /*padding: .58em .5em;  */
  padding-left: 5px;
  font-family: inherit;
  border: 1px solid #dde0e4;
  font-size: 14px;
  background: url(/img/saupjang/cs/images/form/select.png) no-repeat right center #fff;
  background-size: contain;
  vertical-align: middle;
  height: 30px;
  border-radius: 0px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 19, ../scss/_form.scss */
select::-ms-expand {
  display: none;
}

/* line 23, ../scss/_form.scss */
input[type="text"], input[type="password"], input[type="submit"] {
  height: 30px;
  border: 1px solid #dde0e4;
  width: 250px;
  vertical-align: middle;
  padding-left: 5px;
  font-size: 12px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 35, ../scss/_form.scss */
input[type="button"] {
  height: 30px;
  line-height: 30px;
  background: #8f9779;
  color: #fff;
  text-align: center;
  min-width: 130px;
  border: none;
  font-size: 14px;
  cursor: pointer;
  margin: 0 2px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

/* line 49, ../scss/_form.scss */
label {
  vertical-align: middle;
  margin-left: 5px;
  font-size: 16px;
  color: #454545;
}

/* line 56, ../scss/_form.scss */
a.file {
  border: 1px solid #dde0e4;
  background: url(/img/saupjang/cs/images/common/btn_file.png) no-repeat 10px center;
  line-height: 28px;
  font-weight: 700;
  padding-left: 35px;
  padding-right: 10px;
  display: inline-block;
}

/*************************          FILE          *************************/
/* line 68, ../scss/_form.scss */
.filebox label {
  display: inline-block;
  padding: 0 .75em;
  color: #fff;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #888;
  cursor: pointer;
  border-bottom-color: #e2e2e2;
  border-radius: 0;
  line-height: 30px;
}

/* line 82, ../scss/_form.scss */
.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 93, ../scss/_form.scss */
.filebox .upload-name {
  display: inline-block;
  padding: 0 .75em;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  line-height: 28px;
}

/* line 111, ../scss/_form.scss */
.filebox .file-wrap {
  margin-top: 10px;
}
/* line 113, ../scss/_form.scss */
.filebox .file-wrap p {
  line-height: 30px;
}
/* line 4, ../scss/_mixin.scss */
.filebox .file-wrap p:after {
  content: "";
  display: block;
  clear: both;
}
/* line 116, ../scss/_form.scss */
.filebox .file-wrap p a {
  color: #222;
  line-height: 40px;
  text-decoration: underline;
  float: left;
  vertical-align: middle;
  display: block;
  height: 40px;
}
/* line 125, ../scss/_form.scss */
.filebox .file-wrap p button {
  cursor: pointer;
  color: #666;
  padding: 5px 10px;
  border: 1px solid #dde0e4;
  vertical-align: middle;
  margin-left: 15px;
  background: #fff;
  line-height: 10px;
}

/* Layout */
/* line 3, ../scss/_layout.scss */
.container-full {
  width: 100%;
}

/* line 6, ../scss/_layout.scss */
.container {
  width: 1084px;
  margin: 0 auto;
}

/* line 11, ../scss/_layout.scss */
section {
  padding-top: 145px;
  padding-bottom: 150px;
  position: relative;
}

/* line 17, ../scss/_layout.scss */
.main section {
  padding-top: 92px;
  padding-bottom: 0;
}

/* line 23, ../scss/_layout.scss */
.spa section {
  margin-top: 635px;
  padding-top: 0;
  padding-bottom: 0;
}

/* line 30, ../scss/_layout.scss */
#contents {
  background: #fff;
}

/* ListStyle */
/* line 38, ../scss/_layout.scss */
.list-style01 {
  margin-top: 20px;
}
/* line 40, ../scss/_layout.scss */
.list-style01 > li {
  line-height: 24px;
  padding-left: 10px;
  text-align: left;
  background: url("/img/saupjang/cs/images/common/bu_line.png") no-repeat 0 12px;
  font-weight: 300;
}

/* line 47, ../scss/_layout.scss */
.list-style02 {
  margin-top: 20px;
}
/* line 49, ../scss/_layout.scss */
.list-style02 > li {
  line-height: 35px;
  padding-left: 10px;
  text-align: left;
  background: url("/img/saupjang/cs/images/common/bu_box.png") no-repeat 0 15px;
  font-size: 14px;
  color: #444;
  font-weight: 700;
}
/* line 54, ../scss/_layout.scss */
.list-style02 > li p {
  font-weight: normal;
  line-height: 26px;
  margin-bottom: 10px;
}

/* line 63, ../scss/_layout.scss */
.list-style03 {
  margin-top: 20px;
}
/* line 65, ../scss/_layout.scss */
.list-style03 > li {
  font-size: 14px;
  list-style: decimal;
  margin-left: 20px;
  line-height: 24px;
  margin-bottom: 10px;
}

/* line 75, ../scss/_layout.scss */
.list-style04 {
  margin-top: 20px;
}
/* line 77, ../scss/_layout.scss */
.list-style04 > li {
  position: relative;
  padding-left: 25px;
  line-height: 24px;
  font-size: 14px;
}
/* line 82, ../scss/_layout.scss */
.list-style04 > li span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
}

/* line 92, ../scss/_layout.scss */
.list-style05 {
  margin-top: 20px;
}
/* line 94, ../scss/_layout.scss */
.list-style05 > li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
  font-size: 14px;
}
/* line 99, ../scss/_layout.scss */
.list-style05 > li span {
  position: absolute;
  top: 0;
  left: 0;
  color: #7f8869;
  padding-right: 10px;
  border-right: 1px solid #dde0e4;
}

/*  GNB  */
/* line 3, ../scss/_header.scss */
header {
  position: fixed;
  z-index: 10;
  /* top: 95px; */
  top: 50px;
  background: #fff;
}
/* line 8, ../scss/_header.scss */
header > .container {
  width: 100%;
  min-width: 1100px;
  max-width: 1600px;
  height: 92px;
  background: #fff;
}
/* line 16, ../scss/_header.scss */
header > .container > .wrap {
  position: relative;
  padding-right: 80px;
}
/* line 20, ../scss/_header.scss */
header > .container > .wrap h1 {
  position: absolute;
  left: 3.3%;
  top: 25px;
}
/* line 26, ../scss/_header.scss */
header > .container > .wrap h1 a {
  /*display: block;
  width: 100%;
  height: 100px;
  background: url(/img/saupjang/cs/images/common/header_ci.png) no-repeat 65px center;
  text-indent: -9999px;*/
}
/* line 34, ../scss/_header.scss */
header > .container > .wrap .util {  
  text-align: right;
  padding-top: 13px;
  padding-right: 20px;
}
/* line 39, ../scss/_header.scss */
header > .container > .wrap .util a {
  font-size: 12px;
  color: #767676;
  margin-left: 10px;
  font-weight: 400;
  letter-spacing: -1px;
}
/* line 45, ../scss/_header.scss */
header > .container > .wrap .util a.search-btn {
  color: #778455;
  padding-left: 15px;
  background: url(/img/saupjang/cs/images/common/header_util_line.png) no-repeat left center;
}
/* line 53, ../scss/_header.scss */
header > .container #gnb {
  padding-left: 300px;
  text-align: center;
  width: 100%;
  display: table;
  margin-top: 8px;
  padding-right: 80px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 61, ../scss/_header.scss */
header > .container #gnb > li {
  display: table-cell;
  width: 14.28%;
}
/* line 66, ../scss/_header.scss */
header > .container #gnb > li > a {
  font-size: 17px;
  color: #333;
  font-weight: bold;
  line-height: 60px;
  display: block;
}
/* line 72, ../scss/_header.scss */
header > .container #gnb > li > a:hover {
  color: #778455;
}
/* line 76, ../scss/_header.scss */
header > .container #gnb > li .wrap {
  display: none;
  border-top: 1px solid #dde0e4;
  border-bottom: 1px solid #dde0e4;
  width: 100%;
  position: absolute;
  min-width: 1400px;
  height: 0;
  left: 0;
  top: 92px;
  background: #fff;
  overflow: hidden;
  z-index: -1;
}
/* line 89, ../scss/_header.scss */
header > .container #gnb > li .wrap > ul {
  width: 265px;
  position: absolute;
  line-height: 32px;
  padding: 10px 0;
  left: 50%;
  top: 0;
  margin-left: -460px;
  height: 100%;
  border-right: 1px solid #dde0e4;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 101, ../scss/_header.scss */
header > .container #gnb > li .wrap > ul li {
  width: 265px;
}
/* line 103, ../scss/_header.scss */
header > .container #gnb > li .wrap > ul li > a {
  display: block;
  width: 100%;
  line-height: 32px;
  text-indent: 30px;
}
/* line 108, ../scss/_header.scss */
header > .container #gnb > li .wrap > ul li > a:hover {
  background: #677051;
  color: #fff;
}
/* line 113, ../scss/_header.scss */
header > .container #gnb > li .wrap > ul li.has > a:hover, header > .container #gnb > li .wrap > ul li.has.on > a {
  background: url(/img/saupjang/cs/images/common/header_menu_arrow.png) no-repeat right center #677051;
  color: #fff;
}
/* line 117, ../scss/_header.scss */
header > .container #gnb > li .wrap > ul li ul {
  position: absolute;
  top: 10px;
  left: 265px;
  display: none;
}
/* line 122, ../scss/_header.scss */
header > .container #gnb > li .wrap > ul li ul li a:hover {
  background: #8d9577;
}
/* line 126, ../scss/_header.scss */
header > .container #gnb > li .wrap > ul li.on ul {
  display: block;
}
/* line 132, ../scss/_header.scss */
header > .container #gnb > li.lnb-only {
  display: none;
}
/* line 138, ../scss/_header.scss */
header .search {
  background: #aeb49e;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100px;
  display: none;
}
/* line 146, ../scss/_header.scss */
header .search .container {
  position: relative;
}
/* line 148, ../scss/_header.scss */
header .search .container .close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 20px;
  background: url(/img/saupjang/cs/images/common/header_search_close.png) no-repeat center center;
}
/* line 156, ../scss/_header.scss */
header .search .container input {
  width: 100%;
  height: 42px;
  border: none;
  border-bottom: 1px solid #8d957b;
  background: url(/img/saupjang/cs/images/common/header_search_ico.png) no-repeat 0 5px;
  position: absolute;
  top: 28px;
  color: #748058;
  font-size: 24px;
  padding-left: 30px;
}

/* FOOTER */
/* line 3, ../scss/_footer.scss */
footer {
  padding: 30px 0;
  background-color: #383634;
  position: relative;
  font-size: 13px;
  font-weight: 300;
}
/* line 9, ../scss/_footer.scss */
footer #footer_cs {
  width: 100%;
  margin: 0 auto;
  position: relative;
  width: 1080px;
  /* family site main */
}
/* line 4, ../scss/_mixin.scss */
footer #footer_cs .f_menu:after {
  content: "";
  display: block;
  clear: both;
}
/* line 16, ../scss/_footer.scss */
footer #footer_cs .f_menu li {
  float: left;
  padding: 0 7px 0 9px;
  background: url("/img/saupjang/cs/images/open/p.gif") no-repeat 0 7px;
}
/* line 19, ../scss/_footer.scss */
footer #footer_cs .f_menu li a {
  font-size: 13px;
  color: #c9c8c8;
}
/* line 22, ../scss/_footer.scss */
footer #footer_cs .f_menu li a.strong {
  font-weight: 700;
  color: #fff;
}
/* line 27, ../scss/_footer.scss */
footer #footer_cs .f_menu li:first-child {
  background: none;
  padding-left: 0;
}
/* line 33, ../scss/_footer.scss */
footer #footer_cs .familysite {
  display: block;
  width: 155px;
  height: 32px;
  background: url("/img/saupjang/cs/images/common/footer_family.gif") no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  right: 0;
  top: -5px;
}
/* line 43, ../scss/_footer.scss */
footer #footer_cs .sns {
  position: absolute;
  right: 3px;
  top: 45px;
}
/* line 47, ../scss/_footer.scss */
footer #footer_cs .sns li {
  float: left;
  padding-left: 28px;
}
/* line 50, ../scss/_footer.scss */
footer #footer_cs .sns li:first-child {
  padding-left: 0;
}
/* line 53, ../scss/_footer.scss */
footer #footer_cs .sns li a {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
/* line 58, ../scss/_footer.scss */
footer #footer_cs .sns li a.facebook {
  background: url("/img/saupjang/cs/images/common/footer_sns_facebook.gif") no-repeat 0 0;
}
/* line 61, ../scss/_footer.scss */
footer #footer_cs .sns li a.twitter {
  background: url("/img/saupjang/cs/images/common/footer_sns_twitter.gif") no-repeat 0 0;
}
/* line 64, ../scss/_footer.scss */
footer #footer_cs .sns li a.travelog {
  background: url("/img/saupjang/cs/images/common/footer_sns_blog.gif") no-repeat 0 0;
}
/* line 67, ../scss/_footer.scss */
footer #footer_cs .sns li a.trendian {
  background: url("/img/saupjang/cs/images/common/footer_sns_tstory.gif") no-repeat 0 0;
}
/* line 73, ../scss/_footer.scss */
footer #footer_cs .contact {
  padding-top: 22px;
  color: #c0c0bf;
  line-height: 22px;
  font-size: 13px;
}
/* line 78, ../scss/_footer.scss */
footer #footer_cs .contact strong {
  font-weight: 700;
  color: #fff;
  display: inline-block;
  margin-right: 7px;
  font-size: 13px;
}
/* line 85, ../scss/_footer.scss */
footer #footer_cs .contact span {
  display: inline-block;
  margin-right: 7px;
  font-size: 13px;
  color: #c0c0bf;
}
/* line 91, ../scss/_footer.scss */
footer #footer_cs .contact a {
  font-weight: 700;
  color: #777;
  font-size: 13px;
  color: #c0c0bf;
}
/* line 98, ../scss/_footer.scss */
footer #footer_cs .copyright {
  font-size: 13px;
  color: #c0c0bf;
  padding-top: 15px;
}
/* line 104, ../scss/_footer.scss */
footer #footer_cs .box {
  position: absolute;
  left: calc(50% - 465px) !important;
  top: -175px;
  width: 930px;
  height: 226px;
  filter: alpha(opacity=0);
  opacity: 0;
  background: url("/img/front/saupjang/common/layout/bg_familybox.gif") no-repeat;
  z-index: 7;
}
/* line 115, ../scss/_footer.scss */
footer #footer_cs .inner {
  position: relative;
  width: 900px;
  height: 206px;
  padding: 20px 0 0 30px;
}
/* line 120, ../scss/_footer.scss */
footer #footer_cs .inner h3 {
  height: 37px;
  display: inline;
}
/* line 124, ../scss/_footer.scss */
footer #footer_cs .inner .close {
  position: absolute;
  top: 20px;
  right: 30px;
}
/* line 130, ../scss/_footer.scss */
footer #footer_cs .flist {
  height: 140px;
  padding-left: 492px;
  margin-top: -10px;
}
/* line 134, ../scss/_footer.scss */
footer #footer_cs .flist .liner {
  height: 140px;
  padding: 0 0 0 75px;
  border-left: 1px solid #e7e7e7;
}
/* line 138, ../scss/_footer.scss */
footer #footer_cs .flist .liner ul {
  float: left;
  width: 130px;
}
/* line 141, ../scss/_footer.scss */
footer #footer_cs .flist .liner ul:first-child {
  margin-right: 20px;
}
/* line 143, ../scss/_footer.scss */
footer #footer_cs .flist .liner ul:first-child li:first-child div.view {
  display: block;
}
/* line 145, ../scss/_footer.scss */
footer #footer_cs .flist .liner ul li {
  *display: inline;
  *zoom: 1;
  height: 23px;
}
/* line 149, ../scss/_footer.scss */
footer #footer_cs .flist .liner ul li a.fm {
  display: block;
  width: 100px;
  height: 16px;
  padding: 4px 0 0 22px;
  color: #777;
  letter-spacing: -1px;
}
/* line 156, ../scss/_footer.scss */
footer #footer_cs .flist .liner ul li a.fm:hover, footer #footer_cs .flist .liner ul li a.fm.on {
  background: #e7e7e7 url("/img/front/saupjang/common/layout/bg_dot_familypointer.gif") no-repeat 10px 50%;
}
/* line 160, ../scss/_footer.scss */
footer #footer_cs .flist .liner ul li .view {
  display: none;
  position: absolute;
  left: 30px;
  top: 57px;
  width: 490px;
}
/* line 166, ../scss/_footer.scss */
footer #footer_cs .flist .liner ul li .view span.thum {
  float: left;
  width: 240px;
}
/* line 170, ../scss/_footer.scss */
footer #footer_cs .flist .liner ul li .view dl {
  float: left;
  width: 232px;
}
/* line 173, ../scss/_footer.scss */
footer #footer_cs .flist .liner ul li .view dl dt {
  height: 22px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
/* line 179, ../scss/_footer.scss */
footer #footer_cs .flist .liner ul li .view dl dd {
  height: 83px;
  font-size: 11px;
  line-height: 18px;
}
/* line 183, ../scss/_footer.scss */
footer #footer_cs .flist .liner ul li .view dl dd.btn {
  height: auto;
}

/* line 12, ../scss/main.scss */
#visual {
  height: 700px;
  position: relative;
}
/* line 15, ../scss/main.scss */
#visual .image {
  width: 100%;
}
/* line 17, ../scss/main.scss */
#visual .image div {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 700px;
  opacity: 0;
}
/* line 25, ../scss/main.scss */
#visual .image div:first-child {
  opacity: 1;
}
/* line 28, ../scss/main.scss */
#visual .image div img {
  margin: 0 auto;
}
/* line 31, ../scss/main.scss */
#visual .image div.no1 {
  background: url(/img/saupjang/hp/images/main/bg_main01.jpg) no-repeat center;
}
/* line 34, ../scss/main.scss */
#visual .image div.no2 {
  background: url(/img/saupjang/hp/images/main/bg_main02.jpg) no-repeat center;
}
/* line 37, ../scss/main.scss */
#visual .image div.no3 {
  background: url(/img/saupjang/hp/images/main/bg_main03.jpg) no-repeat center;
}  

/* line 44, ../scss/main.scss */
#visual .image .visual_txt {
  width: 100%;
  height: 700px;
  position: absolute;
  left: 0;
  top: 0;
}
/* line 50, ../scss/main.scss */
#visual .image .visual_txt span {
  display: block;
  width: 1084px;
  height: 700px;
  margin: 0 auto;
  background: url(/img/saupjang/cs/images/main/visual_txt.png) no-repeat 60px 140px;
  text-indent: -9999px;
}
/* line 59, ../scss/main.scss */
/*190314����*/
#visual .image ul {
  position: absolute;
  left: 50%;
  bottom: 30px;
}
/* line 63, ../scss/main.scss */
#visual .image ul li {
  float: left;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 71, ../scss/main.scss */
#visual .image ul li span {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 5px;
  top: 5px;
  border-radius: 100px;
}
/* line 80, ../scss/main.scss */
#visual .image ul li.on {
  border: 2px solid #fff;
  border-radius: 100px;
}
/* line 83, ../scss/main.scss */
#visual .image ul li.on span {
  background: #fff;
}
/* line 90, ../scss/main.scss */
#visual .container {
  position: relative;
  height: 200px;
  width: 100%;
  max-width: 1600px;
}
/* line 95, ../scss/main.scss */
#visual .container .weather {
  position: absolute;
  width: 200px;
  height: 67px;
  top: 20px;
  right: 35px;
}
/* line 102, ../scss/main.scss */
#visual .container .weather .w_ico {
  float: left;
}
/* line 104, ../scss/main.scss */
#visual .container .weather .w_ico img {
  width: 67px;
}
/* line 108, ../scss/main.scss */
#visual .container .weather .w_info {
  float: left;
  color: #fff;
  padding: 18px 0 0 0;
}
/* line 112, ../scss/main.scss */
#visual .container .weather .w_info .w_txt {
  color: #fff;
  font-size: 14px;
}
/* line 116, ../scss/main.scss */
#visual .container .weather .w_info .w_temp {
  padding-top: 4px;
  font-size: 20px;
  color: #fff;
  font-size: 14px;
}
/* line 121, ../scss/main.scss */
#visual .container .weather .w_info .w_temp span {
  color: #fff;
  font-size: 10px;
  vertical-align: top;
}
/* line 129, ../scss/main.scss */
#visual .container .d-day {
  position: absolute;
  top: 100px;
  right: 0;
}
/* line 4, ../scss/_mixin.scss */
#visual .container .d-day:after {
  content: "";
  display: block;
  clear: both;
}
/* line 134, ../scss/main.scss */
#visual .container .d-day .text-wrap {
  float: left;
}
/* line 136, ../scss/main.scss */
#visual .container .d-day .text-wrap p {
  color: #fff;
  text-align: right;
  line-height: 22px;
}
/* line 140, ../scss/main.scss */
#visual .container .d-day .text-wrap p:first-child {
  padding-top: 5px;
}
/* line 145, ../scss/main.scss */
#visual .container .d-day .count {
  float: right;
  color: #acb692;
  font-size: 50px;
  font-weight: 900;
  margin-left: 30px;
}
/* line 153, ../scss/main.scss */
#visual .container .cs {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 256px;
}
/* line 158, ../scss/main.scss */
#visual .container .cs p {
  width: 100%;
  height: 125px;
  background: url(/img/saupjang/cs/images/main/cs.png) no-repeat center;
  text-indent: -9999px;
}
/* line 164, ../scss/main.scss */
#visual .container .cs a {
  display: block;
  width: 100%;
  height: 60px;
  background: url(/img/saupjang/cs/images/main/btn_reservation.png) no-repeat center;
  text-indent: -9999px;
}

/* line 175, ../scss/main.scss */
.spa {
  margin-top: 80px;
  background: url(/img/saupjang/cs/images/main/spa_bg.png) repeat-x 0 200px;
}
/* line 4, ../scss/_mixin.scss */
.spa .wrap:after {
  content: "";
  display: block;
  clear: both;
}
/* line 180, ../scss/main.scss */
.spa .wrap .text-wrap {
  width: 368px;
  float: left;
}
/* line 183, ../scss/main.scss */
.spa .wrap .text-wrap .cate {
  font-size: 16px;
  color: #8f9779;
}
/* line 187, ../scss/main.scss */
.spa .wrap .text-wrap .title {
  margin-top: 25px;
  font-size: 36px;
  color: #4c433a;
  line-height: 46px;
}
/* line 192, ../scss/main.scss */
.spa .wrap .text-wrap .title span {
  font-weight: bold;
  font-size: 36px;
  color: #4c433a;
}
/* line 198, ../scss/main.scss */
.spa .wrap .text-wrap .text {
  line-height: 22px;
  color: #666;
  margin-top: 70px;
}
/* line 203, ../scss/main.scss */
.spa .wrap .text-wrap a {
  display: block;
  width: 122px;
  height: 35px;
  line-height: 33px;
  font-weight: bold;
  text-align: center;
  color: #6c7456;
  border: 1px solid #8f9779;
  margin-top: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 216, ../scss/main.scss */
.spa .wrap .image-wrap {
  float: left;
  width: 716px;
}
/* line 221, ../scss/main.scss */
.spa .thumb {
  margin-top: 100px;
}
/* line 4, ../scss/_mixin.scss */
.spa .thumb:after {
  content: "";
  display: block;
  clear: both;
}
/* line 224, ../scss/main.scss */
.spa .thumb li {
  float: left;
}
/* line 226, ../scss/main.scss */
.spa .thumb li div {
  border-right: 1px solid #dde0e4;
  text-align: center;
  margin-top: 30px;
}
/* line 230, ../scss/main.scss */
.spa .thumb li div .title {
  font-size: 20px;
  font-weight: bold;
}
/* line 234, ../scss/main.scss */
.spa .thumb li div .text {
  margin-top: 20px;
  line-height: 22px;
}
/* line 238, ../scss/main.scss */
.spa .thumb li div a {
  display: inline-block;
  width: 122px;
  height: 35px;
  line-height: 33px;
  font-weight: bold;
  text-align: center;
  color: #6c7456;
  border: 1px solid #8f9779;
  margin-top: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 251, ../scss/main.scss */
.spa .thumb li:first-child div {
  border-left: 1px solid #dde0e4;
}

/* line 259, ../scss/main.scss */
.travel {
  margin-top: 80px;
  height: 460px;
  position: relative;
}
/* line 264, ../scss/main.scss */
.travel .image-wrap div {
  position: absolute;
  height: 460px;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
  opacity: 0;
}
/* line 272, ../scss/main.scss */
.travel .image-wrap div img {
  display: inline-block;
}
/* line 275, ../scss/main.scss */
.travel .image-wrap div:first-child {
  opacity: 1;
}
/* line 280, ../scss/main.scss */
.travel .wrap {
  position: relative;
}
/* line 282, ../scss/main.scss */
.travel .wrap .text-wrap {
  width: 348px;
  height: 400px;
  position: absolute;
  margin-left: 194px;
  left: 50%;
  top: 60px;
  background: #fff;
}
/* line 290, ../scss/main.scss */
.travel .wrap .text-wrap li {
  padding: 40px;
  height: 320px;
}
/* line 293, ../scss/main.scss */
.travel .wrap .text-wrap li .cate {
  font-size: 16px;
  color: #8f9779;
}
/* line 297, ../scss/main.scss */
.travel .wrap .text-wrap li .title {
  margin-top: 20px;
  font-size: 32px;
  color: #4c433a;
  line-height: 46px;
}
/* line 302, ../scss/main.scss */
.travel .wrap .text-wrap li .title span {
  font-weight: bold;
  font-size: 36px;
  color: #4c433a;
}
/* line 308, ../scss/main.scss */
.travel .wrap .text-wrap li .text {
  line-height: 22px;
  color: #666;
  margin-top: 20px;
}
/* line 313, ../scss/main.scss */
.travel .wrap .text-wrap li .btn-wrap {
  position: absolute;
  bottom: 0;
  left: 40px;
  height: 35px;
}
/* line 318, ../scss/main.scss */
.travel .wrap .text-wrap li .btn-wrap .more {
  position: absolute;
  left: 0;
  top: 0;
}
/* line 322, ../scss/main.scss */
.travel .wrap .text-wrap li .btn-wrap .more a {
  display: inline-block;
  width: 122px;
  height: 35px;
  line-height: 33px;
  font-weight: bold;
  text-align: center;
  color: #6c7456;
  border: 1px solid #8f9779;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 334, ../scss/main.scss */
.travel .wrap .text-wrap li .btn-wrap .ui {
  position: absolute;
  right: 49px;
  bottom: 0;
  width: 115px;
}
/* line 339, ../scss/main.scss */
.travel .wrap .text-wrap li .btn-wrap .ui .prev {
  display: inline-block;
  width: 55px;
  height: 23px;
  border-right: 1px solid #dde0e4;
  background: url(/img/saupjang/cs/images/main/arrow_prev.png) no-repeat center;
}
/* line 346, ../scss/main.scss */
.travel .wrap .text-wrap li .btn-wrap .ui .next {
  display: inline-block;
  width: 55px;
  height: 23px;
  background: url(/img/saupjang/cs/images/main/arrow_next.png) no-repeat center;
}

/* line 359, ../scss/main.scss */
.event {
  margin-top: 80px;
  margin-bottom: 150px;
}
/* line 362, ../scss/main.scss */
.event .title {
  font-size: 36px;
  font-weight: bold;
  color: #4c433a;
}
/* line 367, ../scss/main.scss */
.event ul {
  margin-top: 40px;
  margin-left: -80px;
}
/* line 4, ../scss/_mixin.scss */
.event ul:after {
  content: "";
  display: block;
  clear: both;
}
/* line 371, ../scss/main.scss */
.event ul li {
  float: left;
  margin-left: 80px;
  width: 211px;
}
/* line 375, ../scss/main.scss */
.event ul li div {
  position: relative;
  overflow: hidden;
}
/* line 378, ../scss/main.scss */
.event ul li div span {
  position: absolute;
  width: 125px;
  height: 30px;
  display: block;
  left: 0;
  bottom: 0;
}
/* line 387, ../scss/main.scss */
.event ul li:hover div img {
  -webkit-animation-name: zoom;
  animation-name: zoom;
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  animation-timing-function: cubic-bezier(0.17, 0.67, 0.67, 1);
}
/* line 396, ../scss/main.scss */
.event ul li .title {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  line-height: 22px;
}
/* line 402, ../scss/main.scss */
.event ul li .date {
  color: #999;
  margin-top: 15px;
  font-size:13px;
  letter-spacing:-1px;
}
/* line 406, ../scss/main.scss */
.event ul li.event-item div span {
  background: url(/img/saupjang/cs/images/main/event.png) no-repeat center;
}
/* line 409, ../scss/main.scss */
.event ul li.package-item div span {
  background: url(/img/saupjang/cs/images/main/package.png) no-repeat center;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: translate3d(1.2, 1.2, 1.2);
    transform: translate3d(1.2, 1.2, 1.2);
  }
}
@keyframes zoom {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: translate3d(1.2, 1.2, 1.2);
    transform: translate3d(1.2, 1.2, 1.2);
  }
}
/* line 442, ../scss/main.scss */
#floating {
  position: fixed;
  left: 0;
  bottom: 0;
  border-top: 2px solid #dde0e4;
  height: 50px;
  background: #fff;
  z-index: 1;
}
/* line 450, ../scss/main.scss */
#floating .notice, #floating .sketch {
  width: 460px;
  float: left;
}
/* line 453, ../scss/main.scss */
#floating .notice .title, #floating .sketch .title {
  font-size: 16px;
  color: #232628;
  line-height: 50px;
  display: block;
  width: 90px;
  float: left;
}
/* line 461, ../scss/main.scss */
#floating .notice .list-wrap, #floating .sketch .list-wrap {
  float: left;
  width: 337px;
  height: 50px;
  overflow: hidden;
  position: relative;
}
/* line 467, ../scss/main.scss */
#floating .notice .list-wrap ul, #floating .sketch .list-wrap ul {
  position: absolute;
  left: 0;
  top: 0;
}
/* line 472, ../scss/main.scss */
#floating .notice .list-wrap ul li a, #floating .sketch .list-wrap ul li a {
  float: left;
  display: block;
  line-height: 50px;
  width: 260px;
  font-size: 13px;
  color: #666;
}
/* line 480, ../scss/main.scss */
#floating .notice .list-wrap ul li span, #floating .sketch .list-wrap ul li span {
  width: 77px;
  line-height: 50px;
  font-size: 13px;
  color: #888;
}
/* line 489, ../scss/main.scss */
#floating .notice .btn, #floating .sketch .btn {
  float: left;
  width: 13px;
}
/* line 492, ../scss/main.scss */
#floating .notice .btn .prev, #floating .sketch .btn .prev {
  display: block;
  height: 50px;
  width: 4px;
  float: left;
  background: url(/img/saupjang/cs/images/main/floating_arrow_prev.png) no-repeat center;
}
/* line 499, ../scss/main.scss */
#floating .notice .btn .next, #floating .sketch .btn .next {
  display: block;
  height: 50px;
  width: 4px;
  float: left;
  margin-left: 5px;
  background: url(/img/saupjang/cs/images/main/floating_arrow_next.png) no-repeat center;
}
/* line 509, ../scss/main.scss */
#floating .location {
  width: 163px;
  border-left: 1px solid #dde0e4;
  float: left;
}
/* line 513, ../scss/main.scss */
#floating .location a {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #232628;
  line-height: 50px;
  background: url(/img/saupjang/cs/images/main/floating_location_ico.png) no-repeat 115px 16px;
}
/*��Ű�� & �̺�Ʈ */
.epwrap {position:relative; width:100%; min-width:1100px;  height:596px; padding:0 0 0 0;overflow:hidden; /*margin-top:-100px;*/}
.epwrap .title {padding:80px 0 12px 0;text-align:center;font-size: 36px;  font-weight: bold;  color: #4c433a;}
.epwrap > p {color:#2a2017;text-align:center;}

.epwrap .sort{margin-top:20px; text-align:center;}

.epwrap .sort span{/*margin-bottom:30px;*/ padding:0; width:130px; display:inline-block; float:none; font-weight:bold;}
.epwrap .sort span a {display:block; height:39px; background-color:#d8d8d8; line-height:39px; color:#6f6f6f;}
.epwrap .sort span.on a {background-color:#2a2017; color:#fff; }

.ef_list{height:257px; width:1100px;overflow:hidden; position:relative; margin:36px auto 0;}
.ef_list ul{overflow:hidden; /*width:200%;*/ position:absolute; left:80px; top:0; }
.ef_list ul li{float:left; /*margin-right:11px;*/margin-right:32px; cursor:pointer;background:#fff;height:257px; position:relative;}
.ef_list ul li .photo{width:211px; height:134px; overflow:hidden;}
.ef_list ul li .photo img{width:100%; height:100%; transition-duration:0.3s; left:0; position:relative;}
.ef_list ul li .photo:hover img{width:105%; height:105%; left:-5px;}
.ef_list ul li .cont {width: 211px; height:123px; padding:20px;display:inline-block; box-sizing: border-box; border:1px }
.ef_list ul li .cont strong {display:block;position:relative;padding-bottom:15px;font-size:14px;}
.ef_list ul li .cont strong a {display:inline-block;width:172px; line-height:20px;height:46px;/*white-space:nowrap;*/ text-overflow:ellipsis;/* IE, Safari */-o-text-overflow:ellipsis;/* Opera under 10.7 *//*overflow:hidden;*/-moz-binding: url('ellipsis.xml#ellipsis');}
.ef_list ul li .cont span {display:block;color:#999;font-size:13px;/*padding-top:13px;*/ position:absolute; left:20px; top:204px; letter-spacing:-1px;}
.ef_list ul li .cont p.price {position:absolute; right:15px; top:222px; font-style:italic; font-size:16px;}