@charset "utf-8";

.header{position:absolute; left:0; top:0;}

.mainWrap{position:relative;min-height:680px;height:100%; overflow:hidden;}
.mainStep{display:none; position:fixed;left:50%;top:50%;margin:-50px 0 0 700px; z-index:19;}
.mainStep ul{text-align:left}
.mainStep li{ padding-bottom:60px; background:url('/ko/front/image/main/bg_quick02.png') no-repeat 3px 21px; }
.mainStep li:last-child{padding-bottom:0; background:none;}
.mainStep li a{display:inline-block; position:relative; padding-left:18px;}
.mainStep li a:before{content:""; display:block; width:7px; height:7px; border-radius:50%; background-color:#454545; position:absolute; left:0; top:4px;}
.mainStep li a{ }
.mainStep li a .txt{ color:#454545; font-size:1.4rem; font-weight:bold; }
.mainStep li.on a:before,
.mainStep li a:hover:before{background-color:#ed2024 !important;}
.mainStep li.on a .txt,
.mainStep li a:hover .txt{color:#ed2024 !important;}
.mainStep.step01 li{background:url('/ko/front/image/main/bg_quick.png') no-repeat 3px 21px !important;}
.mainStep.step01 li a:before{background-color:#fff;}
.mainStep.step01 li a .txt{color:#fff;}

/* main secstion */
/*.sectionWrap{position:absolute; left:0; top:0; width:100%;}*/
.section{position:relative;}
.section .sectionCon{padding:160px 10px;}
.section.bg .sectionCon{background-color:#f8f8f8;}
.small .section .sectionCon{height:610px;margin:-305px 0 0 -490px;}

/* title */
.mainTit{text-align:center; margin-bottom:50px; }
.mainTit .tit{display:block; font-size:3.8rem; color:#000;  letter-spacing:-1px; }
.mainTit .tit span{font-weight:normal;}
.mainTit .sub {display:block; padding-top:12px; padding-bottom:25px; position:relative; font-size:2.3rem; color:#075c29; font-weight:normal; font-weight:bold;}
.mainTit .sub:after{content:""; display:block; width:60px; height:2px; background-color:#075c29; position:absolute; left:50%; bottom:0; margin-left:-30px;}
#video {
    position:relative;
    overflow:hidden;
}
#video video {vertical-align:top;}
.base-height{
	position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}
/* content */
.mainVisual {height:100%; position:relative; margin-top:175px;}
.mainVisual .slick-slide > div{height:100%;}
.mainVisual .slider{height:100%; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; }
.mainVisual .slidesItem{position:relative; height:100%;}
.mainVisual .slidesItem .items{position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover !important;}
.mainVisual .slidesItem .items .mImg{display:none; overflow:hidden;}
.mainVisual .slidesItem .items .mImg img{width:100%;}
.mainVisual .slidesItem .items .motionArea{display:block; max-width:1100px; height:100%; margin:0 auto; position:relative; z-index:2;}
.mainVisual .slidesItem .items .motionArea .txBx{position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; padding-left:10px; z-index:2; display:table; table-layout:fixed;}
.mainVisual .slidesItem .items .motionArea .txInner{display:table-cell; vertical-align:middle; }
.mainVisual .slidesItem .items .motionArea .txBx .text02{padding-top:24px;}
.mainVisual .slidesItem .items .motionArea .txBx .viewMore{padding-top:40px;}
.mainVisual .slidesItem .items .motionArea .motion {opacity:0; filter:alpha(opacity=0); display:block; position:relative; top:-40px;}
.mainVisual .slidesItem .items .motionArea .motion.on{opacity:1 !important; filter:alpha(opacity=100) !important; top:0 !important;  left:0 !important;}
.mainVisual .slidesItem .items .motionArea .imgBx {display:block; width:100%; height:100%; text-align:right; display:table; table-layout:fixed;}
.mainVisual .slidesItem .items .motionArea .imgBx .imgInner{display:table-cell; vertical-align:middle;  top:0; left:-200px;}
.mainVisual .slidesItem .items .motionArea .imgBx .motion{left:-30px; top:0;}
.mainVisual .slidesItem .items .motionArea .imgBx .motion img{display:inline-block;}
.mainVisual .slidesItem .items.item01 .motionArea .imgBx .motion img{margin-right:-104px;}
.mainVisual .slidesItem .items.item02 .motionArea .imgBx .motion img{margin-right:-60px;}
.mainVisual .slidesItem .items.item03 .motionArea .imgBx .motion img{margin-right:-117px;}
.mainVisual .slidesItem .items.item04 .motionArea .imgBx .motion img{margin-right:-33px;}

.mainVisual .slidesItem .items .motionArea .motion{
  font-family:NanumGothic,sans-serif;
  -webkit-transition:all 500ms ease-out;
  -moz-transition:all 500ms ease-out;
  -ms-transition:all 500ms ease-out;
  -o-transition:all 500ms ease-out;
  transition:all 500ms ease-out;
}

@media all and (max-width:1100px) {
	.mainVisual .slidesItem .items .motionArea .txBx .text01 img{height:50px;}
	.mainVisual .slidesItem .items .motionArea .txBx .text02 img{height:25px;}

	.mainVisual .slidesItem .items .motionArea .imgBx .motion{height:70%;}
	.mainVisual .slidesItem .items .motionArea .imgBx .motion img{position:absolute; right:0; top:0; height:100%; margin-right:0 !important;}


}


.mainVisual .slick-list {height:100%;}
.mainVisual .slick-list .slick-track {height:100%;}
.mainVisual .slick-dots{position:absolute; left:0; bottom:50px; z-index:12; width:100%; text-align:center; font-siz.erem; line-height:0;}
.mainVisual .slick-dots:after{content:""; display:block; clear:both;}
.mainVisual .slick-dots > li {display:inline-block; vertical-align:top; padding:0 4px; position:relative;}
.mainVisual .slick-dots > li:after { content:""; display:block; width:50%; height:1px; position:absolute; left:0; top:50%;  background-color:#fff;}
.mainVisual .slick-dots > li:before { content:""; display:block; width:50%; height:1px; position:absolute; right:0; top:50%;  background-color:#fff;}

.mainVisual .slick-dots > li:first-child:after{display:none;}
.mainVisual .slick-dots > li:last-child:before{display:none;}


.mainVisual .slick-dots > li button{width:28px; height:28px; border-radius:50%; overflow:hidden; text-indent:-9999px; background-color:transparent; position:relative; z-index:2}
.mainVisual .slick-dots > li button:after{content:""; display:block; width:8px; height:8px; background-color:#fff; border-radius:50%; position:absolute; left:50%; top:50%; margin:-4px 0 0 -4px;}
.mainVisual .slick-dots > li.slick-active button{border:2px solid #9dc900;}
.mainVisual .slick-arrow{position:absolute; top:50%; width:25px; height:50px; margin-top:-25px; overflow:hidden; text-indent:-9999px; z-index:2;}
.mainVisual .slick-arrow.slick-prev{background:url('/ko/front/image/main/btn_prev.png') no-repeat 0 0; left:50%; margin-left:-655px;}
.mainVisual .slick-arrow.slick-next{background:url('/ko/front/image/main/btn_next.png') no-repeat 0 0; right:50%; margin-right:-655px;}


.section00 {position:relative; overflow:hidden;}
.section00 .section00Wrap{overflow:hidden;width:100%;height:100%; box-sizing:border-box; position:relative; }


.section01 {background-color:#fff;}
.section01 .sectionCon > h2{text-align:center;}
.section01 .sectionCon > h2 .titItem{color:#000;}
.section01 .sectionCon .sec01Cont{ max-width:1100px;  margin:0 auto; line-height:1.4;}
.section01 .sectionCon .sec01Cont .countersArea ul:after{content:""; display:block; clear:both;}
.section01 .sectionCon .sec01Cont .countersArea ul li{float:left; width:25%; text-align:center;}
.section01 .sectionCon .sec01Cont .countersArea ul li .icnBx{display:block; text-align:center; height:98px;}
.section01 .sectionCon .sec01Cont .countersArea ul li .icnBx img{height:96px;}
.section01 .sectionCon .sec01Cont .countersArea ul li .datas{display:block; font-size:3.0rem; color:#075c29; padding:23px 0 14px;}
.section01 .sectionCon .sec01Cont .countersArea ul li .txWrap{display:block; padding:0 30px;}
.section01 .sectionCon .sec01Cont .countersArea ul li .txWrap .tit{display:block;font-size:1.7rem; color:#000; font-weight:bold;}
.section01 .sectionCon .sec01Cont .countersArea ul li .txWrap .tx{display:block;font-size:1.5rem; color:#676767; line-height:20px; padding-top:10px;}
.section01 .sectionCon .sec01Cont .countersArea .counters li.item03 .icnBx img{ margin-top:4px; }
.section02 { }
.section02 .sectionCon .sec02Cont{ max-width:1100px; margin:50px auto 0;}
.section02 .sectionCon .sec02Cont .prdList ul{margin-left:-50px; line-height:1.4;}
.section02 .sectionCon .sec02Cont .prdList ul:after{content:""; display:block; clear:both;}
.section02 .sectionCon .sec02Cont .prdList ul li{float:left; width:33.33%; box-sizing:border-box; padding-left:50px;}
.section02 .sectionCon .sec02Cont .prdList ul li .img{display:block;}
.section02 .sectionCon .sec02Cont .prdList ul li .img img{vertical-align:top; width:100%;}
.section02 .sectionCon .sec02Cont .prdList ul li .tit{display:block; font-size:1.7rem; color:#252525; font-weight:bold; padding-top:18px;}
.section02 .sectionCon .sec02Cont .prdList ul li .tx{display:block; font-size:1.4rem; color:#676767; padding-top:10px; letter-spacing:-1px;}
.section02 .sectionCon .sec02Cont .prdList ul li .more{display:inline-block; margin-top:30px; font-size:1.3rem; color:#075c29; border-bottom:1px solid #84a18d;}


@media all and (max-width:1100px) {
	.mainWrap,
	.section {position:static;min-height:auto !important;height:auto !important; overflow:visible !important;}
	.sectionWrap{position:relative; left:auto !important; top:auto !important; width:100%;}
	.section{position:relative;}
	.mainStep{display:none;}
	.sectionCon{position:static !important; margin-top:0 !important; min-height:auto !important;height:auto !important;}
	.section00 .btn_main_down{display:none;}
	.mainVisual .slidesItem .items{position:relative;}
	.section00 .mainVisual .slidesItem .items .pcImg img{position:relative; width:100%;}
	#video{height:auto !important; width:100% !important;}
	#video_bg{height:auto !important; width:100% !important; display:block;}
	.mainVisual .slidesItem .items .text img{top:60px; left:10px; height:200px;}
	.mainVisual .slick-arrow{display:none !important;}
	.mainVisual .slickDotsWrap{margin-left:0; left:10px; top:25px;}

	.section02 .sectionCon .sec02Cont .prdList ul{margin-left:-20px;}
	.section02 .sectionCon .sec02Cont .prdList ul li{padding-left:20px;}
	
}


@media all and (max-width:737px) {
	.section .sectionCon{padding:45px 10px;}
	.mainTit{text-align:center; margin-bottom:30px; }
	.mainTit .tit{/*font-size:2.5rem;*/}
	.mainTit .sub {padding-bottom:15px; /*font-size:1.6rem;*/}
	.mainTit .sub:after{content:""; display:block; width:38px; margin-left:-19px;}
	
	.mainVisual{margin-top:0; background:none !important;}
	.mainVisual .slider{position:static;}
	.section .sectionCon{padding-bottom:50px;}
	.mainVisual {padding-top:74px;}
	.mainVisual .slidesItem .items .text{display:none;}
	.mainVisual .slidesItem .items .motionArea{display:none;}
	.mainVisual .slidesItem .items .mImg{display:block;}
	.section01 .sectionCon .sec01Cont .countersArea ul li .icnBx{height:47px;}
	.section01 .sectionCon .sec01Cont .countersArea ul li .icnBx img{height:47px;}
	.section01 .sectionCon .sec01Cont .countersArea ul li{width:50%; margin-top:50px;}
	.section01 .sectionCon .sec01Cont .countersArea ul li:nth-child(1){margin-top:0;}
	.section01 .sectionCon .sec01Cont .countersArea ul li:nth-child(2){margin-top:0;}
	.section01 .sectionCon .sec01Cont .countersArea ul li br{display:none;}
	.section01 .sectionCon .sec01Cont .countersArea ul li .datas{/*font-size:2.0rem;*/ color:#075c29; padding:12px 0 8px;}
	.section01 .sectionCon .sec01Cont .countersArea ul li .txWrap{padding:0 10px;}
	.section01 .sectionCon .sec01Cont .countersArea ul li .txWrap .tit{display:block;/*font-size:1.6rem;*/ color:#000; font-weight:bold;}
	.section01 .sectionCon .sec01Cont .countersArea ul li .txWrap .tx{display:block;/*font-size:1.3rem; */color:#676767; line-height:16px; padding-top:8px;}

	.section02 .sectionCon .sec02Cont .prdList ul{margin-left:0;}
	.section02 .sectionCon .sec02Cont .prdList ul li{padding-left:0; width:100%; margin-top:30px;}
	.section02 .sectionCon .sec02Cont .prdList ul li:first-child{margin-top:0;}

	.section02 .sectionCon .sec02Cont .prdList ul li .tit{/* font-size:1.4rem;*/ padding-top:13px;}
	.section02 .sectionCon .sec02Cont .prdList ul li .tx{/*font-size:1.2rem;*/ padding-top:5px; letter-spacing:0;}
	.section02 .sectionCon .sec02Cont .prdList ul li .more{display:inline-block; margin-top:10px; /*font-size:1.2rem;*/}

}