/*서브공통*/
.sub {
  width: 100%;
  position: relative;
}

.sub_tit {
  padding: 12vh 0;
  text-align: center;
}

.sub_tit .inner {
  margin: auto;
}

.sub_tit .txt1 {
  font-size: 1rem;
  font-style: italic;
  margin-bottom: 10px;
}

.sub_tit .txt2 {
  font-size: 2.3rem;
  font-weight: 800;
  text-transform: uppercase;
}

.sub_tit .txt3 {
  font-size: 1.1rem;
  color: #595757;
  margin-top: 3vh;
  font-weight: 300;
}

/*서브탑*/
.subtop {
  width: 100%;
  height: 40vh;
  position: relative;
}

.subtop .inner {
  top: 58%;
}

.subtop p {
  font-size: 3.2rem;
  font-style: italic;
  text-align: center;
  text-transform: uppercase;
}

#subtop1 {
  background: url(../img/subtop1.png) no-repeat center/cover;
}

#subtop2 {
  background: url(../img/subtop2.png) no-repeat center/cover;
}

#subtop3 {
  background: url(../img/subtop3.png) no-repeat center/cover;
}

#subtop4 {
  background: url(../img/subtop4.png) no-repeat center/cover;
}

#subtop5 {
  background: url(../img/subtop5.png) no-repeat center/cover;
}

/*게시판,서브탑*/
.top_wrap {
  width: 100%;
  height: 46px;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
  z-index: 9;
}

.top_nav {
  font-size: 0;
  height: 46px;
  text-transform: uppercase;
  line-height: 46px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.top_nav > li {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
  box-sizing: border-box;
  padding-left: 14px;
  position: relative;
}

.top_nav > li.home {
  width: 60px;
  padding-left: 0;
}

.top_nav > li.home img {
  width: 25px;
  display: block;
  margin: auto;
}

.top_nav > li p {
  font-size: 1rem;
  color: #999;
  position: relative;
}

.top_nav > li i {
  font-size: 1.3rem;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s;
}

.top_nav > li::after {
  content: '';
  width: 100%;
  height: 2px;
  background: #d9d9d9;
  position: absolute;
  left: 0;
  top: 46px;
  z-index: 9;
}

.top_nav > li.home::after {
  display: none;
}

.top_nav > li.drop2::after {
  background: #4074b2;
}

.top_nav > li.on i {
  transform: translateY(-50%) rotate(180deg);
  color: #4074b2;
}

.drop_ul {
  width: 100%;
  background: #4074b2;
  color: #fff;
  position: absolute;
  left: 0;
  top: 46px;
  z-index: 30;
  height: 0;
  overflow: hidden;
  transition: all 0.6s;
}

.drop_ul > li {
  font-size: 0.9rem;
  box-sizing: border-box;
  padding-left: 14px;
  font-weight: 200;
  line-height: 40px;
}

.drop_ul > li:nth-child(1) {
  padding-top: 10px;
}

.drop_ul > li:nth-last-child(1) {
  padding-bottom: 10px;
}

.drop_ul > li a {
  display: block;
}

.top_nav > li.on .drop_ul {
  height: auto;
  z-index: 10;
}

/*서브1-1*/
.s111 .inner4 {
  margin-right: 15%;
  background: url(../img/s1/s111_bg.png) no-repeat center/cover;
}

.s111 .inner4 .txt1 {
  font-size: 2.7rem;
  font-weight: 300;
  line-height: 1.3;
  padding: 10vh 0 26vh 30%;
}

.s111 .inner4 .txt1 span {
  font-weight: 700;
}

.s111_txtbox {
  background: #4074b2;
  width: 50%;
  margin-left: 50%;
  box-sizing: border-box;
  padding: 80px 15% 80px 80px;
  margin-top: -29vh;
}

.s111_txtbox .txt1 {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 200;
  word-break: keep-all;
}

.s111_txtbox .txt1 span {
  font-weight: 700;
}

.s111_txtbox .txt2 {
  font-size: 1.1rem;
  font-weight: 300;
  margin-top: 6vh;
}

.s111_txtbox .txt2 span {
  font-size: 2.1rem;
  font-weight: 700;
  margin-left: 20px;
  display: inline-block;
  vertical-align: bottom;
}

.s112 {
  padding: 10vh 0;
}

.s112_ul {
  width: 90%;
  max-width: 1000px;
  margin: auto;
  font-size: 0;
  box-sizing: border-box;
  padding: 30px;
  border: 1px solid #ebebeb;
  margin-bottom: 20px;
}

.s112_ul > li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}

