#container {
  background-color: #fff;
  overflow: hidden;
  width: 100%;
}
/* nanum-myeongjo-regular - latin_korean */
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-regular.eot');
  /* IE9 Compat Modes */
  src: local('NanumMyeongjo'), url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-regular.woff') format('woff'), /* Modern Browsers */ url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-regular.svg#NanumMyeongjo') format('svg');
  /* Legacy iOS */
}
/* nanum-myeongjo-700 - latin_korean */
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 700;
  src: url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-700.eot');
  /* IE9 Compat Modes */
  src: local('NanumMyeongjo Bold'), local('NanumMyeongjoBold'), url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-700.woff') format('woff'), /* Modern Browsers */ url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-700.svg#NanumMyeongjo') format('svg');
  /* Legacy iOS */
}
/* nanum-myeongjo-800 - latin_korean */
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 800;
  src: url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-800.eot');
  /* IE9 Compat Modes */
  src: local('NanumMyeongjo ExtraBold'), local('NanumMyeongjoExtraBold'), url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-800.woff2') format('woff2'), /* Super Modern Browsers */ url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-800.woff') format('woff'), /* Modern Browsers */ url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('/story/upload/share/font/nanum-myeongjo/nanum-myeongjo-v15-latin_korean-800.svg#NanumMyeongjo') format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 100;
  src: url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-ExtraLight.woff2) format('woff2'), url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-ExtraLight.woff) format('woff'), url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-ExtraLight.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 300;
  src: url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Light.woff2) format('woff2'), url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Light.woff) format('woff'), url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 400;
  src: url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Regular.woff2) format('woff2'), url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Regular.woff) format('woff'), url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 500;
  src: url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Medium.woff2) format('woff2'), url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Medium.woff) format('woff'), url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 700;
  src: url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Bold.woff2) format('woff2'), url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Bold.woff) format('woff'), url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 900;
  src: url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Black.woff2) format('woff2'), url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Black.woff) format('woff'), url(/story/upload/share/font/NotoSerifKR-WEB/NotoSerifKR-Black.otf) format('opentype');
}
body {
  padding-top: 0;
  font-family: "Noto Sans KR", serif;
  font-weight: 300;
}
.main_page #header-type-mf .pageing {
  display: none !important;
}
#header-type-mf {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 58px;
  background-color: #fff;
  z-index: 5;
}
#header-type-mf .area_cen {
  position: relative;
  z-index: 2;
  text-align: center;
}
#header-type-mf .area_lft {
  position: absolute;
  left: 30px;
  top: 0;
  z-index: 5;
}
#header-type-mf .area_rgh {
  width: 500px;
  position: absolute;
  right: 30px;
  top: 0;
  z-index: 5;
  text-align: right;
}
#header-type-mf .menu {
  margin-top: 15px;
  display: inline-block;
  height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
