@charset "UTF-8";


body {}

.section1 {position: relative; }
/* ¸ÞÀκñÁê¾ó */
.container.full {position: relative;top: 0;max-width: 100%; padding: 0;}
.container.full .main_visual {width: 100%; position: relative;}
.container.full .main_visual, .container.full .main_visual .item {width: 100%; height: 1200px;}
.main_visual .item .inner_box {padding: 300px 0 175px 0;
 
 

}


.main_visual .inner_box .kor_tit {color: #fff; font-weight: 600; font-size: 1.750em;    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;}
.main_visual .inner_box .eng_tit {color: #f2ffe6; font-weight: 600; font-size: 4.313em;    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;}
.main_visual .inner_box .bar {width: 55px; height: 4px; margin: 20px 0 25px 0; background: #ddd;}
.main_visual .inner_box .inner_txt {color: #fff; font-size: 1.375em; word-break: keep-all;  font-weight:600}
.main_visual .slick-dots {position: absolute; top: 0; left: 0; text-align: justify;}
.main_visual .slick-dots > li  button:before {color: #fff; opacity: 1;}
.main_visual .dot_box {position: absolute; left: 0; bottom: 90px; width: 100%; z-index: 2;}
.main_visual .dot_box .inner {position: relative; max-width: 1280px; margin: 0 auto;}
.main_visual .slick-dots li.slick-active button:before {position: absolute;top: 0;left: 0;background: transparent; width: 11px; height: 11px; border: 4px solid #8ea17a;}
.main_visual .slick-dots li button:before {position: absolute;top: 2px;left: 0;width: 15px; height: 15px;border-radius: 50%;content: '';text-align: center;background: #fff;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.main_visual .slick-dotted.slick-slider {margin-bottom: 0;}
/*.main_visual .item:before {display: inline-block; content:''; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.35;}
.main_visual .item {position: relative; height: 630px; font-size: 0; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; text-align: center;}
.main_visual .item:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
.main_visual .item .inner {display: inline-block; position: relative; z-index: 1; vertical-align: middle; font-size: 16px;}*/
.main_visual .item {background-repeat: no-repeat; background-position:center top; background-size: cover;transition: all 0.3s;}

/* ¹Ù·Î°¡±âºÎºÐ */
.section2 {}
.link_list_box {margin: 150px 0;}
.link_list_box .link_list {overflow: hidden;}
.link_list_box .link_list > li {float: left; width: calc(100% / 5); text-align: center;}
.link_list_box .link_list > li a {display: block; padding:0 20px; color:#666; word-break: keep-all;}
.link_list_box .link_list > li a span {display: block; height: 70px; margin-bottom: 10px; font-size: 0;}
.link_list_box .link_list > li a span:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
.link_list_box .link_list > li a span img {display: inline-block; vertical-align: middle; animation-duration: 2s;}
.link_list_box .link_list > li a:hover span img {animation-name: headShake;}
.link_list_box .link_list > li a strong {display: block;  margin-bottom: 10px; color:#14356a; font-size: 1.125em;}



/* ÀÔÁö ½½¶óÀ̵åºÎºÐ */
.section3 {}
.section3 .empty_wrap {width: 100%; background: #f3f0ee url('/images/main/photo2_bg.png'); background-repeat: no-repeat; background-position:center top; background-size: cover;transition: all 0.3s;}
.section3 .container {margin:0 auto;}
.section3 .title {color: #1f2021; font-weight: 600; font-size: 1.350em;}
.section3 .title em {display:block; color: #252627; font-weight: 600; font-size: 2.313em;}
.section3 .info_slide_box {padding:30px 0 75px; }
.section3 .info_slide_wrap {width: 100%; padding:50px 0 0; z-index:3; position: relative; top:0; left: 0;}
.section3 .info_slide_wrap .item {}
.section3 .info_slide_wrap .item_wrap {}
.info_slide_wrap .item_box .img {float:right; width: 55%; transition: all 0.2s; background-repeat: no-repeat; background-position:center top; background-size: cover;}
/*.info_slide_wrap .slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; margin-top: -20px; display: block;width: 40px;height: 40px;
    padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;
    border: 1px solid #ddd;background-color: transparent;line-height: 40px;}*/
.info_slide_wrap .slick-next {right: -55px; z-index:4;}
.info_slide_wrap .slick-prev {left: -55px; z-index:4;}
/*.info_slide_wrap .slick-next:before {display: block;font-size: 30px;color: #ccc;content: '>';opacity: 1;}
.info_slide_wrap .slick-next:hover:before,.info_slide_wrap .slick-next:focus:before {display: block;font-size: 30px;color: #fff;content: '>';opacity: 1;}
.info_slide_wrap .slick-prev:before {display: block;font-size: 30px;color: #ccc;content: '<';opacity: 1;}
.info_slide_wrap .slick-prev:hover:before,.info_slide_wrap .slick-prev:focus:before {display: block;font-size: 30px;color: #fff;content: '<';opacity: 1;}
.info_slide_wrap .slick-prev:hover, .info_slide_wrap .slick-prev:focus, .info_slide_wrap .slick-next:hover, .info_slide_wrap .slick-next:focus {
    color: #fff;border: 1px solid #041d45;background: #041d45;}*/
.slick-prev:before, .slick-next:before {font-size: 28px; }
.info_slide_wrap .item_wrap .item_box {}
.info_slide_wrap .item_info {float: left; width:43%; padding-top: 50px; word-break: keep-all;}
.info_slide_wrap .item_info .class {font-size: 2.313em; font-weight: 600; margin-bottom:10px; color:#b7995b;}
.info_slide_wrap .item_info p {color:#14356a; font-size: 1.500em;}
.info_slide_wrap .item_info p.name {display:block; color: #212121}
.info_slide_wrap .item_info ul.sq_list {margin-top: 30px;}
.slick-dots li button:before{ font-size: 18px; color:#fff}
.info_slide_wrap .slick-list {padding-bottom: 10px;}
.section3 .item_info > a.more {display: inline-block; margin-top: 20px; padding:10px 20px; background-color:#b7995b; color:#fff; font-size: 0.9em;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);}
.section3 .item_info > a.more span {margin-left: 20px; opacity: 0.8;  transition: margin-left 0.3s;  }
.section3 .item_info > a.more:hover span {margin-left: 40px; opacity: 1;}

.sq_list > li {position: relative; line-height: 1.5; padding-left: 13px; margin-bottom: 10px;}
.sq_list > li:before {display: block; content:''; position: absolute; left: 0; top: 11px; width: 4px; height: 4px; background-color: #b7995b;}
.sq_list > li:last-child {margin-bottom: 0;}

.section4 {}
.section4 .empty_wrap {width: 100%; background: #f3f0ee url('/images/main/video_bg.jpg'); background-repeat: no-repeat; background-position:center center; background-size: cover;transition: all 0.3s;}
.section4 .container {padding: 80px 0;}
.section4 .container .video_box {width:100%;}
.section4 .container > div .title {position: relative; margin-bottom: 20px; font-weight: 600; color:#fff; font-size: 2.313em;}
.section4 .container > div .title a {position: absolute; right: 0; top: 4px; transition: all 0.5s; color:#fff; }
.section4 .container > div .title a:hover {transform: rotate(180deg);}

.section4 .container .video_box .inner_txt {float:right; width: 45%; padding: 50px 0 0 50px; word-break: keep-all;}
.section4 .container .video_box .inner_txt .class {margin-bottom: 40px; color: #fff; font-weight: 600; font-size: 2.313em;}
.section4 .container .video_box .inner_txt p { margin-bottom: 20px; color:#efefef;  font-size: 1.125em; line-height:1.500em;}
.section4 .container .video_box .inner_video {float:left; width: 50%; position: relative; padding-bottom: 34.5%; background-color: #eee; overflow: hidden;}
.section4 .container .video_box .inner_video .img {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section4 .container .video_box .inner_video .img:after {display: inline-block; content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url('/images/basic/video_bg.png') no-repeat center; transition: all 0.3s;}
.section4 .container .video_box .inner_video .img:hover:after {transform: scale(1.2);}
.section4 .container .video_box .inner_video .img img {width:100%;}

.section5 {background-color: #f5f5f5;}
.premium_list_box .title {text-align: center; color: #6fa045; font-weight: 600; font-size: 1.350em;}
.premium_list_box .title em {display:block; color: #2f463e; font-weight: 600; font-size: 2.313em;}
.premium_list_box {padding: 80px 0 40px ;}
.premium_list_box .link_list {overflow: hidden;}
.premium_list_box .link_list > li {float: left; margin: 40px 0; width: calc(100% / 5); text-align: center; border-right: 1px solid #6fa045;}
.premium_list_box .link_list > li a {display: block; padding:20px; color:#2f463e;  font-size: 1.250em; word-break: keep-all;font-weight:500}
.premium_list_box .link_list > li a span {display: block; height: 70px; margin: 20px 0; font-size: 0;}
.premium_list_box .link_list > li a span:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
.premium_list_box .link_list > li a span img {display: inline-block; vertical-align: middle; animation-duration: 2s;}
.premium_list_box .link_list > li a:hover span img {animation-name: headShake;}
/*.premium_list_box .link_list > li a:hover {box-shadow: 2px 2px 2px 0 #0e274f; transition: all 0.2s;}*/
.premium_list_box .link_list > li a strong { margin: 10px 0; color:#6fa045; font-size: 1.250em;}
.premium_list_box .link_list > li:nth-child(5n) {border-right: 0;}
.premium_list_box .link_list > li a .txt_num {color: #6fa045;}
.premium_list_box .link_list > li a .txt_num em {font-weight: 600;}

.mgt5{margin-top:15px}
.fnt1{font-size:0.75em;color:#6fa045}

.section6 {margin-bottom: 120px;}
.section6 .title {position: relative; margin-bottom: 20px; font-weight: 600; font-size: 2.313em;}
.section6 .title a {position: absolute; right: 0; top: 4px; transition: all 0.5s; }
.section6 .title a:hover {transform: rotate(180deg);}
.cal_list_box {padding-top: 80px;}
.cal_list_box .link_list {overflow: hidden;}
.cal_list_box .link_list > li {float: left; width: calc(100% / 5); text-align: center;}
.cal_list_box .link_list > li a {display: block; margin-right: 20px; margin-bottom: 20px; padding: 20px; border: 1px solid #efefef; border-radius: 10px; color:#666; word-break: keep-all;}
.cal_list_box .link_list > li a .txt {display: block;  margin-bottom: 10px;}
.cal_list_box .link_list > li a strong {display: block; height: 100px;  margin-bottom: 10px; color:#14356a; font-weight: 600; font-size: 1.750em;}
.cal_list_box .link_list > li a .txt_num {height: 50px; color: #2f463e;}
.cal_list_box .link_list > li a:hover {border-color: #2f463e; box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.2);}
.cal_list_box .link_list > li.on a .txt {color:#fff;}
.cal_list_box .link_list > li.on a {border: 1px solid #2f463e; background-color: #2f463e;}
.cal_list_box .link_list > li.on a strong {color:#fff;}
.cal_list_box .link_list > li.on a .txt_num {color: #fff;}


.blind{display:none}


.layer_popup_box {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; padding: 160px 0; overflow-y: auto; background-color: rgba(0,0,0,0.5); text-align: center;}
.layer_popup_box .inner {display: inline-block; position: relative;}
.layer_popup_box .inner .img_box {font-size: 0;}
.layer_popup_box .inner .img_box img {margin: 2px;}
.layer_popup_box .close_btn {display: block; position: absolute; right: 0; top: 0; width: 30px; height: 30px; background-color: #fff;}
.layer_popup_box .close_btn i {transition: all 0.3s;}
.layer_popup_box .close_btn:hover i {transform: rotate(90deg);}


.fc01{color:#000 !important}



.section7 {padding: 80px 0px;background: whitesmoke;}
.section7 .container > div {float: left; }
.section7 .container .notice_box {width: 60%; margin-right: 3%;}
.section7 .container .video_box {width: 37%;}
.section7 .container > div .tit {position: relative; margin-bottom: 20px; font-size: 2em; font-weight: 500;}
.section7 .container > div .tit a {position: absolute; right: 0; top: 4px; transition: all 0.5s;}
.section7 .container > div .tit a:hover {transform: rotate(180deg);}
.section7 .container .notice_box .notice_list > li {float: left; width: 49%; margin-right: 2%; margin-bottom: 2%; border: 1px solid #dedede;}
.section7 .container .notice_box .notice_list > li:nth-child(2n) {margin-right: 0;}
.section7 .container .notice_box .notice_list > li a {display: block; padding: 27px 30px; background-color: #fff; transition: background-color 0.3s;}
.section7 .container .notice_box .notice_list > li a .t1 {margin-bottom: 10px; font-size: 1.3em; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.section7 .container .notice_box .notice_list > li a .t2 {display: -webkit-box; height: 2.8em; line-height: 1.4em; margin-bottom: 15px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.section7 .container .notice_box .notice_list > li a .date {position: relative; color: #898989; font-size: 0.9em;}
.section7 .container .notice_box .notice_list > li a .date span {position: absolute; right: 0; top: 1px; font-size: 16px; color: #2f463e; transition: all 0.5s;}
.section7 .container .notice_box .notice_list > li a:hover {background-color: #2f463e; color: #fff;}
.section7 .container .notice_box .notice_list > li a:hover .date {color: #fff;}
.section7 .container .notice_box .notice_list > li a:hover .date span {transform: rotate(90deg); color: #fff;}
.section7 .container .video_box .inner {position: relative; padding-bottom: 75%; background-color: #eee; overflow: hidden;}
.section7 .container .video_box .inner .img {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section7 .container .video_box .inner .img:after {display: inline-block; content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url('/images/basic/video_bg.png') no-repeat center; transition: all 0.3s;}
.section7 .container .video_box .inner .img:hover:after {transform: scale(1.2);}



.section2 {position: relative; padding-bottom: 150px; background: url('/images/main/section2_bg.jpg') no-repeat center bottom/cover;}
.section2 .ani_box > span {display: inline-block; position: absolute;}
.section2 .ani1 {left: 48px; top: 125px; animation-duration: 2s;}
.section2 .ani2 {left: 136px; top: 232px; animation-duration: 2.5s;}
.section2 .ani3 {right: 116px; top: 264px; animation-name: updown; animation-duration: 15s;}
.section2 .ani4 {right: 45px; top: 397px; animation-name: updown; animation-duration: 17s;}
.content_box {text-align: left; }
.content_box .container > div {float: left;}
.content_box .container > div:last-child {margin-right: 0;}
.content_box .con1 {position: relative; width: 30%; margin-right: 2%; float: left; background-color: #f4f4f4; font-size: 0;}
.content_box .con1 .popup_nav {position: absolute; right: 30px; top: 30px;}
.content_box .con1 .popup_nav button {margin: 0 2px;}
.content_box .con2 {float: left; width: 68%;}
.content_box .con2 > div {float: left; width: 50%; transition: all 0.5s ease-out; text-align: center;}
.content_box .con2 .left {background-color: #789065;}
.content_box .con2 .right {background-color: #f4f4f4;}
.content_box .con2 > div a {display: block;min-height: 320px; padding: 40px 20px 0; color: #555;}
.content_box .con2 > div img {margin-bottom: 18px;}
.content_box .con2 > div .tit {position: relative; margin-bottom: 35px; font-family: 'NanumSquare'; font-weight: 700; font-size: 1.5em;}
.content_box .con2 > div .tit:after {display: inline-block; content:''; position: absolute; left: 50%; bottom: -15px; width: 22px; height: 1px; margin-left: -11px; background-color: #999;}
.content_box .con2 > div .txt {}
.content_box .con2 > div .more {display: inline-block; opacity: 0; margin-top: 30px; border-bottom: 1px solid #999; transition: margin-top 0.3s; font-size: 0.9em;}
.content_box .con2 > div:hover .more {margin-top: 20px; opacity: 1;}
.content_box .con2 .left img {margin-top: 9px; margin-bottom: 20px;}



.section3 {padding:80px 0 135px; background:url('/images/main/bg_bottom.jpg') no-repeat 50% 0; background-size: cover;}
.section3 .mcb_wrap {max-width: 1700px; margin: 0 auto;}
.section3 .mTitle2 {margin-bottom:50px;}
.section3 .mTitle2 {font-size:2.500em; font-weight:500; color:#fff;}
.section3 .mTitle2 .eng {font-size: 2.475em; letter-spacing: -8px; font-weight: bold; opacity: 0.35;}
.mcb_wrap ul:after {content:'';display:block;clear:both;}
.mcb_wrap ul li {display: table; position: relative; float:left; width:23.8%; height:510px; margin-left:1.6%; box-shadow: 8px 8px 13px rgba(0,0,0,0.35); overflow: hidden;}
.mcb_wrap ul li:first-child {margin-left:0;}
/* .mcb_wrap ul li a {display: block; position: relative; width:100%; height:100%; transition: all 0.5s;}
.mcb_wrap ul li .bg {position: absolute; top: 0; left: 0; width: 100%; height: 110%; background-size:cover!important; transition:all 0.5s;}
.mcb_wrap ul li.ban1 .bg {background:url('/images/main/bg_ban1.jpg') no-repeat 50%;}
.mcb_wrap ul li.ban2 {margin-top:-85px;}
.mcb_wrap ul li.ban2 .bg {background:url('/images/main/bg_ban2.jpg') no-repeat 50%;}
.mcb_wrap ul li.ban3 {margin-top:30px;}
.mcb_wrap ul li.ban3 .bg {background:url('/images/main/bg_ban3.jpg') no-repeat 50%;}
.mcb_wrap ul li.ban4 {margin-top:-115px;}
.mcb_wrap ul li.ban4 .bg {background:url('/images/main/bg_ban4.jpg') no-repeat 50%;} */
.mcb_wrap ul li:before {display: inline-block; content:''; position: absolute; left: 0; top: 0; width: 100%; height: 110%; background-size: cover; background-position: center; background-repeat: no-repeat; transition:all 0.5s;}
.mcb_wrap ul li.ban1:before {background-image: url('/images/main/bg_ban1.jpg');}
.mcb_wrap ul li.ban2:before {background-image: url('/images/main/bg_ban2.jpg');}
.mcb_wrap ul li.ban3:before {background-image: url('/images/main/bg_ban3.jpg');}
.mcb_wrap ul li.ban4:before {background-image: url('/images/main/bg_ban4.jpg');}
.mcb_wrap ul li:after {display: inline-block; content:''; position: absolute; left: 0; top: 0; width: 100%; height: 200%; transition:all 0.5s; transform: translateY(0); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);}
.mcb_wrap ul li .txt_box {display: table-cell; position: relative; z-index: 1; padding: 30px; vertical-align: top; color: #fff; text-align: center; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1); transform: translateY(390px);}
.mcb_wrap ul li .txt_box .tit {font-family: 'NanumSquare'; font-size: 2em; font-weight: 700;}
.mcb_wrap ul li .txt_box > *:not(.tit) {height: 0; opacity: 0; transform: translateY(1rem); transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1), opacity 700ms cubic-bezier(0.19, 1, 0.22, 1), background-color 0.5s;}
.mcb_wrap ul li .txt_box .txt {margin-top: 20px; line-height: 1.5; font-size: 1.125em; -ms-word-break: keep-all; word-break: keep-all; font-weight: 300;}
.mcb_wrap ul li .txt_box .baro_btn {display: inline-block; width: 120px; height: 40px; line-height: 40px; margin-top: 20px; background-color: #2f463e; color: #fff; font-size: 0.9em;}
.mcb_wrap ul li .txt_box .baro_btn:hover {background-color: #7da956;}

.mcb_wrap ul li:hover:before, .mcb_wrap ul li:focus:before {transform: translateY(-4%);}
.mcb_wrap ul li:hover:after, .mcb_wrap ul li:focus:after  {transform: translateY(-50%);}
.mcb_wrap ul li:hover .txt_box, .mcb_wrap ul li:focus .txt_box {vertical-align: middle; transform: translateY(0);}
.mcb_wrap ul li:hover .txt_box > *:not(.tit), .mcb_wrap ul li:focus .txt_box > *:not(.tit) {height: auto; opacity: 1; transform: translateY(0); transition-delay: calc(700/8);}