.s112_ul > li p span {
  display: inline-block;
  font-size: 1rem;
}

.s112_ul > li p span.txt1 {
  font-weight: 400;
  width: 25%;
}

.s112_ul > li p span.txt2 {
  width: 75%;
  font-weight: 300;
}

.s113 {
  padding: 16vh 0;
  background: url(../img/s1/s113_bg.png) no-repeat center/cover;
}

.s113 .inner {
  margin: auto;
  text-align: center;
}

.s113 .inner .txt1 {
  font-size: 1.1rem;
  font-weight: 100;
  text-transform: uppercase;
  margin-bottom: 1.5vh;
}

.s113 .inner .txt2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}

.s114 .inner {
  margin: auto;
}

.s114_ul {
  width: 100%;
  font-size: 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24vh;
}

.s114_ul > li {
  width: 28%;
  border-top: 4px solid #4074b2;
}

.s114_ul > li .txt1 {
  font-size: 1.75rem;
  font-style: italic;
  text-align: center;
  text-transform: uppercase;
  margin: 16px 0 10px;
}

.s114_ul > li .txt2 {
  font-size: 0.9rem;
  color: #231815;
  text-align: center;
}

.s114_ul > li .txt3 {
  font-size: 1rem;
  color: #737373;
  word-break: keep-all;
  margin-top: 4vh;
  line-height: 1.4;
  font-weight: 300;
  text-align: center;
}

/*서브1-2*/
.s121 {
  padding-bottom: 18vh;
}

.s121_wrap {
  width: 90%;
  max-width: 800px;
  margin-left: 32%;
  position: relative;
}

.s121_wrap::before {
  content: '';
  width: 1px;
  height: 89.5%;
  background: #828282;
  position: absolute;
  left: 120px;
  top: 14px;
}

.history {
  width: 100%;
  font-size: 0;
}

.history > li {
  display: inline-block;
  vertical-align: top;
}

.history > li.year {
  width: 120px;
}

.history > li.txt {
  width: calc(100% - 120px);
  box-sizing: border-box;
  padding-left: 80px;
  padding-top: 4px;
}

.history > li.year p {
  font-size: 1.6rem;
  position: relative;
}

.history > li.year p::after {
  content: '';
  width: 8px;
  height: 8px;
  background: #4074b2;
  border-radius: 50%;
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.history > li.txt p {
  position: relative;
  padding-left: 50px;
  margin-bottom: 6vh
}

.history > li.txt p:nth-last-child(1) {
  margin-bottom: 10vh;
}

.history > li.txt p span.month {
  font-size: 1.4rem;
  position: absolute;
  left: 0;
  top: 0;
}

.history > li.txt p span.con {
  font-size: 1.2rem;
  color: #5e5e5e;
  font-weight: 400;
  display: block;
  margin-bottom: 10px;
}

.history > li.txt p span.con2 {
  font-size: 1.05rem;
  color: #808080;
  font-weight: 300;
  margin-top: -5px;
  margin-bottom: 10px;
  display: block;
}

/*서브1-3*/
.s131 {
  padding-bottom: 24vh;
}

.s131_ul {
  margin: auto;
  font-size: 0;
}

.s131_ul > li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 30px;
}

.s131_ul > li img {
  width: 100%;
}

.s131_ul > li p {
  font-size: 1.1rem;
  text-align: center;
  color: #595757;
  margin-top: 1.5vh;
  line-height: 1.4;
  font-weight: 300;
}

/*서브1-4*/
.s141_ul {
  font-size: 0;
  margin: auto;
}

.s141_ul > li {
  display: inline-block;
  vertical-align: top;
  width: calc(33.333% - 13.333px);
  margin-right: 20px;
  margin-bottom: 6vh;
}

.s141_ul > li.mar {
  margin-right: 0;
}

.s141_ul > li.half {
  width: calc(50% - 10px);
}

