p, a, h1, h2, h3, h4, h5, h6 {
  transform: skew(-0.1deg);
}
#sub {
  width: 100%;
  position: relative;
  overflow: hidden;
}
/** 서브페이지 상위 타이틀 S **/
.stit {
  width: 100%;
  position: relative;
}
.stit img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.stittxt {
  position: absolute;
  width: 84vw;
  top: 10vw;
  left: 8vw;
  text-align: center;
  color: #fff;
}
.stittxt h1 {
  font-size: 7vw;
  font-weight: 700;
}
.stittxt h2 {
  font-size: 3vw;
  padding-top: 2vw;
  line-height: 4vw;
}
.stxt img {
  width: 2% !important;
  display: block;
  margin: 0 auto;
  padding-top: 4vw;
}
/** 서브페이지 상위 타이틀 E **/
.page {
  width: 100%;
  background: #fff;
  position: relative;
  padding-bottom: 3vw;
  margin-bottom: 7vw;
  top: 5vw;
  min-height: 88vw;
}
/** 서브페이지 컨텐츠 타이틀 S **/
.spagetitle {
  position: relative;
  width: 95%;
  text-align: center;
  padding-top: 3vw;
  padding-bottom: 5vw;
  margin: 0 auto;
}
.spagetitle h1 {
  font-size: 5vw;
  font-weight: 700;
  line-height: 6.5vw;
  letter-spacing: -0.2vw;
}
.spagetitle h2 {
  font-size: 3.5vw;
  padding-top: 2vw;
  line-height: 5vw;
  color: #3d3d3d;
  letter-spacing: -0.1vw;
}
/** 서브페이지 컨텐츠 타이틀 E **/
.page img {
  position: relative;
  width: 100%;
}
.page iframe {
  position: relative;
  width: 90% !important;
  margin-top: 6%;
}
/** 서브탭메뉴 S **/
.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: 2.3vw;
  letter-spacing: -0.1vw;
}
.smenu ul li:first-child a {
  border-left: none;
}
.smenu ul li a {
  font-size: 1.3em;
  display: block;
  box-sizing: border-box;
  background: #fff;
  border-left: 1px solid #ccc;
  color: #474747;
  border-bottom: 1px solid #ccc;
}
/** 서브탭메뉴 E **/
/** 오리 S **/
.ori {
  width: 90%;
  height: 13vw;
  bottom: 0;
  margin: 0 auto;
  position: relative;
  padding-top: 8vw;
  color: #888888;
  line-height: 3.5vw;
  font-size: 2.5vw;
  letter-spacing: -0.1vw;
}
.ori01 {
  width: 4%;
  height: 15vw;
  position: absolute;
  bottom: 0;
}
.ori02 {
  width: 96%;
  height: 15vw;
  position: absolute;
  bottom: 0;
  left: 4vw;
}
/** 오리 E **/
/**************************************************************************/
/** 서브 1_1 CSS **/
.sub1_1tablebox {
  width: 90%;
  position: relative;
  margin: 0 auto;
}
.basic_table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 1px solid #c3c4bf;
}
.basic_table caption {
  display: none;
}
.basic_table th, .basic_table td {
  padding: 3vw 3vw;
  border: 1px solid #c3c4bf;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.basic_table th {
  background-color: #ecf7f9;
  font-weight: 700;
}
.basic_table thead th {
  font-size: 3vw;
  font-weight: 700;
}
.basic_table tbody th {
  background-color: #f5f5f5;
}
.basic_table td.tit {
  background: #005bac;
  color: #ffffff;
  font-size: 3vw;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}
