@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=DM+Serif+Display&display=swap');

/*Layer*/
body{width:100%;
-webkit-text-size-adjust:none;}
#wrap{width:100%}
#header{}
#container{width:100%;}
#contents{}

/*---Visual---*/
/* ---main_slider
.slider-wrap{position:relative; margin-top:94px;}
.slider-wrap .slider-btn{position:absolute;top:0%;z-index:500;cursor:pointer}
.slider-wrap .slider-btn.left{left:3%; margin-top:450px;z-index:501;}
.slider-wrap .slider-btn.right{right:3%;margin-top:450px;z-index:501;}
.slider-wrap .slider-btn.main_bn{right:0%;  }
.slider-wrap .main_text_con{width:100%;position:absolute;top:100px;left:0;z-index:10}
.slider-wrap .main_text_con > p{width:1200px;margin:0 auto;text-align:left}
.slider-wrap .slider-index{position:absolute;width:100%;text-align:center;z-index:500;bottom:40px; margin-left:-350px;}
.slider-wrap .slider-index img{cursor:pointer;margin:0 2px}
.slider-wrap .slider{position:relative;width:100%;height:896px;overflow:hidden}
.slider-wrap .slider li{position:absolute;width:100%;height:896px;top:0;overflow:hidden}
.slider-wrap .slider .slider-bg{position:absolute;top:0;left:0;width:100%;min-width:1920px;min-height:896px}
.slider-wrap .slider .slider-copy{margin-top:80px}--- */	