.s141_ul > li img {
  display: block;
  margin: auto;
  width: 46px;
}

.s141_ul > li p.txt1 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  margin: 2vh 0;
}

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

.s141_txtbox img {
  width: 100% !important;
}

.s141_txtbox p {
  font-size: 1.2rem;
  color: #595757;
  font-weight: 300;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  line-height: 1.4;
}

.s142 img {
  width: 100%;
}

.s143_tit {
  padding: 16vh 0 10vh;
}

.s143 {
  padding-bottom: 16vh;
}

.s143_ul {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.s143_ul > li {
  width: 33.333%;
  margin-bottom: 8vh;
  box-sizing: border-box;
  padding-right: 30px;
  font-size: 0;
}

.s143_ul > li p {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

.s143_ul > li p.txt1 {
  width: 35%;
  font-size: 1.4rem;
  font-weight: 700;
  color: #595757;
  padding-left: 14px;
  position: relative;
}

.s143_ul > li p.txt1::before {
  content: '';
  width: 6px;
  height: 90%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #4074b2;
}

.s143_ul > li p.txt2 {
  width: 65%;
  font-size: 0.9rem;
  line-height: 1.6;
  font-weight: 300;
  word-break: keep-all;
}

/*서브1-5*/
.s151 {
  padding-bottom: 24vh;
}

.s151 .inner {
  margin: auto;
}

.s151 .inner img {
  width: 90%;
  margin-left: 10%;
}

/*서브2-1*/
.s211_ul {
  font-size: 0;
  margin: 0 auto 16vh;
  overflow: hidden;
}

.s211_ul > li {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 4vh;
}

.s211_ul > li img {
  display: block;
  width: 85%;
  margin: auto;
}

.s211_ul > li p {
  font-size: 1.2rem;
  color: #595757;
  text-align: center;
  margin-top: 10px;
}

.s212 img {
  display: block;
  width: 100%;
}

/*서브3-1*/
.s311_table {
  display: table;
  margin: auto;
  border-collapse: collapse;
}

.s311_table_row {
  display: table-row;
}

.s311_table_row > li {
  display: table-cell;
  width: 25%;
  border: 1px solid #d3d3d3;
  padding-bottom: 6vh;
}

.s311_table_row > li:nth-child(1) {
  border-left: 1px solid transparent;
}

.s311_table_row > li:nth-child(4) {
  border-right: 1px solid transparent;
}

.s311_table_row > li.border {
  border-top: 1px solid #4074b2;
}

.s311_table_row > li img {
  width: 90%;
  display: block;
  margin: auto;
}

.s311_table_row > li p {
  font-size: 1.1rem;
  color: #595757;
  text-align: center;
  margin-top: -24px;
  font-weight: 300;
}

.s312 {
  padding: 14vh 0 24vh;
}

.s312_ul {
  margin: auto;
  font-size: 0;
}

.s312_ul > li {
  width: calc(33.333% - 13.333px);
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
  position: relative;
}

.s312_ul > li:nth-child(3),
.s312_ul > li:nth-child(5) {
  margin-right: 0;
}

.s312_ul > li:nth-child(4),
.s312_ul > li:nth-child(5) {
  width: calc(50% - 10px);
}

.s312_ul > li img {
  width: 100%;
}

.s312_ul > li p {
  display: inline-block;
  background: #fff;
  color: #595757;
  font-size: 1.1rem;
  padding: 8px 14px;
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 300;
}

/*서브3-2*/
.s321 {
  padding-bottom: 24vh;
}

/*서브3-3*/
.s331 {
  padding-bottom: 16vh;
}

.s331 .inner {
  margin: auto;
}

.s331 .tit {
  font-size: 2rem;
  text-transform: uppercase;
  font-family: 'frutiger4'
}

.s331 .tit2 {
  font-size: 2rem;
  text-transform: uppercase;
  margin: 2vh 0 1vh;
  color: #595757;
  position: relative;
  padding-left: 16px;
}

.s331 .tit2::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #4074b2;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 18px;
}

.s331_ul {
  font-size: 0;
}

.s331_ul > li {
  width: calc(25% - 12px);
  margin-right: 16px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5vh;
  position: relative;
}

.s331_ul > li:nth-child(4n) {
  margin-right: 0;
}

.s331_ul > li.three {
  width: calc(33.333% - 10.666px);
}

.s331_ul > li.three2 {
  margin-right: 0;
}

.s331_ul > li img {
  width: 100%;
}

.s331_ul > li p {
  color: #595757;
  font-size: 1.1rem;
  font-weight: 300;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  padding: 5px 24px;
}

/*서브3-4*/
.s341 {
  padding-bottom: 12vh;
}

.s341 .inner {
  margin: auto;
}

.s341 p {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 30px;
  color: #1a1a1a;
}

.s341 img {
  width: 100%;
}

.s342 {
  padding-bottom: 24vh;
}

.s343 {
  background: url(../img/s3/s343_bg.png) no-repeat center/cover !important;
}

.s344 {
  padding-bottom: 12vh;
}

.s344 .inner {
  margin: auto;
}

.s344 .inner img {
  width: 100%;
}

.s345 {
  padding-bottom: 24vh;
}

/*서브3-5*/
.s351 {
  padding: 12vh 0 24vh;
}

.s351_ul {
  font-size: 0;
  margin: auto;
}

.s351_ul > li {
  display: inline-block;
  vertical-align: top;
}

.s351_ul > li.left {
  width: 35%;
}

.s351_ul > li.left .sub_tit {
  padding: 0;
  text-align: left;
}

.s351_ul > li.right {
  width: 65%;
}

.s351_img {
  width: 100%;
  font-size: 0;
}

.s351_img > li {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
  margin-bottom: 10px;
  margin-right: 10px;
}

.s351_img > li:nth-child(2n) {
  margin-right: 0;
}

.s351_img > li img {
  width: 100%;
}

/*서브4-1*/
.s411 {
  padding-bottom: 16vh;
}

.s411 .inner {
  margin: -4vh auto 0;
}

.s411_ul {
  width: 85%;
  margin: auto;
  font-size: 0;
}

.s411_ul > li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  position: relative;
}

