@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') no-repeat center; background-size: cover; padding-top: 118px; padding-bottom: 70px;}
.visual .title {font-family: 'LotteMartHappy'; text-align: center; font-weight: 700; font-size: 100px; color: #ffffff; line-height: 1.06;}
.visual .title span {font-size: 80px; font-weight: 500;}
.visual .tit-rule {text-shadow: 0px 6px 7px rgba(0, 0, 0, 0.3); margin-top: 62px; position: relative; text-align: center; font-size: 40px; font-weight: 700; font-family: 'NanumBarunGothic'; color: #ffffff;}
.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%);}
.visual ul {text-align: center; margin-top: 24px;}
.visual ul li {display: inline-block; text-align: center; color: #ffffff; font-size: 36px; font-weight: 700; }
.visual ul li + li {margin-left: 92px;}
.visual ul li img {margin: 0 auto 3px;}

.section01 {padding-top: 166px; padding-bottom: 176px;}
.section01 ul::after {display: block; clear: both; content: "";}
.section01 ul li {float: left; width: calc(33.3333% - 14px); margin-top: 33px; overflow: hidden; border-radius: 25px; height: 556px; padding-top: 0; position: relative;}
.section01 ul li + li {margin-left: 21px;}
.section01 ul li:nth-child(3n + 1) {margin-left: 0;}
.section01 ul li:nth-child(-n + 3) {margin-top: 0}
.section01 ul li:first-child {background: url('../images/bg_assignment.png') no-repeat right 34px bottom;}
.section01 ul li .txt-year {font-size: 60px; font-family: 'NanumBarunGothic'; line-height: 1.1149; color: #62902f;}
.section01 ul li .title {font-size: 75px; font-weight: 700; font-family: 'NanumBarunGothic'; line-height: 1.1149; color: #62902f;}
.section01 ul li .title span {color: #3b630f;}
.section01 ul li:nth-child(2) {background: url('../images/bg_assignment01.png') no-repeat center; background-size: cover;}
.section01 ul li:nth-child(3) {background: url('../images/bg_assignment02.png') no-repeat center; background-size: cover;}
.section01 ul li:nth-child(4) {background: url('../images/bg_assignment03.png') no-repeat center; background-size: cover;}
.section01 ul li:nth-child(5) {background: url('../images/bg_assignment04.png') no-repeat center; background-size: cover;}
.section01 ul li:nth-child(6) {background: url('../images/bg_assignment05.png') no-repeat center; background-size: cover;}
.section01 ul li .tit {font-size: 45px; font-weight: 500; font-family: 'LotteMartHappy'; color: #ffffff; text-align: center; line-height: 1.22222; height: 260px; display: flex; align-items: center; justify-content: center;}
.section01 ul li .txt {display: flex; align-items: center; justify-content: center;  height: 190px; line-height: 1.4; font-size: 25px; font-family: 'NanumBarunGothic'; font-weight: 700; color: #203707; background: rgba(255, 255, 255, 0.6); text-align: center; color: #203707;}
/* .section01 ul li:nth-child(2) .txt,
.section01 ul li:nth-child(3) .txt {margin-top: 0; height: 190px;}
.section01 ul li:nth-child(4) .txt,
.section01 ul li:nth-child(5) .txt,
.section01 ul li:nth-child(6) .txt {margin-top: 27px; height: 163px;} */
.section01 ul li a {position: absolute; font-family: 'NanumBarunGothic'; bottom: 30px; width: 190px; display: block; height: 44px; line-height: 44px; text-align: center; color: #ffffff; border-radius: 22px; left: 50%; transform: translateX(-50%); background-color: #62902f; font-size: 25px; font-weight: 700;  font-family: 'NanumBarunGothic';
	-webkit-box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.35); 
	box-shadow: inset 0px 0px 7px 3px rgba(0,0,0,0.35);
}

.section02 {background: #e9efe2; padding-top: 69px; padding-bottom: 128px;}
.section02 .title {text-align: center; font-size: 70px; font-weight: 700;}
.section02 .swiper-container {margin-top: 35px;}
.section02 .swiper-button-prev,
.section02 .swiper-button-next {width: 42px; height: 42px; z-index: 1; bottom: 175px; top: auto;}
.section02 .swiper-button-prev {background: url('../images/btn_arr_l.png') no-repeat center; left: -70px;}
.section02 .swiper-button-next {background: url('../images/btn_arr_r.png') no-repeat center; right: -70px;}


/* 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; }