#header-type-mf .menu .clrcle {
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -9999px;
  text-align: left;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  overflow: hidden;
  background-color: #000;
}
#header-type-mf .menu .clrcle.n2 {
  top: 50%;
  margin-top: -3px;
}
#header-type-mf .menu .clrcle.n3 {
  bottom: 0;
  top: auto;
}
#header-type-mf .menu span.t {
  padding-left: 17px;
  font-size: 13px;
  display: block;
  margin-top: 5px;
  color: #000;
  font-weight: 500;
}
#header-type-mf .menuClose.mo.view,
#header-type-mf .menuClose.mo {
  display: none;
}
#header-type-mf .logo {
  display: inline-block;
  font-size: 0;
}
#header-type-mf .logo:after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 0;
  height: 100%;
}
#header-type-mf .logo span {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
}
#header-type-mf .logo img {
  width: 85px;
  height: auto;
}
#header-type-mf .area_rgh a {
  display: inline-block;
  padding: 5px;
  line-height: 1;
  color: #000;
  font-weight: 400;
  vertical-align: middle;
  margin-top: 14px;
}
#header-type-mf .area_rgh .eng {
  font-size: 13px;
  font-size: 0.8125em;
}
#header-type-mf .area_rgh .search {
  font-size: 20px;
  margin-left: 5px;
}
#header-type-mf .area_rgh .pageing {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1;
  position: absolute;
  right: 140px;
  top: 0;
  height: 58px;
}
#header-type-mf .area_rgh .pageing a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 0;
  margin-bottom: 0;
  height: 35px;
  padding: 0;
  padding-top: 23px;
}
#header-type-mf .area_rgh .pageing .ico {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 60px;
  height: 8px;
  background-color: #000;
  margin-left: 8px;
  position: relative;
  left: 0;
  top: 0;
}
#header-type-mf .area_rgh .pageing a.prev .ico {
  background: url(/story/upload/share/MF/images/ico_arr_lft1.gif) 0 0 no-repeat;
  cursor: pointer;
  background-position: 0 0;
}
#header-type-mf .area_rgh .pageing a.next .ico {
  background: url(/story/upload/share/MF/images/ico_arr_rgh1.gif) 0 0 no-repeat;
  cursor: pointer;
  background-position: 100% 0;
}
#header-type-mf .area_rgh .pageing .box_view {
  position: absolute;
  right: -80px;
  top: 58px;
  width: 370px;
  height: 330px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px;
  text-align: left;
  display: none;
  overflow: hidden;
}
#header-type-mf .area_rgh .pageing .next .box_view {
  left: -80px;
  right: auto;
}
#header-type-mf .area_rgh .pageing .box_view .thumb {
  width: 100%;
  height: 0;
  padding-bottom: 69.39393939%;
  display: block;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#header-type-mf .area_rgh .pageing .box_view .cont {
  margin-top: 15px;
  font-size: 21px;
  font-size: 1.61538462em;
  line-height: 1.23809524;
  height: 52px;
  overflow: hidden;
  display: block;
  font-weight: 600;
}
#header-type-mf .area_rgh .pageing .prev:hover .box_view,
#header-type-mf .area_rgh .pageing .next:hover .box_view {
  display: block;
}
#header-type-mf .area_rgh .pageing a.prev:hover .ico {
  animation-duration: 0.5s;
  animation-name: pageingPrevKeyFrames;
}
#header-type-mf .area_rgh .pageing a.next:hover .ico {
  animation-duration: 0.5s;
  animation-name: pageingNextKeyFrames;
}
#header-type-mf .area_rgh .pageing a.prev:hover .box_view {
  animation-duration: 0.5s;
  animation-name: pageingPrevBoxKeyFrames;
}
#header-type-mf .area_rgh .pageing a.next:hover .box_view {
  animation-duration: 0.5s;
  animation-name: pageingNextBoxKeyFrames;
}
@keyframes pageingPrevKeyFrames {
  0% {
    left: 0;
  }
  50% {
    left: -10px;
  }
  100% {
    left: 0;
  }
}
@keyframes pageingNextKeyFrames {
  0% {
    left: 0;
  }
  50% {
    left: 10px;
  }
  100% {
    left: 0;
  }
}
@keyframes pageingPrevBoxKeyFrames {
  0% {
    right: -90px;
  }
  100% {
    right: -80px;
  }
}
@keyframes pageingNextBoxKeyFrames {
  0% {
    left: -90px;
  }
  100% {
    left: -80px;
  }
}
@keyframes pageingNextBoxKeyFrames_ta {
  0% {
    left: -190px;
  }
  100% {
    left: -180px;
  }
}
@media screen and (max-width: 1100px) {
  #header-type-mf .area_rgh .pageing .ico {
    width: 20px;
  }
  #header-type-mf .area_rgh .pageing a {
    margin-left: 10px;
    margin-right: 10px;
  }
  #header-type-mf .area_rgh .pageing {
    right: 112px;
    top: -1px;
  }
  #header-type-mf .area_rgh .pageing .next .box_view {
    left: -180px;
  }
  #header-type-mf .area_rgh .pageing a.next:hover .box_view {
    animation-name: pageingNextBoxKeyFrames_ta;
  }
}
@media screen and (max-width: 840px) {
  #header-type-mf {
    min-height: 102px;
    min-height: 12.14285714vw;
  }
  #header-type-mf .area_lft {
    left: 36px;
    left: 4.28571429vw;
  }
  #header-type-mf .area_rgh {
    width: auto;
    right: 36px;
    right: 4.28571429vw;
  }
  #header-type-mf .area_rgh .pageing {
    display: none;
  }
  #header-type-mf .menu {
    margin-top: 29px;
    margin-top: 3.45238095vw;
    height: 42px;
    height: 5vw;
  }
  #header-type-mf .menu .clrcle {
    width: 10px;
    width: 1.19047619vw;
    height: 10px;
    height: 1.19047619vw;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 1.19047619vw;
    -moz-border-radius: 1.19047619vw;
    border-radius: 1.19047619vw;
  }
  #header-type-mf .menu .clrcle.n2 {
    margin-top: -5px;
    margin-top: -0.5952381vw;
  }
  #header-type-mf .menu span.t {
    padding-left: 20px;
    padding-left: 2.38095238vw;
    font-size: 20px;
    font-size: 2.38095238vw;
    margin-top: 5px;
    margin-top: 0.5952381vw;
  }
  #header-type-mf .logo {
    margin-top: 9px;
    margin-top: 1.07142857vw;
  }
  #header-type-mf .logo span {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
  }
  #header-type-mf .logo img {
    width: 85px;
    height: auto;
  }
  #header-type-mf .area_rgh a {
    padding: 5px;
    padding: 0.5952381vw;
    margin-top: 34px;
    margin-top: 4.04761905vw;
  }
  #header-type-mf .area_rgh .eng {
    font-size: 20px;
    font-size: 2.38095238vw;
  }
  #header-type-mf .area_rgh .search {
    font-size: 20px;
    font-size: 2.38095238vw;
    margin-left: 10px;
    margin-left: 1.19047619vw;
  }
  #header-type-mf .logo img {
    width: 100px;
    width: 11.9047619vw;
  }
  #header-type-mf .menuClose.mo {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 30px 60px 30px 0px;
    padding: 3.57142857vw 7.14285714vw 3.57142857vw 0vw;
    font-size: 30px;
    font-size: 3.57142857vw;
    background-color: #fff;
  }
  #header-type-mf .menuClose.mo.view {
    display: block;
  }
}
.head-type-mf {
  text-align: center;
  margin-bottom: 48px;
}
.head-type-mf p {
  color: #000;
  font-weight: 400;
  font-size: 16px;
  font-size: 1em;
  line-height: 1;
}
@media screen and (max-width: 840px) {
  .head-type-mf {
    margin-bottom: 60px;
    margin-bottom: 7.14285714vw;
  }
  .head-type-mf p {
    font-size: 25px;
    font-size: 2.97619048vw;
  }
}
.header-searchBlock {
  position: absolute;
  width: 100%;
  z-index: 2;
  clear: both;
  display: none;
}
.header-searchBlock .inner {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 36px 20px;
}
.header-searchBlock .flid {
  display: block;
  padding: 10px 10px 10px 40px;
  background-color: #fff;
  position: relative;
}
.header-searchBlock .search-block-input {
  width: calc(98%);
  height: 40px;
  border: 0;
  outline: 0;
}
.header-searchBlock .btn_close {
  position: absolute;
  right: 20px;
  top: 13px;
  color: #318abf;
  font-size: 28px;
  line-height: 1;
}
@media screen and (max-width: 840px) {
  .header-searchBlock .inner {
    padding: 0 36px 20px;
    padding: 0 4.29vw 2.38vw;
  }
  .header-searchBlock .flid {
    padding: 10px 10px 10px 40px;
    padding: 1.19vw 1.19vw 1.19vw 4.76vw;
  }
  .header-searchBlock .search-block-input {
    width: calc(98%);
    height: 40px;
    height: 4.76190476vw;
  }
  .header-searchBlock .btn_close {
    position: absolute;
    right: 20px;
    right: 2.38095238vw;
    top: 13px;
    top: 1.54761905vw;
    font-size: 28px;
    font-size: 3.33333333vw;
  }
}
.ff-mj {
  font-family: 'Nanum Myeongjo';
}
.pr-mb-l {
  margin-bottom: 90px !important;
}
.pr-mt-l {
  margin-top: 90px !important;
}
.inr-c {
  width: auto;
  max-width: 1270px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1330px) {
  .inr-c {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
  } 
}
@media screen and (max-width: 840px) {
  .pr-mb-l {
    margin-bottom: 90px !important;
    margin-bottom: 10.71428571vw !important;
  }
  .pr-mt-l {
  margin-top: 90px !important;
  margin-top: 10.71428571vw !important;
}
}
.wrap_designtype_v1.fz16 {
  font-size: 16px;
}
.wrap_designtype_v1 .col.rgh,
.wrap_designtype_v1 .col.lft {
  float: left;
  width: 50%;
  position: relative;
}
.wrap_designtype_v1 .col.rgh {
  float: right;
}
.wrap_designtype_v1 .thumb {
  width: 100%;
  height: 100%;
  background: url(/story/upload/share/MF/images/tmp_thumb1_1.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.wrap_designtype_v1 .col.rgh {
  text-align: center;
  background-color: #f7f7f7;
}
.wrap_designtype_v1 .col.rgh .cont {
  padding: 105px 20px;
}
.wrap_designtype_v1 .col.rgh .cont p {
  -ms-word-break: keep-all;
  word-break: keep-all;
}
.wrap_designtype_v1 .col.rgh .cont .h1 {
  color: #000;
  font-weight: 500;
  margin-bottom: 30px;
  font-size: 16px;
  font-size: 1em;
}
.wrap_designtype_v1 .col.rgh .cont .h2 {
  max-width: 420px;
  display: inline-block;
  color: #000;
  font-weight: 500;
  margin-bottom: 30px;
  font-size: 36px;
  font-size: 2.25em;
  line-height: 1.41666667;
  font-family: "Nanum Myeongjo";
  color: #6cacd2;
  font-weight: 700;
  letter-spacing: -2px;
}
.wrap_designtype_v1 .col.rgh .cont .t1 {
  font-size: 18px;
  font-size: 1.125em;
  line-height: 1.5;
  color: #000;
  letter-spacing: -1px;
  max-width: 420px;
  display: inline-block;
  font-weight: 400;
}
.wrap_designtype_v1 .col.rgh .cont .btns {
  margin-top: 40px;
}
@media screen and (max-width: 840px) {
  .wrap_designtype_v1.fz16 {
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  .wrap_designtype_v1 .col.rgh,
  .wrap_designtype_v1 .col.lft {
    float: none;
    width: auto;
  }
  .wrap_designtype_v1 .col.rgh {
    margin-left: 26px;
    margin-left: 3.0952381vw;
    margin-right: 26px;
    margin-right: 3.0952381vw;
    margin-top: -30%;
  }
  .wrap_designtype_v1 .thumb {
    width: 100%;
    height: 833px;
    height: 99.16666667vw;
  }
  .wrap_designtype_v1 .col.rgh .cont {
    padding: 77px 10px;
    padding: 9.16666667vw 1.19047619vw;
    margin-left: 25px;
    margin-left: 2.97619048vw;
    margin-right: 25px;
    margin-right: 2.97619048vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wrap_designtype_v1 .col.rgh .cont .h1 {
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  .wrap_designtype_v1 .col.rgh .cont .h2 {
    max-width: 628px;
    max-width: 74.76190476vw;
    margin-bottom: 40px;
    margin-bottom: 4.76190476vw;
    font-size: 47px;
    font-size: 5.5952381vw;
    line-height: 1.27659574;
  }
  .wrap_designtype_v1 .col.rgh .cont .t1 {
    font-size: 35px;
    font-size: 4.16666667vw;
    line-height: 1.57142857;
    max-width: 628px;
    max-width: 74.76190476vw;
  }
  .wrap_designtype_v1 .col.rgh .cont .btns {
    margin-top: 95px;
    margin-top: 11.30952381vw;
  }
}
.btn-type-v11 {
  width: 230px;
  height: 45px;
  border: 1px solid #dbdbdb;
  display: inline-block;
  font-size: 0;
  text-align: center;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.btn-type-v11:hover {
  background-color: #eee;
}
.btn-type-v11 > span {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1;
  color: #000;
  font-weight: 400;
}
.btn-type-v11 > span .arr {
  display: inline-block;
  margin-left: 10px;
  width: 23px;
  height: 9px;
  background: url(/story/upload/share/MF/images/ico_arr1.gif) 100% 0% no-repeat;
}
.btn-type-v11:after {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  content: "";
}
.btn-type-v12 {
  display: inline-block;
}
.btn-type-v12 .arr {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 102px;
  height: 8px;
  background: url(/story/upload/share/MF/images/ico_arr_rgh1.gif) 0 0 no-repeat;
  cursor: pointer;
}
@media screen and (max-width: 840px) {
  .btn-type-v11 {
    width: 442px;
    width: 52.61904762vw;
    height: 92px;
    height: 10.95238095vw;
  }
  .btn-type-v11 > span {
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  .btn-type-v11 > span .arr {
    margin-left: 34px;
    margin-left: 4.04761905vw;
    width: 40px;
    width: 4.76190476vw;
    height: 16px;
    height: 1.9047619vw;
    background-image: url(/story/upload/share/MF/images/ico_arr1_mo.gif);
  }
  /*  .btn-type-v12 .arr{display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left; width: 102px; height: 8px; background: url(/story/upload/share/MF/images/ico_arr_rgh1.gif) 0 0 no-repeat; cursor: pointer;}*/
}
.wrap_rolltype_v1 {
  position: relative;
  max-width: 1430px;
  margin-left: auto;
  margin-right: auto;
}
.wrap_rolltype_v1 .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.wrap_rolltype_v1 .item {
  /* width: 342px; float: left; */
}
#container.main .wrap_rolltype_v1 .item {
  cursor: pointer;
}
.wrap_rolltype_v1 .item .thumb {
  width: 100%;
  padding-bottom: 70%;
  position: relative;
}
.wrap_rolltype_v1 .item .thumb .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.wrap_rolltype_v1 .item .cont {
  margin-top: 33px;
}
.wrap_rolltype_v1 .item .cont .h1 {
  font-size: 14px;
  font-size: 0.875em;
  line-height: 1;
  color: #000;
  font-weight: 400;
  margin-bottom: 15px;
}
.wrap_rolltype_v1 .item .cont .t1 {
  height: 90px;
  overflow: hidden;
  font-size: 21px;
  font-size: 1.3125em;
  line-height: 1.42857143;
  color: #000;
  font-family: "Nanum Myeongjo";
  font-weight: 700;
}
.wrap_rolltype_v1 .item .cont .btns {
  margin-top: 41px;
}
.wrap_rolltype_v1 .owl-item {
  cursor: pointer;
  opacity: 0.2;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease;
}
.wrap_rolltype_v1 .owl-item.active {
  opacity: 1;
}
.wrap_rolltype_v1 .owl-nav {
  position: absolute;
  left: 50%;
  top: -59px;
  width: 1270px;
  margin-left: -635px;
  text-align: right;
  font-size: 0;
}
.wrap_rolltype_v1 .owl-nav .owl-prev,
.wrap_rolltype_v1 .owl-nav .owl-next {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 102px;
  height: 8px;
  background-color: #000;
  margin-left: 8px;
}
.wrap_rolltype_v1 .owl-nav .owl-prev {
  background: url(/story/upload/share/MF/images/ico_arr_lft1.gif) 0 0 no-repeat;
  cursor: pointer;
}
.wrap_rolltype_v1 .owl-nav .owl-next {
  background: url(/story/upload/share/MF/images/ico_arr_rgh1.gif) 0 0 no-repeat;
  cursor: pointer;
}
.wrap_rolltype_v1 .swiper-slide {
  width: 21%;
}
@media screen and (max-width: 1270+50px) {
  .wrap_rolltype_v1 .owl-nav {
    position: absolute;
    left: 0;
    top: -59px;
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 840px) {
  .wrap_rolltype_v1 .owl-item {
    opacity: 1;
  }
  .wrap_rolltype_v1 .owl-nav {
    display: none;
  }
  .wrap_rolltype_v1 .item .cont {
    margin-top: 47px;
    margin-top: 5.5952381vw;
  }
  .wrap_rolltype_v1 .item .cont .h1 {
    font-size: 25px;
    font-size: 2.97619048vw;
    margin-bottom: 30px;
    margin-bottom: 3.57142857vw;
  }
  .wrap_rolltype_v1 .item .cont .t1 {
    font-size: 42px;
    font-size: 5vw;
    line-height: 1.30952381;
    height: 167px;
    height: 19.88095238vw;
  }
  /*.wrap_rolltype_v1 .item .cont .t1 br{display: none;}*/
  .wrap_rolltype_v1 .item .cont .btns {
    margin-top: 41px;
    margin-top: 4.88095238vw;
  }
}
.wrap_movie_main {
  position: relative;
  left: 0;
  top: 0;
  height: 580px;
  /*padding-bottom: 37.2%; */
}
.wrap_movie_main .cont {
  position: relative;
  text-align: center;
  color: #fff;
  padding-top: 90px;
  padding-left: 30px;
  padding-right: 30px;
  z-index: 2;
}
.wrap_movie_main .cont .h1 {
  font-size: 13px;
  line-height: 1;
  margin-bottom: 25px;
  -ms-word-break: keep-all;
  word-break: keep-all;
}
.wrap_movie_main .cont .h2 {
  font-size: 32px;
  line-height: 1.5;
  -ms-word-break: keep-all;
  word-break: keep-all;
}
.wrap_movie_main .cont .t1 {
  margin-top: 25px;
  font-size: 18px;
  line-height: 27px;
  -ms-word-break: keep-all;
  word-break: keep-all;
}
.wrap_movie_main .cont .btns {
  margin-top: 40px;
}
.wrap_movie_main .more {
  display: inline-block;
  z-index: 2;
  width: 71px;
  height: 71px;
}
.wrap_movie_main .thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: 1;
}
.wrap_movie_main .thumb:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
  z-index: 1;
}
@media screen and (max-width: 840px) {
  .wrap_movie_main {
    height: auto;
  }
  .wrap_movie_main .cont {
    padding-top: 100px;
    padding-top: 11.9047619vw;
    padding-bottom: 100px;
    padding-bottom: 11.9047619vw;
    padding-left: 30px;
    padding-left: 3.57142857vw;
    padding-right: 30px;
    padding-right: 3.57142857vw;
  }
  .wrap_movie_main .cont .h1 {
    font-size: 25px;
    font-size: 2.97619048vw;
    margin-bottom: 30px;
    margin-bottom: 3.57142857vw;
  }
  .wrap_movie_main .cont .h2 {
    font-size: 47px;
    font-size: 5.5952381vw;
  }
  .wrap_movie_main .cont .t1 {
    margin-top: 30px;
    margin-top: 3.57142857vw;
    font-size: 35px;
    font-size: 4.16666667vw;
    line-height: 1.5;
  }
  .wrap_movie_main .cont .btns {
    margin-top: 40px;
    margin-top: 4.76190476vw;
  }
  .wrap_movie_main .more {
    width: auto;
  }
}
.wrap_designtype_v2 .inr-c {
  background-color: #f7f7f7;
  padding: 30px 20px;
}
.wrap_designtype_v2 .col {
  width: 33.3332%;
  float: left;
  padding: 50px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f7f7f7;
}
.wrap_designtype_v2 .col:hover {
  border-color: #6c6c6c;
}
.wrap_designtype_v2 .thumb {
  width: 100%;
  height: 0;
  padding-bottom: 92%;
  background: url(/story/upload/share/MF/images/tmp_slide3_1.jpg) 50% 50% no-repeat;
  display: block;
  -webkit-background-size: cover;
  background-size: cover;
}
.wrap_designtype_v2 .cont {
  margin-top: 35px;
}
.wrap_designtype_v2 .cont p {
  color: #000;
}
.wrap_designtype_v2 .n2 .cont {
  margin-bottom: 35px;
  margin-top: 0;
}
.wrap_designtype_v2 .cont .h1 {
  margin-bottom: 20px;
  font-size: 15px;
  font-size: 0.9375em;
  line-height: 1.2;
  font-weight: 400;
}
.wrap_designtype_v2 .cont .h2 {
  margin-bottom: 35px;
  font-size: 21px;
  font-size: 1.3125em;
  line-height: 1.42857143;
  font-weight: 600;
  height: 60px;
  overflow: hidden;
}
.wrap_designtype_v2 .cont .t1 {
  font-size: 18px;
  font-size: 1.125em;
  line-height: 1.5;
  height: 108px;
  overflow: hidden;
  font-weight: 500;
}
.wrap_designtype_v2 .cont .btns {
  margin-top: 20px;
}
.wrap_designtype_v2 .col:hover .cont .h2 {
  color: #2a7eb1;
}
.wrap_designtype_v2 .col:hover .cont .h2 span {
  border-bottom: 1px solid #838383;
}
.line-type1 {
  width: 100%;
  height: 198px;
  background-color: #7ba8c3;
}
@media screen and (max-width: 840px) {
  .wrap_designtype_v2 .inr-c {
    padding: 30px 26px 30px 26px;
    padding: 3.57142857vw 3.0952381vw 3.57142857vw 3.0952381vw;
  }
  .wrap_designtype_v2 .col {
    width: 100%;
    float: none;
    padding: 30px 20px;
    padding: 3.57142857vw 2.38095238vw;
  }
  .wrap_designtype_v2 .col:hover {
    border-color: transparent;
  }
  .wrap_designtype_v2 .cont {
    margin-top: 35px;
    margin-top: 4.16666667vw;
  }
  .wrap_designtype_v2 .n2 .cont {
    margin-bottom: 0;
    margin-top: 40px;
    margin-top: 4.76190476vw;
  }
  .wrap_designtype_v2 .cont .h1 {
    margin-bottom: 30px;
    margin-bottom: 3.57142857vw;
    font-size: 25px;
    font-size: 2.97619048vw;
  }
  .wrap_designtype_v2 .cont .h2 {
    margin-bottom: 50px;
    margin-bottom: 5.95238095vw;
    font-size: 42px;
    font-size: 5vw;
    line-height: 1.30952381;
    height: auto;
  }
  .wrap_designtype_v2 .cont .t1 {
    font-size: 35px;
    font-size: 4.16666667vw;
    line-height: 1.57142857;
    height: auto;
  }
  .wrap_designtype_v2 .cont .btns {
    display: none;
  }
  .wrap_designtype_v2 .col:hover .cont .h2 {
    color: #2a7eb1;
    color: #000;
  }
  .wrap_designtype_v2 .col:hover .cont .h2 span {
    border-width: 0;
  }
  .line-type1 {
    height: 377px;
    height: 44.88095238vw;
  }
}
.wrap_designtype_v3 .inr-c {
  position: relative;
  width: auto;
  max-width: 1363px;
  left:16px;
}
.wrap_designtype_v3 .item {
  cursor: pointer;
  position: relative;
}
.wrap_designtype_v3 .item,
.wrap_designtype_v3 .grid-sizer {
  width: 17.95275591%;
  height: 238px;
  margin: 0.78740157%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrap_designtype_v3 .item .thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: 1;
}
.wrap_designtype_v3 .item:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  content: "";
  opacity: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a659d+0,2a659d+53&1+0,0+54,0+54 */
  background: -moz-linear-gradient(top, #2a659d 0%, rgba(42, 101, 157, 0.02) 65%, rgba(42, 101, 157, 0) 66%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2a659d 0%, rgba(42, 101, 157, 0.02) 65%, rgba(42, 101, 157, 0) 66%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2a659d 0%, rgba(42, 101, 157, 0.02) 65%, rgba(42, 101, 157, 0) 66%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a659d', endColorstr='#002a659d', GradientType=0);
  /* IE6-9 */
}
.wrap_designtype_v3 .item.item--width2:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  content: "";
  opacity: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a659d+0,2a659d+53&1+0,0+54,0+54 */
  background: -moz-linear-gradient(top, #2a659d 0%, rgba(42, 101, 157, 0.02) 35%, rgba(42, 101, 157, 0) 36%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2a659d 0%, rgba(42, 101, 157, 0.02) 35%, rgba(42, 101, 157, 0) 36%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2a659d 0%, rgba(42, 101, 157, 0.02) 35%, rgba(42, 101, 157, 0) 36%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a659d', endColorstr='#002a659d', GradientType=0);
  /* IE6-9 */
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.wrap_designtype_v3 .item .head {
  position: absolute;
  left: 20px;
  top: 15px;
  color: #fff;
  z-index: 3;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.wrap_designtype_v3 .item .head .h1 {
  font-size: 14px;
  font-size: 0.875em;
  line-height: 1;
}
.wrap_designtype_v3 .item .head .t1 {
  margin-top: 10px;
  font-size: 24px;
  font-size: 1.5em;
  line-height: 1.375;
  font-family: "Nanum Myeongjo";
  font-weight: 700;
}
.wrap_designtype_v3 .item:hover:before,
.wrap_designtype_v3 .item:hover .head {
  opacity: 1;
}
.wrap_designtype_v3 .item--width2 {
  width: 37.48031496%;
}
.wrap_designtype_v3 .item--height2 {
  height: 496px;
}
@media screen and (max-width: 840px) {
  .wrap_designtype_v3 .inr-c {
    padding-left: 1.5%;
    padding-right: 1.5%;
    left: 0;
  }
  .wrap_designtype_v3 .grid-sizer {
    width: 50%;
  }
  .wrap_designtype_v3 .item {
    width: 45.5%;
    height: 375px;
    height: 44.64285714vw;
    margin: 1.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wrap_designtype_v3 .item--width2 {
    width: 94%;
    margin: 1.5%;
  }
  .wrap_designtype_v3 .item--height2 {
    height: 775px;
    height: 92.26190476vw;
  }
  .wrap_designtype_v3 .item .head,
  .wrap_designtype_v3 .item.item:before {
    opacity: 1;
  }
  .wrap_designtype_v3 .item.item:before {
    background: none;
    background-color: rgba(42, 101, 157, 0.3);
  }
  .wrap_designtype_v3 .item .head {
    left: 27px;
    left: 3.21428571vw;
    bottom: 36px;
    bottom: 4.28571429vw;
    top: auto;
    width: 84%;
  }
  .wrap_designtype_v3 .item .head .h1 {
    display: none;
  }
  .wrap_designtype_v3 .item .head .t1 {
    font-size: 28px;
    font-size: 3.33333333vw;
    line-height: 1.17857143;
    font-family: 'Noto Sans KR';
    font-weight: 600;
    margin-top: 0;
  }
  .wrap_designtype_v3 .item--width2 .head {
    left: 77px;
    left: 9.16666667vw;
    top: 50px;
    top: 5.95238095vw;
  }
  .wrap_designtype_v3 .item--width2 .head .h1 {
    display: block;
    font-size: 25px;
    font-size: 2.97619048vw;
    margin-bottom: 25px;
    margin-bottom: 2.97619048vw;
    font-weight: 600;
    color: #000;
  }
  .wrap_designtype_v3 .item--width2 .head .t1 {
    font-size: 42px;
    font-size: 5vw;
    line-height: 1.30952381;
    padding-right: 10px;
    padding-right: 1.19047619vw;
    font-weight: 600;
    margin-top: 0;
    color: #000;
  }
}
.wrap_rolltype_v2 {
  background-color: #f7f7f7;
  padding: 70px 0 90px;
}
.wrap_rolltype_v2 .inr-c {
  max-width: 1052px;
}
.wrap_rolltype_v2 .item .t1 {
  font-size: 13px;
  font-size: 0.8125em;
  line-height: 1;
  color: #000;
  margin-bottom: 10px;
  font-weight: 500;
}
.wrap_rolltype_v2 .item .thumb {
  display: block;
  position: relative;
  width: calc(100% - 2px);
  border: 1px solid transparent;
  height: 0;
  padding-bottom: 133.5%;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.wrap_rolltype_v2 .item .thumb .img {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrap_rolltype_v2 .item .thumb:hover {
  border-color: #000;
}
.wrap_rolltype_v2 .owl-nav {
  position: absolute;
  left: 50%;
  top: -68px;
  width: 1270px;
  margin-left: -635px;
  text-align: left;
}
.wrap_rolltype_v2 .owl-nav .owl-prev,
.wrap_rolltype_v2 .owl-nav .owl-next {
  position: absolute;
  top: 220px;
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  width: 102px;
  height: 8px;
  background-color: #000;
}
.wrap_rolltype_v2 .owl-nav .owl-prev {
  left: 0;
  background: url(/story/upload/share/MF/images/ico_arr_lft1.gif) 0 0 no-repeat;
  cursor: pointer;
}
.wrap_rolltype_v2 .owl-nav .owl-next {
  right: 0;
  background: url(/story/upload/share/MF/images/ico_arr_rgh1.gif) 0 0 no-repeat;
  cursor: pointer;
  background-position: 100% 0;
}
@media screen and (max-width: 1328px) {
  .wrap_rolltype_v2 .owl-nav {
    left: 0;
    margin-left: 0;
    width: 100%;
  }
  .wrap_rolltype_v2 .inr-c {
    margin-left: 70px;
    margin-right: 70px;
    width: auto;
    max-width: none;
  }
  .wrap_rolltype_v2 .owl-nav .owl-prev,
  .wrap_rolltype_v2 .owl-nav .owl-next {
    width: 30px;
    height: 8px;
  }
  .wrap_rolltype_v2 .owl-nav .owl-prev {
    left: -50px;
  }
  .wrap_rolltype_v2 .owl-nav .owl-next {
    right: -50px;
  }
}
@media screen and (max-width: 840px) {
  .wrap_rolltype_v2 {
    padding: 70px 0px 90px 0px;
    padding: 8.33333333vw 0vw 10.71428571vw 0vw;
  }
  .wrap_rolltype_v2 .item .t1 {
    font-size: 25px;
    font-size: 2.97619048vw;
    margin-bottom: 20px;
    margin-bottom: 2.38095238vw;
  }
  .wrap_rolltype_v2 .owl-nav {
    display: none;
  }
  .wrap_rolltype_v2 .inr-c {
    margin-left: 30px;
    margin-left: 3.57142857vw;
    margin-right: 30px;
    margin-right: 3.57142857vw;
  }
}
.wrap_quickmenu {
  position: fixed;
  right: -200px;
  bottom: 152px;
  z-index: 15;
  background-color: #fff;
}
.wrap_quickmenu.fix {
  position: fixed;
}
.wrap_quickmenu .lst {
  padding: 40px 10px;
  width: 72px;
  -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.38);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.38);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  left: 0;
  -webkit-transition-property: left opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
}
.wrap_quickmenu .lst li {
  margin-top: 20px;
}
.wrap_quickmenu .lst li:first-child {
  margin-top: 0;
}
/*.wrap_quickmenu .lst li.btn_share a span.txt {
  color: #0296cc;
}*/
.wrap_quickmenu .lst a,
.wrap_quickmenu .lst a span {
  display: block;
  text-align: center;
}
.wrap_quickmenu .lst a span.ico {
  font-size: 0;
  line-height: 0;
}
.wrap_quickmenu .lst a span.ico img{width: 70%; height: auto;}
.wrap_quickmenu .lst a span.txt {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1;
  color: #000;
  margin-top: 2px;
  letter-spacing: 0;
}
.wrap_quickmenu .lst li.btn_close {
  margin-top: 31px;
}
.wrap_quickmenu .btn_close i {
  font-size: 36px;
  color: #c3c3c3;
}
.wrap_quickmenu .lst.share {
  position: absolute;
  left: 100%;
  bottom: 0;
  z-index: 3;
  background-color: #fff;
  opacity: 0;
}
.wrap_quickmenu .lst.menu.close {
  left: 100%;
}
.wrap_quickmenu .lst.share.open {
  left: 0;
  opacity: 1;
}
.btn-top{bottom: 92px;}
.btn-quickmenu {
  display: none;
  opacity: 0;
  -webkit-animation: btnTopOn 0.5s cubic-bezier(0.775, -0.04, 0.12, 0.92) both;
  animation: btnTopOn 0.5s cubic-bezier(0.775, -0.04, 0.12, 0.92) both;
  /*
  none // 기본값
  forwards // 마지막 프레임 유지
  backwards // 처음에 적용된 스타일 값으로 유지
  both // forwards와 backwards를 모두 유지
  */
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: fixed;
  right: 14px;
  bottom: 152px;
  z-index: 15;
  /*-webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);*/
}
.btn-quickmenu.top {
  opacity: 1;
  display: block;
  font-size: 0;
  z-index: 10;
}
@media screen and (max-width: 840px) {
  .btn-top.top img,
  .btn-quickmenu img {
    width: 40px;
  }
  /*.btn-top.top{.r(14); .b(10); }
  .btn-quickmenu{.r(14); .b(60); }
  .wrap_quickmenu{.b(60);}*/
  .wrap_quickmenu .lst {
    padding: 40px 16px;
    padding: 4.76190476vw 1.9047619vw;
    width: 122px;
    width: 14.52380952vw;
    -webkit-box-shadow: 0px 0px 2.29468599vw 0px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 0px 2.29468599vw 0px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 0px 2.29468599vw 0px rgba(0, 0, 0, 0.38);
  }
  .wrap_quickmenu .lst li {
    margin-top: 20px;
    margin-top: 2.38095238vw;
  }
  .wrap_quickmenu .lst a span.txt {
    margin-top: 6px;
    margin-top: 0.71428571vw;
    font-size: 18px;
    font-size: 2.14285714vw;
  }
  .wrap_quickmenu .lst li.btn_close {
    margin-top: 51px;
    margin-top: 6.07142857vw;
  }
  .wrap_quickmenu .btn_close i {
    font-size: 48px;
    font-size: 5.71428571vw;
  }
  .wrap_quickmenu .lst.share a span.ico img,
  .wrap_quickmenu .lst.menu a span.ico img {
    width: 56px;
    width: 6.66666667vw;
  }
  .wrap_quickmenu .lst.share {
    position: absolute;
    left: 100%;
    bottom: 0;
    z-index: 3;
    background-color: #fff;
    opacity: 0;
  }
  .wrap_quickmenu .lst.menu.close {
    left: 100%;
  }
  .wrap_quickmenu .lst.share.open {
    left: 0;
    opacity: 1;
  }
}
.ist_sns_set1 {
  font-size: 0;
  text-align: center;
}
.ist_sns_set1 li {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
}
@media screen and (max-width: 840px) {
  .ist_sns_set1 li {
    margin-left: 15px;
    margin-left: 1.78571429vw;
    margin-right: 15px;
    margin-right: 1.78571429vw;
  }
  .ist_sns_set1 li img {
    width: 55px;
    width: 6.54761905vw;
  }
}
.lst_thumbtype2 .inner {
  background-color: #fff;
}
#footer_type2 {
  background-color: #d8d8d8;
  z-index: 5;
  position: relative;
}
#footer_type2 > .inr-c {
  padding: 73px 0 110px;
  max-width: 1143px;
  margin-left: auto;
  margin-right: auto;
}
#footer_type2 .area_lft {
  float: left;
  text-align: left;
}
#footer_type2 .area_lft .newsletter,
#footer_type2 .area_lft .logo {
  display: inline-block;
  vertical-align: top;
}
#footer_type2 .area_lft .logo a {
  display: block;
  text-align: center;
}
#footer_type2 .area_lft .logo a.logo1 img {
  width: 95px;
  height: auto;
}
#footer_type2 .area_lft .logo a.logo2 {
  margin-top: 20px;
}
#footer_type2 .area_lft .logo a.logo2 img {
  width: 148px;
  height: auto;
}
#footer_type2 .area_lft .newsletter {
  margin-left: 60px;
}
#footer_type2 .area_lft .newsletter .t1 {
  font-size: 14px;
  font-size: 0.875em;
  line-height: 1.38461538;
  font-weight: 500;
  color: #000;
}
#footer_type2 .area_lft .newsletter .btns {
  margin-top: 10px;
}
#footer_type2 .area_lft .newsletter .btns a {
  display: inline-block;
  width: 220px;
  height: 50px;
  border: 1px solid #939393;
  border-radius: 10px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-color: #eeeeee;
}
#footer_type2 .area_lft .newsletter .btns a > * {
  display: inline-block;
  vertical-align: middle;
}
#footer_type2 .area_lft .newsletter .btns a:after {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  content: "";
}
#footer_type2 .area_lft .newsletter .btns a .arr {
  display: inline-block;
  margin-left: 10px;
  width: 23px;
  height: 9px;
  background: url(/story/upload/share/MF/images/ico_arr1.gif) 100% 0% no-repeat;
}
#footer_type2 .area_lft .newsletter .btns a span {
  font-size: 14px;
  line-height: 1;
  color: #000;
  font-weight: 400;
}
#footer_type2 .area_rgh {
  float: right;
  text-align: right;
}
#footer_type2 .area_rgh .ist_sns_set1 {
  opacity: 0.5;
  text-align: right;
}
#footer_type2 .area_rgh .ist_sns_set1 li {
  margin-left: 7px;
  margin-right: 7px;
}
#footer_type2 .area_rgh .ist_sns_set1 li:last-child {
  margin-right: 0;
}
#footer_type2 .area_rgh .infomation {
  margin-top: 17px;
  font-size: 13px;
  font-size: 0.8125em;
  line-height: 1.46153846;
  font-weight: 500;
  color: #000;
}
.allmenu_fot .lst-owl .desc,
.allmenu_fot .header .h1 {
  color: #000;
}
.allmenu_fot {
  background-color: #d8d8d8;
}
.allmenu_fot .btn_all,
.allmenu_fot .btn_open {
  width: 105px;
}
.allmenu_fot .btn_all,
.allmenu_fot .btn_open {
  background-color: #d8d8d8;
}
.allmenu_fot .btn_all span,
.allmenu_fot .btn_all span:after {
  background: none;
}
.allmenu_fot .btn_all span {
  font-size: 13px;
  color: #767575;
  width: 104px;
  left: 0;
  margin-left: 0;
  margin-top: -7px;
  text-align: center;
}
.allmenu_fot .btn_all span:after {
  background-color: #000;
  display: none;
}
.allmenu_fot .btn_all:hover span {
  background: none;
  color: #000;
}
#area_allmenu.allOpen .btn_all {
  background-color: #d8d8d8;
}
#area_allmenu.allOpen .btn_all span {
  -ms-transform: rotate(0);
  /* IE 9 */
  -webkit-transform: rotate(0);
  /* Chrome, Safari, Opera */
  transform: rotate(0);
}
.allmenu_fot.eng .btn_all,
.allmenu_fot.eng .btn_open {
  width: 145px;
}
.allmenu_fot.eng .btn_all span {
  width: 145px;
}
@media screen and (max-width: 1143+50px) {
  #footer_type2 > .inr-c {
    width: auto;
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media screen and (max-width: 840px) {
  #footer_type2 > .inr-c {
    padding-top: 95px;
    padding-top: 11.30952381vw;
    padding-bottom: 95px;
    padding-bottom: 11.30952381vw;
  }
  #footer_type2 .area_lft,
  #footer_type2 .area_rgh {
    display: block;
    float: none;
    text-align: center;
  }
  #footer_type2 .ist_sns_set1,
  #footer_type2 .area_lft .newsletter {
    display: none;
  }
  #footer_type2 .area_lft .logo a.logo1 img {
    width: 210px;
    width: 25vw;
  }
  #footer_type2 .area_lft .logo a.logo2 {
    margin-top: 40px;
    margin-top: 4.76190476vw;
  }
  #footer_type2 .area_lft .logo a.logo2 img {
    width: 320px;
    width: 38.0952381vw;
  }
  #footer_type2 .area_rgh .infomation {
    margin-top: 45px;
    margin-top: 5.35714286vw;
    font-size: 28px;
    font-size: 3.33333333vw;
  }
  #footer_type2 .top {
    text-align: center;
    margin-top: 60px;
    margin-top: 7.14285714vw;
  }
  /*.allmenu_fot .btn_all, .allmenu_fot .btn_open{background-color: #c1c1c1;}*/
  .allmenu_fot .lst-owl .desc {
    font-size: 20px;
    font-size: 2.38095238vw;
  }
  #area_allmenu {
    position: relative;
    margin-top: 0;
  }
  /*.allmenu_fot .btn_all, .allmenu_fot .btn_open{background-color: #b0b0b0;}*/
  .allmenu_fot .lst-owl > .thumb:nth-child(1n + 1) {
    width: 30.2%;
  }
}
.lst_thumbtype2 .inner {
  background-color: #f7f7f7;
  padding-left: 2.91338583%;
  padding-top: 84px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid-sizer {
  width: 33.3333%;
}
.box-item1 {
  width: 29.29133858%;
  margin-bottom: 50px;
  position: relative;
}
.box-item1.w2 {
  width: 62.75590551%;
}
.box-item1 .thumb {
  display: block;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  height: 350px;
}
.box-item1 .thumb img {
  width: 100%;
  height: auto;
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -ms-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s;
  z-index: 0;
  position: relative;
  display: block;
}
.box-item1 .thumb:hover img {
  -ms-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);
}
.box-item1 .thumb a {
  display: block;
}
.box-item1 .thumb a img {
  display: block;
  position: relative;
  z-index: 0;
}
.box-item1 .thumb a:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  z-index: 2;
  opacity: 0;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s;
}
.box-item1 .thumb:hover a:after {
  opacity: 1;
}
.box-item1 .cont {
  display: block;
  margin-top: 40px;
}
.box-item1 .cont .inner {
  padding: 21px 10px 30px;
}
.box-item1 .cont .t1 {
  display: block;
  color: #333;
  font-size: 14px;
  font-size: 0.93333333em;
  height: 22px;
  line-height: 1.3;
  font-weight: 500;
  -ms-word-break: keep-all;
  word-break: keep-all;
  overflow: hidden;
}
.box-item1 .cont .t2 {
  display: block;
  margin-top: 11px;
  font-size: 21px;
  font-size: 1.4em;
  line-height: 1.3;
  font-weight: 600;
  color: #000;
  -ms-word-break: keep-all;
  word-break: keep-all;
  height: 91px;
  overflow: hidden;
}
@media screen and (max-width: 840px) {
  .lst_thumbtype2 .inner {
    padding-left: 2.91338583%;
    padding-top: 84px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .grid-sizer {
    width: 50%;
  }
  .box-item1,
  .box-item1.w2 {
    width: 46.42857143%;
    margin-bottom: 80px;
    margin-bottom: 9.52380952vw;
  }
  .box-item1 .thumb {
    height: 350px;
    height: 41.66666667vw;
  }
  .box-item1 .cont {
    margin-top: 40px;
    margin-top: 4.76190476vw;
  }
  .box-item1 .cont .inner {
    padding: 21px 10px 30px 10px;
    padding: 2.5vw 1.19047619vw 3.57142857vw 1.19047619vw;
  }
  .box-item1 .cont .t1 {
    font-size: 25px;
    font-size: 2.97619048vw;
    height: 31px;
    height: 3.69047619vw;
  }
  .box-item1 .cont .t2 {
    margin-top: 40px;
    margin-top: 4.76190476vw;
    font-size: 42px;
    font-size: 5vw;
    line-height: 1.30952381;
    height: 166px;
    height: 19.76190476vw;
    overflow: hidden;
  }
  .box-item1 .cont .t2 br {
    display: none;
  }
}
.wrap_gnb {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 10;
  border: 1px solid #e4e5e3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: none;
}
.wrap_gnb .head {
  margin-bottom: 23px;
  text-align: left;
  max-width: 180px;
}
.wrap_gnb .head .month {
  color: #6cacd2;
  font-size: 80px;
  line-height: 1;
  font-weight: 700;
  font-family: 'Nanum Myeongjo';
  letter-spacing: -2px;
  border-bottom: 3px solid #6cacd2;
}
.wrap_gnb .head .date2 {
  padding-top: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #8f8f8f;
}
.wrap_gnb .img_front span {
  display: inline-block;
  font-size: 0;
  border: 1px solid #e1e1e1;
}
.wrap_gnb .inner_gnb {
  padding: 90px 60px;
  position: absolute;
  left: 0;
  top: 0;
}
.wrap_gnb .inner_gnb .area_row.r1 {
  width: 388px;
  margin-left: 0;
}
.wrap_gnb .area_row {
  float: left;
  width: 260px;
  margin-left: 75px;
}
.wrap_gnb .area_row li {
  margin-bottom: 25px;
}
.wrap_gnb .area_row .h,
.wrap_gnb .area_row .t {
  display: block;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  color: #000;
}
.wrap_gnb.eng .area_row .t {
  position: relative;
  padding-left: 10px;
}
.wrap_gnb.eng .area_row .t:after {
  position: absolute;
  left: -4px;
  top: 0;
  content: "ㆍ";
}
.wrap_gnb .area_row .h {
  font-weight: 700;
}
.wrap_gnb .area_row .h.c2 {
  color: #45b4e9;
}
.wrap_gnb .area_row .h.c3 {
  color: #e48d20;
}
.wrap_gnb .close {
  position: absolute;
  left: 55px;
  top: 5px;
  font-size: 40px;
  color: #c3c3c3;
}
.wrap_gnb .close:hover {
  color: #6cacd2;
}
.wrap_gnb .area_row li > a:hover {
  color: #2a7eb1;
}
.wrap_gnb .btns {
  text-align: center;
  padding-top: 25px;
}
.wrap_gnb .btns li {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
}
.wrap_gnb .btns li .ico,
.wrap_gnb .btns li .txt {
  display: block;
}
.wrap_gnb .btns li .txt {
  margin-top: 3px;
  font-size: 12px;
  color: #000;
}
.wrap_gnb .btns li img {
  width: 34px;
  height: auto;
}
@media screen and (max-width: 1540px) {
  .wrap_gnb .area_row{width: 230px;}
}
@media screen and (max-width: 1460px) {
  .wrap_gnb .img_front {
    display: none;
  }
  .wrap_gnb .inner_gnb {
    padding-left: 240px;
  }
  .wrap_gnb .inner_gnb .area_row.r1 {
    position: absolute;
    left: 60px;
    top: 90px;
    width: 198px;
  }
  .wrap_gnb .btns {
    text-align: left;
  }
  .wrap_gnb .btns li {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }
  .wrap_gnb .btns li a {
    display: inline-block;
    text-align: center;
    width: 40px;
  }
  /*.wrap_gnb .area_row.r4.mn{margin-top: 50px;}*/
}
@media screen and (max-width: 1280px) {
  .wrap_gnb .area_row {
    margin-left: 50px;
  }
}
@media screen and (max-width: 1160px) {
  .wrap_gnb .inner_gnb .area_row.last {
    margin-top: 50px;
  }
}
@media screen and (max-width: 880px) {
  .wrap_gnb .area_row {
    margin-left: 30px;
  }
}
.wrap_gnb_mo {
  display: none;
  position: fixed;
  left: 0;
  top: 102px;
  top: 12.14285714vw;
  width: 100%;
  background-color: #fff;
  z-index: 10;
  overflow: hidden;
}
.wrap_gnb_mo .inner_gnb {
  padding: 110px 35px;
  padding: 13.0952381vw 4.16666667vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrap_gnb_mo .inner_gnb .area_row {
  width: 350px;
  width: 41.66666667vw;
}
.wrap_gnb_mo .inner_gnb .area_row.lft {
  float: left;
}
.wrap_gnb_mo .inner_gnb .area_row.rgh {
  float: right;
}
.wrap_gnb_mo .mm {
  margin-bottom: 50px;
  margin-bottom: 5.95238095vw;
}
.wrap_gnb_mo .mm > a {
  position: relative;
  display: block;
  font-size: 28px;
  font-size: 3.33333333vw;
  color: #000;
  font-weight: 700;
}
.wrap_gnb_mo .mm > a:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 39px;
  font-size: 4.64285714vw;
  color: #808080;
  position: absolute;
  right: 0;
  top: 2px;
  top: 0.23809524vw;
  content: "\ea0b";
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.wrap_gnb_mo .mm.open > a:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.wrap_gnb_mo .mm .dep2 {
  display: none;
}
.wrap_gnb_mo .mm .dep2 ul {
  padding-top: 45px;
  padding-top: 5.35714286vw;
  padding-left: 35px;
  padding-left: 4.16666667vw;
}
.wrap_gnb_mo .mm .dep2 li {
  margin-top: 35px;
  margin-top: 4.16666667vw;
}
.wrap_gnb_mo .mm .dep2 li:first-child {
  margin-top: 0;
}
#spot_main_ty2 {
  margin-bottom: 80px;
  visibility: hidden;
}
#spot_main_ty2 .wrap_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#spot_main_ty2 .wrap_bg:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
  z-index: 10;
}
#spot_main_ty2 .wrap_bg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#spot_main_ty2 .wrap_bg .bg.on {
  z-index: 3;
  opacity: 1;
}
#spot_main_ty2 .wrap_bg .bg .bar {
  float: left;
  height: 100%;
  position: relative;
}
#spot_main_ty2 .wrap_bg .bg .bar b {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
}
#spot_main_ty2 .wrap_bg .bg .bar b.st {
  -webkit-animation: bg-side 1s cubic-bezier(0.775, -0.04, 0.12, 0.92) both;
  animation: bg-side 1s cubic-bezier(0.775, -0.04, 0.12, 0.92) both;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#spot_main_ty2 .wrap_pageing {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
