/*sub*/

#sub_header {
  display: block;
  width: 100%;
  height: 37vw;
  position: relative;
  top: 0;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}

.s_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.s_title {
  width: 53%;
  position: absolute;
  left: 24vw;
  opacity: 0;
  top: 3vw;
}

/**/
#sub {
  width: 100%;
  position: relative;
  padding-bottom: 10vw;
  background: #fff;
}

.stit {
  width: 100%;
  position: relative;
}

.stit img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.stit .stit_img {
  position: absolute;
  bottom: 0;
  width: 60vw;
  top: 10vw;
  left: 20vw;
  z-index: 1;
}

.stit .stit_img.ver2 {
  position: absolute;
  bottom: 0;
  width: auto;
  top: 11vw;
  margin-left: -113px;
  left: 50%;
  max-width: 226px;
  z-index: 1;
}

.stit .stit_img.ver3 {
  position: absolute;
  bottom: 0;
  width: auto;
  top: 11vw;
  margin-left: -94px;
  left: 50%;
  max-width: 193px;
  z-index: 1;
}

.stit .stit_img.ver4 {
  position: absolute;
  bottom: 0;
  width: auto;
  top: 11vw;
  margin-left: -53px;
  left: 50%;
  max-width: 86px;
  z-index: 1;
}

.stit .stit_img.ver5 {
  position: absolute;
  bottom: 0;
  width: auto;
  top: 11vw;
  margin-left: -93px;
  left: 50%;
  max-width: 172px;
  z-index: 1;
}

.stit .stit_img.ver2:after {
  content: "";
  position: absolute;
  top: -17px;
  right: -49px;
  background: url(../img/sub_top/ci_bg.png) no-repeat;
  width: 72px;
  height: 63px;
  z-index: -1;
}

.stxt {
  width: 100%;
  position: relative;
  margin: 9% 0 0 0;
}

.stxt img {
  width: 2% !important;
  display: block;
  margin: 0 auto;
  padding-top: 4vw;
}

.slabel {
  font-size: 5vw;
  font-weight: 400;
  background: #fff;
  text-align: center;
  padding-top: 10vw;
  padding-bottom: 7vw;
  letter-spacing: -0.9px;
}

.slabel ~ span {
  font-size: 2.3vw;
  display: block;
  width: 100%;
  text-align: center;
  white-space: pre-wrap;
  line-height: 3.5vw;
  color: #999;
}

.page {
  width: 100%;
  background: #fff;
  position: relative;
  padding-bottom: 5vw;
  margin-bottom: 7vw;
}

.page img {
  position: relative;
  width: 95%;
  left: 50%;
  transform: translateX(-50%);
}

.page iframe {
  position: relative;
  width: 100% !important;
  margin-top: 6%;
}

.iframebox {
  width: 95%;
  margin: 0 auto;
  padding-bottom: 10vw;
  background: #fff;
}

.vr_iframe {
  width: 95%;
  margin: 0 auto;
}

/**/

.ntlist {
  width: 71.4%;
  padding: 7% 10%;
  position: relative;
  margin: 0 auto;
  margin-top: 5%;
  border: 1px solid #ddd;
  line-height: 3.9vw;
  font-size: 2.6vw;
  text-align: center;
  color: #999;
  margin-bottom: 4vw;
}

.ntlist .title {
  font-size: 3vw;
  margin-bottom: 2.4vw;
  font-weight: bold;
  color: #222;
}

/*서브탭메뉴*/
.smenu {
  display: none;
  /*서브메뉴 숨겨놓고 서브페이지에서 각 호출예정*/
}

.smenu ul {
  width: 100%;
  margin: 0 auto;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.smenu ul li {
  width: 100%;
  line-height: 9vw;
  font-size: 3.2vw;
  letter-spacing: -0.1vw;
}

.smenu ul li:first-child a {
  border-left: none;
}

.smenu ul li a {
  display: block;
  box-sizing: border-box;
  background: #000000;
  border-left: 1px solid #ccc;
  color: #ffffff;
  /*  border-bottom: 1px solid #ccc; */
  font-size: 14px;
}

/*  */

.submap {
  position: relative;
  width: 90%;
  height: 55vw;
  top: 5vw;
  margin: 0 auto 27px;
  margin-bottom: 25%;
}

/*  */

.go_area {
  width: 100%;
  height: 100%;
  position: relative;
}

.s_text {
  position: absolute;
  width: 60%;
  top: 21%;
  left: 20%;
}
/***********스몰탭************/

.stab_wrap {
  position: relative;
  width: 95%;
  margin: 0 auto;
  padding-bottom: 0px;
  padding-top: 15px;
}

.samll_tab {
  display: none;
}

.samll_tab ul {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  border: 1px solid #4b155b;
}

.samll_tab ul li {
  float: left;
  width: 100%;
  background-color: #fff;
  position: relative;
  border-right: 1px solid #4b155b;
}

.samll_tab ul li:first-child {
  float: left;
  margin-left: 0;
}

.samll_tab ul li:last-child {
  border-right: 0;
}

.samll_tab ul li a {
  text-align: center;
  display: inline-block;
  width: 100%;
  line-height: 45px;
  font-size: 14px;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  background: #fff;
  color: #636363;
  /*  transform: rotate(-0.03deg); */
}

.subpage_text {
  text-align: center;
  font-size: 6.1667vw;
  margin-top: 6vw;
  margin-bottom: 5vw;
}

.naver {
  position: absolute;
  background-color: red;
  width: 13.5%;
  height: 3.5vw;
  left: 31.5%;
  transform: translateX(-50%);
  top: 60%;
  opacity: 0;
}

.vr {
  position: absolute;
  background-color: red;
  width: 13.5%;
  height: 3.5vw;
  left: 16.5%;
  transform: translateX(-50%);
  top: 60%;
  opacity: 0;
}

.iframbox {
  width: 90%;
  margin: 0 auto;
}

.subpage_deco span {
  display: inline-block;
  width: 1.3889vw;
  height: 1.3889vw;
  border-radius: 50%;
  background-color: #004a94;
}
.subpage_deco span:nth-child(2) {
  display: inline-block;
  width: 1.3889vw;
  height: 1.3889vw;
  border-radius: 50%;
  background-color: #e4e4e4;
}

.vr_box {
  width: 90%;
  margin: 0 auto;
}

/* pr */

.video_subbox {
  width: 90%;
  margin: 0 auto;
}

.subvideo {
  height: 0;
  padding-bottom: 76.34%;
  position: relative;
  overflow: hidden;
}
.subvideo.widescreen {
  padding-bottom: 56.34%;
}
.subvideo.vimeo {
  padding-top: 0;
}
.subvideo embed,
.subvideo iframe,
.subvideo object,
.subvideo video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

/* sub */

.gonggo_cont {
  width: 28vw;
  height: 36vw;
  position: absolute;
  right: 10%;
  top: 30%;
}
.gonggo_cont .gonggo_link {
  position: absolute;
  display: block;
  opacity: 0;
}
.gonggo_cont .gonggo_link01 {
  right: -15%;
  top: 12%;
  width: 100%;
  height: 6vw;
  background: crimson;
}
.gonggo_cont .gonggo_link02 {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7vw;
  background: skyblue;
}
.gonggo_cont .gonggo_link03 {
  right: -15%;
  top: 30%;
  width: 100%;
  height: 6vw;
  background: rgb(0, 0, 0);
}