@charset "utf-8";

.container {max-width: 1200px; margin-left: auto; margin-right: auto; width: 100%; position: relative;}
.container::after {display: block; clear: both; content: "";}

.header {border-bottom: 1px solid #bfbfbf; height: 76px; padding-top: 12px;}
.header .logo {width: 126px; height: 52px; float: left;}
.header .logo a {display: block; width: 100%; height: 100%; background: url('../images/logo.png') no-repeat center; text-indent: -9999px;}
.header .btn-hompage {width: 144px; height: 40px; background: url('../images/btn_home.png') no-repeat center; float: right; text-indent: -9999px; margin-top: 6px;}

.visual {background: url('../images/bg_visual.png?v=202212161510') no-repeat center; background-size: cover; padding-top: 211px; padding-bottom: 211px;}
.visual .title {text-align: right; font-weight: 700; font-size: 100px; color: #ffffff; line-height: 1.06; text-shadow:15px 15px 40px #369d00;}
.visual .title span {font-size: 100px; font-weight: 700;}
.visual .tit-rule {position:absolute; right:0; top:165px;}
.visual .tit-rule::before {position: absolute; content: ""; width: 26px; height: 22px; background: url('../images/deco_triangle.png') no-repeat center; background-size: 100%; left: 50%; top: 8px; transform: translate(-50%, -100%);}


.section01 {background: url('../images/bg_section1.png') no-repeat center; background-size: cover; padding-top: 120px; padding-bottom: 140px;}
.section01 .title {text-align: center; font-size: 70px; font-weight: 700;}
.section01 .video {position:relative; font-weight: 700; float:left; background-color: #087c4b; background-size: cover; padding: 8px; box-shadow: 3px 3px 10px #00000054;}
.section01 ul {text-align: left; float:right;}
.section01 ul li {/*background: url('../images/bg_content_lay.png') no-repeat center;*/background-color: #087c4b; background-size: cover; text-align: left; color: #ffffff; font-size: 30px; font-weight: 400; padding: 40px 40px 40px 40px; width:360px; height:225px; line-height:1.15; box-shadow: 3px 3px 10px #00000054;}
.section01 ul li span{color:#feff9a; font-weight:500;}
.section01 ul li a{float:left; margin-top:30px;}
.section01 ul li .downIco{float:right; margin-top: 4px; margin-left: 12px;}
.section01 ul li .angle {display:inline-block; margin-bottom: 4px; margin-right: 4px;}
.section01 ul li+li {margin-top:24px;}

.section02 {background: url('../images/bg_section2.png') no-repeat center; background-size: cover; padding-top: 110px; padding-bottom: 86px;}
.section02 .title {text-align: center; font-size: 70px; font-weight: 700;}

.section03 {background: url('../images/bg_section3.png') no-repeat center; background-size: cover; padding-top: 69px; padding-bottom: 128px;}
.section03 .title {text-align: center; font-size: 70px; font-weight: 700;}

.section04 {padding-top: 25px; padding-bottom: 128px;}
.section04 .title {text-align: center; font-size: 55px; font-weight: 700; color:#1aa0a3; margin-bottom: 75px;}
.section04 .title span {font-weight: 500;}
.section04 .swiper-container {margin-top: 35px;}
.section04 .swiper-container img {border-radius: 25px 25px;}
.section04 .swiper-button-prev,
.section04 .swiper-button-next {width: 63px; height: 63px; z-index: 1; bottom: 175px; top: auto;}
.section04 .swiper-button-prev {background: url('../images/btn_arr_l.png') no-repeat center; left: -125px;}
.section04 .swiper-button-next {background: url('../images/btn_arr_r.png') no-repeat center; right: -125px;}


/* footer*/
.footer_wrap {position:relative; bottom:0; min-height:164px; background:#e8ebf0;border-top:1px solid #ddd;}
.footer_inner {position: relative; max-width:1200px; margin:0 auto; padding:35px 125px 35px 125px; font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight:400; color:#666; letter-spacing: -.4px;}
.footer_inner .foot_logo {position:absolute; width:145px; height:55px; top:50%; left:0; transform:translateY(-50%);}
.footer_bar {overflow:hidden; display:block;}
.footer_bar .li_bar {float:left; font-size:16px; line-height:1;}
.footer_bar li + li {position:relative; margin-left:43px;}
.footer_bar li + li:before {content:''; position:absolute; width:1px; height:100%; left:-23px; background:#666;}
.copyr {text-transform:uppercase; margin-top:15px; line-height:1.6; clear:both; }