.s411_ul > li::after {
  content: '';
  width: 1px;
  height: 35%;
  background: #d6d5d5;
  position: absolute;
  right: 0;
  top: 0;
}

.s411_ul > li:nth-last-child(1)::after {
  opacity: 0;
}

.s411_ul > li img {
  width: 50%;
  display: block;
  margin: auto;
}

.s411_ul > li p {
  font-size: 1.2rem;
  color: #595757;
  font-weight: 300;
  text-align: center;
  margin-top: 6vh;
}

.s411_txtbox {
  margin-top: 8vh;
}

.s411_txtbox p {
  font-size: 1.2rem;
  padding-left: 16px;
  position: relative;
  color: #595757;
  font-weight: 300;
  margin-bottom: 4px;
}

.s411_txtbox p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 8px solid #595757;
  border-right: 5px solid transparent;
}

.s412 {
  padding: 8vh 0;
  background: url(../img/s4/s412_bg.png) no-repeat center/cover;
}

.s412 .inner {
  margin: auto;
  text-align: center;
}

.s412 .inner .txt1 {
  font-size: 1.1rem;
  font-weight: 100;
  text-transform: uppercase;
  margin-bottom: 1.5vh;
}

.s412 .inner .txt2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.s413 {
  padding: 0 0 24vh;
}

.s413 .inner2 {
  margin: auto;
}

.s413 .inner2 .sub_tit {
  text-align: start;
  padding: 12vh 0 8vh;
}

.s413_ul {
  font-size: 0;
}

.s413_ul > li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.s413_ul > li.txt .txt1 {
  font-size: 1.65rem;
  font-weight: 300;
  color: #1a1a1a;
  line-height: 1.2;
  margin-bottom: 6vh;
}

.s413_ul > li.txt .txt1 span {
  font-weight: 800;
}

.s413_ul > li.txt .txt2 {
  font-size: 1rem;
  color: #4d4d4d;
  font-weight: 300;
  line-height: 1.3;
}

.s413_ul > li.img img {
  width: 100%;
}

/*서브5-1*/
.s511 {
  padding-bottom: 18vh;
}

.s511 .inner {
  margin: auto;
}

/*서브5-2*/
.s512 {
  padding-bottom: 18vh;
}

.s512 .inner {
  margin: auto;
}