.basic_table td.cont {
  padding: 3vw 3vw;
  background: #ffffff;
  color: #3a3a3a;
  font-size: 2.8vw;
  font-weight: 500;
  vertical-align: middle;
  line-height: 3.5vw;
}
.basic_table td.cont p {
  padding-bottom: 3vw;
}
.basic_table td.cont p:last-child {
  padding-bottom: 0;
}
/** 서브 1_1 CSS **/
/** 서브 1_2 CSS **/
.sub12 h1 {
  letter-spacing: -0.2vw;
}
.sub1_2css {
  width: 90%;
  position: relative;
  height: 43vw;
  margin: 0 auto;
  top: 2vw;
}
.sub1_2css h1 {
  font-size: 4.5vw;
  color: #ea510e;
  font-weight: 700;
}
.sub1_2css h2 {
  position: absolute;
  font-size: 3vw;
  color: #3d3d3d;
  line-height: 5vw;
  letter-spacing: -0.1vw;
  padding-top: 3vw;
  font-weight: 500;
}
/** 서브 1_2 CSS **/
/** 서브 1_3 CSS **/
.sub1_3tablebox {
  width: 90%;
  position: relative;
  margin: 0 auto;
}
.sub1_3 .lt_area {
  float: left;
  width: 300px;
}
.sub1_3 .lt_area p:after {
  right: -50vw;
  width: 50vw;
}
.sub1_3 .rt_area {
  float: left;
  width: 900px;
}
.basic_table.tb1_3 th {
  padding: 3vw 3vw;
  background-color: #005bac;
  font-weight: 600;
  color: #ffffff;
  text-align: left;
  font-size: 3.3vw;
}
.basic_table.tb1_3 td.tit {
  padding: 3vw 3vw;
  background: #f7f7f7;
  color: #3a3a3a;
  font-size: 3vw;
  font-weight: 500;
  text-align: left;
}
.basic_table.tb1_3 td.cont {
  background: #f7f7f7;
}
/** 서브 1_3 CSS **/
/** 서브 2_1 CSS **/
.sub2_1 {
  padding-top: 3vw;
  width: 90%;
  position: relative;
  margin: 0 auto;
}
.sub2_1 .lt_area {
  width: 37%;
  float: left;
  margin-right: 3vw;
}
.sub2_1 .rt_area {
  width: 100%;
}
.sub2top {
  position: relative;
  width: 100%;
  height: 76vw;
  padding-bottom: 7vw;
}
.long_tit {
  width: 100%;
  margin-bottom: 4vw;
	margin-top: 4vw;
}
.long_tit p {
  display: inline-block;
  width: 100%;
  color: #005bac;
  font-size: 5vw;
  font-weight: 700;
  text-align: center;
}
.sub2_1 ul {
  overflow: hidden;
  border: 1px solid #c3c4bf;
}
.sub2_1 ul li {
  padding: 2vw 2vw;
  background: #f2f4f6;
  border-bottom: 1px solid #c3c4bf;
}
.sub2_1 ul li:last-child {
  border-bottom: 0;
}
.sub2_1 ul li span {
  font-size: 4vw;
  color: #005bac;
  font-weight: 600;
}
.sub2_1 ul li em {
  font-size: 3.5vw;
  color: #3a3a3a;
  font-weight: 500;
}
.su_cbot2 p {
  height: 11vw;
  line-height: 10vw;
  font-size: 1.5vw;
  background: #acb5bd;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
}
.envi_tit {
  height: 10vw;
  line-height: 10vw;
  font-size: 4.5vw;
  background: #acb5bd;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
}
.envi_list ul li {
  background: #f2f4f6;
  border-bottom: 1px solid #c3c4bf;
}
.envi_list {
  position: relative;
  overflow: hidden;
  height: 178vw;
}
.sub2_1 .envi_list li span {
  font-size: 4vw;
  font-weight: 600;
}
.envi_list li {
  width: 80vw;
  height: 23vw;
  padding-top: 5vw;
  border-radius: 6vw;
  background: #eff0f3;
  text-align: center;
  margin: 0 auto;
  margin-top: 2vw;
  box-shadow: 11px 10px 19px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 11px 10px 19px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 11px 10px 19px rgba(0, 0, 0, 0.2);
}
.envi_list li span {
  color: #af794f;
  font-size: 1rem;
  font-weight: 600;
}
.envi_list li div {
  padding-top: 1.5vw;
  color: #666666;
  font-size: 3.5vw;
  line-height: 4vw;
  letter-spacing: -0.2px;
}
.envi_list li div em {
  font-weight: 600;
}
.sub2_1 .long_tit p {	
  padding-top: 5vw;
}
/** 서브 2_1 CSS **/
/** 서브 2_2 CSS **/
.sub2_2 {
  padding-top: 3vw;
  width: 90%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.sub2_2 .long_tit {
  padding-top: 5vw;
  margin-bottom: 5vw;
}
.sub2_2 .rt_area img {
  margin-bottom: 2vw;
}
.thr_bl span {
  float: left;
  display: inline-block;
  width: 40vw;
  height: 10vw;
  padding: 2vw 0;
  background: #ea500e;
}
.thr_bl p {
  float: left;
  width: 300vw;
  height: 10vw;
  line-height: 10vw;
  margin: 0 1vw;
  background: #005bac;
  color: #ffffff;
  font-size: 1.5vw;
  font-weight: 500;
  text-align: center;
}
.sub2_2 .lt_area {
  width: 100%;
}
.sub2_2 .rt_area {
  width: 100%;
}
.sub2_2 ul {
  overflow: hidden;
}
.sub2_2 ul li {
  width: 76%;
  height: 17vw;
  margin-bottom: 5vw;
  padding-left: 20vw;
}
.sub2_2 ul li span {
  display: block;
  padding-bottom: 1vw;
  color: #444444;
  font-size: 4vw;
  font-weight: 500;
}
.sub2_2 ul li em {
  display: block;
  color: #898c8a;
  font-size: 3.3vw;
  line-height: 3.8vw;
  letter-spacing: -0.2vw;
}
.sub2_2 ul li:nth-child(1) {
  background: url("../img/sub/sub2_2-1.jpg")no-repeat;
  background-size: contain;
}
.sub2_2 ul li:nth-child(2) {
  background: url("../img/sub/sub2_2-2.jpg")no-repeat;
  background-size: contain;
}
.sub2_2 ul li:nth-child(3) {
  background: url("../img/sub/sub2_2-3.jpg")no-repeat;
  background-size: contain;
}
.sub2_2 ul li:nth-child(4) {
  background: url("../img/sub/sub2_2-4.jpg")no-repeat;
  background-size: contain;
}
.sub2_2 ul li:nth-child(5) {
  background: url("../img/sub/sub2_2-5.jpg")no-repeat;
  background-size: contain;
}
.sub2_2 .basic_table.tb2_2 {
  border-top: 1px solid #c3c4bf;
	margin-bottom: 6vw;
}
.sub2_2 .basic_table.tb2_2 tbody th {
  font-size: 3vw;
  color: #ffffff;
  background: #005bac;
  text-align: center;
  line-height: 3vw;
}
.sub2_2 .basic_table.tb2_2 tbody td {
  font-size: 2.8vw;
  color: #3a3a3a;
  text-align: center;
  font-weight: 500;
  letter-spacing: -0.1vw;
  padding: 3vw 0vw;
}
/** 서브 2_2 CSS **/
/** 서브 3_1 CSS **/
.sub3_1 .long_tit {
  width: 100%;
  margin-bottom: 5vw;
  margin-top: 5vw;
}
.sub3_1 {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.sub3_1 .basic_table.tb3_1 tbody th {
  font-size: 3vw;
  color: #ffffff;
  background: #005bac;
  text-align: center;
  vertical-align: middle;
}
.sub3_1 .basic_table.tb3_1 tbody td {
  font-size: 3vw;
  color: #3a3a3a;
  text-align: center;
  font-weight: 500;
  vertical-align: middle;
}
.sub3_1 .basic_table.tb3_1_2 {
  font-size: 1vw;
  color: #3e3e3e;
  text-align: center;
  font-weight: 500;
}
.sub3_1 .basic_table.tb3_1_2 .ch_bg {
  font-size: 1vw;
  background: #005bac;
  color: #ffffff;
  font-weight: 500;
}
.sub3_1 .basic_table.tb3_1_2 tbody td {
  vertical-align: middle;
  padding: 3vw 1vw;
  font-size: 3vw;
}
.sub3_1 .basic_table th, .basic_table td {
  padding: 2vw 2vw;
  border: 1px solid #c3c4bf;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/** 서브 3_1 CSS **/
/** 서브 3_2 CSS **/
.sub3_2 {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.sub3_2 .long_tit {
  width: 100%;
  margin-bottom: 5vw;
  margin-top: 5vw;
}
.rtp32 {
  position: relative;
  width: 100%;
  display: block;
  background-color: #005bac;
  font-size: 4vw;
  font-weight: 700;
  padding: 4vw 0 4vw;
  color: #fff;
  text-align: center;
}
.sub3_2 .tp_list {
  position: relative;
  display: block;
  width: 99%;
  border: 1px solid #999999;
}
.sub3_2 .tp_list ul {
  overflow: hidden;
  display: block;
  padding: 5vw 5vw 6vw;
  width: 87%;
}
.sub3_2 .tp_list ul li {
  padding-bottom: 3vw;
  font-size: 3.5vw;
  color: #3a3a3a;
  font-weight: 500;
}
.sub3_2 .tp_list ul li:last-child {
  padding-bottom: 0;
}
.tp_wr {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #999999;
  color: #ffffff;
  font-size: 1vw;
  line-height: 5vw;
}
.tp_wr p {
  width: 92%;
  margin-left: 4vw;
  font-size: 3vw;
  font-weight: 500;
  padding-top: 3vw;
  padding-bottom: 3vw;
}
/** 서브 3_2 CSS **/
/** 서브 4_1 CSS **/
.sub4_1 {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.sub22 .spagetitle {
  position: relative;
  width: 95%;
  text-align: center;
  padding-top: 7vw;
  padding-bottom: 3vw;
  margin: 0 auto;
}
.sub4_1 .long_tit {
  width: 100%;
  margin-bottom: 4vw;
  margin-top: 5vw;
}
.sub4_1 .tp_list {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #c3c4bf;
}
.rtp41 {
  position: relative;
  width: 100%;
  display: block;
  background-color: #005bac;
  font-size: 4vw;
  font-weight: 700;
  padding: 4vw 0 4vw;
  color: #fff;
  text-align: center;
}
.sub4_1 .tp_areas {
  overflow: hidden;
  display: block;
  padding: 4vw 7vw 9vw 7vw;
}
.sub4_1 .tp_areas .tp_tit {
  margin-bottom: 3vw;
  color: #ff6c00;
  font-size: 5vw;
  text-decoration: underline;
  font-weight: 700;
  padding-top: 3vw;
}
.sub4_1 .tp_areas .tp_tit2 {
  margin-bottom: 2vw;
  color: #3a3a3a;
  font-weight: 600;
  font-size: 4vw;
}
.sub4_1 .tp_areas div .tp_cont {
  margin-bottom: 4vw;
  color: #3a3a3a;
  font-size: 3vw;
  line-height: 5vw;
  width: 97%;
  letter-spacing: -0.1vw;
}
.sub4_1 .tp_areas div:nth-child(2n) .tp_cont {
  margin-bottom: 0;
}
.fac_tit {
  margin-bottom: 4vw;
  font-size: 5vw;
  color: #005bac;
  font-weight: 700;
  line-height: 7vw;
  text-align: center;
  padding-top: 8vw;
}
.fac_tit2 {
  margin-bottom: 6vw;
  font-size: 3.5vw;
  font-weight: 400;
  color: #3d3d3d;
  line-height: 4vw;
  text-align: center;
}
.fac_list {
  overflow: hidden;
}
.fac_list li {
  width: 85%;
  margin: 0 auto;
  margin-bottom: 6vw;
}
.fac_list li .fac_txt {
  margin-top: 4vw;
  margin-left: 2vw;
}
.fac_list li .fac_txt span {
  color: #005bac;
  font-size: 4.5vw;
  font-weight: 700;
}
.fac_list li .fac_txt p {
  margin-top: 2vw;
  color: #3d3d3d;
  font-size: 3.5vw;
  font-weight: 500;
  line-height: 5vw;
  letter-spacing: -0.1vw;
}
.facliimg {
  width: 30%;
}
/** 서브 4_1 CSS **/
/** 서브 4_3 CSS **/
.sub4_3 {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.sub4_3 .long_tit {
  width: 100%;
  margin-bottom: 5vw;
  margin-top: 5vw;
}
.sub4_3 .basic_table.tb4_3 thead th {
  font-size: 3vw;
  color: #ffffff;
  background: #005bac;
  text-align: center;
  vertical-align: middle;
  line-height: 4vw;
}
.sub4_3 .basic_table.tb4_3 tbody td {
  padding: 5vw 1vw;
  font-size: 3vw;
  color: #3a3a3a;
  background: #fafaf7;
  text-align: center;
  font-weight: 600;
  vertical-align: middle;
  line-height: 4vw;
}
.sub4_3 .basic_table.tb4_3 tbody td.ch_bg01 {
  color: #005bac;
  background: #fcf8e3;
}
.sub4_3 .basic_table.tb3_1_2 {
  font-size: 3vw;
  color: #3e3e3e;
  text-align: center;
  font-weight: 600;
}
.sub4_3 .basic_table.tb3_1_2 .ch_bg {
  font-size: 4vw;
  background: #005bac;
  color: #ffffff;
  font-weight: 600;
}
.sub4_3 .basic_table.tb3_1_2 tbody td {
  vertical-align: middle;
}
.img_tit01 {
  background: url(../img/sub/img_tit01.png) no-repeat left top;
  background-size: contain;
  color: #5c5c5c;
  font-weight: 600;
  font-size: 5vw;
  text-align: center;
  height: 7vw;
  width: 78%;
  margin-bottom: 3vw;
  margin-left: 12vw;
}
.img_tit02 {
  margin-top: 7vw;
  background: url(../img/sub/img_tit02.png) no-repeat left top;
  background-size: contain;
  color: #5c5c5c;
  font-weight: 600;
  font-size: 5vw;
  text-align: center;
  height: 7vw;
  width: 79%;
  margin-bottom: 3vw;
  margin-left: 13vw;
}
.sup_list {
  width: 100%;
  margin-top: 5vw;
  color: #535353;
  font-size: 3vw;
}
.sup_list p {
  margin-bottom: 1vw;
  padding-left: 2vw;
  background: url("../img/sub/img_tit03.png") no-repeat left center;
}
.sup_list ul {
  padding-left: 3vw;
}
.sup_list ul li {
  line-height: 5vw;
}
/** 서브 4_3 CSS **/