@charset "utf-8"; 


#new_wrap { position: relative; max-width: 1920px; width: 100%; margin: 0 auto; } 

br { opacity: 0; } 

/* 헤더 */

#header { position: absolute; top: 0; left: 0; width: 100%;  height: 90px;  z-index: 150;  } 

.head {  position: relative;  display: flex;  align-items: center;  justify-content: space-between;  width: 1400px;  height: 100%;  margin: 0 auto;} 

.head .logo img {  width: 188px;} 
.head .logo img.logo_on {  display: none;} 
.gnb>li {  float: left;  margin: 0 40px} 
.gnb>li:last-child {  margin-right: 0;} 
.gnb>li>a {  font-size: 20px;  color: #fff;  font-weight: 800;  } 


.head_rt{display:flex; flex-direction:row; align-items:center}
.site_btn{display:flex; flex-direction:column; margin-right:30px}
.site_btn a{font-size:16px; font-weight:600; color:#fff; margin-bottom:5px; padding:5px 12px; border-radius:20px; border:1px solid #fff;}
.site_btn a:last-of-type{margin:0}
.site_btn a i{display:inline-block; width:6px; height:10px; background:url("/images/main/site_btn_arrow.png") no-repeat center / 100%; margin-left:8px;}

.head_btn {  width: 30px;  height: 25px;  cursor: pointer;  } 
.head_btn span {  display: block;  width: 100%;  height: 2px;  background: #fff;  } 
.head_btn span.half_width {  width: 50%;} 
.head_btn span+span {  margin-top: 10px; } 
.head_mob_btn {  display: none;  }

#header:hover {  background: #fff;  border-bottom: 1px solid #e5e5e5;  } 
#header:hover .logo img.logo {  display: none;  } 
#header:hover .logo img.logo_on {  display: block;  } 
#header:hover .gnb>li>a {  color: #000;  } 
#header:hover .gnb>li:hover>a {  color: #005bac;  } 
#header:hover .site_btn a{color:#000; border-color:#000}
#header:hover .site_btn a i{background:url("/images/main/site_btn_arrow_b.png") no-repeat center / 100%;}
#header:hover .site_btn a:hover{color:#fff; background:#005bac; border-color:#005bac}
#header:hover .site_btn a:hover i{background:url("/images/main/site_btn_arrow.png") no-repeat center / 100%;}
#header:hover .head_btn span {  background: #000;  } 
#header:hover .head_bg {  display: block;  }
#header.fixed {  background: #fff;  position: fixed;  top: 0;  left: 0;  width: 100%;  border-bottom: 1px solid #e5e5e5;  } 
#header.fixed .logo img.logo {  display: none;  } 
#header.fixed .logo img.logo_on {  display: block;  } 
#header.fixed .gnb>li>a {  color: #000;  } 
#header.fixed .gnb>li:hover>a {  color: #005bac;  } 
#header.fixed .head_btn span {  background: #000;  } 
#header.fixed .site_btn a{color:#000; border-color:#000}
#header.fixed .site_btn a i{background:url("/images/main/site_btn_arrow_b.png") no-repeat center / 100%;}
#header.fixed .site_btn a:hover{color:#fff; background:#005bac; border-color:#005bac}
#header.fixed .site_btn a:hover i{background:url("/images/main/site_btn_arrow.png") no-repeat center / 100%;}

/* 헤드 네비 */

.head_bg {  display: none;  position: absolute;  top: 90px;  left: 0;  width: 100%;  height: 420px;  background: #fff;  padding: 50px 0;  z-index: 1;  } 
.head_bg_inner {  position: relative;  width: 1400px;  margin: 0 auto;  display: table;  table-layout: fixed;  } 
.head_bg_inner dl {  position: relative;  display: table-cell;  vertical-align: top;  padding: 0 40px;  } 
.head_bg_inner dl:nth-child(1) {  padding-left: 0;  } 
.head_bg_inner dl+dl:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 1px;  height: 330px;  background: #e5e5e5;  } 
.head_bg_inner dl dt a {  display: block;  color: #010101;  font-size: 23px;  line-height: 1.3;  font-weight: 700;  margin-bottom: 20px;  } 
.head_bg_inner dl:hover dt a {  color: #005bac;  } 
.head_bg_inner dl dd a {  position: relative;  display: inline-block;  color: #010101;  font-size: 18px;  line-height: 1.5;  font-weight: 300;  padding-bottom: 5px;  } 
.head_bg_inner dl dd:hover a {  color: #005bac;  } 
.head_bg_inner dl dd:hover a:before {  content: "";  position: absolute;  left: 0;  bottom: 0;  width: 100%;  height: 1px;  background: #005bac;  } 
.head_bg_inner dl dd+dd {  margin-top: 10px;  } 
.head_all_menu.on {  display: block;  } 
.head_all_menu {  display: none;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.97);  z-index: 300;  } 
.head_all_menu .logo {  position: absolute;  top: 50px;  left: 50%;  transform: translateX(-50%);  z-index: 10;  } 
.head_all_menu .logo img {  width: 188px;  } 
.head_all_close {  position: absolute;  top: 50px;  right: 20px;  width: 50px;  height: 50px;  cursor: pointer;  z-index: 10;  } 
.head_all_close:before {  content: "";  position: absolute;  left: 0;  transform: rotate(45deg);  height: 50px;  width: 2px;  background: #fff;  } 
.head_all_close:after {  content: "";  position: absolute;  left: 0;  transform: rotate(-45deg);  height: 50px;  width: 2px;  background: #fff;  } 
.head_all_inner_menu {  display: table;  table-layout: fixed;  width: 100%;  height: 100%;  } 
.head_all_inner_menu li {  position: relative;  display: table-cell;  width: 25%;  text-align: center;  vertical-align: top;  padding-top: 20%;  } 
.head_all_inner_menu li+li:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 1px;  height: 100%;  background: rgba(255, 255, 255, 0.2);  } 
.head_all_inner_menu dl dt a {  color: #fff;  font-size: 25px;  line-height: 1.3;  font-weight: 700;  } 
.head_all_inner_menu dl dt {  margin-bottom: 40px;  } 
.head_all_inner_menu dl dd a {  color: #fff;  font-size: 18px;  line-height: 1.4;  } 
.head_all_inner_menu dl dd+dd {  margin-top: 10px;  } 
.head_all_inner_menu dl dd:hover a {  color: #005bac;  } 
.head_mob_overlay {  display: none;  } 
.head_mob_bg {  display: none;  } 
.head_mob_bg.active {  display: none;  } 

/* 비주얼 */

.visual {  position: relative;  height: 940px;  } 
.visual_slider {  position: relative;  height: 940px;  } 
.vis_list {  position: relative;  height: 940px;  } 
.vis_list.bg01 {  background: url("/images/main/vis_img1.jpg") center top no-repeat;  background-size: cover;  } 
.vis_list.bg02 {  background: url("/images/main/vis_img1.jpg") center top no-repeat;  background-size: cover;  } 
.vis_list.bg03 {  background: url("/images/main/vis_img1.jpg") center top no-repeat;  background-size: cover;  } 
.vis_txt {  position: absolute;  top: 300px;  left: 0;  width: 100%;  text-align: center;  } 
.vis_txt em {  display: block;  font-size: 25px;  color: #ffffff;  font-weight: 800;  } 

.vis_txt h2 {  font-size: 90px;  color: #ffffff;  font-weight: 800;  font-family: "Montserrat";  margin-top: 10px;  } 
.vis_txt h2 span {  display: block;  font-size: 50px;  color: #ffffff;  font-weight: 800;  font-family: "Montserrat";  } 
.vis_txt p {  font-size: 25px;  color: #ffffff;  font-weight: 500;  } 
.visual_slider .slick-dots {  position: absolute;  bottom: auto;  bottom: 335px;  font-size: 0;  } 
.visual_slider .slick-dots li {  position: relative;  width: 5px;  height: 5px;  border-radius: 50%;  background: #fff;  margin: 0 20px;  } 
.visual_slider .slick-dots li.slick-active:before {  content: "";  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 30px;  height: 30px;  background: rgba(255, 255, 255, 0.2);  border-radius: 50%;  } 
.visual_slider .slick-dots li button {  display: none;  } 
.visual_slider.slick-dotted.slick-slider {  margin-bottom: 0;  } 
.visual_slider .slick-arrow {  position: absolute;  top: 50%;  transform: translateY(-50%);  width: 23px;  height: 43px;  cursor: pointer;  z-index: 15;  } 
.visual_slider .slick-arrow.slick-prev {  background: url("/images/main/vis_prev.png") center no-repeat;  background-size: 100%;  left: 80px;  } 
.visual_slider .slick-arrow.slick-next {  background: url("/images/main/vis_next.png") center no-repeat;  background-size: 100%;  right: 80px;  } 
.vis_btn {  position: absolute;  left: 50%;  transform: translateX(-50%);  bottom: 50px;  width: 80px;  height: 80px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%;  font-size: 25px;  background: #fff;  } 
.vis_btn a {  display: flex;  width: 100%;  height: 100%;  justify-content: center;  align-items: center;  } 

.visual_slider .slick-active .vis_txt em {
    animation-name:fadeInRight;
    animation-duration:2s;
    opacity: 0;
    animation-fill-mode: forwards;
}

.visual_slider .slick-active .vis_txt h2 {
    animation-name:fadeInRight;
    animation-duration:2s;
    animation-delay: .5s;
    opacity: 0;
    animation-fill-mode: forwards;
}

.visual_slider .slick-active .vis_txt p {
    animation-name:fadeInRight;
    animation-duration:2s;
    animation-delay: .75s;
    opacity: 0;
    animation-fill-mode: forwards;
}


@keyframes fadeInRight {
    0% {
        transform:translateY(70px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}


/* 섹션 1 */

.section1 {  position: relative;  padding-bottom: 15px;  } 
.section1:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 50%;  height: 100%;  background: #005bac url("/images/main/sec1_bg_ic.png") center top no-repeat;  background-size: 909px;  } 
.section1:after {  content: "";  position: absolute;  top: 0;  right: 0;  width: 866px;  height: 74px;  background: url("/images/main/sec1_bg_txt.png") center top no-repeat;  background-size: 100%;  } 
.inner {  max-width: 1400px;  width: 100%;  margin: 0 auto;  } 
.sec1_menu {  position: relative;  padding: 250px 0 216px;  } 
.sec1_menu .sec1_img_wrap {  position: absolute;  top: 182px;  right: -60px;  width: 880px;  } 
.sec1_txt_list .sec1_area_txt {  display: block;  font-size: 20px;  color: #ffffff;  font-weight: 900;  } 
.sec1_txt_list .sec1_area_title {  font-size: 60px;  color: #ffffff;  font-weight: 900;  margin-top: 16px;  } 
.sec1_txt_list .sec1_inner {  margin-top: 67px;  } 
.sec1_txt_list .sec1_inner .sec1_area_number {  font-size: 25px;  color: rgba(255, 255, 255, 0.3);  font-weight: 900;  display: block;  } 
.sec1_txt_list .sec1_inner .sec1_area_title2 {  font-size: 45px;  color: #ffffff;  font-weight: 900;  margin-top: 10px;  } 
.sec1_txt_list .sec1_inner .sec1_content {  font-size: 20px;  line-height: 1.5;  color: #ffffff;  font-weight: 300;  margin-top: 16px;  } 
.sec1_txt_list a.more {  font-size: 18px;  color: #ffffff;  font-weight: bold;  display: flex;  align-items: center;  margin-top: 35px;  } 
.sec1_txt_list a.more span {  display: flex;  align-items: center;  justify-content: center;  width: 35px;  height: 35px;  border-radius: 50%;  color: #005bab;  font-size: 16px;  margin-left: 14px;  background: #fff;  } 
.section1 .direction {  position: absolute;  bottom: -22px;  right: -44px;  display: flex;  align-items: center;  } 
.section1 .direction .bu_arrow {  width: 60px;  height: 60px;  border: 1px solid #ddd;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%;  cursor: pointer;  font-size: 14px;  background: #fff;  } 
.section1 .direction .page_info {  display: flex;  align-items: center;  margin-right: 30px;  margin-left: 28px;  } 
.section1 .direction .page_info .current_num {  font-size: 20px;  color: #000000;  font-weight: bold;  } 
.section1 .direction .page_info .bar {  width: 1px;  height: 15px;  background: #c3c3c3;  transform: rotate(15deg);  margin: 0 10px;  } 
.section1 .direction .page_info .total_num {  font-size: 20px;  color: #c3c3c3;  font-weight: bold;  } 

/* 섹션 2 */

.section2 {  padding: 181px 0 255px;  } 
.sec2_menu {  position: relative;  } 
.sec2_txt {  position: relative;  } 
.sec2_txt:before {  content: "";  position: absolute;  bottom: -52px;  left: -95px;  width: 575px;  height: 161px;  background: url("/images/main/sec2_bg_txt.png") center no-repeat;  background-size: 100%; z-index: -1; } 
.sec2_txt em {  display: block;  font-size: 20px;  letter-spacing: 4px;  color: #008cd6;  font-weight: 800;  } 
.sec2_txt p {  font-size: 35px;  line-height: 1.28;  color: #000000;  font-weight: 800;  margin-top: 10px;  } 
.sec2_txt a.more {  font-size: 18px;  color: #000;  font-weight: bold;  display: flex;  align-items: center;  margin-top: 31px;  } 
.sec2_txt a.more span {  display: flex;  align-items: center;  justify-content: center;  width: 35px;  height: 35px;  border-radius: 50%;  color: #fff;  font-size: 16px;  margin-left: 14px;  background: #008cd6;  } 
.sec2_img {  position: absolute;  bottom: -120px;  right: 70px;  } 

/* 섹션 3 */

.section3 {  padding: 130px 0 92px;  background: url("/images/main/sec3_bg.jpg") center top no-repeat;  background-size: cover;  } 
.section3 .inner {  max-width: 100%;  } 
.sec3_txt {  text-align: center;  } 
.sec3_txt h2 {  font-size: 50px;  color: #ffffff;  font-weight: 900;  } 
.sec3_txt p {  font-size: 22px;  color: #ffffff;  font-weight: 500;  margin-top: 13px;  } 
.sec3_txt p br.mob_br {display: none;}
.sec3_wrap {  position: relative;  margin-top: 60px;  } 
.sec3_slider .slick-list {  padding: 0 570px !important;  overflow: visible;  } 
.sec3_slider .slick-slide {  position: relative;  transform: scale(0.8);  } 
.sec3_slider .slick-slide .sec3_list {  position: relative;  } 
.sec3_slider .slick-slide .sec3_list .txt_wrap {  position: absolute;  bottom: 50px;  left: -40px;  opacity: 0;  } 
.sec3_slider .slick-slide .sec3_list .txt_wrap h3 {  font-size: 60px;  color: #ffffff;  font-weight: 900;  } 
.sec3_slider .slick-slide .sec3_list .txt_wrap p {  font-size: 20px;  line-height: 1.5;  color: #ffffff;  margin-top: 30px;  } 
.sec3_slider .slick-slide .sec3_list .txt_wrap a.more {  font-size: 18px;  color: #fff;  font-weight: bold;  display: flex;  align-items: center;  margin-top: 37px;  } 
.sec3_slider .slick-slide .sec3_list .txt_wrap a.more span {  display: flex;  align-items: center;  justify-content: center;  width: 35px;  height: 35px;  border-radius: 50%;  color: #000;  font-size: 16px;  margin-left: 14px;  background: #fff;  } 
.sec3_slider .slick-slide.slick-center {  transform: scale(1);  } 
.sec3_slider .slick-slide.slick-center .sec3_list .txt_wrap {  opacity: 1;  transition: opacity .5s ease;  transition-delay: .5s;  } 
.sec3_wrap .direction {  display: flex;  align-items: center;  justify-content: center;  width: 100%;  margin-top: 45px;  } 
.sec3_wrap .direction .ws_arrow {  width: 60px;  height: 60px;  border: 1px solid #fff;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%;  cursor: pointer;  font-size: 14px;  color: #fff;  } 
.sec3_wrap .direction .page_info2 {  display: flex;  align-items: center;  margin-right: 30px;  margin-left: 28px;  } 
.sec3_wrap .direction .page_info2 .current_num {  font-size: 20px;  color: #fff;  font-weight: bold;  } 
.sec3_wrap .direction .page_info2 .bar {  width: 1px;  height: 15px;  background: #9f9e9e;  transform: rotate(15deg);  margin: 0 10px;  } 
.sec3_wrap .direction .page_info2 .total_num {  font-size: 20px;  color: #9f9e9e;  font-weight: bold;  } 

/* 섹션 4 */

.section4 {  padding: 100px 0 117px;  } 
.sec4_txt {  display: flex;  align-items: flex-end;  justify-content: space-between;  margin-bottom: 54px;  } 
.sec4_txt_lt em {  font-size: 20px;  color: #005bac;  font-weight: 900;  } 
.sec4_txt_lt h2 {  font-size: 45px;  color: #000000;  font-weight: 900;  margin-top: 5px;  } 
.sec4_txt_rt span {  font-size: 25px;  cursor: pointer;  } 
.sec4_txt_rt span.news_next {  margin-left: 40px;  } 
.news_slider {  margin: 0 -15px;  } 
.news_slider .slick-slide {  padding: 0 15px;  } 
.news_list {  position: relative;  } 
.news_list:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 4px;  background: #000;  } 
.news_list .txt_wrap {  padding: 50px 30px 40px;  } 
.news_list .txt_wrap .text_content {  font-size: 23px;  line-height: 1.4;  color: #000000;  font-weight: bold;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  height: 2.8em;  } 
.news_list .txt_wrap span {  display: block;  font-size: 18px;  color: #a6a5a5;  font-weight: 300;  margin-top: 20px;  } 
.news_list .img_wrap {  position: relative;  height: 280px;  overflow: hidden;  } 
.news_list .img_wrap img {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  } 

/* 섹션 5 */

.section5 {  padding: 218px 0 200px;  background: url("/images/main/sec5_bg.jpg") center no-repeat;  background-size: cover;  } 
.sec5_txt {  text-align: center;  } 
.sec5_txt em {  display: block;  font-size: 20px;  letter-spacing: 4px;  color: #1ab0ff;  font-weight: 800;  } 
.sec5_txt h2 {  font-size: 45px;  color: #fff;  font-weight: 900;  margin-top: 10px;  } 
.sec5_txt p {  font-size: 20px;  line-height: 1.25;  color: #fff;  font-weight: 300;  margin-top: 20px;  } 
.sec5_btn {  position: relative;  max-width: 533px;  width: 100%;  display: inline-block;  margin: 37px -5px 0;  } 
.sec5_btn:after {  content: "";  display: block;  clear: both;  } 
.sec5_btn span {  float: left;  width: 50%;  padding: 0 5px;  } 
.sec5_btn span a {  position: relative;  display: flex;  align-items: center;  height: 55px;  font-size: 18px;  color: #fff;  padding-left: 27px;  z-index: 1;  } 
.sec5_btn span:hover a:after {  background: #005bac;  border: 1px solid #005bac;  } 
.sec5_btn span a:before {  content: "+";  position: absolute;  top: 50%;  transform: translateY(-50%);  right: 15px;  font-size: 30px;  color: #fff;  margin-top: -3px;  } 
.sec5_btn span a:after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  border: 1px solid #fff;  z-index: -1;  } 

/* 섹션 6 */

.section6 {  padding: 115px 0 110px;  } 
.sec6_txt {  display: flex;  align-items: center;  justify-content: space-between;  } 
.sec6_lt_txt h2 {  font-size: 60px;  color: #000000;  font-weight: 900;  } 
.sec6_lt_txt p {  font-size: 25px;  color: #777777;  font-weight: 300;  margin-top: 5px;  } 
.sec6_rt_txt {  margin-top: 24px;  } 
.sec6_rt_txt span {  font-size: 25px;  cursor: pointer;  } 
.sec6_rt_txt span.cli_next {  margin-left: 40px;  } 
.client_slider {  margin: 30px auto 0;  max-width: 1400px;  width: 100%;  } 
.client_slider .slick-list {  overflow: visible;  } 
.client_slider .slick-slide {  margin: 0 130px;  } 
.client_slider .slick-slide .img_wrap {  position: relative;  width: 240px;  height: 240px;  border-radius: 50%;  background: #f3f3f3;  } 
.client_slider .slick-slide .img_wrap img {width: 100%; height: 100%; object-fit: cover;} 
.section6 .more_wrap {  display: flex;  align-items: center;  justify-content: center;  width: 100%;  margin-top: 48px;  } 
.section6 .more_wrap a.more {  font-size: 18px;  color: #000;  font-weight: bold;  display: flex;  align-items: center;  } 
.section6 .more_wrap a.more span {  display: flex;  align-items: center;  justify-content: center;  width: 35px;  height: 35px;  border-radius: 50%;  color: #fff;  font-size: 16px;  margin-left: 14px;  background: #005bac;  } 

/* 섹션 7 */

.section7 {  position: relative;  padding: 80px 0 100px;  z-index: 1;  } 
.section7:before {  content: "";  position: absolute;  top: 0;  left: 50%;  transform: translateX(-50%);  width: 1700px;  height: 660px;  background: url("/images/main/sec7_bg.jpg") center no-repeat;  background-size: 100%;  z-index: -1;  } 
.sec7_title {  text-align: center;  font-size: 50px;  letter-spacing: -1px;  color: #fff;  font-weight: 900;  } 
.sec7_form_wrap {  margin: 77px auto 0;  max-width: 895px;  } 
.sec7_form ul {  position: relative;  margin: 0 -20px;  } 
.sec7_form ul:after {  content: "";  display: block;  clear: both;  } 
.sec7_form ul li {  float: left;  width: 33.33%;  padding: 0 20px;  margin-bottom: 40px;  } 
.sec7_form ul li:last-child {  width: 100%;  margin-bottom: 35px;  } 
.sec7_fm_inner h3 {  font-size: 18px;  color: #fff;  font-weight: bold;  } 
.sec7_fm_inner .sc7_input {  width: 100%;  height: 35px;  padding-bottom: 15px;  border: 0;  outline: 0;  border-radius: 0;  border-bottom: 1px solid #fff;  margin-top: 12px;  font-size: 16px;  color: #fff;  background: none;  padding-right: 20px;  } 
.sec7_fm_inner .sc7_input::placeholder {  color: #a6a6a6;  } 
.sec7_fm_inner textarea {  width: 100%;  height: 35px;  padding-bottom: 15px;  border: 0;  outline: 0;  border-radius: 0;  border-bottom: 1px solid #fff;  margin-top: 12px;  font-size: 16px;  color: #fff;  background: none;  padding-right: 20px;  resize: none;  overflow: hidden;  } 
.sec7_fm_inner textarea::placeholder {  color: #a6a6a6;  } 
.sec7_btn1 {  display: flex;  align-items: center;  justify-content: center;  } 
.sec7_btn1 input[type="checkbox"] {  width: 20px;  height: 20px;  appearance: none;  -webkit-appearance: none;  border: 1px solid #f7f5f5;  outline: 0;  border-radius: 50%;  -webkit-border-radius: 50%;  margin-right: 15px;  } 
.sec7_btn1 input[type="checkbox"]:checked {  background: #005bac;  border: 1px solid #005bac;  } 
.sec7_btn1 label {  font-size: 16px;  color: #fff;  font-weight: 800;  } 
.sec7_btn1 a {  font-size: 16px;  color: #fff;  font-weight: 800;  margin-left: 5px;  } 
.sec7_btn2 {  display: flex;  align-items: center;  justify-content: center;  margin-top: 50px;  } 
.sec7_btn2 button {  font-size: 20px;  color: #fff;  font-weight: 900;  height: 60px;  border-radius: 30px;  background: #005bac;  padding: 0 70px;  } 
.sec7_btn2 button:hover {  background: #005bac;  } 

/* 푸터 */

#footer {  padding: 113px 0;  background: #1c1c1c;  } 
.ft_wrap {  position: relative;  display: flex;  align-items: flex-start;  } 
.ft_logo img {  width: 188px;  } 
.ft_menu {  margin-left: 80px;  } 
.ft_menu .address_txt {  font-size: 18px;  color: #fff;  font-weight: 400;  } 
.ft_inner_menu {  margin-top: 15px;  } 
.ft_inner_menu ul {  position: relative;  } 
.ft_inner_menu ul:after {  content: "";  display: block;  clear: both;  } 
.ft_inner_menu ul li {  float: left;  margin-right: 40px;  } 
.ft_inner_menu ul li:last-child {  margin-right: 0;  } 
.ft_inner_menu ul li strong {  font-size: 16px;  color: #a9a9a9;  font-weight: 400;  } 
.ft_inner_menu ul li span {  font-size: 16px;  color: #fff;  margin-left: 5px;  } 
.ft_inner_menu2 {  margin-top: 35px;  display: flex;  align-items: center;  } 
.ft_inner_menu2 span {  opacity: 0.8;  font-size: 15px;  color: #a5a5a5;  font-weight: 300;  margin-right: 30px;  } 
.ft_inner_menu2 span:last-child {  margin-right: 0;  } 
.ft_inner_menu2 span .dpunch_ic {  display: inline-block;  width: 100px;  height: 10px;  background: url("/images/main/dpunch_ic.png") center no-repeat;  background-size: 100%;  margin-left: 10px;  } 
.ft_rt_wrap {  position: absolute;  top: -5px;  right: 0;  } 
.ft_rt_menu {  position: relative;  display: inline-block;  width: 175px;  padding: 0 10px;  text-align: left;  background: url("/images/main/ft_arrow.png") right 10px center no-repeat;  background-size: 8px;  } 
.ft_rt_menu:before {  content: "";  position: absolute;  left: 0;  bottom: -6px;  width: 100%;  height: 1px;  background: #9e9e9e;  } 
.ft_rt_menu span {  display: block;  width: 100%;  font-size: 16px;  line-height: 1.6;  color: #9e9e9e;  font-weight: bold;  cursor: pointer;  } 
.ft_rt_menu ul {  display: none;  position: absolute;  left: 0;  bottom: 40px;  background: #1c1c1c;  width: 100%;  padding: 20px 10px;  overflow-y: auto;  z-index: 15;  } 
.ft_rt_menu ul li+li {  margin-top: 10px;  } 
.ft_rt_menu ul li a {  display: block;  color: #fff;  font-size: 16px;  } 
.ft_rt_menu ul li:hover a {  color: #005bac;  } 
.ft_rt_menu2 {  display: flex;  align-items: center;  margin-top: 65px;  } 
.ft_rt_menu2 span {  position: relative;  margin-right: 30px;  } 
.ft_rt_menu2 span:last-child {  margin-right: 0;  } 
.ft_rt_menu2 span+span:before {  content: "";  position: absolute;  top: 50%;  transform: translateY(-50%);  left: -15px;  width: 1px;  height: 10px;  background: #fff;  } 
.ft_rt_menu2 span a {  display: block;  font-size: 16px;  color: #fff;  font-weight: bold;  } 

@media screen and (max-width: 1700px) {
    
    /* 섹션 3 */

    .section3 {  padding: 7.65vw 0 5.41vw;} 
    .sec3_txt h2 {  font-size: 2.94vw;} 
    .sec3_txt p {  font-size: 1.29vw; margin-top: 0.76vw;  } 
    .sec3_wrap {margin-top: 3.53vw;} 
    .sec3_slider .slick-list {padding: 0 26.47vw !important;}
    .sec3_slider .slick-slide .sec3_list .txt_wrap {bottom: 2.94vw;  left: -2.35vw; } 
    .sec3_slider .slick-slide .sec3_list .txt_wrap h3 {font-size: 3.53vw;} 
    .sec3_slider .slick-slide .sec3_list .txt_wrap p {font-size: 1.18vw;margin-top: 1.76vw;  } 
    .sec3_slider .slick-slide .sec3_list .txt_wrap a.more {font-size: 1.06vw; margin-top: 2.18vw;  } 
    .sec3_slider .slick-slide .sec3_list .txt_wrap a.more span {width: 2.06vw;  height: 2.06vw;  border-radius: 50%; font-size: 0.94vw;  margin-left: 0.82vw; } 
    .sec3_wrap .direction {margin-top: 2.65vw;  } 
    .sec3_wrap .direction .ws_arrow {width: 3.53vw;  height: 3.53vw; font-size: 0.82vw;} 
    .sec3_wrap .direction .page_info2 {margin-right: 1.76vw; margin-left: 1.65vw;  } 
    .sec3_wrap .direction .page_info2 .current_num {  font-size: 1.18vw;} 
    .sec3_wrap .direction .page_info2 .bar {  width: 0.06vw;  height: 0.88vw; margin: 0 0.59vw;  } 
    .sec3_wrap .direction .page_info2 .total_num {  font-size: 1.18vw;}
}


@media screen and (max-width: 1420px) { 

 /* 헤더 */

 #header {  height: 6.34vw;  padding: 0 3.52vw;  } 
 .head {  width: 100%;  } 
 .head .logo img {  width: 13.24vw;  } 
 .gnb>li {  margin: 0 2.52vw;  } 
 .gnb>li>a {  font-size: 1.41vw;  } 
 .site_btn{margin-right:2.11vw}
 .site_btn a{font-size:1.13vw; margin-bottom:0.3vw}
 .site_btn a i{margin-left:0.56vw;}
 .head_btn {width: 2.11vw;  height: 1.76vw;  } 
 .head_btn span {  height: 0.14vw;  } 
 .head_btn span+span {  margin-top: 0.70vw;  } 

 /* 헤드 네비 */

 .head_bg {  top: 6.34vw;  height: 29.58vw;  padding: 3.52vw;  } 
 .head_bg_inner {  width: 100%;  } 
 .head_bg_inner dl {  padding: 0 2.82vw;  } 
 .head_bg_inner dl+dl:before {  height: 23.24vw;  } 
 .head_bg_inner dl dt a {  font-size: 1.62vw;  margin-bottom: 1.41vw;  } 
 .head_bg_inner dl dd a {  font-size: 1.27vw;  padding-bottom: 0.35vw;  } 
 .head_bg_inner dl dd+dd {  margin-top: 0.70vw;  } 
 .head_all_menu .logo {  top: 3.52vw;  } 
 .head_all_menu .logo img {  width: 16.06vw;  } 
 .head_all_close {  top: 3.52vw;  right: 1.41vw;  width: 3.52vw;  height: 3.52vw;  } 
 .head_all_close:before {  height: 3.52vw;  width: 0.14vw;  } 
 .head_all_close:after {  height: 3.52vw;  width: 0.14vw;  } 
 .head_all_inner_menu dl dt a {  font-size: 1.76vw;  } 
 .head_all_inner_menu dl dt {  margin-bottom: 2.82vw;  } 
 .head_all_inner_menu dl dd a {  font-size: 1.27vw;  } 
 .head_all_inner_menu dl dd+dd {  margin-top: 0.70vw;  } 

/* 비주얼 */
.visual {height: 66.20vw;} 
.visual_slider { height: 66.20vw;} 
.vis_list { height: 66.20vw;} 
.vis_txt { top: 21.13vw;} 
.vis_txt em { font-size: 1.76vw;} 

.vis_txt h2 {font-size: 6.34vw; margin-top: 0.70vw;} 
.vis_txt h2 span {font-size: 3.52vw;} 
.vis_txt p {font-size: 1.76vw;} 
.visual_slider .slick-dots {bottom: 23.59vw;} 
.visual_slider .slick-dots li {width: 0.35vw; height: 0.35vw; margin: 0 1.41vw;} 
.visual_slider .slick-dots li.slick-active:before {width: 2.11vw;  height: 2.11vw;  } 
.visual_slider .slick-arrow {width: 1.62vw; height: 3.03vw;} 
.visual_slider .slick-arrow.slick-prev {left: 5.63vw;} 
.visual_slider .slick-arrow.slick-next {right: 5.63vw;} 
.vis_btn {bottom: 3.52vw;  width: 5.63vw;  height: 5.63vw; font-size: 1.76vw;} 

/* 섹션 1 */

.section1 {padding-bottom: 1.06vw;} 
.section1:before {background-size: 64.01vw;} 
.section1:after {width: 60.99vw;height: 5.21vw;} 
.inner {max-width: 100%;} 
.sec1_menu {padding: 17.61vw 3.52vw 15.21vw;} 
.sec1_menu .sec1_img_wrap {top: 12.82vw; right: -4.23vw; width: 61.97vw;} 
.sec1_txt_list .sec1_area_txt {font-size: 1.41vw;} 
.sec1_txt_list .sec1_area_title {font-size: 4.23vw; margin-top: 1.13vw;} 
.sec1_txt_list .sec1_inner {margin-top: 4.72vw;} 
.sec1_txt_list .sec1_inner .sec1_area_number {font-size: 1.76vw;} 
.sec1_txt_list .sec1_inner .sec1_area_title2 {  font-size: 3.17vw; margin-top: 0.70vw;} 
.sec1_txt_list .sec1_inner .sec1_content {font-size: 1.41vw; margin-top: 1.13vw; } 
.sec1_txt_list a.more {font-size: 1.27vw; margin-top: 2.46vw;  } 
.sec1_txt_list a.more span {width: 2.46vw;  height: 2.46vw; font-size: 1.13vw;  margin-left: 0.99vw;} 
.section1 .direction {bottom: -1.55vw;  right: 3.57vw;} 
.section1 .direction .bu_arrow {width: 4.23vw; height: 4.23vw; font-size: 0.99vw; } 
.section1 .direction .page_info {margin-right: 2.11vw; margin-left: 1.97vw;} 
.section1 .direction .page_info .current_num {font-size: 1.41vw;} 
.section1 .direction .page_info .bar { height: 1.06vw;  margin: 0 0.70vw;  } 
.section1 .direction .page_info .total_num {  font-size: 1.41vw;} 

/* 섹션 2 */

.section2 {padding: 12.75vw 3.52vw 17.96vw;} 
.sec2_txt:before {bottom: -3.66vw; left: 0; width: 40.49vw; height: 11.34vw;} 
.sec2_txt em {font-size: 1.41vw; letter-spacing: 0.28vw;} 
.sec2_txt p {  font-size: 2.46vw; margin-top: 0.70vw;  } 
.sec2_txt a.more {font-size: 1.27vw; margin-top: 2.18vw;} 
.sec2_txt a.more span {width: 2.46vw;  height: 2.46vw; font-size: 1.13vw; margin-left: 0.99vw;} 
.sec2_img {bottom: -8.45vw;  right: 4.93vw;} 
.sec2_img img {width: 30.99vw;}

/* 섹션 3 */

.section3 {  padding: 9.15vw 0 6.48vw;} 
.sec3_txt h2 {  font-size: 3.52vw;} 
.sec3_txt p {  font-size: 1.55vw; margin-top: 0.92vw;  } 
.sec3_wrap {margin-top: 4.23vw;} 
.sec3_slider .slick-list {padding: 0 24.65vw !important;}
.sec3_slider .slick-slide .sec3_list .txt_wrap {bottom: 3.52vw;  left: -2.82vw; } 
.sec3_slider .slick-slide .sec3_list .txt_wrap h3 {font-size: 4.23vw;} 
.sec3_slider .slick-slide .sec3_list .txt_wrap p {font-size: 1.41vw;margin-top: 2.11vw;  } 
.sec3_slider .slick-slide .sec3_list .txt_wrap a.more {font-size: 1.27vw; margin-top: 2.61vw;  } 
.sec3_slider .slick-slide .sec3_list .txt_wrap a.more span {width: 2.46vw;  height: 2.46vw;  border-radius: 50%; font-size: 1.13vw;  margin-left: 0.99vw; } 
.sec3_wrap .direction {margin-top: 3.17vw;  } 
.sec3_wrap .direction .ws_arrow {width: 4.23vw;  height: 4.23vw; font-size: 0.99vw;} 
.sec3_wrap .direction .page_info2 {margin-right: 2.11vw; margin-left: 1.97vw;  } 
.sec3_wrap .direction .page_info2 .current_num {  font-size: 1.41vw;} 
.sec3_wrap .direction .page_info2 .bar {  width: 0.07vw;  height: 1.06vw; margin: 0 0.70vw;  } 
.sec3_wrap .direction .page_info2 .total_num {  font-size: 1.41vw;}

/* 섹션 4 */

.section4 {padding: 7.04vw 3.52vw 8.24vw;} 
.sec4_txt {margin-bottom: 3.80vw;} 
.sec4_txt_lt em {font-size: 1.41vw;} 
.sec4_txt_lt h2 {font-size: 3.17vw; margin-top: 0.35vw;} 
.sec4_txt_rt span {font-size: 1.76vw; } 
.sec4_txt_rt span.news_next {margin-left: 2.82vw;  } 
.news_slider {margin: 0 -1.06vw;} 
.news_slider .slick-slide {padding: 0 1.06vw;} 
.news_list:before {height: 0.28vw;} 
.news_list .txt_wrap {padding: 3.52vw 2.11vw 2.82vw;} 
.news_list .txt_wrap .text_content {font-size: 1.62vw;} 
.news_list .txt_wrap span {font-size: 1.27vw; margin-top: 1.41vw; } 
.news_list .img_wrap {height: 19.72vw;} 

/* 섹션 5 */

.section5 {padding: 15.35vw 3.52vw 14.08vw;} 
.sec5_txt em {font-size: 1.41vw; letter-spacing: 0.28vw;} 
.sec5_txt h2 {font-size: 3.17vw; margin-top: 0.70vw;} 
.sec5_txt p {font-size: 1.41vw; margin-top: 1.41vw;  } 
.sec5_btn { max-width: 37.54vw; margin: 2.61vw -0.35vw 0;  } 
.sec5_btn span {padding: 0 0.35vw;} 
.sec5_btn span a {height: 3.87vw;  font-size: 1.27vw; padding-left: 1.90vw;} 
.sec5_btn span a:before {right: 1.06vw;  font-size: 2.11vw; margin-top: -0.21vw; } 


/* 섹션 6 */

.section6 {padding: 8.10vw 0 7.75vw;} 
.sec6_txt {padding: 0 3.57vw;}
.sec6_lt_txt h2 {  font-size: 4.23vw;} 
.sec6_lt_txt p {  font-size: 1.76vw; margin-top: 0.35vw;  } 
.sec6_rt_txt {  margin-top: 1.69vw;} 
.sec6_rt_txt span {  font-size: 1.76vw; } 
.sec6_rt_txt span.cli_next {margin-left: 2.82vw;} 
.client_slider {margin: 2.11vw auto 0;  max-width: 100%;  width: 100%;  } 
.client_slider .slick-slide {margin: 0 9.15vw;} 
.client_slider .slick-slide .img_wrap {width: 16.90vw; height: 16.90vw; } 
.section6 .more_wrap {margin-top: 3.38vw;} 
.section6 .more_wrap a.more {font-size: 1.27vw;} 
.section6 .more_wrap a.more span {width: 2.46vw; height: 2.46vw; font-size: 1.13vw; margin-left: 0.99vw;} 

 /* 섹션 7 */

.section7 {padding: 5.63vw 3.52vw 7.04vw;}
.section7:before {/* width: 100%; */ width: 92.96vw; height: 46.48vw; background-size: cover;}
.sec7_title {font-size: 3.52vw;}
.sec7_form_wrap {margin: 5.42vw auto 0; max-width: 63.03vw;}
.sec7_form ul {margin: 0 -1.41vw;}
.sec7_form ul li {padding: 0 1.41vw; margin-bottom: 2.82vw;}
.sec7_form ul li:last-child {margin-bottom: 2.46vw;}
.sec7_fm_inner h3 {font-size: 1.27vw;}
.sec7_fm_inner .sc7_input {height: 2.46vw; padding-bottom: 1.06vw; margin-top: 0.85vw; font-size: 1.13vw; padding-right: 1.41vw;}
.sec7_fm_inner textarea {height: 2.46vw; padding-bottom: 1.06vw; margin-top: 0.85vw; font-size: 1.13vw; padding-right: 1.41vw;}
.sec7_btn1 input[type="checkbox"] {width: 1.41vw; height: 1.41vw; margin-right: 1.06vw;}
.sec7_btn1 label {font-size: 1.13vw;}
.sec7_btn1 a {font-size: 1.13vw; margin-left: 0.35vw;}
.sec7_btn2 {margin-top: 3.52vw;}
.sec7_btn2 button {font-size: 1.41vw; height: 4.23vw; border-radius: 2.11vw; padding: 0 4.93vw;}

 /* 푸터 */

 #footer {  padding: 7.96vw 3.52vw;  } 
 .ft_logo img {  width: 16.06vw;  } 
 .ft_menu {  margin-left: 5.63vw;  } 
 .ft_menu .address_txt {  font-size: 1.27vw;  } 
 .ft_inner_menu {  margin-top: 1.06vw;  } 
 .ft_inner_menu ul li {  margin-right: 2.82vw;  } 
 .ft_inner_menu ul li strong {  font-size: 1.13vw;  } 
 .ft_inner_menu ul li span {  font-size: 1.13vw;  margin-left: 0.35vw;  } 
 .ft_inner_menu2 {  margin-top: 2.46vw;  } 
 .ft_inner_menu2 span {  font-size: 1.06vw;  margin-right: 2.11vw;  } 
 .ft_inner_menu2 span .dpunch_ic {  width: 7.04vw;  height: 0.70vw;  margin-left: 0.70vw;  } 
 .ft_rt_wrap {  top: -0.35vw;  } 
 .ft_rt_menu {  width: 12.32vw;  padding: 0 0.70vw;  background: url("/images/main/ft_arrow.png") right 0.70vw center no-repeat;  background-size: 0.56vw;  } 
 .ft_rt_menu:before {  bottom: -0.42vw;  } 
 .ft_rt_menu span {  font-size: 1.13vw;  } 
 .ft_rt_menu ul {  bottom: 2.82vw;  padding: 1.41vw 0.70vw;  } 
 .ft_rt_menu ul li+li {  margin-top: 0.70vw;  } 
 .ft_rt_menu ul li a {  font-size: 1.13vw;  } 
 .ft_rt_menu2 {  margin-top: 4.58vw;  } 
 .ft_rt_menu2 span {  margin-right: 2.11vw;  } 
 .ft_rt_menu2 span+span:before {  left: -1.06vw;  height: 0.70vw;  } 
 .ft_rt_menu2 span a {  font-size: 1.13vw;  } 

 } 

@media screen and (max-width: 1024px) { 

 /* 헤더 */

 #header {  height: 8.79vw;  padding: 0 3.91vw;  } 
 .head .logo img {  width: 18.36vw;  } 
 .gnb>li {  margin: 0 1.5vw;  } 
 .gnb>li:first-child{margin-left:0}
 .gnb>li>a {  font-size: 1.75vw;  } 
 .site_btn{margin-right:2.11vw}
 .site_btn a{font-size:1.5vw; margin-bottom:0.4vw}
 .site_btn a i{margin-left:0.56vw; width: 0.7vw;}
 .head_btn {  width: 2.93vw;  height: 2.44vw;  } 
 .head_btn span {  height: 0.20vw;  } 
 .head_btn span + span {  margin-top: 0.98vw;  } 

 /* 헤드 네비 */

 .head_bg {  top: 8.79vw;  height: 41.02vw;  padding: 4.88vw;  } 
 .head_bg_inner dl {  padding: 0 3.91vw;  } 
 .head_bg_inner dl+dl:before {  height: 32.23vw;  } 
 .head_bg_inner dl dt a {  font-size: 2.25vw;  margin-bottom: 1.95vw;  } 
 .head_bg_inner dl dd a {  font-size: 1.76vw;  padding-bottom: 0.49vw;  } 
 .head_bg_inner dl dd+dd {  margin-top: 0.98vw;  } 
 .head_all_menu .logo {  top: 4.88vw;  } 
 .head_all_menu .logo img {  width: 22.27vw;  } 
 .head_all_close {  top: 4.88vw;  right: 1.95vw;  width: 4.88vw;  height: 4.88vw;  } 
 .head_all_close:before {  height: 4.88vw;  width: 0.20vw;  } 
 .head_all_close:after {  height: 4.88vw;  width: 0.20vw;  } 
 .head_all_inner_menu dl dt a {  font-size: 2.44vw; } 
 .head_all_inner_menu dl dt {  margin-bottom: 3.91vw;  } 
 .head_all_inner_menu dl dd a {  font-size: 1.76vw;  } 
 .head_all_inner_menu dl dd+dd {  margin-top: 0.98vw;  } 

 /* 비주얼 */

.visual {height: 91.80vw;} 
.visual_slider { height: 91.80vw;} 
.vis_list { height: 91.80vw;} 
.vis_txt { top: 29.30vw; left: 0;} 
.vis_txt em { font-size: 2.44vw;} 

.vis_txt h2 {font-size: 8.79vw; margin-top: 0.98vw;} 
.vis_txt h2 span {font-size: 4.88vw;} 
.vis_txt p {font-size: 2.44vw;} 
.visual_slider .slick-dots {bottom: 32.71vw;} 
.visual_slider .slick-dots li {width: 0.49vw; height: 0.49vw; margin: 0 1.95vw;} 
.visual_slider .slick-dots li.slick-active:before {width: 2.93vw;  height: 2.93vw;  } 
.visual_slider .slick-arrow {width: 2.25vw; height: 4.20vw;} 
.visual_slider .slick-arrow.slick-prev {left: 3.91vw;} 
.visual_slider .slick-arrow.slick-next {right: 3.91vw;} 
.vis_btn {bottom: 4.88vw;  width: 7.81vw;  height: 7.81vw; font-size: 2.44vw;} 

/* 섹션 1 */

.section1 {padding-bottom: 1.46vw;} 
.section1:before {background-size: 88.77vw;} 
.section1:after {width: 84.57vw;height: 7.23vw;} 
.inner {max-width: 100%;} 
.sec1_menu {padding: 10.74vw 3.91vw} 
.sec1_menu .sec1_img_wrap {top: 7.81vw; right: 0; width: 64.94vw;} 
.sec1_txt_list .sec1_area_txt {font-size: 1.95vw;} 
.sec1_txt_list .sec1_area_title {font-size: 5.86vw; margin-top: 1.56vw;} 
.sec1_txt_list .sec1_inner {margin-top: 6.54vw;} 
.sec1_txt_list .sec1_inner .sec1_area_number {font-size: 2.44vw;} 
.sec1_txt_list .sec1_inner .sec1_area_title2 {  font-size: 4.39vw; margin-top: 0.98vw;} 
.sec1_txt_list .sec1_inner .sec1_content {font-size: 1.95vw; margin-top: 1.56vw; } 
.sec1_txt_list a.more {font-size: 1.76vw; margin-top: 3.42vw;  } 
.sec1_txt_list a.more span {width: 3.42vw;  height: 3.42vw; font-size: 1.56vw;  margin-left: 1.37vw;} 
.section1 .direction {bottom: -2.15vw;  right: 3.91vw;} 
.section1 .direction .bu_arrow {width: 5.86vw; height: 5.86vw; font-size: 1.37vw; } 
.section1 .direction .page_info {margin-right: 2.93vw; margin-left: 2.73vw;} 
.section1 .direction .page_info .current_num {font-size: 1.95vw;} 
.section1 .direction .page_info .bar { height: 1.46vw;  margin: 0 0.98vw;  } 
.section1 .direction .page_info .total_num {  font-size: 1.95vw;} 

/* 섹션 2 */

.section2 {padding: 17.68vw 3.91vw 24.90vw;} 
.sec2_txt:before {bottom: -5.08vw; left: 0; width: 56.15vw; height: 15.72vw;} 
.sec2_txt em {font-size: 1.95vw; letter-spacing: 0.39vw;} 
.sec2_txt p {  font-size: 3.42vw; margin-top: 0.98vw;  } 
.sec2_txt a.more {font-size: 1.76vw; margin-top: 3.03vw;} 
.sec2_txt a.more span {width: 3.42vw;  height: 3.42vw; font-size: 1.56vw; margin-left: 1.37vw;} 
.sec2_img {bottom: -5.72vw;  right: 0;} 
.sec2_img img {width: 28.97vw;}

/* 섹션 3 */

.section3 {  padding: 12.70vw 0 8.98vw;} 
.sec3_txt h2 {  font-size: 4.88vw;} 
.sec3_txt p {  font-size: 2.15vw; margin-top: 1.27vw;  } 
.sec3_wrap {margin-top: 5.86vw;} 
.sec3_slider .slick-list {padding: 0 19.53vw !important;}
.sec3_slider .slick-slide .sec3_list .txt_wrap {bottom: 4.88vw;  left: -3.91vw; } 
.sec3_slider .slick-slide .sec3_list .txt_wrap h3 {font-size: 5.86vw;} 
.sec3_slider .slick-slide .sec3_list .txt_wrap p {font-size: 1.95vw;margin-top: 2.93vw;  } 
.sec3_slider .slick-slide .sec3_list .txt_wrap a.more {font-size: 1.76vw; margin-top: 3.61vw;  } 
.sec3_slider .slick-slide .sec3_list .txt_wrap a.more span {width: 3.42vw;  height: 3.42vw;  border-radius: 50%; font-size: 1.56vw;  margin-left: 1.37vw; } 
.sec3_wrap .direction {margin-top: 4.39vw;  } 
.sec3_wrap .direction .ws_arrow {width: 5.86vw;  height: 5.86vw; font-size: 1.37vw;} 
.sec3_wrap .direction .page_info2 {margin-right: 2.93vw; margin-left: 2.73vw;  } 
.sec3_wrap .direction .page_info2 .current_num {  font-size: 1.95vw;} 
.sec3_wrap .direction .page_info2 .bar {  width: 0.10vw;  height: 1.46vw; margin: 0 0.98vw;  } 
.sec3_wrap .direction .page_info2 .total_num {  font-size: 1.95vw;}

/* 섹션 4 */

.section4 {padding: 9.77vw 3.91vw 11.43vw;} 
.sec4_txt {margin-bottom: 5.27vw;} 
.sec4_txt_lt em {font-size: 1.95vw;} 
.sec4_txt_lt h2 {font-size: 4.39vw; margin-top: 0.49vw;} 
.sec4_txt_rt span {font-size: 2.44vw; } 
.sec4_txt_rt span.news_next {margin-left: 3.91vw;  } 
.news_slider {margin: 0 -1.46vw;} 
.news_slider .slick-slide {padding: 0 1.46vw;} 
.news_list:before {height: 0.39vw;} 
.news_list .txt_wrap {padding: 3.91vw 0} 
.news_list .txt_wrap .text_content {font-size: 2.25vw;} 
.news_list .txt_wrap span {font-size: 1.76vw; margin-top: 1.95vw; } 
.news_list .img_wrap {height: 17.34vw;} 

/* 섹션 5 */

.section5 {padding: 21.29vw 3.91vw 19.53vw;} 
.sec5_txt em {font-size: 1.95vw; letter-spacing: 0.39vw;} 
.sec5_txt h2 {font-size: 4.39vw; margin-top: 0.98vw;} 
.sec5_txt p {font-size: 1.95vw; margin-top: 1.95vw;  } 
.sec5_btn { max-width: 52.05vw; margin: 3.61vw -0.49vw 0;  } 
.sec5_btn span {padding: 0 0.49vw;} 
.sec5_btn span a {height: 5.37vw;  font-size: 1.76vw; padding-left: 2.64vw;} 
.sec5_btn span a:before {right: 1.46vw;  font-size: 2.93vw; margin-top: -0.29vw; } 


/* 섹션 6 */

.section6 {padding: 11.23vw 0 10.74vw;} 
.sec6_txt {padding: 0 4.98vw;}
.sec6_lt_txt h2 {  font-size: 5.86vw;} 
.sec6_lt_txt p {  font-size: 2.44vw; margin-top: 0.49vw;  } 
.sec6_rt_txt {  margin-top: 2.34vw;} 
.sec6_rt_txt span {  font-size: 2.44vw; } 
.sec6_rt_txt span.cli_next {margin-left: 3.91vw;} 
.client_slider {margin: 2.93vw auto 0;  max-width: 100%;  width: 100%;  } 
.client_slider .slick-slide {margin: 0 9.77vw;} 
.client_slider .slick-slide .img_wrap {width: 23.44vw; height: 23.44vw; } 
.section6 .more_wrap {margin-top: 4.69vw;} 
.section6 .more_wrap a.more {font-size: 1.76vw;} 
.section6 .more_wrap a.more span {width: 3.42vw; height: 3.42vw; font-size: 1.56vw; margin-left: 1.37vw;} 

/* 섹션 7 */

.section7 {padding: 7.81vw 3.91vw 9.77vw;}
.section7:before {/* width: 100%; */ width: 100%; height: 64.45vw;}
.sec7_title {font-size: 4.88vw;}
.sec7_form_wrap {margin: 7.52vw auto 0; max-width: 87.40vw;}
.sec7_form ul {margin: 0 -1.95vw;}
.sec7_form ul li {padding: 0 1.95vw; margin-bottom: 3.91vw;}
.sec7_form ul li:last-child {margin-bottom: 3.42vw;}
.sec7_fm_inner h3 {font-size: 1.76vw;}
.sec7_fm_inner .sc7_input {height: 3.42vw; padding-bottom: 1.46vw; margin-top: 1.17vw; font-size: 1.56vw; padding-right: 1.95vw;}
.sec7_fm_inner textarea {height: 3.42vw; padding-bottom: 1.46vw; margin-top: 1.17vw; font-size: 1.56vw; padding-right: 1.95vw;}
.sec7_btn1 input[type="checkbox"] {width: 1.95vw; height: 1.95vw; margin-right: 1.46vw;}
.sec7_btn1 label {font-size: 1.56vw;}
.sec7_btn1 a {font-size: 1.56vw; margin-left: 0.49vw;}
.sec7_btn2 {margin-top: 4.88vw;}
.sec7_btn2 button {font-size: 1.95vw; height: 5.86vw; border-radius: 2.93vw; padding: 0 6.84vw;}


 /* 푸터 */

 #footer {padding: 11.04vw 3.91vw;  } 
 .ft_wrap {  flex-wrap: wrap;  } 
 .ft_logo img {  width: 22.27vw;  } 
 .ft_menu {  margin-left: 0;  margin-top: 4.88vw;  width: 100%;  } 
 .ft_menu .address_txt {  font-size: 1.76vw;  } 
 .ft_inner_menu {  margin-top: 1.46vw;  } 
 .ft_inner_menu ul li {  margin-right: 3.91vw;  } 
 .ft_inner_menu ul li strong {  font-size: 1.56vw;  } 
 .ft_inner_menu ul li span {  font-size: 1.56vw;  margin-left: 0.49vw;  } 
 .ft_inner_menu2 {  margin-top: 3.42vw;  } 
 .ft_inner_menu2 span {  font-size: 1.46vw;  margin-right: 2.93vw;  } 
 .ft_inner_menu2 span .dpunch_ic {  width: 9.77vw;  height: 0.98vw;  margin-left: 0.98vw;  } 
 .ft_rt_wrap {  position: relative;  top: auto;  right: auto;  display: flex;  align-items: center;  margin-top: 4.88vw;} 
 .ft_rt_menu {  width: 17.09vw;  padding: 0 0.98vw;  background: url("/images/main/ft_arrow.png") right 0.98vw center no-repeat;  background-size: 0.78vw;  } 
 .ft_rt_menu:before {  bottom: -0.59vw;  } 
 .ft_rt_menu span {  font-size: 1.56vw;  } 
 .ft_rt_menu ul {  bottom: 3.91vw;  padding: 1.95vw 0.98vw;  } 
 .ft_rt_menu ul li+li {  margin-top: 0.98vw;  } 
 .ft_rt_menu ul li a {  font-size: 1.56vw;  } 
 .ft_rt_menu2 {  margin-top: 0;  margin-left: 3.91vw;  } 
 .ft_rt_menu2 span {  margin-right: 2.93vw;  } 
 .ft_rt_menu2 span+span:before {  left: -1.46vw;  height: 0.98vw;  } 
 .ft_rt_menu2 span a {  font-size: 1.56vw;  } 

 } 

@media screen and (max-width: 768px) { 

 /* 헤더 */

 #header {  height: 11.72vw;  padding: 0 2.60vw;  } 
 #header:hover .head_mob_btn span {  background: #000;  } 
 #header.fixed .head_mob_btn span {  background: #000;  } 
 .head .logo img {  width: 24.48vw;  } 
 .gnb {  display: none;  } 
 .site_btn{display:none}
 .head_btn {  display: none;  } 
 .head_mob_btn {  display: block;  width: 6.51vw;  cursor: pointer;  } 
 .head_mob_btn span {  display: block;  width: 100%;  height: 2px;  background: #fff;  } 
 .head_mob_btn span+span {  margin-top: 1.30vw;  } 
 .head_mob_btn span.half_width {  width: 50%;  } 
 #header:hover .head_bg {  display: none;  } 

 /* 헤드 네비 */

 .head_bg.on {  display: none;  } 
 .head_bg {  top: 11.72vw;  height: 54.69vw;  padding: 6.51vw;  } 
 .head_all_menu.on {  display: none;  } 
 html.active {  height: 100% !important;  min-height: 100% !important;  overflow: hidden !important;  touch-action: none;  } 
 body.active {  height: 100% !important;  min-height: 100% !important;  overflow: hidden !important;  touch-action: none;  } 
 .head_mob_overlay {  display: none;  position: fixed;  top: 0;  width: 100%;  height: 100%;  z-index: 700;  background: rgba(0, 0, 0, 0.6);  cursor: pointer;  } 
 .head_mob_bg {  display: none;  position: fixed;  top: 0;  right: 0;  height: 100%;  width: 75.52vw;  padding: 0 5.21vw 0;  background: #fff;  overflow-y: scroll;  z-index: 710;  } 
 .head_mob_bg.active {  display: block;  } 
 .head_mob_tp {  display: flex;  align-items: center;  position: relative;  padding: 6.51vw 0;  } 
 .head_mob_tp .logo img {  width: 29.69vw;  } 
 .head_mob_close {  position: absolute;  top: 50%;  transform: translateY(-50%);  width: 6.51vw;  height: 6.51vw;  right: -2.6vw;  cursor: pointer;  } 
 .head_mob_close:before {  content: "";  position: absolute;  left: 1.95vw;  transform: rotate(45deg);  width: 0.26vw;  height: 6.51vw;  background: #000;  } 
 .head_mob_close:after {  content: "";  position: absolute;  left: 1.95vw;  transform: rotate(-45deg);  width: 0.26vw;  height: 6.51vw;  background: #000;  } 
 .accordion {  margin-top: 2.6vw;  } 
 .accordion>li:last-child {  border-bottom: 1px solid #e1e1e1;  } 
 .accordion .link {  position: relative;  cursor: pointer;  padding: 0 6.51vw;  display: block;  color: #14151a;  font-size: 4.56vw;  font-weight: 700;  border-top: 1px solid #e1e1e1;  height: 13.02vw;  line-height: 12.76vw;  background: url("/images/main/head_mob_arrow.png") 95% center no-repeat;  background-size: 3.26vw;  } 
 .accordion .link.dd_none {  background: none;  } 
 .accordion .link a {  display: block;  } 
 .accordion li.open .link {  color: #fff;  background: #005bac url("/images/main/head_mob_arrow_on.png") 95% center no-repeat;  background-size: 3.26vw;  border-bottom: 0;  } 
 .accordion li.open .link.dd_none {  background: none;  } 
 .submenu {  display: none;  padding: 5.21vw 6.51vw;  border-top: 1px solid #e1e1e1;  background: #f2f2f2;  } 
 .submenu li + li {  margin-top: 2.60vw;  } 
 .submenu a {  display: block;  color: 000;  font-size: 3.65vw;  } 
 .submenu a:hover {  color: #005bac;  } 

 /* 비주얼 */

.visual {height: 122.40vw;} 
.visual_slider { height: 122.40vw;} 
.vis_list { height: 122.40vw;} 
.vis_txt { top: 39.06vw;} 
.vis_txt em { font-size: 3.26vw;} 

.vis_txt h2 {font-size: 7.81vw; margin-top: 1.30vw;} 
.vis_txt h2 span {font-size: 5.21vw;} 
.vis_txt p {font-size: 3.26vw;} 
.visual_slider .slick-dots {bottom: 43.62vw;} 
.visual_slider .slick-dots li {width: 1.30vw; height: 1.30vw; margin: 0 2.60vw;} 
.visual_slider .slick-dots li.slick-active:before {width: 3.91vw;  height: 3.91vw;  } 
.visual_slider .slick-arrow {width: 2.99vw; height: 5.60vw;} 
.visual_slider .slick-arrow.slick-prev {left: 2.60vw;} 
.visual_slider .slick-arrow.slick-next {right: 2.60vw;} 
.vis_btn {bottom: 6.51vw;  width: 10.42vw;  height: 10.42vw; font-size: 3.26vw;} 

/* 섹션 1 */

.section1 {padding-bottom: 1.95vw;} 
.section1:before {background-size: 100%; width: 100%;} 
.section1:after {display: none;} 
.inner {max-width: 100%;} 
.sec1_menu {padding: 14.32vw 2.60vw} 
.sec1_menu .sec1_img_wrap {position: relative; top: auto; right: auto; width: 100%;} 
.sec1_txt_slider {margin-top: 3.91vw;}
.sec1_txt_list .sec1_area_txt {font-size: 3.13vw;} 
.sec1_txt_list .sec1_area_title {font-size: 7.81vw; margin-top: 2.08vw;} 
.sec1_txt_list .sec1_inner {margin-top: 8.72vw;} 
.sec1_txt_list .sec1_inner .sec1_area_number {font-size: 3.26vw;} 
.sec1_txt_list .sec1_inner .sec1_area_title2 {  font-size: 5.86vw; margin-top: 1.30vw;} 
.sec1_txt_list .sec1_inner .sec1_content {font-size: 3.26vw; margin-top: 2.08vw; word-break: keep-all;} 
.sec1_txt_list .sec1_inner .sec1_content br {display: none;}
.sec1_txt_list a.more {font-size: 3.13vw; margin-top: 4.56vw;  } 
.sec1_txt_list a.more span {width: 4.56vw;  height: 4.56vw; font-size: 2.08vw;  margin-left: 1.82vw;} 
.section1 .direction {position: relative; bottom: auto;  right: auto; display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 3.91vw;} 
.section1 .direction .bu_arrow {width: 7.81vw; height: 7.81vw; font-size: 1.82vw; } 
.section1 .direction .page_info {margin-right: 3.91vw; margin-left: 3.65vw;} 
.section1 .direction .page_info .current_num {font-size: 3.13vw;} 
.section1 .direction .page_info .bar { height: 1.95vw;  margin: 0 1.30vw;} 
.section1 .direction .page_info .total_num {  font-size: 3.13vw;} 

/* 섹션 2 */

.section2 {padding: 23.57vw 2.60vw 33.20vw;} 
.sec2_txt {width: 50%;}
.sec2_txt:before {bottom: -6.77vw; left: 0; width: 74.87vw; height: 20.96vw;} 
.sec2_txt em {font-size: 3.13vw; letter-spacing: 0.52vw;} 
.sec2_txt p {font-size: 4.56vw; margin-top: 1.30vw; word-break: keep-all;} 
.sec2_txt p br {display: none;}
.sec2_txt a.more {font-size: 3.13vw; margin-top: 4.04vw;} 
.sec2_txt a.more span {width: 4.56vw; height: 4.56vw; font-size: 2.08vw; margin-left: 1.82vw;} 
.sec2_img {bottom: auto; top: 0; right: 0;} 
.sec2_img img {width: 45.67vw;}

/* 섹션 3 */

.section3 {  padding: 16.93vw 0 11.98vw;} 
.sec3_txt h2 {  font-size: 6.51vw;} 
.sec3_txt p {  font-size: 3.26vw; margin-top: 1.69vw;  line-height: 1.4;} 
.sec3_txt p br.mob_br {display: block;}
.sec3_wrap {margin-top: 7.81vw;} 
.sec3_slider .slick-list {padding: 0 6.51vw !important;}

.sec3_slider .slick-slide.slick-current .sec3_list .txt_wrap {  opacity: 1;  transition: opacity .5s ease;  transition-delay: .5s;  } 
.sec3_slider .slick-slide {transform: scale(1);}
.sec3_slider .slick-slide.slick-current {transform: scale(1);}
.sec3_slider .slick-slide .sec3_list .txt_wrap {bottom: 6.51vw;  left: -3.91vw; } 
.sec3_slider .slick-slide .sec3_list .txt_wrap h3 {font-size: 7.81vw;} 
.sec3_slider .slick-slide .sec3_list .txt_wrap p {font-size: 3.13vw; margin-top: 3.91vw;  } 
.sec3_slider .slick-slide .sec3_list .txt_wrap a.more {font-size: 3.13vw; margin-top: 4.82vw;  } 
.sec3_slider .slick-slide .sec3_list .txt_wrap a.more span {width: 4.56vw;  height: 4.56vw;  border-radius: 50%; font-size: 2.08vw;  margin-left: 1.82vw; } 
.sec3_wrap .direction {margin-top: 5.86vw;  } 
.sec3_wrap .direction .ws_arrow {width: 7.81vw;  height: 7.81vw; font-size: 1.82vw;} 
.sec3_wrap .direction .page_info2 {margin-right: 3.91vw; margin-left: 3.65vw;  } 
.sec3_wrap .direction .page_info2 .current_num {  font-size: 3.13vw;} 
.sec3_wrap .direction .page_info2 .bar {  width: 0.13vw;  height: 1.95vw; margin: 0 1.30vw;  } 
.sec3_wrap .direction .page_info2 .total_num {  font-size: 3.13vw;}

/* 섹션 4 */

.section4 {padding: 13.02vw 2.60vw 15.23vw;} 
.sec4_txt {margin-bottom: 7.03vw;} 
.sec4_txt_lt em {font-size: 3.13vw;} 
.sec4_txt_lt h2 {font-size: 5.86vw; margin-top: 0.65vw;} 
.sec4_txt_rt span {font-size: 3.26vw; } 
.sec4_txt_rt span.news_next {margin-left: 5.21vw;  } 
.news_slider {margin: 0 -1.95vw;} 
.news_slider .slick-slide {padding: 0 1.95vw;} 
.news_list:before {height: 0.52vw;} 
.news_list .txt_wrap {padding: 3.91vw 0} 
.news_list .txt_wrap .text_content {font-size: 3.26vw;} 
.news_list .txt_wrap span {font-size: 3.13vw; margin-top: 2.60vw; } 
.news_list .img_wrap {height: 28.18vw;} 

/* 섹션 5 */

.section5 {padding: 28.39vw 2.60vw 26.04vw;} 
.sec5_txt em {font-size: 3.13vw; letter-spacing: 0.52vw;} 
.sec5_txt h2 {font-size: 5.86vw; margin-top: 1.30vw;} 
.sec5_txt p {font-size: 3.13vw; margin-top: 2.60vw;  } 
.sec5_btn { max-width: 69.40vw; margin: 4.82vw -0.65vw 0;  } 
.sec5_btn span {padding: 0 0.65vw;} 
.sec5_btn span a {height: 9.11vw;  font-size: 3.13vw; padding-left: 3.52vw;} 
.sec5_btn span a:before {right: 1.95vw;  font-size: 3.91vw; margin-top: -0.39vw; } 


/* 섹션 6 */

.section6 {padding: 14.97vw 0 14.32vw;} 
.sec6_txt {padding: 0 6.64vw;}
.sec6_lt_txt h2 {  font-size: 7.81vw;} 
.sec6_lt_txt p {  font-size: 3.26vw; margin-top: 0.65vw;  } 
.sec6_rt_txt {  margin-top: 3.13vw;} 
.sec6_rt_txt span {  font-size: 3.26vw; } 
.sec6_rt_txt span.cli_next {margin-left: 5.21vw;} 
.client_slider {margin: 3.91vw auto 0;  max-width: 100%;  width: 100%;  } 
.client_slider .slick-slide {margin: 0 13.02vw;} 
.client_slider .slick-slide .img_wrap {width: 31.25vw; height: 31.25vw; } 
/* .client_slider .slick-slide .img_wrap img {width: 14.84vw;} */
.section6 .more_wrap {margin-top: 6.25vw;} 
.section6 .more_wrap a.more {font-size: 3.13vw;} 
.section6 .more_wrap a.more span {width: 4.56vw; height: 4.56vw; font-size: 2.08vw; margin-left: 1.82vw;} 

/* 섹션 7 */

.section7 {padding: 10.42vw 2.60vw 13.02vw;}
.section7:before {/* width: 100%; */ width: 100%; height: 100%;}
.sec7_title {font-size: 6.51vw;}
.sec7_form_wrap {margin: 10.03vw auto 0; max-width: 100%;}
.sec7_form ul {margin: 1.30vw 0;}
.sec7_form ul li {padding: 1.30vw 0; width: 100%; margin-bottom: 2.60vw;}
.sec7_form ul li:last-child {margin-bottom: 4.56vw;}
.sec7_fm_inner h3 {font-size: 3.26vw;}
.sec7_fm_inner .sc7_input {height: 4.56vw; padding-bottom: 1.95vw; margin-top: 1.56vw; font-size: 3.13vw; padding-right: 2.60vw;}
.sec7_fm_inner textarea {height: 4.56vw; padding-bottom: 1.95vw; margin-top: 1.56vw; font-size: 3.13vw; padding-right: 2.60vw;}
.sec7_btn1 input[type="checkbox"] {width: 2.60vw; height: 2.60vw; margin-right: 1.95vw;}
.sec7_btn1 label {font-size: 3.13vw;}
.sec7_btn1 a {font-size: 3.13vw; margin-left: 0.65vw;}
.sec7_btn2 {margin-top: 6.51vw;}
.sec7_btn2 button {font-size: 3.26vw; height: 9.11vw; border-radius: 3.91vw; padding: 0 9.11vw;}


 /* 푸터 */

 #footer {  padding: 14.71vw 2.60vw;  } 
 .ft_logo img {  width: 29.69vw;  } 
 .ft_menu {  margin-top: 6.51vw;  } 
 .ft_menu .address_txt {  font-size: 3.13vw;  } 
 .ft_inner_menu {  margin-top: 1.95vw;  } 
 .ft_inner_menu ul li {  margin-right: 5.21vw;  margin-bottom: 1.30vw;  } 
 .ft_inner_menu ul li strong {  font-size: 3.13vw;  } 
 .ft_inner_menu ul li span {  font-size: 3.13vw;  margin-left: 1.30vw;  } 
 .ft_inner_menu2 {  margin-top: 4.56vw;  flex-wrap: wrap;  } 
 .ft_inner_menu2 span {  font-size: 3.13vw;  margin-right: 3.91vw;  margin-bottom: 1.30vw;  } 
 .ft_inner_menu2 span .dpunch_ic {  width: 13.02vw;  height: 1.30vw;  margin-left: 1.30vw;  } 
 .ft_rt_wrap {  margin-top: 6.51vw;  } 
 .ft_rt_menu {  width: 22.79vw;  padding: 0 1.30vw;  background: url("/images/main/ft_arrow.png") right 1.30vw center no-repeat;  background-size: 1.04vw;  } 
 .ft_rt_menu:before {  bottom: -0.78vw;  } 
 .ft_rt_menu span {  font-size: 3.26vw;  } 
 .ft_rt_menu ul {  bottom: 5.21vw;  padding: 2.60vw 1.30vw;  } 
 .ft_rt_menu ul li+li {  margin-top: 1.30vw;  } 
 .ft_rt_menu ul li a {  font-size: 3.13vw;  } 
 .ft_rt_menu2 {  margin-left: 5.21vw;  } 
 .ft_rt_menu2 span {  margin-right: 3.91vw;  } 
 .ft_rt_menu2 span+span:before {  left: -1.95vw;  height: 1.30vw;  } 
 .ft_rt_menu2 span a {  font-size: 3.13vw;  } 


 }