@charset "utf-8";

@import url(http://cdn.jsdelivr.not/jquery.fullpage/2.9.4/jquery.fullpage.min.css);

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Rozha+One&display=swap');
@font-face {
  font-family: 'SUIT';
  src: url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HSSaemaul-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/HSSaemaul-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
 
* {margin:0; padding:0; box-sizing:border-box;font-family: 'SUIT', sans-serif;}
html {scroll-behavior:smooth;}
body {font-family:'SUIT'; font-size:14px; margin:0; transition:0.3s ease-out; overflow-x:hidden; max-width:100%; width:100%; overscroll-behavior:none; box-sizing: border-box;}
li {list-style:none;}
img {vertical-align:middle;}
a {text-decoration:none; color:#333;}
.clear:after {content:""; display:block; clear:both;}
.inner {width:1400px; margin:0 auto;}
button {position:relative; display:inline-block; cursor:pointer; outline:none; border:0; vertical-align:middle; text-decoration:none; background:transparent; padding:0; font-size:inherit;}

/* Scroll Animation (sa, 스크롤 애니메이션) */
.sa {opacity: 0; transition: all .5s ease;}

/* 아래에서 위로 페이드 인 */
.sa-up {transform: translate(0, 100px);}
/* 위에서 아래로 페이드 인 */
.sa-down {transform: translate(0, -100px);}
/* 왼쪽에서 오른쪽으로 페이드 인 */
.sa-right {transform: translate(-100px, 0);}
/* 오른쪽에서 왼쪽으로 페이드 인 */
.sa-left {transform: translate(100px, 0);}
/* 왼쪽으로 회전하면서 페이드 인 */
.sa-rotateL {transform: rotate(180deg);}
/* 오른쪽으로 회전하면서 페이드 인 */
.sa-rotateR {transform: rotate(-180deg);}
/* 작아진 상태에서 커지면서 페이드 인 */
.sa-scaleUp {transform: scale(.5);}
/* 커진 상태에서 작아지면서 페이드 인 */
.sa-scaleDown {transform: scale(1.5);}

.sa.show {opacity: 1; transform: none;}

/* fullpage */
#fullpage {box-sizing: border-box;}

.footer {padding: 0;}
.fp-auto-height {height: auto!important;}

.fp-auto-height footer {min-height: 200px;}

/* pc header */
#pc_header {display: none; position: absolute; top: 0; left: 0; z-index: 1;}


/* mb header */
#mb_header {position: fixed; top: 0; z-index: 5; background: #fff; border-bottom: 1px solid #ddd; display: flex; padding: 0 16px; align-items: center; justify-content: space-between; width: 100%; height: 50px;}
#mb_header .logo {width: 100px; height: 30px;}
#mb_header .logo img {width: 100%; height: 100%; object-fit: contain;}

/* 햄버거 */
/* #menu {display : block; position : absolute; right : 12%; top: 15%;}
#menu nav {position : absolute; overflow:hidden; top : 50px;}
#menu ul {list-style : none; overflow : hidden; margin : 0; padding : 0; transform : translateX(180px); border-radius : 5px 0 0 5px; transition : 0.5s; opacity : 0; transition : 0.5s;}

#menu li {display : block; background-color : #aaa; color : #000;}
#menu li:hover {background-color : #f00;}
#menu li a {display : block; text-decoration : none; color : #fff; padding : 10px; width : 100%;}

#menu input[type="checkbox"] {appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor : pointer;}

#menu input {display: block; width: 25px; height: 25px; position: absolute; cursor: pointer; opacity: 0; /* hide this */ z-index: 2; /* and place it over the hamburger */ top: 2px; -webkit-touch-callout: none;}

#button-burger {display : block; width: 25px; height: 2px; position: absolute; background: #111; border-radius: 3px; z-index: 1; top : 15px; transition : width 0.3s, background-color 0.3s;}

#button-burger::before {content : ""; display : block; width: 25px; height: 2px; position: relative; background: #111; border-radius: 3px; z-index: 1; top : -8px; transition : 0.3s;}

#button-burger::after {content : ""; display : block; width: 25px; height: 2px; position: relative;   background: #111; border-radius: 3px; z-index: 1; top : 6px; transition : 0.3s;}

#menu input:checked + #button-burger {background-color : #fff; width : 0; transition : width 0.3s 0.1s, background-color 0.3s;}
#menu input:checked + #button-burger:before {transform : translatey(8px) rotate(45deg);}
#menu input:checked + #button-burger:after {transform : translatey(-8px) rotate(-45deg);}

#menu input:checked ~ nav ul {transform : none; opacity : 1; transition : transform 0.5s;} */


/* 모바일일때 풀페이지 고정 높이값 뺀 거 */
.banner {height: 100vh;}
.fp-tableCell {height: 60vh;}

.section1 {height: 500px!important;}

@media all and (max-width:1025px) {
	/* (공통)page */
	.fp-section, .fp-tableCell{height: auto !important;}
}

.main_slide {width: 100%;}
.main_slide h2 {margin-bottom: 0;}
.main_slide .slide_cont {width: 100%; height: 60vh; position: relative;}
.main_slide .slide_cont .slide_img {width: 100%; height: 100%; background: url('/home/images/slide.jpg') no-repeat; background-size: cover;}
.main_slide .slide_cont img {width: 100%; height: 100%; object-fit: cover;}
.main_slide .slide_cont .slide_text {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; text-align: center; width: max-content;}
.main_slide .slide_cont .slide_text span {font-size: 1.3em; margin-bottom: 7px; display: block; font-weight: 300;}
.main_slide .slide_cont .slide_text h2 {font-size: 2.5em; font-family: 'HSSaemaul-Regular'; font-weight: 100; color: #fff; padding: 0; margin: 0 auto;}
.main_slide .slide_cont .slide_text h2 span {font-size: 2.5em; display: block;}
.main_slide .slide_cont .slide_text h2 img {width: 300px;}

.section {box-sizing: border-box; margin-bottom: 20px;}
.section .container {box-sizing: border-box;}


/* ------------- section2 ------------- */
.section2 .section2_content.pc_section2_content {display: none;}

.section2 .fp-tableCell {padding: 40px 0;}
.section2 .container {height: 20%; width: 90%; margin: 0 auto;}
.section2 .section2_content { margin-top: 35px; position: relative; display: flex; flex-direction: column;}
.section2_box {height: 100%;}
.section2_slider {margin-bottom: 40px;}
.section2_slider .slick-prev, .section2_slider .slick-next {display: none!important;}

.text_area {width: 100%; margin: 0 auto; padding-top: 0; text-align: center; border-top: 5px solid #111; border: none;}
.text_area h3 {position: relative; font-size: 2.3em; font-weight: bold; width: fit-content; margin: 0 auto; z-index: 1;}
.text_area h3 span {color: #114f6d;}
.text_area h3::before {content: ''; display: block; clear: both; width: 20px; height: 20px; background: #c6e1ff; position: absolute; top: 3px; left: -3px; z-index: -1;}
.text_area p {font-size: 1.3em; line-height: 1.3em; margin-top: 10px; color: #222;}
.text_area p span {font-size: 1em; display: block;}

/* Progress Bar */
.progress {display: block; width: 100%; height: 5px; border-radius: 10px; overflow: hidden; background-color: #f5f5f5; background-image: linear-gradient(to right, black, black); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}
/* Demo Styles from the Slick Slider website */

.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

.content {margin: auto; width: 100%; box-sizing: border-box;}
.setion2_slider {margin: 20px auto;}
.setion2_slider > div {width: 100%;}

.image {position: relative; color: #fff;}
.image img {width: 100%; height: 100%; object-fit: cover;}

.image .slide_text {position: absolute; top: 30px; left: 30px; color: #fff;}
.image .slide_text span {font-size: 1.25em; font-weight: 100; margin-bottom: 5px; display: block;}
.image .slide_text span span {font-size: 1em;}
.image .slide_text p {font-size: 2.6em; font-weight: 600;}

.image .number {position: absolute; bottom: 30px; right: 30px; font-size: 2.5em; font-weight: 600; color: #fff;}

.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

.section2 .mslide_bar {display: flex; align-items: center; gap: 5px; margin-top: 15px; width: 90%; margin: 0 auto; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.section2 .pcslide_bar {display: none; align-items: center; gap: 5px; margin-top: 15px; width: 90%; margin: 0 auto; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);}

.section2 .prev {transform:rotate(-45deg);width:13px; height:13px; border-top:2px solid #878787; border-left:2px solid #878787;}
.section2 .next {transform:rotate(135deg);width:13px; height:13px; border-top:2px solid #878787; border-left:2px solid #878787;}
.section2 .prev:hover {border-top:2px solid #333; border-left:2px solid #333;}
.section2 .next:hover {border-top:2px solid #333; border-left:2px solid #333;}



/* ------------- section3 ------------- */
.section3 {display: flex; flex-direction: column; height: 100%;}
.section3 .container {height: 620px; padding: 0; position: relative;}
.section3 .right_area {height: 60%; padding-top: 30px; display: flex; flex-direction: column;}
/* .section3 .left_area {height: 32%;} */

/* right */
.right_area .future_list {padding-top: 35px; width: 80%; margin: 0 auto;}
.right_area .future_list li {width: 100%; display: flex; justify-content: center; text-align: center; gap: 30px; margin-bottom: 20px;}
.right_area .future_list li i {width: 20%;}
.right_area .future_list li i img {width: 40px;}
.right_area .future_list li .list_txt {width: 80%; text-align: left;}
.right_area .future_list li .list_txt em {font-style: inherit; font-size: 1.3em; color: #114f6d; font-weight: 600;} 
.right_area .future_list li .list_txt span {display: block; margin-top: 3px; color: #333; font-weight: 500;}

.right_area .more_btn {width: fit-content; margin: 0 auto; margin-top: 25px;}
.right_area .more_btn a {font-weight: 700; color: #000;}
.right_area .more_btn i {transform: translateY(1px);}

/*left */
.left_area {width: 100%; height: 300px; /*position: absolute; bottom: 0;*/ margin-top: 40px;}
.left_area .left_imgbox {width: 100%; height: 100%;}
.left_area .left_imgbox img {width: 100%; height: 100%; object-fit: cover;}

.section3 .bg_txt {display: none;}

/* ------------- section4 ------------- */
h4 {font-size: 2.4em; line-height: 1.2em; text-align: left;}
h4 span{display: block;}
.section4 {padding-top: 60px;}
.section4 > .fp-tableCell {display: flex; flex-direction: column; width: 100%;}


.m_item.slick-slide img {transform: scale(.95);}

.section4 h2 {color: #000; margin-bottom: 10px;}

.section4 .container {height: 20%; padding: 20px 0 0;}
.section4 .text_area {width: 90%; margin: 0 auto; padding-top: 70px;}
.section4 .text_area h4 {font-weight: 400; font-size: 1.3em; line-height: 1.3em;}
.section4 .text_area h4 span span {font-size: 1.8em; margin-top: 15px; font-weight: 600;}

.section4 .container .pcslider {position: relative; padding: 40px 0 0; display: none;}
.section4 .container .pcslider .border {position: absolute; width: 100vh; height: 2px; background: #eee; top: 56%; transform: translateY(-50%); z-index: -1;}

.section4 .container .pcslider .navigation {display: none;}
.pcslider-info {margin-top: 20px;}
.pcslider-info.pcslide {display: none;}

.section4 .m_slider {margin-top: 30px; position: relative;}
.section4 .m_slider .slick-slide {width: 200px; height: 200px; transform: scale(1); border-radius: 50%; transition: .5s linear;}
.section4 .m_slider .slick-slide img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.section4 .m_slider .slick-current {width: 200px; height: 200px; transform: scale(1); border-radius: 50%; transition: .5s linear;}
.section4 .m_slider .slick-current img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.section4 .mslider {position: relative;}
.section4 .mslider .border {display: block; position: absolute; width: 100vh; height: 2px; background: #eee; top: 52%; transform: translateY(-50%); z-index: -1;}
.pcslider-info.mslide {width: 90%; margin: 0 auto;}
.section4 .pcslider-info.mslide .info-item-box {padding: 30px 0;}

.section4 .container .pcslider .slick-slide {display: block; width: 200px!important; height: 200px;}
.section4 .container .pcslider .slick-slide img {display: block; width: 90%; height: 90%; border-radius: 50%; margin: 0 auto;}
.section4 .info-item-box h2 {color: #114f6d; font-size: 1.3em;}
.section4 .info-item-box .txt > div {margin-bottom: 5px;}
.section4 .info-item-box .txt > div > p {font-weight: 400; font-size: 1.2em; margin-bottom: 3px;}
.section4 .info-item-box .txt > div > div {margin-top: 10px;}
.section4 .info-item-box .txt > div > div > p {font-size: .9em; color: #999; font-weight: 100;}
.section4 .info-item-box .txt span {}


 /* section4 */
 /* .section4 .container {display: flex; height: 100%; position: relative;}
 .section4 > .fp-tableCell {display: block;}

 .mb_section4 {display: none;}
 .pc_section4 {height: 100%; width: 100%;}

 .section4 .container .text_area {padding-top: 100px; width: 30%; margin: 0; padding: 160px 0 0 0;}
 .section4 .container .pcslider {position: absolute; width: 50%; height: 100%; right: 0; top: 0;}
 .section4 .container .pcslider span {width: 900px; height: 900px; border-radius: 50%; position: absolute; display: block; top: 50%; transform: translateY(-50%); right: -35%; border: 2px solid #eee;}

 .section4 .container .pcslider .slider-wrapper { align-items: center; height: 100%; overflow: hidden; position: relative;}
 .section4 .container .pcslider .images {flex: 1;display: flex; flex-direction: column; justify-content: center; height: 100%;}
 .section4 .container .pcslider img {max-width: 100%;}
 .section4 .container .pcslider.text-block {display: inline-block;text-align: center; margin: -50px 60px 60px; padding: 10px;  z-index: 2; background-color: #ffffff;
   border: 1px solid #ebebea; box-shadow: 0 2px 4px 0 rgba(218, 218, 218, 0.5);}
 .section4 .container .pcslider .text-block p {line-height: 1.30; background-color: #ffffff;}
 .section4 .container .pcslider .navigation {flex: 1;  display: flex; flex-direction: column; justify-content: flex-start; text-align: left; z-index: 10; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
 .section4 .container .pcslider .navigation li {color: #c3c3c3; line-height:1.68;}
 .section4 .container .pcslider .navigation li.slick-active {color: #000; line-height:1.68;}
 .section4 .container .pcslider .dot { font-size: 1.8em; font-family: Montserrat; color: #c3c3c3; cursor: pointer; padding: 5px 10px;}
 .section4 .container .pcslider .navigation li.slick-active .dot { color: #000; font-weight: 600;}

 .section4 .container .pcslider .slick-track {position: relative;}
 .section4 .container .pcslider .slick-list {padding: 35% 0!important;}
 .section4 .container .pcslider .slick-slide {margin: 20px 0; width: 500px!important; height: 500px; animation-duration: .5s;animation-name:noCircle;animation-fill-mode:forwards; }
 .section4 .container .pcslider .slick-slide img {width: 70%; height: 70%; object-fit: cover; border-radius: 50%;animation-name:noCircleImg;animation-duration: .5s;animation-fill-mode: forwards;}
 .section4 .container .pcslider .slick-current img {animation-duration:.5s;animation-name: circleImg; animation-fill-mode:forwards; }
 .section4 .container .pcslider .slick-current { animation-duration: .5s;animation-name: circle;animation-fill-mode:forwards; } */



/* Slider */
/* .testimonial-area {width: 100%; height: 80%; background: rgba(0, 0, 0, 0); overflow: hidden; position: relative; padding-top: 60px;}
imonial-image-slider {margin-top: 5px}
.slick-list {margin: 0 5px}

.sin-testiImage {display: flex; margin-bottom: 11px; outline: medium none;}
.sin-testiImage img { border: 1px solid #fff; border-radius: 50%; cursor: pointer; display: block !important; width: 160px; height: 160px; margin: 36px auto 30px; outline: 0 none;}
.sin-testiImage.slick-current img {margin: 0 20px; border: 2px solid #fff; width: 200px; height: 200px; margin: 0 auto; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.testimonial-text-slider {width: 100%; padding: 0 50px;}

.testimonial-text-slider h2 {color: #b3cf0a; display: block; font-family: "montserratregular"; font-size: 30px; font-weight: 600; line-height: 24px;}
.testimonial-text-slider {margin: auto; padding: 0; position: relative; width: 100%; z-index: 9;}
.sin-testiText{outline: none; width: 100%; margin-top: 10px; padding: 0 50px;}
.sin-testiText h2 {width: fit-content;}
.sin-testiText .txt {margin-top: 20px;}
.sin-testiText .txt > div {border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;} 
.sin-testiText p {color: #111; line-height: 24px; font-weight: 900; padding-bottom: 4px;}
.sin-testiText p span {color: #555;}

.testimonial-image-slider:before {display: block; clear: both; content: ''; width: 100%; height: 2px; background: #ddd; position: absolute; top: 50%; transform: translateY(-50%);}

.testimonial-image-slider .slick-arrow {width: 18px; height: 18px; z-index: 9; top: 50%; transform: translateY(-50%);}
.testimonial-image-slider .slick-prev {left: 15px; background: url('/home/images/prev-btn.png') no-repeat; background-size: cover;}
.testimonial-image-slider .slick-next {right: 15px; background: url('/home/images/next-btn.png') no-repeat; background-size: cover;}
.testimonial-image-slider .slick-track {display: flex; align-items: center; gap: 10px;}

.slick-prev, .slick-next {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: rgba(0, 0, 0, 0); cursor: pointer; display: block;
  font-size: 0; height: 25px; outline: medium none; padding: 0; position: absolute; top: 34.6%; width: 16px;}
.slick-prev {left: -31px}
.slick-next {right: -31px;}
.slick-prev:before, .slick-next:before {height: 25px; width: 16px; left: 0; top: 0; position: absolute; color: #fff; content: ''; font-family: "Material-Design-Iconic-Font"; font-size: 50px !important;
  -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.slick-next:before {right: 0; content: '';}
.slick-slider {z-index: 9;}
.testimonial-area:hover .slick-prev:before, .testimonial-area:hover .slick-next:before {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} */


/* section5 */
.section5 {padding: 30px 0 60px;}
.section5 .container {width: 90%; margin: 0 auto;}
.section5 .text_area {position: relative;}
.section5 .text_area p {margin: 0 0 55px 0;}
.section5_list {position: relative;}
.section5 .slick-slide { display: flex; flex-direction: column; height: 220px;}
.section5 .slick-slide .img_box {height: 55%; background: #fff;}
.section5 .slick-slide .img_box img {width: 100%; height: 100%; object-fit: cover;}
.section5 .slick-slide .txt_box {height: 40%; background: #fff; padding: 25px 20px 0;}
.section5 .slick-slide .txt_box img {display: none;}
.section5 .slick-slide .txt_box p {margin-bottom: 7px;}
.section5 .slick-slide .txt_box .title {font-size: 1em; color: #111; font-weight: 600;}
.section5 .slick-slide .txt_box .info {font-size: 1em; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.section5 .slick-slide .txt_box span {display: block; font-size: .85em; color: #555; font-weight: 300;}
.section5 .slick-slide .cate {position: absolute;  color: #111; padding: 8px 15px; background: #eee; top: 55%;  transform: translateY(-55%);}
.section5 .section5_slider_box {position: relative;}
.section5 .section5_slider button {display: none!important;}
.section5 .section5_slider2 button {display: none!important;}

.section5_slider_box {display: flex; width: 90%; margin: 0 auto; padding-left: -5px; padding-right: -5px;}
.section5_slider_box > div {}
.section5_slider_box > div:first-child {padding-right: 5px; width: 50%;}
.section5_slider_box > div:last-child {padding-left: 5px; width: 50%;}

.btn-wrap {position: absolute; bottom: -45px; right: 0;}
.btn-wrap .news-btn {width: 40px; height: 40px; background: rgba(0,0,0,5%);}


/* footer */
.footer {background: #222; color: #888; font-size: .9em;}
.footer a {color: #888;}

.footer_box {display: flex; flex-direction: column;}
.footer_box > div {margin-bottom: 15px;}
.footer_logo {font-size: 1.2em; color: #fff;}
.footer_menu > li {display: inline; margin-right: 20px;}
.footer_info span {display: block; margin-bottom: 4px;}
.footer_info span:last-child { margin-bottom: 0;}

.footer_box > div.copy {font-size: .8em; color: #555; text-align: center; margin-bottom: 0;}

@media screen and (min-width: 520px) {
  .main_slide .slide_cont .slide_text h2 img {width: 400px;}
  /* section2 */
  .section2 .section2_box {display: flex; flex-direction: column; justify-content: center;}
  .section2 .section2_slider .slick-list {margin: 0 -10px;}
  .section2 .section2_slider .slick-slide {margin: 0 10px;}
  .section2 .section2_content {display: flex; flex-direction: column; gap: 20px; margin-top: 40px;}
  /* .section2 .mslide_bar {position: inherit; transform: translateX(0);} */
  .left_area {height: 300px;}
  

  .right_area .future_list {padding-top: 45px;}

  /* section4 */
  .sin-testiImage.slick-current img {width: 280px; height: 280px;}
  .sin-testiImage img {width: 220px; height: 220px;}

  .section4 .container {padding: 30px 0 0;}
  .section4 .container .pcslider .slick-slide {width: 250px!important; height: 250px;}

  .m_item.slick-slide img {transform: scale(.95);}

  .section4 .m_slider {margin-top: 30px; position: relative;}
  .section4 .m_slider .slick-slide {width: 250px; height: 250px; transform: scale(1); border-radius: 50%; transition: .5s linear;}
  .section4 .m_slider .slick-slide img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
  .section4 .m_slider .slick-current {width: 250px; height: 250px; transform: scale(1); border-radius: 50%; transition: .5s linear;}
  .section4 .m_slider .slick-current img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
  .section4 .mslider {position: relative;}
  .section4 .mslider .border {display: block; position: absolute; width: 100vh; height: 2px; background: #eee; top: 52%; transform: translateY(-50%); z-index: -1;}


  /* section5 */
  .section5 {padding: 30px 0 60px;}
  /* .section5 .section5_slider .slick-slide {height: 320px;} */
  .section5 .section5_slider .slick-slide .img_box {height: 70%;}
  .section5 .section5_slider .slick-slide .txt_box {height: 30%;}
  .section5 .section5_slider .slick-slide .cate {top: 70%; transform: translateY(-68%);}
   
  /* .section5 .section5_slider2 .slick-slide {height: 420px;} */
  .section5 .slick-slide {height: 300px;}
  .section5 .section5_slider2 .slick-slide .img_box {height: 70%;}
  .section5 .section5_slider2 .slick-slide .txt_box {height: 30%;}
  .section5 .section5_slider2 .slick-slide .cate {top: 70%; transform: translateY(-70%);}

  .section5 .text_area p {margin: 10px 0 30px 0;}
  .btn-wrap {left: inherit; right: 0; transform: translateX(0); bottom: 0;}
  .btn-wrap .news-btn {width: 40px; height: 40px;}
}


@media screen and (min-width:660px) {
  .m_item.slick-slide img {transform: scale(.95);}

  .section4 .m_slider {margin-top: 30px; position: relative;}
  .section4 .m_slider .slick-slide {width: 300px; height: 300px; transform: scale(1); border-radius: 50%; transition: .5s linear;}
  .section4 .m_slider .slick-slide img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
  .section4 .m_slider .slick-current {width: 300px; height: 300px; transform: scale(1); border-radius: 50%; transition: .5s linear;}
  .section4 .m_slider .slick-current img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
  .section4 .mslider {position: relative;}
  .section4 .mslider .border {display: block; position: absolute; width: 100vh; height: 2px; background: #eee; top: 52%; transform: translateY(-50%); z-index: -1;}
}

@media screen and (min-width: 768px) {
  .main_slide .slide_cont .slide_text h2 img {width: 500px;}

  .text_area h3 {font-size: 2.4em;}
  .text_area p {font-size: 1.4em;}
  .main_slide .slide_cont .slide_text span {font-size: 1.3em;}
  .main_slide .slide_cont .slide_text h2 {font-size: 3.5em;}

  /* section2 */
  .section2 .fp-tableCell {padding: 20px 0;}
  .image .slide_text span {font-size: 1.1em;}
  .image .slide_text p {font-size: 2.1em;}
  .image .number {font-size: 2.7em;}
  .section2_slider {margin-bottom: 60px;}
  

  /* section3 */
  .section3 {justify-content: space-between;}
  .section3 .container {height: auto;}
  .section3 .right_area {height: calc(100% - 400px); margin-bottom: 50px; gap: 15px;}
  .section3 .left_area {height: 400px;}
  .sin-testiImage.slick-current img {width: 400px; height: 400px;}
  .sin-testiImage img {width: 320px; height: 320px;}
  h4 {font-size: 3em; line-height: 1.4em;}
  .right_area .future_list li i img {width: 60px;}
  .right_area .future_list li .list_txt em {font-size: 1.5em;}
  .right_area .future_list li .list_txt span {margin-top: 8px; font-size: 1.2em;}
  .right_area .more_btn a {font-size: 1.2em;}

  /* section4 */
  .testimonial-text-slider h2 {font-size: 3em;}
  .sin-testiText .txt {margin-top: 40px;}
  .sin-testiText p {font-size: 1.4em;}
  .sin-testiText p span {font-size: 1.2em;}
  .text_area {padding: 30px 0 0;}
  .section4 {padding-top: 10px;}
  .section4 h2 {margin-bottom: 15px; font-size: 2em;}
  .section4 .info-item-box h2 {font-size: 1.4em;}
  .section4 .text_area {padding: 50px 0 10px 0;}
  .section4 .info-item-box .txt p {font-size: 1.3em; line-height: 1.3em;}
  .section4 .info-item-box .txt span {font-size: 1.2em;}
  .section4 .info-item-box .txt > div {margin-bottom: 10px;}

  .section4 .text_area h4 {font-size: 1.4em; line-height: 1.3em; font-weight: 400;}
  .section4 .text_area h4 span span {font-size: 2em; font-weight: bold; margin-top: 15px;}

  .section4 .pcslider-info.mslide .info-item-box {padding: 50px 0 30px;}

  .section4 .container .pcslider {padding: 20px 0 20px;}
  .section4 .container .pcslider .border {top: 48%;}

  .testimonial-area {padding-top: 80px;}

  .section4 .container .pcslider .slick-slide {width: 300px!important; height: 300px;}


  .m_item.slick-slide img {transform: scale(.95);}
  .section4 .m_slider .slick-slide {width: 350px; height: 350px; transform: scale(1); border-radius: 50%; transition: .5s linear;}
  .section4 .m_slider .slick-current {width: 350px; height: 350px; transform: scale(1); border-radius: 50%; transition: .5s linear;}

  /* seciont5 */
  .section5 .slick-slide {height: 300px;}
  .section5 .section5_slider {margin-bottom: 10px;}
  .section5 .slick-slide .txt_box .title {font-size: 1.2em;}
  .section5 .slick-slide .txt_box .info {font-size: 1.1em;}

  /* .section5 .section5_slider .slick-slide {height: 300px;}
  .section5 .section5_slider2 .slick-slide {height: 300px;} */

  .btn-wrap .news-btn {width: 50px; height: 50px;}

  /* footer */
  /* .footer {padding: 40px 20px;} */
  .footer_logo {font-size: 1.4em;}
  .footer a, .footer_info span {font-size: 1.2em;}
  .footer_box > div.copy {font-size: 1em;}
}

@media screen and (min-width: 860px) {
  .m_item.slick-slide img {transform: scale(.95);}
  .section4 .m_slider .slick-slide {width: 400px; height: 400px; transform: scale(1); border-radius: 50%; transition: .5s linear;}
  .section4 .m_slider .slick-current {width: 400px; height: 400px; transform: scale(1); border-radius: 50%; transition: .5s linear;}
}

@media screen and (min-width: 960px) {
  
  
  .section4 .container .pcslider {padding: 200px 0 20px;}

  .section4 .m_slider .slick-slide {width: 450px; height: 450px; transform: scale(1); border-radius: 50%; transition: .5s linear;}
  .section4 .m_slider .slick-current {width: 450px; height: 450px; transform: scale(1); border-radius: 50%; transition: .5s linear;}

  /* section5 */
  .section5_slider_box {display: flex; width: 90%; position: relative;}
  /* .section5 .section5_slider {padding: 0 10px;} */
  /* .section5_slider_box > div {width: 50%; padding: 0 10px;} */
  /* .section5 .section5_slider_box {gap: 1%;} */
  .section5 .section5_slider .slick-slide {height: 420px;}
  .section5 .slick-slide {height: 420px;}

  .section5 .text_area p {margin: 20px 0 40px 0;}

  .section5_slider_box:before {content: ''; display: block; clear: both; height: 91%; width: 1px; background: #eee; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
  
}

@media screen and (min-width: 1024px) {
  .main_slide .slide_cont .slide_text h2 img {width: 700px;}

  .main_slide .slide_cont {height: 100vh;}
  .section .container {width: 92%; margin: 0 auto; padding: 0;}
  .text_area h3 {font-size: 2.4em;}
  .text_area p {margin-top: 40px; font-size: 1.5em; margin-bottom: 20px;}

  .image .slide_text {top: 40px; left: 40px;}
  .image .slide_text span {font-size: 1.3em; line-height: 1.4em;}
  

  /* section1 */
  .main_slide .slide_cont .slide_text span {font-size: 1.5em;}
  .main_slide .slide_cont .slide_text h2 {font-size: 7.5em; line-height: 65px; margin-top: 30px; position: relative;}
  .main_slide .slide_cont .slide_img {width: 96%; height: 700px; background: url('/home/images/slide.jpg') no-repeat; background-position-y: center; background-size: cover; position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%);}

  /* section2 */
  .section2 .container {position: relative; width: 92%; margin: 0 auto; padding: 0; min-height: 500px; display: flex; align-items: center;}
  .section2 .container .left {text-align: left; width: 25%; height: 100%; position: relative; border-top: 5px solid #111; border-bottom: 5px solid #eee; padding: 30px 0;}
  .section2 .container .left .text_area {padding: 60px 20px;}
  .section2 .container .left .text_area h3 {margin: 0 0 50px;}
  .section2 .container .left .text_area p {margin: 0; text-align: left; color: #555; font-size: 1.5em;}

  .section2 .section2_content {width: 70%; margin-top: 0; padding: 0; height: 100%; margin-left: 60px; position: absolute; right: -7%;}
  .section2 .section2_content.mobile_section2_content {display: none;}
  .section2 .section2_content.pc_section2_content {display: block;}
  .section2 .section2_slider {height: 100%; width: 100%; margin-bottom: 0;}
  .section2 .section2_slider .slick-list {margin: 0 -30px; height: 100%; padding:0 20% 0 0 !important;}
  .section2 .section2_slider .slick-list .slick-track {height: 100%;}
  .section2 .section2_slider .slick-slide {margin: 0 20px;}
  .section2 .section2_slider .slick-slide .image {height: 100%;}

  .section2 .pcslide_bar {display: flex;}
  .section2 .mslide_bar {display: none;}

  /* section3 */
  .section3 {align-items: center; justify-content: center; position: relative;}
  .section3 .container {display: flex; flex-direction: row-reverse; height: 600px;}
  .section3 .right_area {height: 100%; width: 50%; padding-top: 0; justify-content: center;}
  .right_area .future_list {padding-top: 45px; padding-bottom: 45px;}
  .section3 .left_area {height: 100%; width: 50%; margin-top: 0;}

  .section3_box:before {content: 'GUKYUNGMI'; clear: both; display: block; position: absolute; bottom: 0; right: 0; font-size: 20em; color: #f3fbff; font-weight: bold; width: max-content; }

  
  .bg_txt {display: block; position: absolute; font-size: 20em; line-height: 1em; left: -35%; right: 0; bottom: 0; color: #eef7e3; font-weight: bold; z-index: -1;}

  /* section4 */
  .section4 {padding-top: 0;}
  .section4 .container {display: flex; height: 100%; position: relative; width: 100%;}

  .image .slide_text p {font-size: 2.8em;}
  .section4 > .fp-tableCell {display: block;}

  .pcslider-info.pcslide {display: block;}
  .pcslider-info.mslide {display: none;}


  .section4 .container .pcslider {display: block;}
  .mb_section4 {display: none;}
  .pc_section4 {height: 100%; width: 100%; padding: 0;}
  .section4 .mslider .border {display: none;}

  .section4 .text_area h4 {font-size: 1.5em;}
  .section4 .text_area h4 span span {font-size: 2em; margin-top: 20px;}

  .section4 .container .text_area {padding-top: 100px; width: 92%; margin: 0 auto; position: absolute; left: 50%; transform: translateX(-50%); padding: 300px 0 0 0;}
  .section4 .container .pcslider {position: absolute; width: 50%; height: 100%; right: 0; top: 0; padding: 0;}
  .section4 .container .pcslider span {width: 900px; height: 900px; border-radius: 50%; position: absolute; display: block; top: 50%; transform: translateY(-50%); right: -35%; border: 2px solid #eee;}

  .section4 .container .pcslider .slider-wrapper { align-items: center; height: 100%; overflow: hidden; position: relative;}
  .section4 .container .pcslider .images {flex: 1;display: flex; flex-direction: column; justify-content: center; height: 100%; position: relative;}

  .section4 .container .pcslider .images:before {position: absolute; top: 50%; left: 30%; transform: translateY(-50%); content: ''; display: block; clear: both; width: 100vh; height: 100vh; border-radius: 50%; border: 2px solid #eee;}

  .section4 .container .pcslider img {max-width: 100%;}
  .section4 .container .pcslider.text-block {display: inline-block;text-align: center; margin: -50px 60px 60px; padding: 10px;  z-index: 2; background-color: #ffffff;
    border: 1px solid #ebebea; box-shadow: 0 2px 4px 0 rgba(218, 218, 218, 0.5);}
  .section4 .container .pcslider .text-block p {line-height: 1.30; background-color: #ffffff;}
  .section4 .container .pcslider .navigation {flex: 1;  display: none; flex-direction: column; justify-content: flex-start; text-align: left; z-index: 10; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
  .section4 .container .pcslider .navigation li {color: #c3c3c3; line-height:1.68;}
  .section4 .container .pcslider .navigation li.slick-active {color: #000; line-height:1.68;}
  .section4 .container .pcslider .dot { font-size: 1.8em; font-family: Montserrat; color: #c3c3c3; cursor: pointer; padding: 5px 10px;}
  .section4 .container .pcslider .navigation li.slick-active .dot { color: #000; font-weight: 600;}

  .section4 .info-item-box {padding: 60px 0;}

  .section4 .container .pcslider .slick-track {position: relative;}
  .section4 .container .pcslider .slick-list {padding: 35% 0!important;}
  .section4 .container .pcslider .slick-slide {margin: 20px 0; width: 550px!important; height: 550px; animation-duration: .5s;animation-name:noCircle;animation-fill-mode:forwards; }
  .section4 .container .pcslider .slick-slide img {width: 75%; height: 75%; object-fit: cover; border-radius: 50%;animation-name:noCircleImg;animation-duration: .5s;animation-fill-mode: forwards;}
  .section4 .container .pcslider .slick-current img {animation-duration:.5s;animation-name: circleImg; animation-fill-mode:forwards; }
  .section4 .container .pcslider .slick-current { animation-duration: .5s;animation-name: circle;animation-fill-mode:forwards; }

  @keyframes circle {
    from {
      transform: translate(500px,100px);
    }
    to {
      transform: translate(0,0);width:100%;
    }
  }

  @keyframes noCircle {
    from {
      transform: translate(0,0);
    }
    to {
      transform: translate(500px,100px);width:100%;
    }
  }

  @keyframes circleImg {
    from { width:70%;height:70%; }
    to { width:100%;height:100%; }
  }

  @keyframes noCircleImg {
    from { width:100%;height:100%; }
    to { width:70%;height:70%; }
  }
  
  /*.section4 .container .pcslider .slick-slide:first-child img { position:relative;left:200px;width:50%;border:1px solid; }*/
  
  .section4 .container .pcslider .border {display: none;}
  /* .section4 .info-item-box {padding: 40px 0 0 50px;} */
  
  .section4 .container .pcslider-info {position: absolute; top: 72%; transform: translate(-50%, -72%); left: 50%; width: 92%; height: 300px; overflow: hidden;}
  .section4 .container .pcslider-info .info-item {width: 100%; height: 100%; display: flex; align-items: center;}
  .section4 .container .pcslider-info .info-item h2 {font-size: 1.8em; color:#114f6d; margin-bottom: 20px;}
  .section4 .container .pcslider-info .info-item .txt > div {margin-bottom: 10px;}
  .section4 .container .pcslider-info .info-item .txt > div > p {font-size: 1.5em; font-weight: 400; color: #333;}
  .section4 .container .pcslider-info .info-item .txt span {font-size: 1.2em; margin-top: 2px; display: block; color: #555;}

  .section4 .info-item-box .txt > div > div > p {font-size: 1.1em; color: #999; font-weight: 400;}
  
  
  /* section5 */
  /* .section5_slider_box {width: 92%; margin: 0 auto; position: relative;}
  .section5 .slick-slide {border-right: 0;}
  .section5_list {margin-top: 0;}
  .section5_slider_box .section5_slider {width: 60%; border-right: 1px solid #555;}
  .section5_slider_box .section5_slider2 {width: 40%}

  .section5_slider_box > div.btn-wrap {width: 92%; display: flex; justify-content: space-between; position: absolute; bottom: 50%; transform: translateY(-50%); right: 0; z-index: 3;}
  .btn-wrap button {width: fit-content;} */
  .section5_slider_box > div:first-child {padding-right: 10px; width:60%; border-right: 1px solid #eee;}
  .section5_slider_box > div:last-child {padding-left: 10px; width: 40%;}
 

  /* footer */
  .footer_box {flex-direction: row; flex-wrap: wrap;}
  .footer_box > div:nth-child(1) {width: 30%;}
  .footer_box > div:nth-child(2) {width: 70%; text-align: right;}
  .footer_box > div:nth-child(3) {width: 100%;}
  .footer_box > div:nth-child(4) {width: 100%;}
  .section5 .section5_slider_box {width: 92%; margin: 0 auto;}
  .section5 .section5_slider .slick-slide {height: 320px;}
  .section5 .slick-slide {height: 320px;}
}

@media screen and (min-width: 1200px) {
   
   /* section5 */
   .section5_slider_box {display: flex; width: 100%; position: relative;}
   /* .section5 .section5_slider {padding: 0 10px;} */
   /* .section5_slider_box > div {width: 50%; padding: 0 10px;} */
   /* .section5 .section5_slider_box {gap: 1%;} */
   .section5 .section5_slider .slick-slide {height: 420px;}
   .section5 .slick-slide {height: 420px;}

   .section5_slider_box:before {content: ''; display: block; clear: both; height: 91%; width: 1px; background: #eee; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
   
   /* .section5 .section5_slider {border-right: 1px solid #999;} */
   .section5_slider2 .slick-slide {border-right: none;}
   .section5 .slick-slide .cate {font-size: 1.2em;}
   .section5 .slick-slide .txt_box .title {font-size: 1.4em;}
   .section5 .slick-slide .txt_box .info {font-size: 1.3em; margin-bottom: 15px;}
   .section5 .slick-slide .txt_box span {font-size: 1.1em; color: #888;}
 
   .btn-wrap button {width: 50px;}
   .btn-wrap button i {font-size: 1.3em;}
}

@media screen and (min-width: 1580px) {
  .main_slide .slide_cont .slide_img {width: 97%; height: 780px; background-size: cover; background-position-y: center;}
  .main_slide .slide_cont .slide_text h2 img {width: 900px;}

  .text_area p {font-size: 1.5em;}
  

  /* .section4 .container {padding-left: 80px;} */
  .section4 .container .pcslider .navigation {display: none; padding-right: 70px; font-size: 1.1em;}

  .section4 .text_area h4 {font-size: 2em;}

  .section4 .info-item-box {padding: 40px 0;}

  .section4 .container .pcslider .slick-slide {width: 600px!important; height: 600px;}
  .section4 .container .pcslider .images:before {width: 110vh; height: 110vh;}

  .section5 .section5_slider .slick-slide {height: 450px;}
  .section5 .slick-slide {height: 450px;}
  .section5 .slick-slide .txt_box {padding: 30px 20px 0;}
}

@media screen and (min-width:1900px) {
  .main_slide .slide_cont .slide_img {background-position-y: -150px;}
}