#visual{width: 100%; /*height: 635px;*/ margin: 130px auto 0; position: relative;}
#visual .visual_txt{width:100%; text-align: center; position: absolute; z-index: 500; top: 26%;}
#visual .visual_txt h1{font-family:'Gmarket Sans'; font-size: 50px; font-weight: 600;color:#fff;}
#visual .visual_txt h2{font-family:'PT Serif'; font-size: 14px; font-weight: 400;color:#fff;opacity:0.2;letter-spacing:15px;margin-bottom:30px;}
#visual .visual_txt .txt_green{color: #00a19c;}
#visual .visual_txt p{font-family:'Nanum Myeongjo';font-size: 65px; letter-spacing:-2px;color: #fff; font-weight: 400;line-height:1.4}
#visual .visual_txt p span {font-weight:bold;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#95e3d9+0,4dc7b3+20,57cbb8+20,95e3d9+37,57cbb8+60,4dc7b3+81,57cbb8+100 */
color: #95e3d9; /* Old browsers */
color: -moz-linear-gradient(left,  #95e3d9 0%, #4dc7b3 20%, #57cbb8 20%, #95e3d9 37%, #57cbb8 60%, #4dc7b3 81%, #57cbb8 100%); /* FF3.6-15 */
color: -webkit-linear-gradient(left,  #95e3d9 0%,#4dc7b3 20%,#57cbb8 20%,#95e3d9 37%,#57cbb8 60%,#4dc7b3 81%,#57cbb8 100%); /* Chrome10-25,Safari5.1-6 */
color: linear-gradient(to right,  #95e3d9 0%,#4dc7b3 20%,#57cbb8 20%,#95e3d9 37%,#57cbb8 60%,#4dc7b3 81%,#57cbb8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95e3d9', endColorstr='#57cbb8',GradientType=1 ); /* IE6-9 */

}
.swiper-container {width:100%;height:100%;}
.swiper-slide {background-position:center;background-size:cover;}
.swiper-slide img {width:100%;}
.swiper-container-horizontal>.swiper-pagination-bullets {bottom:60px !important;}
.swiper-container .swiper-pagination-white .swiper-pagination-bullet-active {background:#005748;border-radius:50px;/*width:50px*/}
.swiper-container .swiper-pagination-bullet {background:#f1f1f1;border-radius:30px;transition:all .3s ease;opacity:1;width:15px;height:15px;}
#content{width: 100%; position: relative;}
#content .section1{width: 100%; position: relative; margin: 70px auto;}
#content .section1 .section1_wrap{width: 1300px;text-align:center;margin:0px auto;}
#content .section1 .section1_wrap .section1_title{text-align: center;}
#content .section1 .section1_wrap .section1_title h1{font-family: 'Nanum Myeongjo'; font-size: 45px;  font-weight: 400; margin-bottom: 10px;}
#content .section1 .section1_wrap .section1_title p{font-size: 18px; color: #555555; font-weight: 400;}
#content .section1 .section1_wrap .section1_bn{margin: 70px auto 0;font-size:0px;}
#content .section1 .section1_wrap .section1_bn .banner{position:relative;display:inline-block;text-align:left;}
#content .section1 .section1_wrap .section1_bn .banner a {font-size:0px;}
#content .section1 .section1_wrap .section1_bn .banner img{width:100%;}

/*#content .section1 .section1_wrap .section1_bn .banner .photo {position:relative;display:inline-block;width:100%;margin-right:5%;vertical-align:top;}*/
#content .section1 .section1_wrap .section1_bn .banner .photo {position:relative;display:inline-block;width:100%;margin-right:0%;vertical-align:top;}

/*#content .section1 .section1_wrap .section1_bn .banner .banner_cont{display:inline-block;width:63%;vertical-align:top;}*/
#content .section1 .section1_wrap .section1_bn .banner .banner_cont{display:inline-block;width:100%;vertical-align:top;}

#content .section1 .section1_wrap .section1_bn .banner .banner_cont h2{font-size: 23px; font-weight: 400; color: #000; margin-bottom: 20px;margin-top:15px;display:block;width:100%;border-bottom:solid 1px #ddd;padding-bottom:10px;}
#content .section1 .section1_wrap .section1_bn .banner .banner_cont h2 span{font-family: ; font-size: 16px; color: #fff; background:#005748;padding:3px 15px;border-radius:5px;;position:relative;margin-right:5px;top:-2px;}
#content .section1 .section1_wrap .section1_bn .banner .banner_cont p {font-size:16px;letter-spacing:-1px;}
.bunya .swiper-pagination {position:relative;bottom:0px !important;margin:50px auto;}



#content .section2{width: 100%; height: 424px;}
#content .section2 .parallax-window{width: 100%; height: 100%; padding-top: 158px;}
#content .section2 .parallax-window p{font-size: 18px; color: #cacaca; text-align: center; line-height: 30px; margin: 0 auto;}
#content .section2 .parallax-window .blue{font-size:20px; color: #8bbcfb;}
#content .section3{width: 100%; position: relative; margin: 0px auto 0px;background:url(../image/mem_bg.jpg) no-repeat center top;background-size:cover;}
#content .section3 .section1_wrap{text-align:center;width: 1300px;padding:100px 0px 100px;margin:0px auto;}
#content .section3 .section1_wrap .section1_title{text-align: center;}
#content .section3 .section1_wrap .section1_title h1{font-family: 'Nanum Myeongjo'; font-size: 45px; font-weight: 400; margin-bottom: 0px;color:#fff;}
#content .section3 .section1_wrap .section1_title p{font-size: 18px; color: #cdece7; font-weight: 400;}
#content .section3 .section1_wrap .section1_bn{margin: 50px auto 0;font-size:0px;}
#content .section3 .section1_wrap .section1_bn .banner{position:relative;width:417px;display:inline-block;margin-right:24.5px;padding:30px;background:#fff;box-sizing:border-box;font-size:0px;margin-bottom:20px;}
#content .section3 .section1_wrap .section1_bn .banner:nth-child(3) {margin-right:0px;}
#content .section3 .section1_wrap .section1_bn .banner:nth-child(6) {margin-right:0px;}
#content .section3 .section1_wrap .section1_bn .banner:nth-child(9) {margin-right:0px;}
#content .section3 .section1_wrap .section1_bn .banner:nth-child(12) {margin-right:0px;}
#content .section3 .section1_wrap .section1_bn .banner:nth-child(15) {margin-right:0px;}
#content .section3 .section1_wrap .section1_bn .banner:nth-child(18) {margin-right:0px;}
#content .section3 .section1_wrap .section1_bn .banner:nth-child(21) {margin-right:0px;}

#content .section3 .section1_wrap .section1_bn .banner:last-child {margin-right:0px;}
#content .section3 .section1_wrap .section1_bn .banner::after{content:""; display:block; clear:both;}
#content .section3 .section1_wrap .section1_bn .banner .img_area {display:inline-block;width:147px;margin-right:30px;}
#content .section3 .section1_wrap .section1_bn .banner .img_area img{max-width: 100%;}
#content .section3 .section1_wrap .section1_bn .banner .banner_cont{display:inline-block;width:180px;text-align:left;vertical-align:top;padding-top:10px;}
#content .section3 .section1_wrap .section1_bn .banner .banner_cont h1{font-size: 20px;margin-top:20px;}
#content .section3 .section1_wrap .section1_bn .banner .banner_cont h1 span {font-size: 16px;font-family: 'PT Serif';display:block;margin-top:0px;font-weight:normal;color:#fff;}
#content .section3 .section1_wrap .section1_bn .banner .banner_cont h2{color: #000; margin-bottom: 20px;margin-top:0px;}
#content .section3 .section1_wrap .section1_bn .banner .banner_cont h2 span{font-size: 16px; color: #555;display:block;margin-bottom:5px;font-weight:normal;}
#content .section3 .section1_wrap .section1_bn .banner .banner_cont a {padding:8px 30px;display:inline-block;border:solid 1px #ddd;position:relative;color:#333; transition:all .4s ease;font-size:14px;}
#content .section3 .section1_wrap .section1_bn .banner .banner_cont a:hover {border:solid 1px #000;background:#000;color:#fff;}
#content .section3 .section1_wrap .more_btn {position:relative;margin-top:50px;}
#content .section3 .section1_wrap .more_btn a {padding:20px 120px 20px 30px;display:inline-block;background:#00352c;position:relative;color:#fff; transition:all .4s ease;font-size:16px;}
#content .section3 .section1_wrap .more_btn a:before {width:40px;height:1px;background:#fff;content:'';position:absolute;right:30px;top:32px;}
#content .section3 .section1_wrap .more_btn a:hover {background:#000;color:#fff;}
#content .section3 .section1_wrap .more_btn a:hover:before {}
.m_display {display:block;}

@media screen and (max-width: 1300px){
#visual .visual_txt p {font-size:45px;}
#content .section1 .section1_wrap{width: 100%;padding:0px 20px;box-sizing:border-box;}
#content .section1 .section1_wrap .section1_bn .banner{width:23.5%;margin-right:2%;}
#content .section3 .section1_wrap .section1_bn .banner .img_area {display:inline-block;width:40%;margin-right:5%;}
#content .section3 .section1_wrap .section1_bn .banner .img_area img {width:100%}
#content .section3 .section1_wrap .section1_bn .banner .banner_cont{display:inline-block;width:55%;}
#content .section3 .section1_wrap{text-align:center;width: 100%;padding:100px 20px;box-sizing:border-box;}
#content .section3 .section1_wrap .section1_bn .banner{width:32%;margin-right:2%;}
#content .section3 .section1_wrap .section1_bn .banner .banner_cont h2 span {font-size:13px;}
}
@media screen and (max-width: 1024px){
 #visual{width: 100%; height:auto; margin: 76px auto 0; position: relative;}
 #visual .visual_txt{top: 20%;}
 #visual .visual_txt h1{font-size: 25px; font-weight: 600;color:#fff;}
 #visual .visual_txt h2{font-family:'PT Serif'; font-size: 13px; font-weight: 400;color:#c3c3c3}
 #visual .visual_txt p{padding: 0 10%; font-size: 25px;  word-break: keep-all;}
.swiper-container-horizontal>.swiper-pagination-bullets {bottom:20px !important;} 
.swiper-container .swiper-pagination-bullet {width:10px;height:10px;}

.m_display {display:none!important;}

 #content .section1{width: 100%; position: relative; margin: 40px auto;}
 #content .section1 .section1_wrap{width: 100%;text-align:center;margin:0px auto;}
 #content .section1 .section1_wrap .section1_title h1{font-size: 20px; margin-bottom: 10px;}
 #content .section1 .section1_wrap .section1_title p{font-size: 13px;}
 #content .section1 .section1_wrap .section1_bn{margin: 40px auto 0;font-size:0px;}
 #content .section1 .section1_wrap .section1_bn .banner{width:100%;margin-right:0px;}
 #content .section1 .section1_wrap .section1_bn .banner:nth-child(2) {margin-right:0px;}
 #content .section1 .section1_wrap .section1_bn .banner:last-child {margin-right:0px;}
 #content .section1 .section1_wrap .section1_bn .banner::after{content:""; display:block; clear:both;}
 #content .section1 .section1_wrap .section1_bn .banner img{width:100%;border:solid 0px #fff;transition:all .4s ease}
 #content .section1 .section1_wrap .section1_bn .banner:hover img {border:solid 0px #384fa3;}
#content .section1 .section1_wrap .section1_bn .banner .photo {width:100%;margin-right:0px;}
 #content .section1 .section1_wrap .section1_bn .banner .banner_cont {width:100%}
 #content .section1 .section1_wrap .section1_bn .banner .banner_cont h2{font-size:14px;margin-bottom: 30px;margin-top:13px;}
 #content .section1 .section1_wrap .section1_bn .banner .banner_cont h2 span{font-size:14px;}
 #content .section1 .section1_wrap .section1_bn .banner .banner_cont h2 span:before {width:18px;}
#content .section1 .section1_wrap .section1_bn .banner .banner_cont p {font-size:13px;}
 #content .section1 .section1_wrap .more_btn {position:relative;margin-top:20px;}
 #content .section1 .section1_wrap .more_btn a {padding:10px 60px 10px 15px;font-size:13px;border:solid 1px #384fa3;background:#384fa3;color:#fff;}
 #content .section1 .section1_wrap .more_btn a:before {width:20px;height:1px;background:#ddd;content:'';position:absolute;right:10px;top:17px;}
 
 
 
 #content .section2{height: auto;}
 #content .section2 .parallax-window {padding:80px 20px;box-sizing:border-box;}
 #content .section2 .parallax-window p{font-size: 15px; line-height: 1.5; width: 80%; word-break: keep-all;}
 #content .section2 .parallax-window .blue{font-size:15px; margin-bottom: 20px; word-break: keep-all;}
 
 
 #content .section3{width: 100%; position: relative; margin: 0px auto 0px;}
 #content .section3 .section1_wrap{text-align:center;width: 100%;padding:50px 20px 50px;margin:0px auto;}
 #content .section3 .section1_wrap .section1_title h1{font-size: 20px;}
 #content .section3 .section1_wrap .section1_title p{font-size: 13px;}
 #content .section3 .section1_wrap .section1_bn{margin: 40px auto 0;font-size:0px;}
 #content .section3 .section1_wrap .section1_bn .banner{position:relative;width:100%;display:inline-block;margin-right:0px;padding:30px;background:#fff;box-sizing:border-box;font-size:0px;}
 #content .section3 .section1_wrap .section1_bn .banner::after{content:""; display:block; clear:both;}
 
 #content .section3 .section1_wrap .section1_bn .banner .banner_cont h1{font-size: 17px;margin-top:0px;}
 #content .section3 .section1_wrap .section1_bn .banner .banner_cont h1 span {font-size: 13px;}
 #content .section3 .section1_wrap .section1_bn .banner .banner_cont h2{color: #000; margin-bottom: 10px;margin-top:7px;}
 #content .section3 .section1_wrap .section1_bn .banner .banner_cont h2 span{font-size: 12px;margin-bottom:5px;font-weight:normal;}
 #content .section3 .section1_wrap .section1_bn .banner .banner_cont a {padding:5px 20px;font-size:12px;}
 #content .section3 .section1_wrap .section1_bn .banner .banner_cont a:hover {border:solid 1px #000;background:#000;color:#fff;}
 
 #content .section3 .section1_wrap .more_btn {position:relative;margin-top:20px;}
 #content .section3 .section1_wrap .more_btn a {padding:10px 60px 10px 15px;font-size:13px;}
 #content .section3 .section1_wrap .more_btn a:before {width:20px;height:1px;content:'';position:absolute;right:10px;top:20px;}
 
}