#spot_main_ty2 .wrap_pageing .line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
#spot_main_ty2 .wrap_pageing .item {
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*border-left: 1px solid rgba(255,255,255,0.3);*/
  -webkit-transition-property: border;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
}
#spot_main_ty2 .wrap_pageing .item:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  opacity: 0.3;
  background-color: #fff
  ;
  content: "";
}
#spot_main_ty2 .wrap_pageing .item:fisrt-child:after {
  display: none;
}
#spot_main_ty2 .wrap_pageing .item.last:before {
  left: auto;
  right: 0;
}
#spot_main_ty2 .wrap_pageing .item .p_summary,
#spot_main_ty2 .wrap_pageing .item a {
  color: #fff;
}
#spot_main_ty2 .wrap_pageing .item.fc-ty1 .p_summary,
#spot_main_ty2 .wrap_pageing .item.fc-ty1 a {
  color: #fff;
}
#spot_main_ty2 .wrap_pageing .item.fc-ty2 .p_summary,
#spot_main_ty2 .wrap_pageing .item.fc-ty2 a {
  color: #000;
}
#spot_main_ty2 .wrap_pageing .item .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: 0;
  opacity: 0;
}
#spot_main_ty2 .wrap_pageing .item .bg:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  content: "";
}
/*#spot_main_ty2 .wrap_pageing .item.hover .bg{
    -webkit-animation: bg-hover 0.1s cubic-bezier(0.775, -0.040, 0.120, 0.920) both;
    animation: bg-hover 0.1s cubic-bezier(0.775, -0.040, 0.120, 0.920) both;

    none // 기본값
forwards // 마지막 프레임 유지
backwards // 처음에 적용된 스타일 값으로 유지
both // forwards와 backwards를 모두 유지
    -webkit-animation-delay: 1s;
          animation-delay: 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;


}*/
#spot_main_ty2 .wrap_pageing .item .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #ddd;
  z-index: 1;
}
#spot_main_ty2 .wrap_pageing .item.change .bar {
  -webkit-animation: bg-side 2s cubic-bezier(0.775, -0.04, 0.12, 0.92) both;
  animation: bg-side 2s cubic-bezier(0.775, -0.04, 0.12, 0.92) both;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#spot_main_ty2 .wrap_pageing .item.hover .bar {
  -webkit-animation: bg-side 0.8s cubic-bezier(0.775, -0.04, 0.12, 0.92) both;
  animation: bg-side 0.8s cubic-bezier(0.775, -0.04, 0.12, 0.92) both;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#spot_main_ty2 .wrap_pageing .item .cont {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
}
#spot_main_ty2 .wrap_pageing .item .cont:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: transparent;
  z-index: 0;
}
#spot_main_ty2 .wrap_pageing .item .btn {
  text-align: center;
  z-index: 2;
  position: relative;
}
#spot_main_ty2 .wrap_pageing .item .btn a {
  font-size: 14px;
  display: block;
  text-align: center;
  padding: 25px;
  font-weight: bold;
}
#spot_main_ty2 .wrap_pageing .item.hover .btn a {
  background-color: rgba(255, 255, 255, 0.3);
}
#spot_main_ty2 .wrap_pageing .item .p_summary {
  position: relative;
  display: none;
  z-index: 1;
}
#spot_main_ty2 .wrap_pageing .item .p_summary .txt {
  display: block;
  position: relative;
  margin: 25px 20px;
  /*height: 1+(26*4)+0px; overflow: hidden;*/
  line-height: 26px;
  -ms-word-break: keep-all;
  word-break: keep-all;
}
#spot_main_ty2 .more {
  display: block;
  width: 55px;
  height: 9px;
  position: relative;
  margin-left: -1px;
  background: url(/story/upload/share/MF/images/ico_arr_l.png) 100% 0 no-repeat;
  /* -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);


  -webkit-transition-property: width ;
  -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function: ease;*/
}
/*#spot_main_ty2 .wrap_pageing .item.hover .more{width: 100px;}*/
#spot_main_ty2 .wrap_pageing .item.change .cont #spot_main_ty2 .wrap_pageing .item.change .cont {
  opacity: 0;
}
#spot_main_ty2.n2 .wrap_bg .bg .bar,
#spot_main_ty2.n2 .wrap_pageing .item {
  width: 25%;
}
#spot_main_ty2.n3 .wrap_bg .bg .bar,
#spot_main_ty2.n3 .wrap_pageing .item {
  width: 20%;
}
#spot_main_ty2.n4 .wrap_bg .bg .bar,
#spot_main_ty2.n4 .wrap_pageing .item {
  width: 16.66666667%;
}
#spot_main_ty2.n5 .wrap_bg .bg .bar,
#spot_main_ty2.n5 .wrap_pageing .item {
  width: 14.28571429%;
}
#spot_main_ty2.n6 .wrap_bg .bg .bar,
#spot_main_ty2.n6 .wrap_pageing .item {
  width: 12.5%;
}
#spot_main_ty2.n7 .wrap_bg .bg .bar,
#spot_main_ty2.n7 .wrap_pageing .item {
  width: 11.11111111%;
}
#spot_main_ty2 .wrap_title {
  position: absolute;
  left: 33.4%;
  top: 45%;
  z-index: 5;
  color: #ffffff;
  font-size: 21px;
  font-size: 1.3125em;
  line-height: 1.475;
}
#spot_main_ty2 .wrap_title.eng {
  left: 16.8%;
  top: 35%;
}
#spot_main_ty2 .wrap_title .h {
  display: none;
  cursor: pointer;
}
#spot_main_ty2 .wrap_title .h.on {
  display: block;
}
#spot_main_ty2 .wrap_title .h p {
  padding-left: 20px;
}
#spot_main_ty2 .wrap_title .h .t2 {
  font-family: 'Nanum Myeongjo';
  font-size: 36px;
  font-size: 1.71428571em;
  line-height: 1.2;
  margin-top: 15px;
}
#spot_main_ty2 .wrap_title .h .t1 {
  margin-top: 15px;
}
#spot_main_ty2 .wrap_title .h .btns {
  margin-top: 20px;
}
#spot_main_ty2 .wrap_title .h .btns a {
  width: 100px;
}
/*#spot_main_ty2 .wrap_title .h.n4 .t1 {
  font-family: 'Jua', sans-serif;
  letter-spacing: 0;
  font-size: 36px;
  font-size: 1.71428571em;
}*/
.btn-top {
  display: none;
  opacity: 0;
  -webkit-animation: btnTopOn 0.5s cubic-bezier(0.775, -0.04, 0.12, 0.92) both;
  animation: btnTopOn 0.5s cubic-bezier(0.775, -0.04, 0.12, 0.92) both;
  /*
none // 기본값
forwards // 마지막 프레임 유지
backwards // 처음에 적용된 스타일 값으로 유지
both // forwards와 backwards를 모두 유지
*/
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.btn-top.top {
  display: block;
  opacity: 1;
}
@-webkit-keyframes btnTopOn {
  0% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes btnTopOn {
  0% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@media screen and (max-width: 840px) {
  #spot_main_ty2 .wrap_pageing .item .cont:after {
    display: none;
  }
  #spot_main_ty2 {
    margin-bottom: 100px;
    margin-bottom: 11.9047619vw;
  }
  /*#spot_main_ty2 .wrap_bg:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(255,255,255,0.3); content:"";}*/
  #spot_main_ty2 .wrap_bg .bg .bar {
    display: none !important;
  }
  #spot_main_ty2 .wrap_pageing {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
  }
  #spot_main_ty2 .wrap_pageing .item:after {
    display: none;
  }
  #spot_main_ty2 .wrap_pageing .item:fisrt-child:after,
  #spot_main_ty2 .wrap_pageing .item.last:before {
    display: none;
  }
  #spot_main_ty2 .wrap_pageing .line,
  #spot_main_ty2 .wrap_pageing .item .bar {
    display: none;
  }
  /* #spot_main_ty2.n2 .wrap_bg .bg .bar,
  #spot_main_ty2.n2 .wrap_pageing .item{width: 100/2%;}
  #spot_main_ty2.n3 .wrap_bg .bg .bar,
  #spot_main_ty2.n3 .wrap_pageing .item{width: 100/3%;}
  #spot_main_ty2.n4 .wrap_bg .bg .bar,
  #spot_main_ty2.n4 .wrap_pageing .item{width: 100/4%;}
  #spot_main_ty2.n5 .wrap_bg .bg .bar,
  #spot_main_ty2.n5 .wrap_pageing .item{width: 100/5%;}
  #spot_main_ty2.n6 .wrap_bg .bg .bar,
  #spot_main_ty2.n6 .wrap_pageing .item{width: 100/6%;}
  #spot_main_ty2.n7 .wrap_bg .bg .bar,
  #spot_main_ty2.n7 .wrap_pageing .item{width: 100/7%;} */
  #spot_main_ty2.n2 .wrap_pageing .item,
  #spot_main_ty2.n3 .wrap_pageing .item,
  #spot_main_ty2.n4 .wrap_pageing .item,
  #spot_main_ty2.n5 .wrap_pageing .item,
  #spot_main_ty2.n6 .wrap_pageing .item,
  #spot_main_ty2.n7 .wrap_pageing .item {
    width: auto;
    display: inline-block;
    float: none;
    min-width: 10px;
    padding: 10px 20px;
    padding: 1.19047619vw 2.38095238vw;
  }
  #spot_main_ty2 .wrap_pageing .item.empty {
    display: none !important;
  }
  #spot_main_ty2 .wrap_pageing .item .bg {
    display: none !important;
  }
  #spot_main_ty2 .wrap_pageing .item .cont {
    position: relative;
    width: auto;
  }
  #spot_main_ty2 .wrap_pageing .item .btn {
    text-align: center;
    z-index: 2;
  }
  #spot_main_ty2 .wrap_pageing .item .btn a {
    font-size: 23px;
    font-size: 2.73809524vw;
    padding: 5px 0px 0px 0px;
    padding: 0.5952381vw 0vw 0vw 0vw;
  }
  #spot_main_ty2 .wrap_pageing .item.hover .btn a {
    background-color: transparent;
  }
  #spot_main_ty2 .wrap_pageing .item .p_summary {
    display: none !important;
  }
  #spot_main_ty2 .more {
    display: none !important;
  }
  #spot_main_ty2 .wrap_title {
    width: 710px;
    width: 84.52380952vw;
    left: 9%;
    top: 28%;
    z-index: 5;
    font-size: 36px;
    font-size: 4.28571429vw;
  }
  #spot_main_ty2 .wrap_title .g_date {
    position: relative;
    padding-left: 130px;
    padding-left: 15.47619048vw;
    padding-top: 11px;
    padding-top: 1.30952381vw;
    line-height: 1;
    padding-bottom: 70px;
    padding-bottom: 8.33333333vw;
    margin-left: 27px;
    margin-left: 3.21428571vw;
  }
  #spot_main_ty2 .wrap_title .g_date .month {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 90px;
    font-size: 10.71428571vw;
    font-weight: 500;
  }
  #spot_main_ty2 .wrap_title .g_date .h1 img {
    width: 246px;
    width: 29.28571429vw;
  }
  #spot_main_ty2 .wrap_title .g_date .t1 {
    font-size: 20px;
    font-size: 2.38095238vw;
    margin-top: 1.2vw;
  }
  /*#spot_main_ty2 .wrap_title .h br{display: none;}*/
  #spot_main_ty2 .wrap_title .h p {
    padding-left: 30px;
    padding-left: 3.57142857vw;
    width: 660px;
    width: 78.57142857vw;
    -ms-word-break: keep-all;
    word-break: keep-all;
  }
  #spot_main_ty2 .wrap_title .h .t2 {
    font-size: 60px;
    font-size: 7.14285714vw;
  }
  #spot_main_ty2 .wrap_title .h .t1 {
    margin-top: 20px;
    margin-top: 2.38095238vw;
  }
  #spot_main_ty2 .wrap_title .h .btns {
    margin-top: 30px;
    margin-top: 3.57142857vw;
    display: none;
  }
  #spot_main_ty2 .wrap_pageing .item .btn a {
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
    padding-bottom: 0.5952381vw;
  }
  #spot_main_ty2 .wrap_pageing .item.on .btn a {
    border-color: rgba(255, 255, 255, 0.5);
    padding-bottom: 5px;
    padding-bottom: 0.5952381vw;
  }
  #spot_main_ty2 .wrap_title.eng {
    left: 9%;
    top: 28%;
    font-size: 32px;
    font-size: 3.80952381vw;
  }
}
@-webkit-keyframes bg-hover {
  0% {
    display: none;
  }
  100% {
    display: block;
  }
}
@-webkit-keyframes bg-hover {
  0% {
    display: none;
  }
  100% {
    display: block;
  }
}
@-webkit-keyframes bg-side {
  0% {
    left: 0%;
    width: 0;
  }
  40% {
    left: 0%;
    width: 101%;
  }
  60% {
    left: 0%;
    width: 101%;
  }
  100% {
    left: 100%;
    width: 0%;
  }
}
@keyframes bg-side {
  0% {
    left: 0%;
    width: 0;
  }
  40% {
    left: 0%;
    width: 101%;
  }
  60% {
    left: 0%;
    width: 101%;
  }
  100% {
    left: 100%;
    width: 0%;
  }
}
.wrap_intro1 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.wrap_intro1 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 840px) {
 
.bxMain2 .lst .bg{padding-top: 16vw;}
}