@charset "utf-8";

.banner_nav ul li a, .m_board_wrap h3 a, .m_bottom_banner .banner_con a:after, .m_bottom_banner .banner_con a span, .m_bottom_banner .banner_con a span:after{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.main_inner{max-width: 1300px; margin: 0 auto;}

/* 메인 */
.main_section{position: relative; margin-top: 50px;}
.main_section.msec1{width: 100%; height: 100%; margin-top: 0;}
.main_section.msec4{background: #eaeaea; margin: 0; padding: 60px 0 90px; overflow: hidden;}

.section{overflow: hidden;}
.section.sec1{background: url("../imgs/main/sec1_bg1.png") no-repeat center; background-size: cover;}

.mgallery_wrap{position: relative; overflow: hidden;}
.mgallery1{}
.mgallery1.slick-slider .slick-slide .jtext{display: table-cell; vertical-align: middle; width: 100%;}
.jtext .jtext_inner{opacity: 0;}        /* js 실행 전에 숨김처리 */
.mgallery1.slick-slider .slick-slide .jtext .jtext_inner{position: absolute; bottom: 38%; left: 10%; opacity: 0;}
.mgallery1.slick-slider .slick-slide .jtext p{font-family: 'Roboto', sans-serif; text-align: left; color: #fff; font-weight: 400; word-break: keep-all;}
.mgallery1.slick-slider .slick-slide .jtext p.jt1{font-size: 30px; line-height: 49px;}
.mgallery1.slick-slider .slick-slide .jtext p.jt2{font-size: 60px; line-height: 70px; font-weight: 700; letter-spacing: -3px;}
.mgallery1.slick-slider .slick-slide .jtext p.jt2 span{letter-spacing: 0;}
.mgallery1.slick-slider .slick-slide .jtext p.jt3{font-size: 17px; line-height: 23px; font-weight: 300; margin-top: 15px; padding-left: 5px;}
.mgallery1.slick-slider .slick-slide .jtext p br{display: none;}
.mgallery1.slick-slider .slick-slide .jtext p br.pc_block{display: block;}
.mgallery1.slick-slider.ani .slick-slide.slick-active .jtext .jtext_inner{bottom: 43%; opacity: 1; z-index: 2;}

.mgallery1.slick-slider .slick-arrow{position: absolute; top: 50%; left: 0; z-index: 4; width: 105px; height: 80px; font-size:0; border: 0; cursor: pointer; background-size: 24px !important; margin-left: 0;}
.mgallery1.slick-slider .slick-arrow.slick-next{background: url("../imgs/marrow_r.png") rgba(86,86,86,0.4) no-repeat center; margin-top: -40px;}
.mgallery1.slick-slider .slick-arrow.slick-next:after{content: ''; position: absolute; bottom: 0; left: 20px; width: 60px; height: 1px; background: rgba(255,255,255,0.14);}
.mgallery1.slick-slider .slick-arrow.slick-prev{background: url("../imgs/marrow_l.png") rgba(86,86,86,0.4) no-repeat center; margin-top: 40px;}
.mgallery1.slick-slider .slick-arrow.slick-next:hover{background-image: url("../imgs/marrow_r_off.png");}
.mgallery1.slick-slider .slick-arrow.slick-prev:hover{background-image: url("../imgs/marrow_l_off.png");}

.mgallery1.slick-slider .slick-dots{position: absolute; bottom: 38%; left: 10%; padding-left: 10px;}
.mgallery1.slick-slider .slick-dots li{position: relative; float: left; margin-left: 8px; margin-right: 0; height: 12px;}
.mgallery1.slick-slider .slick-dots li:first-child{margin-left: 0;}
.mgallery1.slick-slider .slick-dots li button{width: 12px; height: 12px; box-sizing: border-box; background-color: transparent; border-radius: 20px; border: 1px solid #fff; font-size:0; line-height:0; vertical-align: top;}
.mgallery1.slick-slider .slick-dots li.slick-active button{background: #fff;}

.jGallery_nav.mgallery_nav1 button{position: absolute; bottom: 38%; left: 10%; margin-left: 70px; z-index: 4; width: 12px; height: 12px; font-size:0; border: 0; cursor: pointer; background-size: 9px 10px !important;}
.jGallery_nav.mgallery_nav1 button.pause{background: url("../imgs/m_stop.png") no-repeat center;}
.jGallery_nav.mgallery_nav1 button.play{background: url("../imgs/m_play.png") no-repeat center; display: none;}

.video_size{display: block; position: absolute; top: 50%; left: 50%; min-width: 120%; min-height: 100%; width: auto; height: auto; transform:translate(-50%, -50%);}

/* popup Zone */
.popup_wrap{position: absolute; top: 50%; right: 10%; z-index: 3; width: 700px; height: auto;}
.popup_zone{position: relative;}
.popup_gallery{width: 100%; border-radius: 50px 0 0 0; overflow: hidden;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}
.popup_gallery.slick-slider img{width: 100%;}
.popup_gallery.slick-slider .slick-arrow{position: absolute; z-index: 4; width: 40px; height: 40px; font-size:0; border: 0; cursor: pointer; top: inherit; bottom: 0; margin: 0; opacity: 0.9; left: inherit;}
.popup_gallery.slick-slider .slick-arrow.slick-next{background: url("../imgs/main/marrow_br.png") no-repeat center rgba(0, 0, 0, 0.5); background-size: 35px; right: 0;}
.popup_gallery.slick-slider .slick-arrow.slick-prev{background: url("../imgs/main/marrow_bl.png") no-repeat center rgba(0, 0, 0, 0.5); background-size: 35px; right: 82px;}
.popup_nav button{position: absolute; bottom: 0; right: 41px; z-index: 10; width: 40px; height: 40px; background: url("../imgs/main/jpb_big.png") no-repeat center 0 rgba(0, 0, 0, 0.5); font-size:0; border: 0; cursor: pointer; background-size: 40px 80px; opacity: 0.9;}
.popup_nav button.play{background-position: center -40px; display: none;}
.popup_nav button:hover{opacity: 1;}


.mgallery2.slick-slider .slick-slide .jtext{display: table-cell; vertical-align: middle; width: 100%;}
.jtext .jtext_inner{opacity: 0;}        /* js 실행 전에 숨김처리 */
.mgallery2.slick-slider .slick-slide .jtext .jtext_inner{position: absolute; bottom: 39%; left: 15.8%; opacity: 0;}
.mgallery2.slick-slider .slick-slide .jtext p{font-family: 'Roboto', sans-serif; text-align: left; color: #fff; font-weight: 400; word-break: keep-all;}
.mgallery2.slick-slider .slick-slide .jtext p.jt1{font-size: 24px; line-height: 35px;}
.mgallery2.slick-slider .slick-slide .jtext p.jt2{font-size: 48px; line-height: 60px; font-weight: 700;}
.mgallery2.slick-slider .slick-slide .jtext a{position: relative; display: block; width: 200px; height: 46px; border: 1px solid #fff; padding: 0 30px; border-radius: 50px; margin-top: 30px; font-size: 18px; line-height: 43px; color: #fff; text-align: left;}
.mgallery2.slick-slider .slick-slide .jtext a:after{content: ''; position: absolute; right: 30px; top: 16px; width: 10px; height: 10px; background: url("../imgs/arrow_plus_white.png") no-repeat center; background-size: 10px;}
.mgallery2.slick-slider .slick-slide .jtext a:hover:after{content: ''; transform: rotate(-180deg);}
.jtext_img_cover{position: absolute; bottom: -100%; left: 40%; width: 500px;}
.jg2 .jtext_img_cover{bottom: -73%;}
.jtext_img_cover img{width: 100%;}

.mgallery2.slick-slider.ani .slick-slide.slick-active .jtext .jtext_inner{bottom: 43%; opacity: 1; width: 84%;}

.mgallery2.slick-slider .slick-arrow{position: absolute; top: 50%; left: 0; z-index: 4; width: 105px; height: 80px; font-size:0; border: 0; cursor: pointer; background-size: 24px !important; margin-left: 0;}
.mgallery2.slick-slider .slick-arrow.slick-next{background: url("../imgs/marrow_r.png") rgba(86,86,86,0.4) no-repeat center; margin-top: -40px;}
.mgallery2.slick-slider .slick-arrow.slick-next:after{content: ''; position: absolute; bottom: 0; left: 20px; width: 60px; height: 1px; background: rgba(255,255,255,0.14);}
.mgallery2.slick-slider .slick-arrow.slick-prev{background: url("../imgs/marrow_l.png") rgba(86,86,86,0.4) no-repeat center; margin-top: 40px;}
.mgallery2.slick-slider .slick-arrow.slick-next:hover{background-image: url("../imgs/marrow_r_off.png");}
.mgallery2.slick-slider .slick-arrow.slick-prev:hover{background-image: url("../imgs/marrow_l_off.png");}


.mgallery2.slick-slider .slick-dots{position: absolute; bottom: 70px; left: 50%; margin-left: -220px;}
.mgallery2.slick-slider .slick-dots li{position: relative; float: left; margin-left: 40px; width: 80px; height: 80px; background: #000;}
.mgallery2.slick-slider .slick-dots li:first-child{margin-left: 0;}
.mgallery2.slick-slider .slick-dots li button{display: block; width: 100%; height: 100%; border: 0; box-sizing: border-box; background-color: transparent; font-size:0; line-height:0; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0.7; border-radius: 0;}
.mgallery2.slick-slider .slick-dots li:nth-child(1) button{background-image: url("../imgs/main/m_sec1_thum1.jpg");}
.mgallery2.slick-slider .slick-dots li:nth-child(2) button{background-image: url("../imgs/main/m_sec1_thum2.jpg");}
.mgallery2.slick-slider .slick-dots li:nth-child(3) button{background-image: url("../imgs/main/m_sec1_thum3.jpg");}
.mgallery2.slick-slider .slick-dots li:nth-child(4) button{background-image: url("../imgs/main/m_sec1_thum4.jpg");}
.mgallery2.slick-slider .slick-dots li.slick-active{}
.mgallery2.slick-slider .slick-dots li.slick-active button{opacity: 1;}

.jGallery_nav.mgallery_nav2 button{position: absolute; bottom: 36%; left: 15.8%; margin-left: 60px; z-index: 4; width: 9px; height: 10px; font-size:0; border: 0; cursor: pointer; background-size: 9px 10px !important;}
.jGallery_nav.mgallery_nav2 button.pause{background: url("../imgs/m_stop.png") no-repeat;}
.jGallery_nav.mgallery_nav2 button.play{background: url("../imgs/m_play.png") no-repeat; display: none;}



.slick-slider .slick-slide div.jgBody{position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; height: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 1;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	transform-origin:center;
	-webkit-transition:transform 4s ease-out, opacity 1s ease 0.3s;
	transition:transform 4s ease-out, opacity 1s ease 0.3s;
}

.mgallery2.slick-slider .slick-slide div.jgBody{position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; height: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 1;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	transform-origin:center;
	-webkit-transition:transform 1s ease-out, opacity 1s ease 0.3s;
	transition:transform 1s ease-out, opacity 1s ease 0.3s;
}

.slick-slider.ani .slick-slide.slick-active div.jgBody{
	opacity: 1;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	transform-origin:center;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.slick-slider .slick-slide.slick-active img, .slick-slider .slick-slide.slick-active .jtext .jtext_inner{
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.mgallery2.slick-slider .slick-slide.slick-active .jtext .jtext_inner{
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.single_con.slick-slider img{width: 100%;}
.single_con.slick-slider .slick-arrow{position: absolute; top: 50%; z-index: 4; width: 105px; height: 80px; margin-top: -40px; font-size:0; border: 0; cursor: pointer; background-size: 24px !important; margin-left: 0;}
.single_con.slick-slider .slick-arrow.slick-next{background: url("../imgs/marrow_r.png") rgba(86,86,86,0.4) no-repeat center; left: inherit; right: 0; margin-left: 0;}
.single_con.slick-slider .slick-arrow.slick-prev{background: url("../imgs/marrow_l.png") rgba(86,86,86,0.4) no-repeat center; left: 0; margin-left: 0;}
.single_con.slick-slider .slick-arrow.slick-next:hover{background-image: url("../imgs/marrow_r_off.png");}
.single_con.slick-slider .slick-arrow.slick-prev:hover{background-image: url("../imgs/marrow_l_off.png");}
.single_con.slick-slider .slick-dots{position: absolute; left: 0; text-align: center; bottom:20px; width: 100%;}
.single_con.slick-slider .slick-dots li{display: inline-block; margin: 0 7px;}
.single_con.slick-slider .slick-dots li button{width: 14px; height: 14px; border-radius: 100%; background: none; cursor: pointer; border: 2px solid #fff; box-sizing: border-box; font-size:0;}
.single_con.slick-slider .slick-dots li.slick-active button{background: #fff; border: 0;}
.single_con.slick-slider .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{opacity: 1 !important;}


/*드래그*/
.slider_banner_wrap{padding-top: 140px;}
.slider_banner {width:100%;}
.slider_banner h2{max-width:1300px; margin:0 auto; overflow:hidden; font-size:42px; color:#333; text-align:center; font-weight:bold; margin-bottom: 80px;}
.slider_banner .point{color:#2253b8; display:inline-block}
.slider_banner p{max-width:1300px; margin:0 auto; overflow:hidden; display:block; padding:20px 20px 50px 20px; color:#555; text-align:center; font-size:16px; line-height:1.6;}
.slider_banner{padding: 0}
.slider_banner .btn_area {margin-top: 40px;}
.slider_banner .slider_gallery{position: relative;}
.slider_banner .slider_gallery .swiper-slide{opacity: 0.3; transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out;}
.slider_banner .slider_gallery .swiper-slide .img_box{overflow: hidden;}
.slider_banner .slider_gallery .swiper-slide .img_box img{transition: transform 0.6s ease-in-out; -webkit-transition: transform 0.6s ease-in-out; width: 100%;}
.slider_banner .slider_gallery .swiper-slide:hover .img_box img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.slider_banner .slider_gallery .swiper-slide-active, .slider_banner .slider_gallery .swiper-slide-next{opacity: 1;}
.slider_banner .slider_gallery .txt_box{padding: 30px 20px 0;}
.slider_banner .slider_gallery .txt_box h3{display: block;font-size: 22px; line-height: 1.6; color: #333; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.slider_banner .slider_gallery .txt_box p{color: #555; text-align: center; padding: 10px 20px;font-size: 16px; line-height: 1.6;word-break: keep-all; }
.slider_banner .slider_gallery .swiper-button-prev{top: auto;bottom: 0; left: -78px;transform: translateY(50%);-webkit-transform: translateY(50%); outline: none;color: #333;}
.slider_banner .slider_gallery .swiper-button-next{top: auto; bottom: 0;right: -78px;transform: translateY(50%);-webkit-transform: translateY(50%);outline: none; color: #333;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display:none}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display:none}
.slider_banner .slider_gallery .swiper-scrollbar{margin-top: 60px; display: block; position: static; width: 100%; max-width: 1300px;height: 2px;background-color: #dcdcdc;}
.slider_banner .slider_gallery .swiper-scrollbar-drag{margin-top: -1px;height: 2px;background-color: #000}
.slider_banner .slider_gallery .swiper-button-prev{background: url("../imgs/marrow_l_off.png") no-repeat center;}
.slider_banner .slider_gallery .swiper-button-next{background: url("../imgs/marrow_r_off.png") no-repeat center;}
/*드래그*/


.banner_wrap{width: 100%; max-width: 1300px; margin: 100px auto 50px;}
.banner_wrap ul:after{content: ''; display: block; clear: both;}
.banner_wrap ul li{float: left; width: calc(50% - 10px); margin-left: 20px; height: 250px;}
.banner_wrap ul li:nth-child(1){height: 520px; margin-left: 0;}
.banner_wrap ul li:nth-child(3){margin-top: 20px;}
.banner_wrap ul li:nth-child(1){background: url("../imgs/main/banner_bg1.png") no-repeat center; background-size: cover;}
.banner_wrap ul li:nth-child(2){background: url("../imgs/main/banner_bg2.png") no-repeat center; background-size: cover;}
.banner_wrap.banner_en ul li:nth-child(2){background: url("../imgs/main/banner_bg4.png") no-repeat center; background-size: cover;}
.banner_wrap.banner_ch ul li:nth-child(2){background: url("../imgs/main/banner_bg4.png") no-repeat center; background-size: cover;}
.banner_wrap ul li:nth-child(3){background: url("../imgs/main/banner_bg3.png") no-repeat center; background-size: cover;}
.banner_wrap.banner_en ul li:nth-child(3){background: url("../imgs/main/banner_bg5.png") no-repeat center; background-size: cover;}
.banner_wrap.banner_ch ul li:nth-child(3){background: url("../imgs/main/banner_bg5.png") no-repeat center; background-size: cover;}
.banner_wrap ul li{padding: 50px;}
.banner_wrap ul li:first-child{padding: 50px 40px;}

.banner_wrap h4{font-family: 'Roboto', sans-serif; font-size: 36px; line-height: 46px; color: #fff; word-break: keep-all;}
.banner_wrap p{font-size: 16px; line-height: 20px; color: #fff; margin-top: 5px;  word-break: keep-all;}
.banner_wrap a{position: relative; display: block; width: 170px; height: 40px; border: 1px solid #fff; padding: 0 34px; border-radius: 50px; margin-top: 30px; font-size: 16px; line-height: 37px; color: #fff; text-align: left;}
.banner_wrap a:after{content: ''; position: absolute; right: 30px; top: 14px; width: 10px; height: 10px; background: url("../imgs/arrow_plus_white.png") no-repeat center; background-size: 10px;}
.banner_wrap a:hover:after{content: ''; transform: rotate(-180deg);}


.banner_nav{position: absolute; bottom: 0; width: 100%;}
.banner_nav ul:after {display: block; content: ''; clear: both;}
.banner_nav ul{width: 1300px; margin: 0 auto;}
.banner_nav ul li{float: left; width: 33.33%;}
.banner_nav ul li a{display: block; width: 100%; height: 150px; background-color: rgba(52, 142, 2, 0.8); background-repeat: no-repeat !important; background-position: 60px center !important; background-size: 80px !important; color: #fff; box-sizing: border-box; padding: 30px 40px 0 180px; word-break: keep-all;}
.banner_nav ul li:nth-child(2) a{background-color: rgba(37, 95, 4, 0.8);}
.banner_nav ul li:nth-child(3) a{background-color: rgba(15, 37, 4, 0.8);}
.banner_nav ul li a b{display: inline-block; font-size: 19px; font-weight: 400;}
.banner_nav ul li a span{display: inline-block; font-size: 14px; font-weight: 300; line-height: 21px; margin-top: 10px;}
.banner_nav ul li:nth-child(1) a{background-image: url("../imgs/main/icon_01.png");}
.banner_nav ul li:nth-child(2) a{background-image: url("../imgs/main/icon_02.png");}
.banner_nav ul li:nth-child(3) a{background-image: url("../imgs/main/icon_03.png");}
.banner_nav ul li:nth-child(1) a:hover{background-color: rgba(52, 142, 2, 1);}
.banner_nav ul li:nth-child(2) a:hover{background-color: rgba(37, 95, 4, 1);}
.banner_nav ul li:nth-child(3) a:hover{background-color: rgba(15, 37, 4, 1);}


.m_board_wrap h3{position: relative; font-size: 21px; margin-bottom: 20px; line-height: 30px;}
.m_board_wrap h3 a{display: block; width: 30px; height: 30px; background: url("../imgs/arrow_more.png") no-repeat center; background-size: 20px; position: absolute; top: 0; right: 0;}
.m_board_wrap h3 a:hover{transform: rotate(180deg);}
.m_board_wrap > ul{width: 1200px; margin: 0 auto;}
.m_board_wrap > ul > li{float: left; width: 48%; margin-left: 4%;}
.m_board_wrap > ul > li:first-child{margin-left: 0;}
.m_board_wrap ul:after {display: block; content: ''; clear: both;}
.mnews_top{padding-right: 10px;}
.mnews_top li:nth-child(1){width: 84px; text-align: center; color: #999; font-size: 13px; box-sizing: border-box; float: left;}
.mnews_top li:nth-child(1) .mnews_nums{display: block; font-size: 27px; color: #000; font-weight: bold; letter-spacing: -2px;}
.mnews_top li:nth-child(2){float: none; margin-left: 100px;}
.mnews_top li:nth-child(2) a.mnews_link{display: block; width: 100%; color: #333;}
.mnews_top li:nth-child(2) .mnews_title{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; font-size: 20px;}
.mnews_top li:nth-child(2) .mnews_title .mnews_title_n{display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 30px; background: #4F7308; color: #fff; margin-right: 5px; font-size: 15px;}
.mnews_top li:nth-child(2) .mnews_content{display: block; width: 98%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; margin-top: 8px; height: 19px; line-height: 19px;}

.mnews_con {margin-top: 25px; padding: 20px 10px 0; border-top: 1px solid #ddd;}
.mnews_con li{float: left; width: 25%; text-align: right; line-height: 35px;}
.mnews_con li:first-child{width: 75%; text-align: left;}
.mnews_con li a{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; line-height: 30px; font-size: 15px;}
.mnews_con li a:hover span{text-decoration: underline;}

.main_parallax.parallax_wrap{padding: 200px 0; margin-top: 0;}
.main_parallax div{width: 1200px; margin: 0 auto;}
.main_parallax p{color: #fff; text-align: center; font-size: 19px;}
.main_parallax .b_text{font-size: 55px; margin-top: 15px; font-weight: 300;}
.main_parallax .b_text b{font-weight: 800;}

.m_bottom_banner{width: 100%; margin: 0 auto; max-width: 1200px;}
.m_bottom_banner h3{font-size: 27px; text-align: center; margin-bottom: 20px;}
.m_bottom_banner .bannerGallery:after {display: block; content: ''; clear: both;}
.m_bottom_banner .bannerGallery .banner_con{float: left; width: 192px; margin-left: 60px; text-align: center; padding-top: 20px;}
.m_bottom_banner .bannerGallery .banner_con:first-child{margin-left: 0;} 
.m_bottom_banner .bannerGallery .banner_con a{position: relative; display: block;}
.m_bottom_banner .bannerGallery .banner_con a:after{content: ''; position: absolute; top: 170px; left: 50%; margin-left: -20px; width: 40px; height: 40px; background: url("../imgs/icon_link.png") #D45F24 no-repeat center; background-size: 25px; border-radius: 40px; z-index: 3;}
.m_bottom_banner .bannerGallery .banner_con a span{position: relative; display: inline-block; width: 192px; height: 192px; background-repeat: no-repeat; background-position: center; background-size: contain !important; border-radius: 100px; overflow: hidden;}
.m_bottom_banner .bannerGallery .banner_con a span:after{content: ''; width: 100%; height: 100%; position: absolute; z-index: 2; background: rgba(37, 95, 4, 0.5); left: 100%;}
.m_bottom_banner .bannerGallery .banner_con.bc_01 a span{background-image: url("../imgs/main/bbanner01.jpg");}
.m_bottom_banner .bannerGallery .banner_con.bc_02 a span{background-image: url("../imgs/main/bbanner02.jpg");}
.m_bottom_banner .bannerGallery .banner_con.bc_03 a span{background-image: url("../imgs/main/bbanner03.jpg");}
.m_bottom_banner .bannerGallery .banner_con.bc_04 a span{background-image: url("../imgs/main/bbanner04.jpg");}
.m_bottom_banner .bannerGallery .banner_con.bc_05 a span{background-image: url("../imgs/main/bbanner05.jpg");}
.m_bottom_banner .bannerGallery .banner_con a b{display: block; margin-top: 30px; font-size: 17px; line-height: 23px;}

.m_bottom_banner .bannerGallery .banner_con a:hover:after{box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); top: 85px;}
.m_bottom_banner .bannerGallery .banner_con a:hover span{box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}
.m_bottom_banner .bannerGallery .banner_con a:hover span:after{left: 0;}

/* BEGIN : 멀티 갤러리 Default */
.m_bottom_banner .slick-slider .slick-slide{margin: 0;}
.m_bottom_banner .slick-slider .slick-arrow.slick-prev, .m_bottom_banner .slick-slider .slick-arrow.slick-next{position:absolute; display: block; width: 40px; height: 40px; background-color: #348E02; background-repeat: no-repeat; background-position: center; background-size: 20px !important; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); z-index:90; opacity: 0.8; margin: 0; top: -58px;}
.m_bottom_banner .slick-slider .slick-arrow.slick-prev{left: inherit; right: 50px; background-image: url("../imgs/marrow_l.png");}
.m_bottom_banner .slick-slider .slick-arrow.slick-next{right: 8px; background-image: url("../imgs/marrow_r.png"); left: inherit;}
.m_bottom_banner .slick-slider .slick-arrow.slick-prev:focus, .m_bottom_banner .slick-slider .slick-arrow.slick-next:focus{opacity: 0.5;}
.m_bottom_banner .slick-slider .slick-arrow.slick-prev:hover, .m_bottom_banner .slick-slider .slick-arrow.slick-next:hover{opacity: 1;}

/* END : 멀티 갤러리 Default */


@media (max-width:1800px){
    .mgallery1.slick-slider .slick-slide .jtext p br{display: block;}
    
    /* popup Zone */
    .popup_wrap{width: 600px;}
}

@media (max-width:1500px){ 
    .mgallery1.slick-slider .slick-slide .jtext .jtext_inner{bottom: 33%;}
    .mgallery1.slick-slider.ani .slick-slide.slick-active .jtext .jtext_inner{bottom: 38%;}
    .mgallery1.slick-slider .slick-dots{bottom: 33%;}
    .jGallery_nav.mgallery_nav1 button{bottom: 33%;}
    /* popup Zone */
    .popup_wrap{width: 500px;}
}

@media (max-width:1320px){ 
    /* popup Zone */
    .popup_wrap{right: 70px;}
    
    .banner_nav ul{width: 100%;}
    
    .banner_nav ul li a{padding: 30px 30px 0 150px; background-position: 40px center !important;}
}

@media (max-width:1300px){	
    /*
	.jGallery.slick-slider .slick-slide img{width: 90%; margin-left: -45%;}
    .jGallery.slick-slider .slick-slide.jg1 img{top: 30%; }
    .jGallery.slick-slider.ani .slick-slide.jg1.slick-active img{top: 26%;}
    .jGallery.slick-slider .slick-slide.jg2 img{top: 30%;}
    .jGallery.slick-slider.ani .slick-slide.jg2.slick-active img{top: 26%;}
    .jGallery.slick-slider .slick-slide.jg3 img{top: 30%;}
    .jGallery.slick-slider.ani .slick-slide.jg3.slick-active img{top: 26%;}
    */
    
    .mgallery1.slick-slider .slick-slide .jtext .jtext_inner{width: 100%; padding: 0 70px 0 20px; box-sizing: border-box; left: 0;}
    .mgallery1.slick-slider .slick-arrow{left: inherit; right: 0; width: 62px; height: 50px;}
    .mgallery1.slick-slider .slick-arrow.slick-next{margin-top: -25px;}
    .mgallery1.slick-slider .slick-arrow.slick-next:after{content: ''; left: 10px; width: 40px;}
    .mgallery1.slick-slider .slick-dots{left: 20px;}
    .jGallery_nav.mgallery_nav1 button{left: 20px;}
    
    
    .mgallery2.slick-slider .slick-slide .jtext p.jt1{font-size: 30px; line-height: 39px;}
    .mgallery2.slick-slider .slick-slide .jtext p.jt2{font-size: 50px; line-height: 63px;}
    .mgallery2.slick-slider .slick-slide .jtext .jtext_inner{width: 100%; padding: 0 70px 0 20px; box-sizing: border-box; left: 0;}
    .mgallery2.slick-slider.ani .slick-slide.slick-active .jtext .jtext_inner{width: calc(100%);}
    .mgallery2.slick-slider .slick-arrow{left: inherit; right: 0; width: 62px; height: 50px;}
    .mgallery2.slick-slider .slick-arrow.slick-next{margin-top: -25px;}
    .mgallery2.slick-slider .slick-arrow.slick-next:after{content: ''; left: 10px; width: 40px;}
    .mgallery2.slick-slider .slick-arrow.slick-prev{margin-top: 25px;}
    
    .mgallery2.slick-slider .slick-dots{bottom: 5.3%; margin-left: -196px;}
    .mgallery2.slick-slider .slick-dots li{margin-left: 24px; width: 80px; height: 80px;}
    
    .jtext_img_cover{left: initial; right: 100px; width: 400px; margin-left: 0; bottom: -50%;}
    .jtext_img_cover img{width: 100%;}
    
    .banner_wrap{width: 94%; margin: 50px auto;}
    .banner_wrap ul li{height: auto; min-height: 250px;}
}
@media (max-width:1220px){ 
    .m_board_wrap > ul{width: 100%;}
    .m_board_wrap{width: 94%; margin: 0 auto;}
    
    .main_parallax.parallax_wrap{padding: 100px 0;}
    .main_parallax div{width: 100%;}
}
@media (max-width:1024px){ 
    /* popup Zone */
    .popup_wrap{width: 400px;}
    .mgallery1.slick-slider .slick-slide .jtext p.jt1{font-size: 20px; line-height: 49px;}
    .mgallery1.slick-slider .slick-slide .jtext p.jt2{font-size: 50px; line-height: 60px;}
    .mgallery1.slick-slider .slick-slide .jtext p.jt3{font-size: 15px; line-height: 23px; margin-top: 15px;}
    
    .banner_nav ul li a{height: 130px; padding: 30px 20px 0 100px; background-position: 20px center !important; background-size: 60px !important;}
    .banner_nav ul li a b{font-size: 17px;}
    .banner_nav ul li a span{font-size: 13px;line-height: 18px; margin-top: 5px;}
}

@media (max-width:960px){	
    .jtext_img_cover{width: 350px; right: 70px;}
    .mgallery2.slick-slider .slick-slide .jtext p.jt1{font-size: 25px; line-height: 35px;}
    .mgallery2.slick-slider .slick-slide .jtext p.jt2{font-size: 40px; line-height: 50px;}
    
    .banner_nav ul li a{padding: 20px 20px 0 100px;}
}

@media (max-width:900px){ 
    /* popup Zone */
    .popup_wrap{width: 350px;}
    
    .m_board_wrap > ul > li{float: inherit; width: 100%; margin-left: 0;}
    .m_board_wrap > ul > li:nth-child(2){margin-top: 50px;}
}

@media (max-width:767px){
	.slick-slider .slick-arrow{bottom: 5%; left: 50%; z-index: 4; width: 30px; height: 30px; background-size: 30px 60px;}
    .slick-slider .slick-arrow.slick-next{background-position: 0 0; margin-left: 40px;}
    .slick-slider .slick-arrow.slick-prev{background-position: 0 -30px; margin-left: -70px;}
    .slick-slider.sGallery .slick-arrow{top: 50%; margin-top: 250px;}
    .jGallery_nav button{bottom: 5%; margin-left: -15px; width: 30px; height: 30px; background-size: 30px 60px;}
    .jGallery_nav button.play{background-position: 0 -30px; display: none;}
    
    .mgallery_wrap{background: rgba(17, 46, 1, 1);}
    .mgallery1.slick-slider .slick-slide .jtext .jtext_inner{bottom: 28%;}
    .mgallery1.slick-slider.ani .slick-slide.slick-active .jtext .jtext_inner{bottom: 33%;}
    .mgallery1.slick-slider .slick-slide .jtext p.jt1{font-size: 22px; line-height: 30px;}
    .mgallery1.slick-slider .slick-slide .jtext p.jt2{font-size: 40px; line-height: 40px; margin-top: 10px;}
    .mgallery1.slick-slider .slick-slide .jtext p.jt3{font-size: 12px; line-height: 19px; margin-top: 10px;}
    .mgallery1.slick-slider .slick-slide .jtext p.jt3 br{display: block;}
    
    .mgallery1.slick-slider .slick-dots{bottom: 5%;}
    .jGallery_nav.mgallery_nav1 button{bottom: 5%;}
    
    .mgallery2.slick-slider .slick-slide .jtext .jtext_inner{bottom: 23%; padding: 0;}
    .mgallery2.slick-slider.ani .slick-slide.slick-active .jtext .jtext_inner{bottom: 20%;}
    .mgallery2.slick-slider .slick-slide .jtext p.jt1{font-size: 20px; line-height: 25px; text-align: center;}
    .mgallery2.slick-slider .slick-slide .jtext p.jt2{font-size: 25px; line-height: 30px; margin-top: 5px; text-align: center;}
    .mgallery2.slick-slider .slick-slide .jtext a{width: 150px; height: 35px; padding: 0 25px; margin: 20px auto 0; font-size: 14px; line-height: 32px;}
    .mgallery2.slick-slider .slick-slide .jtext a:after{content: ''; right: 25px; top: 11px;}
    
    .mgallery2.slick-slider .slick-dots{bottom: 4%; margin-left: -115px;}
    .mgallery2.slick-slider .slick-dots li{margin-left: 10px; width: 50px; height: 50px;}
    .mgallery2.slick-slider .slick-arrow{display: none !important;}
    
    .jtext_img_cover{position: relative; display: block; right: inherit; bottom: inherit; margin-bottom: 20px; width: 250px; margin: 0 auto;}
    
    .single_con.slick-slider .slick-arrow{width: 62px; height: 50px; margin-top: -25px;}
    
    .slider_banner_wrap{padding-top: 80px;}
    .slider_banner h2{font-size: 26px; margin-bottom: 60px;}
    .slider_banner p{padding: 10px 10px 20px 10px;}
    .slider_banner .slider_gallery .txt_box{padding-top: 20px;}
    .slider_banner .slider_gallery .txt_box h3{font-size: 18px;}
    .slider_banner .slider_gallery .txt_box p{font-size: 14px; padding: 5px 10px 0;}
    .slider_banner .slider_gallery .swiper-scrollbar{margin: 20px auto 0; width: 94%;}
    
    .banner_wrap ul li{width: 100%; margin-left: 0 !important; margin-top: 20px;}
    .banner_wrap ul li:first-child{margin-top: 0;}
    
    .banner_wrap h4{font-size: 30px; line-height: 40px;}
    .banner_wrap p{font-size: 15px;}
    .banner_wrap a{width: 170px; height: 36px; margin-top: 25px; font-size: 15px; line-height: 33px;}
    .banner_wrap a:after{content: ''; right: 30px; top: 12px;}
    
    /* popup Zone */
    .popup_wrap{position: relative; top: inherit; margin-top: 0 !important; right: inherit; z-index: inherit; width: 100%;}
    .popup_gallery{border-radius: 0;}
    .popup_gallery.slick-slider .slick-arrow{width: 30px; height: 30px;}
    .popup_gallery.slick-slider .slick-arrow.slick-next{background-size: 25px; right: 0;}
    .popup_gallery.slick-slider .slick-arrow.slick-prev{background-size: 25px; right: 62px;}
    .popup_nav button{right: 31px; width: 30px; height: 30px; background-size: 30px 60px;}
    .popup_nav button.play{background-position: center -30px;}
    
    .banner_nav{position: relative; bottom: inherit;}
    .banner_nav ul li a{padding: 0; background-position: center 20px !important; text-align: center;}
    .banner_nav ul li a b{padding-top: 85px; font-size: 15px;}
    .banner_nav ul li a span{display: none;}
    
    .m_board_wrap > ul > li{float: inherit; width: 100%; margin-left: 0;}
    .m_board_wrap > ul > li:first-child{margin-left: 0;}
    
    .mnews_con{padding-left: 0;}
    
    .main_parallax p{font-size: 15px;}
    .main_parallax .b_text{font-size: 40px; margin-top: 10px;}
}


@media (max-width:480px){
    
    .mgallery1.slick-slider .slick-slide .jtext .jtext_inner{bottom: 24%;}
    .mgallery1.slick-slider.ani .slick-slide.slick-active .jtext .jtext_inner{bottom: 28%;}
    
    .banner_nav ul li a{background-size: 50px !important; background-position: center 25px !important;}
    .banner_nav ul li a b{padding-top: 83px;}
    
    .mnews_top li:nth-child(1){font-size: 12px;}
    .mnews_top li:nth-child(1) span{font-size: 23px;}
    .mnews_top li:nth-child(2){margin-left: 80px;}
    .mnews_top li:nth-child(2) b{font-size: 17px;}
    .mnews_top li:nth-child(2) b strong{font-size: 13px;}
    .mnews_top li:nth-child(2) span{margin-top: 3px;}
    
    .m_board_wrap h3{font-size: 19px;}
    
    .main_parallax.parallax_wrap{padding: 70px 0;}
    .main_parallax p{font-size: 13px; font-weight: 300;}
    .main_parallax .b_text{font-size: 30px; margin-top: 5px;}
    
    .m_bottom_banner .bannerGallery .banner_con a:after{content: ''; top: 140px;  margin-left: -18px; width: 36px; height: 36px; background-size: 22px;}
    .m_bottom_banner .bannerGallery .banner_con a span{width: 162px; height: 162px;}
    .m_bottom_banner .bannerGallery .banner_con a b{margin-top: 25px;}
    
    .m_bottom_banner .slick-slider .slick-arrow.slick-prev, .m_bottom_banner .slick-slider .slick-arrow.slick-next{width: 36px; height: 36px; background-size: 20px !important; top: -56px;}
    .m_bottom_banner .slick-slider .slick-arrow.slick-prev{right: 48px;}
    .m_bottom_banner .slick-slider .slick-arrow.slick-next{right: 8px;}
}