#contents {width:100%;}
.contents1{width:100%; height:650px; }
.main_sub_title{ font-size:40px; line-height:50px; font-weight:bold; color:#ffffff; width:1200px;margin:0 auto; text-align:center; padding-top:60px; padding-bottom:45px;}
.main_sub_title2{ font-size:50px; line-height:50px; font-family:'SamsungSharpSans' !important; font-weight:bold; color:#000000; width:1200px;margin:0 auto; text-align:center; padding-top:85px;}
.main_sub_title2 span{ font-family:'SamsungSharpSans' !important; font-weight:normal;}
.main_sub_title2_2 { font-size:20px; line-height:30px; font-weight:bold; color:#000000; width:1200px;margin:0 auto; text-align:center; padding-bottom:45px;}
.main_sub_title3 { font-size:40px; line-height:40px; font-weight:bold; color:#ffffff; width:1200px;margin:0 auto; text-align:center; padding-top:85px; padding-bottom:45px;}
.title_line {margin:0 auto; width:110px; height:1px; background-color:#000000;}
.contents1_2 {width:100%; height:329px; background:url(../images/contents1_bg.png) center top no-repeat; }
.contents1_2_area {width:272px; height:45px; margin:0 auto;}
.contents1_btn { width:270px; height:43px; line-height:43px; border:1px solid #FFF;  color:#ffffff;  text-align:center; font-weight:normal;}
.contents1_btn:hover {width:270px; height:43px; line-height:43px; background-color:#ffffff; color:#333333; border:1px solid #333333; text-align:center; font-weight:normal;}
/*
.contents1 ul li img:hover{  opacity:0.5;}
.contents1 ul li.main_last{width:302px; float:left; margin-right:0;}
.contents1 ul li p{width:302px;padding-left:10px; float:left; margin-right:0; font-size:25px; 
font-weight:bold;background:url(../images/section1_bg.png) no-repeat; height:98px; line-height:98px;}*/

/* ---section1--- */
#section1_wrap {
	width:100%;
	margin:0px auto ;
	overflow:hidden;
	
	}
#section1_second {
	width:1290px;
	margin:0px auto;
	overflow:hidden;
	}
#scroll_wrap { width:1300px;}
#scroll_wrap div { float:left; }
.scroll-img {width:1200px; height:350px; overflow: hidden; font-size: 0; margin:0 auto;}
.scroll-img ul { width: 1200px; height:350px; margin: 0 auto; }
/*.scroll-img ul li { display: inline-block;  float:left; vertical-align:middle; border:1px solid #e2e2e2;}*/
.scroll-img ul li{ display: inline-block; margin-right:31px; float:left; vertical-align:middle; }
.scroll-img ul li img {border:2px solid #dddddd;}
.scroll-img ul li p {width:100%; height:50px; line-height:50px; margin-top:-50px; background-color:rgb(0, 0, 0, 0.5); position:relative; text-align:center;}
.scroll-img ul li span {color:#fff; line-height:50px; font-size:20px;}
.scroll-img ul li.last{ display: inline-block;  float:left; vertical-align:middle;}
/*.scroll-img ul li p { text-align:center; }*/
#scrollbox.scroll-img ul { width: 10000px; }
.btn {float:left; width:44px; cursor:pointer; text-align:center; vertical-align:middle; padding-top:155px;  }	

	.factory2 li p {width:100%; height:50px; line-height:50px; margin-top:-50px; background-color:rgb(0, 0, 0, 0.5); position:relative;}
	.factory2 li p span {color:#fff; line-height:50px; font-size:18px; padding-left:25px;}



.contents2{width:100%; height:80px; padding:30px 0; position:relative; background-color:#ededed;}
.contents2_area {width:900px; margin:0 auto;}
.section1_box {width: 440px; height:80px; float: left; margin-right:20px; box-sizing: border-box; border:1px solid #bfbfbf;}
.section1_box .caption {width:100%; height:78px;  position:absolute; z-index:2; background:url(../images/main_btn_bg1.png) left top no-repeat; }
.section1_box .caption span {line-height:78px; font-size:22px; color:#3a3a3a; font-weight:bold; padding-left:220px;}
.section1_box .caption:hover {width:100%; height:78px; position:absolute; z-index:1; background:url(../images/main_btn_bg1_2.png) left top no-repeat; }
.section1_box .boxin {position:relative; height:78px;}
.section1_box .boxin .lineborder {position:absolute;background:#ff0000;z-index:2;-webkit-transition: all 0.2s;transition: all 0.2s;}
.section1_box .boxin .lineborder.line-top {height:10px;width:0;left:0;top:0;}
.section1_box .boxin .lineborder.line-btm {height:10px;width:0;right:0;bottom:0;}
.section1_box .boxin .lineborder.line-left {width:10px;height:0;left:0;bottom:0;}
.section1_box .boxin .lineborder.line-right {width:10px;height:0;right:0;top:0;}

.section1_box2 {width: 440px; height:80px; float: left; box-sizing: border-box; border:1px solid #bfbfbf;}
.section1_box2 .caption {width:100%; height:78px;  position:absolute; z-index:2; background:url(../images/main_btn_bg2.png) left top no-repeat; }
.section1_box2 .caption span {line-height:78px; font-size:22px; color:#3a3a3a; font-weight:bold; padding-left:220px;}
.section1_box2 .caption:hover {width:100%; height:78px; position:absolute; z-index:1; background:url(../images/main_btn_bg2_2.png) left top no-repeat; }
.section1_box2 .boxin {position:relative; height:78px;}
.section1_box2 .boxin .lineborder {position:absolute;background:#00c73c;z-index:2;-webkit-transition: all 0.2s;transition: all 0.2s;}
.section1_box2 .boxin .lineborder.line-top {height:10px;width:0;left:0;top:0;}
.section1_box2 .boxin .lineborder.line-btm {height:10px;width:0;right:0;bottom:0;}
.section1_box2 .boxin .lineborder.line-left {width:10px;height:0;left:0;bottom:0;}
.section1_box2 .boxin .lineborder.line-right {width:10px;height:0;right:0;top:0;}

.contents3{width:100%; height:300px; position:relative;background-color:#f4f4f4; padding:80px 0;}
.contents3_area {width:1200px; height:300px;  margin:0 auto;}
.contents3_left {float:left; width:700px; margin-right:90px;}
.contents3_title {font-size:25px; line-height:25px; padding-bottom:38px; color:#000; width:669px; float:left;}
.contents3_more {width:31px; float:right;}
.contents3_board {width:700px; display:inline-block;}
.contents3_right {float:right; width:410px;}
.contents3_title2 {font-size:25px; line-height:25px; padding-bottom:38px; color:#000; width:410px;}
.online_area {width:410px; height:237px; background:url(../images/online.png) no-repeat #96c11f;}
.online_txt {padding:45px 45px 20px 45px; color:#fff; font-size:20px; line-height:30px;}
.online_btn {position: absolute;
	margin-left:45px;
	font-size:15px;
	text-align:center;
	color:#fff;
    width:115px; height:30px; line-height:30px; background-color:#71a421;
	-ms-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s;
	-o-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s;
	-moz-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s;
	-webkit-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s;
	transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s;
}
.online_btn span {position:relative; z-index:1;}
.online_btn:hover {color:#fff; border-color:rgba(7, 102, 51, 1); background-color:transparent; text-decoration:none;
	-ms-transition:color 0.1s ease, border 0.1s ease;
	-o-transition:color 0.1s ease, border 0.1s ease;
	-moz-transition:color 0.1s ease, border 0.1s ease;
	-webkit-transition:color 0.1s ease, border 0.1s ease;
	transition:color 0.1s ease, border 0.1s ease;
}
.online_btn:before,
.online_btn:after {content:''; position:absolute; top:0; right:0; width:0; height:100%;}
.online_btn:before {background-color:rgba(150, 193, 31, 1); -ms-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); -o-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); -moz-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); -webkit-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);}
.online_btn:after {background-color:rgba(7, 102, 51, 1); -ms-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; -o-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; -moz-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; -webkit-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s;}
.online_btn:hover:before {left:0; right:auto; width:100%;}
.online_btn:hover:after {left:0; right:auto; width:100%;}



#mainVisual{position:relative; width:100%; overflow:hidden;}
#mainVisual .visual-item{position:relative; width:100%; overflow:hidden; margin-top:141px; }
#mainVisual .visual-item > img{
	width:100%;
	height:500px;
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -o-transform: scale(1.2,1.2); /* IE 9 */
    -moz-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
     transform: scale(1.2,1.2);
	-webkit-transition:transform 5000ms  ease-in-out ; /* Safari */
	-moz-transition:transform 5000ms ease-in-out ; /* Safari */
	-o-transition:transform 5000ms ease-in-out ; /* Safari */
	-ms-transition:transform 5000ms ease-in-out ; /* Safari */
    transition:transform 5000ms ease-in-out ;
}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{position:absolute; top:165px; left:18%;  }
#mainVisual .visual-inner-txt h2{ padding-left:22px; padding-bottom:10px;font-size:55px; color:#fff; line-height:55px; display:block;}
#mainVisual .visual-inner-txt h2,#mainVisual .visual-inner-txt h3,#mainVisual .visual-inner-txt  p{
	display:block;
	opacity:0;filter:Alpha(opacity=0);
	-moz-transform:translateX(10%);  
	-ms-transform:translateX(10%);  
	transform:translateX(10%);  
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}

#mainVisual .visual-inner-txt h3{padding:0 0 5px 22px; font-size:35px; color:#095e2b; transition-delay:0.2s; line-height:35px; padding-bottom:20px; font-family: 'DM Serif Display', serif;}
#mainVisual .visual-inner-txt h2 span{font-size:70px; color:#96c11f; line-height:60px; font-family: 'DM Serif Display', serif;}
#mainVisual .visual-inner-txt p{padding-bottom:15px; line-height:24px;  transition-delay:0.6s}
#mainVisual .visual-txt a{width:183px;
	display: inline-block;
    padding: 0 30px;
    border: 2px solid #fff;
    border-radius: 28px;
    background: none;
    position: relative;
	color:#FFF;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    margin-left: 20px;
	background:url(../images/more_arrow.png) 200px center no-repeat;
	opacity:0;filter:Alpha(opacity=0);
	transition:all 0.5s 0.1s;
}
/* active */
#mainVisual .visual-item.active > img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt h3,
#mainVisual .active .visual-inner-txt h2 span,
#mainVisual .active .visual-inner-txt  p
#mainVisual .visual-inner-txt h3{
	-moz-transform:translateX(0);  
	-ms-transform:translateX(0);  
	transform:translateX(0);  
}
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt h3,
#mainVisual .active .visual-txt a{
	opacity:1.0;filter:Alpha(opacity=100);
	
}
#mainVisual .active .visual-inner-txt h2 span{
	opacity:1.0;filter:Alpha(opacity=100); 
}
#mainVisual .active .visual-inner-txt  p{
	opacity:0.54;filter:Alpha(opacity=54);
}

#mainVisual .visual-txt a:hover {
	
	background-color:#074d33;
	border:2px solid;
	 height: 50px;
    line-height: 50px;
}


#mainVisual .slick-arrow{
	position:absolute;top:53%; margin-top:0px;width:42px; height:76px; left:2%; background:none; border:0; cursor:pointer; z-index:99; font-size:0; 
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
#mainVisual .slick-arrow.slick-prev{background:url(../images/arrow_prev.png) no-repeat}
#mainVisual .slick-arrow.slick-next{margin-left:100px; background:url(../images/arrow_next.png) right center no-repeat; left:90%;}
#mainVisual .scroll-icon{position:absolute; bottom:10%; left:50%; width:72px; margin-left:-36px; text-align:center;}
#mainVisual .scroll-icon span{display:block; color:#fff; font-weight:300; font-size:10px; opacity:0.75;filter:Alpha(opacity=75); margin-bottom:10px;}



/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*
#contents_wrap{ width:1100px; margin: 30px auto;}
#contents_wrap ul{overflow:hidden;}
#contents_wrap ul li{width:302px; float:left;}
.contents1{float:left; width:302px;margin-left:71px;}
.contents2{float:left; width:302px; margin:0 27px;}
.conten_img{margin-bottom:20px;}
.contents3{float:left;width:301px;}
h4.content_title{font-size:20px;line-height:20px;color:#6a6a6a;font-weight:600;font-family:NanumSquare;}

h3.main_title{float:left;margin-right:150px;color:#052e78;}
.contents1 div{border-bottom:1px solid #ccc; height:30px; padding:20px 0 5px 0; margin-bottom:20px;}
.contents1 div img{float:rleft; margin:2px 0 0 20px; }*/