@charset "euc-kr";


/* ******************  ¸ÞÀÎ ºñÁÖ¾ó ********************** */
/* html{overflow-x: hidden;} */
#mainVisual{overflow:hidden; width:100%; height:500px; position:relative; background-color: #000;}	/* ºñÁÖ¾ó³ôÀÌ°ª ÀÌ¹ÌÁö¿¡¸Â°Ô ¼öÁ¤ */
#mainVisual.full-height{height:1030px;}
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* ¸ÞÀÎ ºñÁÖ¾ó :: ÀÌ¹ÌÁö */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	position: absolute;left: 0;top: 0;
	width:100%;
	height:100%;
	-webkit-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
	-moz-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
	-ms-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
	-o-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
	transition: transform 2s ease-in-out, opacity 2s ease-in-out;	
    transform: scale(1.2) rotate(0.003deg);
    opacity: 0.4;
}
.main-visual-item .main-visual-m-img{display:none;}

/* ¸ÞÀÎ ºñÁÖ¾ó :: ÅØ½ºÆ® */
.main-visual-item .main-visual-txt-con{position:absolute; top:50%; margin-top: -60px; left:0px; width:100%; z-index: 1; text-align: center;} /* margin-topÀº Á¶Á¤ (ÅØ½ºÆ®¿µ¿ª ³ôÀÌÀÇ ¹Ý) */
.main-visual-item .main-visual-txt-con .main-visual-txt-inner{position: relative; -ms-word-break: keep-all; word-break: keep-all;}
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(50px); 
    -o-transform: translateY(50px); 
    -moz-transform: translateY(50px);
    -webkit-transform: translateY(50px); 
     transform: translateY(50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:60px; line-height: 70px; color:#fff; font-weight: 600; margin-bottom: 50px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:22px; line-height: 1.2; color:rgba(255,255,255,0.7); font-weight: 300; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 .m-br{display: none;}

/*sub*/
.main-visual-item .main-visual-txt-con .main-visual-txt3,
.main-visual-item .main-visual-txt-con .main-visual-txt4{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(50px); 
    -o-transform: translateY(50px); 
    -moz-transform: translateY(50px);
    -webkit-transform: translateY(50px); 
     transform: translateY(50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:60px; line-height: 60px; color:#fff; font-weight: 600; margin-bottom: 20px;padding-top:5px;}
.main-visual-item .main-visual-txt-con .main-visual-txt4{font-size:22px; line-height: 1.2; color:rgba(255,255,255,0.7); font-weight: 300; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}

/**/
/* ¸ÞÀÎ ºñÁÖ¾ó :: activeÈ¿°ú */
.main-visual-item.active-item .main-visual-pc-img, .main-visual-item.active-item .main-visual-m-img{
	-ms-transform: scale(1) rotate(0.003deg);
	-o-transform: scale(1) rotate(0.003deg);
	-moz-transform: scale(1) rotate(0.003deg);
	-webkit-transform: scale(1) rotate(0.003deg);
	transform: scale(1) rotate(0.003deg);
    opacity: 1;
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-txt4,
.main-visual-item.active-item .main-visual-more-btn{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
    transform: translateX(0px);
}

/* ¸ÞÀÎ ºñÁÖ¾ó :: ¹öÆ° */
.main-visual-con .slick-dots{position:absolute; width:100%; text-align:center; bottom:6%;}
.main-visual-con .slick-dots li{display:inline-block; margin:0 5px;}
.main-visual-con .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:8px; height:8px; background-color:rgba(255,255,255,0.7); 
	-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}
.main-visual-con .slick-dots li.slick-active button{width: 28px; background-color:#0c1015;}		/* ¹öÆ° active */


/* ******************  ¸ÞÀÎ ºñÁÖ¾ó :: È¿°ú ********************** */
.plus-icon-m{display: none !important;}
/* ¸ÞÀÎ ºñÁÖ¾ó ¿À¹ö½Ã ÀÌ¹ÌÁö */
.main-visual-item .main-visual-over-bx > div {opacity:0;filter:Alpha(opacity=0); -webkit-transition: all 0.3s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
.main-visual-item.active-item .main-visual-over-bx > div {opacity:1;filter:Alpha(opacity=100);}

.main-visual-item.active-item .main-visual-over-bx > div:first-child {-webkit-transition-delay: 1.3s;
-moz-transition-delay: 1.3s;
-ms-transition-delay: 1.3s;
-o-transition-delay: 1.3s;
transition-delay: 1.3s;}
.main-visual-item.active-item .main-visual-over-bx > div:nth-child(2) {-webkit-transition-delay: 2s;
-moz-transition-delay: 2s;
-ms-transition-delay: 2s;
-o-transition-delay: 2s;
transition-delay: 2s;}
.main-visual-item.active-item .main-visual-over-bx > div:nth-child(3) {-webkit-transition-delay: 2.5s;
-moz-transition-delay: 2.5s;
-ms-transition-delay: 2.5s;
-o-transition-delay: 2.5s;
transition-delay: 2.5s;}
.main-visual-item.active-item .main-visual-over-bx > div:nth-child(4) {-webkit-transition-delay: 3s;
-moz-transition-delay: 3s;
-ms-transition-delay: 3s;
-o-transition-delay: 3s;
transition-delay: 3s;}
.main-visual-item.active-item .main-visual-over-bx > div:nth-child(5) {-webkit-transition-delay: 3.5s;
-moz-transition-delay: 3.5s;
-ms-transition-delay: 3.5s;
-o-transition-delay: 3.5s;
transition-delay: 3.5s;}
.main-visual-item.active-item .main-visual-over-bx > div:nth-child(6) {-webkit-transition-delay: 4s;
-moz-transition-delay: 4s;
-ms-transition-delay: 4s;
-o-transition-delay: 4s;
transition-delay: 4s;}
.main-visual-item.active-item .main-visual-over-bx > div:nth-child(7) {-webkit-transition-delay: 4.5s;
-moz-transition-delay: 4.5s;
-ms-transition-delay: 4.5s;
-o-transition-delay: 4.5s;
transition-delay: 4.5s;}


.main-visual-over-bx {position:absolute; width:100%; height:100%; left:0; top:0;}
.main-visual-over-bx > div{position:absolute; /* z-index:999; */}


/* ¸ÞÀÎ ºñÁÖ¾ó01 :: circle °¢°¢ À§Ä¡ */
.main-visual-01 .v-list01{top: 50%; left: 50%; margin-top: 150px; margin-left: -305px;}
.main-visual-01 .v-list02{top: 50%; left: 50%; margin-top: 195px; margin-left: -235px;}
.main-visual-01 .v-list03{top: 50%; right: 50%; margin-top: 155px; margin-left: -95px;}
.main-visual-01 .v-list04{top: 50%; right: 50%; margin-top: 195px; margin-right: -140px;}
.main-visual-01 .v-list05{top: 50%; right: 50%; margin-top: 195px; margin-right: -280px;}
/* ¸ÞÀÎ ºñÁÖ¾ó02:: circle °¢°¢ À§Ä¡ */
.main-visual-02 .v-list01{top: 50%; left: 50%; margin-top: 150px; margin-left: -305px;}
.main-visual-02 .v-list02{top: 50%; left: 50%; margin-top: 195px; margin-left: -235px;}
.main-visual-02 .v-list03{top: 50%; right: 50%; margin-top: 155px; margin-left: -95px;}
.main-visual-02 .v-list04{top: 50%; right: 50%; margin-top: 195px; margin-right: -140px;}
.main-visual-02 .v-list05{top: 50%; right: 50%; margin-top: 195px; margin-right: -280px;}



/* ¾Ö´Ï¸ÞÀÌ¼Ç ¿µ¿ª±¸ºÐ */
.circle-animation{height:80px; width:80px; margin:0px auto;}
.circle-animation:after{
	position:absolute; left:50%; bottom:50%;
	-moz-transition:height 0.5s, opacity 1.0s;
	-ms-transition:height 0.5s, opacity 1.0s;
	-webkit-transition:height 0.5s, opacity 1.0s;
	-o-transition:height 0.5s, opacity 1.0s;
	transition:height 0.5s, opacity 1.0s;
}
.circle-animation > .list-box{display:block; position:relative; width:100%; height:100%;
	opacity:0;filter:Alpha(opacity=0);
	-moz-transition:all 0.5s, opacity 1.0s;
	-ms-transition:all 0.5s, opacity 1.0s;
	-webkit-transition:all 0.5s, opacity 1.0s;
	-o-transition:all 0.5s, opacity 1.0s;
	transition:all 0.5s, opacity 1.0s;
	line-height: 80px; text-align:center;
}

/* circle ¾Ö´Ï¸ÞÀÌ¼Ç css */
.ball-scale-multiple {position: relative; opacity:0;filter:Alpha(opacity=0);
	-moz-transition:all 0.7s, opacity 1.0s;
	-ms-transition:all 0.7s, opacity 1.0s;
	-webkit-transition:all 0.7s, opacity 1.0s;
	-o-transition:all 0.7s, opacity 1.0s;
	transition:all 0.7s, opacity 1.0s;
}
.ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s; 
}
.ball-scale-multiple > div {
    border-radius: 100%;
    position: absolute;
    top: -3px;
	left:-3px;
    opacity: 0;
    margin: 0;
    width: 74px;
    height: 74px;
	border:3px solid #1a978e;
	background-color: #1a978e;
    -webkit-animation: ball-scale-multiple 3s 0s linear infinite;
    animation: ball-scale-multiple 3s 0s linear infinite;
}

@keyframes ball-scale-multiple {
	0% {
		-webkit-transform: scale(0.33);
        transform: scale(0.33);
		opacity: 0.3; 
	}
	5% {
		opacity: 0.8; 
	}
	100% {
		-webkit-transform: scale(1);
        transform: scale(1);
		opacity: 0; 
	}  
}

@-webkit-keyframes ball-scale-multiple {
	0% {
		-webkit-transform: scale(0.33);
        transform: scale(0.33);
		opacity: 0.3; 
	}
	5% {
		opacity: 0.8; 
	}
	100% {
		-webkit-transform: scale(1);
        transform: scale(1);
		opacity: 0; 
	}  
}

/* °íÁ¤ circle css */
.list-txt-thum{width:100%; height:100%; text-align:center; z-index:2; display:table;}

.circle-animation{width:80px; height:80px;}
.ball-scale-multiple > div{width:80px; height:80px;}

/* °íÁ¤ circle :: Áß¾Ó circle º¸´õ */
.list-txt-thum{position: absolute; top: 50%; margin-top: -16px; left: 50%; margin-left: -16px; display:block; line-height:32px; width:32px; height:32px; border-radius:50%; background-color: #1a978e;}
/* °íÁ¤ circle :: Áß¾Ó dot */
.list-txt-thum i {font-size: 20px; color: #fff; text-align: center; line-height: 32px;}



/* hoverÀü ÀÌ¹ÌÁö */
.list-bg{position:absolute; top:0; margin-top: -90.5px; left:50%; z-index:11; margin-left:-90.5px; visibility:hidden; opacity:0;filter:Alpha(opacity=0); width:181px; height:181px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -webkit-transform: scale(0.33); -moz-transform: scale(0.33); -ms-transform: scale(0.33); -o-transform: scale(0.33); transform: scale(0.33);}
.list-bg:before, .list-bg:after{position: absolute; top: 50%; left: 50%; display: block; content: ''; width: 100%; height: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.list-bg:before{margin-left: -104.5px; margin-top: -104.5px; border: 14px solid rgba(26,151,142,0.5);}
.list-bg:after{margin-left: -98.5px; margin-top: -98.5px; border: 8px solid rgba(26,151,142,0.5);}
.list-bg img{width:100%; height:100%;}


/* hoverÈÄ ÀÌ¹ÌÁö */
.list-box.hover .list-bg{opacity:1.0;filter:Alpha(opacity=100); visibility:visible; transform:scale(1);}
@media all and (min-width:800px){
	.list-box:hover .list-bg{opacity:1.0;filter:Alpha(opacity=100); visibility:visible; transform:scale(1);} 
}
/* dot¹× ÀÌ¹ÌÁö opacity */
.main-visual-item .ball-scale-multiple,
.main-visual-item .circle-animation > .list-box{opacity:1.0;filter:Alpha(opacity=100);}



/* ******************  ¸ÞÀÎÄÁÅÙÃ÷ :: rightBar ********************* */
#fp-nav.right.right {opacity: 1; right:3%; -webkit-transition: right 0.3s, opacity 1s; -moz-transition: right 0.3s, opacity 1s; -ms-transition: right 0.3s, opacity 1s; -o-transition: right 0.3s, opacity 1s; transition: right 0.3s, opacity 1s;}
#fp-nav.right.right ul li, .fp-slidesNav ul li{width:42px; height:25px; margin:25px 0px;}
#fp-nav.right.right ul li:last-child, .fp-slidesNav ul li:last-child{display: none !important;}
#fp-nav.right ul li a, .fp-slidesNav ul li a {position: relative; display:block; width:25px; height: 25px; float:right;}
#fp-nav.right ul li a:before, .fp-slidesNav ul li a:before{position: absolute; top: 0; left: 0; display: block; content: ''; width:25px; height: 25px; border:1px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
#fp-nav.right ul li a.active:before, .fp-slidesNav ul li a.active:before{
	border-color: #fff;
	-webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite;
}
#fp-nav.right ul li a span, .fp-slidesNav ul li a span{background-color:#fff;}
#fp-nav.right ul li .fp-tooltip.right{top:0px; right:40px;}
#fp-nav.right ul li .fp-tooltip{width:70px; height:24px; font-weight: 400; line-height:24px; font-size:12px; text-align:right; color: rgba(255,255,255,0.5);	
	-webkit-transition: width .3s ease 0s;
	transition: width .3s ease 0s;
}
#fp-nav.right ul li a.active .fp-tooltip{color: #fff;}
#fp-nav.right ul li .fp-tooltip span{
	opacity:1;filter:Alpha(opacity=100);
	-webkit-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s;
}
#fp-nav.right ul li a.active, .fp-slidesNav ul li a.active{border-color:#fff;}
#fp-nav.right ul li:hover .fp-tooltip,
#fp-nav.right a.active + .fp-tooltip {
    width: 70px;
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transition: width .7s ease 0s;
	transition: width .7s ease 0s;
}
#fp-nav.right ul li:hover .fp-tooltip span,
#fp-nav.right a.active + .fp-tooltip span{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transition: opacity .7s ease 0s;
	transition: opacity .7s ease 0s;
}

/* header black ver 
#fp-nav.black.right ul li .fp-tooltip{color: rgba(74,74,74,0.5);}
#fp-nav.black.right ul li a span, #fp-nav.black .fp-slidesNav ul li a span{background-color:#454545;}
#fp-nav.black.right ul li a.active, #fp-nav.black fp-slidesNav ul li a.active {border-color: rgba(0,0,0,0.5);}
#fp-nav.black.right ul li a.active:before, #fp-nav.black .fp-slidesNav ul li a.active:before {border-color: #000;}
*/

@media all and ( max-width: 1320px ){
	#fp-nav {display: none !important;}
}

/* ******************  ¸ÞÀÎ ÄÁÅÙÃ÷ ********************** */
/* °øÅë»çÇ× */
.main-sec-con-bg-wrapper{position:absolute; top:0px; left:0px; width: 100%; height: 100%; overflow: hidden;}
.main-sec-con-bg{position:absolute; top:0px; left:0px; width: 100%; height: 100%; -webkit-background-size: cover !important; background-size: cover !important;
	-ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1); 
    -moz-transform: scale(1.1,1.1); 
    -webkit-transform: scale(1.1,1.1); 
     transform: scale(1.1,1.1);
	-webkit-transition:transform 2000ms  ease-in-out ;
	-moz-transition:transform 2000ms ease-in-out ;
	-o-transition:transform 2000ms ease-in-out ;
	-ms-transition:transform 2000ms ease-in-out ;
    transition:transform 2000ms ease-in-out ;}

.main-tit-con{margin-top: 50px; color: #fff; text-align: center;}
.main-tit-con .inner{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(50px); 
    -o-transform: translateY(50px); 
    -moz-transform: translateY(50px);
    -webkit-transform: translateY(50px); 
    transform: translateY(50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.main-tit-con .tit{font-size: 60px; font-weight: 700;}
.main-tit-con .txt{margin-top: 30px; font-size: 22px; font-weight: 300; letter-spacing: -0.5px; opacity: 0.7;line-height:30px;}


.view-more {
	 position:relative;
	 margin-top: 20px; 
	 display:inline-block;
	 width:180px;
	 height:50px;
	 line-height:50px;
	 color:#878787;
	 border:1px solid #c9c9c9;
	 text-transform:uppercase;
	 text-align:center;
	 text-decoration:none;
	  }
.view-more:after {
	 position:absolute;
	 top:0;
	 display:block;
	 content:"";
	 width:100%;
	 height:1px;
	 background-color:#8a8a8a;
	 transform:scale3d(0,1,1);
	 transform-origin:left;
	 transition:transform .5s;
}
.view-more:hover:after {
	 transform:scale3d(1,1,1);
}


@media all and ( min-width: 800px ){
	.view-more:hover:before{height: 58px;}
	.view-more:hover span{color: #0a090a;}
}



/* ****************** ¸ÞÀÎ ÄÁÅÙÃ÷ :: 02 ********************** */
#mainSection02{height: 100%;}
.main-sec-con02{width: 100%; height: 100%;}

/* bg */
.main-sec-con02-bg{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 0; overflow: hidden; -webkit-transition: height 1.5s; -moz-transition: height 1.5s; -ms-transition: height 1.5s; -o-transition: height 1.5s; transition: height 1.5s;}
.main-sec-con02-bg img{position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 970px;}
#mainSection02.active-start .main-sec-con02-bg{height: 100%;}

.main-prd-con{margin-top: 50px; position: absolute; width: 100%; height: calc(100% - 50px); left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center;}

/* Á¦Ç° ¼³¸í */
.prd-ori-txt{margin-top: 50px; width:460px; height: calc(100% - 50px); text-align: left;
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(100px); 
    -o-transform: translateY(100px); 
    -moz-transform: translateY(100px);
    -webkit-transform: translateY(100px); 
    transform: translateY(100px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
	}

#mainSection02.active-start .prd-ori-txt{
	transition-delay:0.5s;
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
    transform: translateX(0px);
}
ul.prd-ori-txt-list{width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
ul.prd-ori-txt-list li{-ms-word-break: keep-all; word-break: keep-all;}
ul.prd-ori-txt-list li .tit{margin-bottom: 40px; font-size: 60px; font-weight: 700; color: #0c1015;}
ul.prd-ori-txt-list li .info{margin-bottom: 50px; font-size: 20px; font-weight: 300; line-height: 32px; color: #585858; letter-spacing: -0.5px; width:100%; height:94px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.view-more.black{margin-top: 0; border-color: #040f16; color: #484848;}
.view-more.black:before{background-color:#040f16;}

@media all and ( min-width: 800px ){
	.view-more.black:hover span{color: #fff;}
}

ul.prd-ori-txt-list .slick-dots{position: absolute; top: -75px; left: 0;}
ul.prd-ori-txt-list .slick-dots li{margin: 0 5px; display: inline-block;}
ul.prd-ori-txt-list .slick-dots li:first-child{margin-left: 0;}
ul.prd-ori-txt-list .slick-dots li button{font-size: 0; border: 0; width: 8px; height: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #b3b7b9; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
ul.prd-ori-txt-list .slick-dots li.slick-active button{width: 26px; background-color: #0c1015;}

/* Á¦Ç° ÀÌ¹ÌÁö */
.prd-ori-img
	{width: 700px; height: 500px; position: absolute; left: 60%; top: 44.3%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);border:10px solid #1a61cd;
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:opacity 1.0s;
	-moz-transition:opacity 1.0s;
	-o-transition:opacity 1.0s;
	-ms-transition:opacity 1.0s;
	transition:opacity 1.0s
	}
.prd-ori-img img{width: 700px; height: 500px; }

#mainSection02.active-start .prd-ori-img{
	transition-delay:0.9s;
	opacity:1.0;filter:Alpha(opacity=100);
}
ul.prd-ori-img-list{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
ul.prd-ori-img-list li{float: left; width: 100%; height: 100%;}
ul.prd-ori-img-list li span{display: block; position: relative; width: 100%; height: 0; padding-top: 100%;}
ul.prd-ori-img-list li span img{position: absolute; top: 0; left: 0; max-height: 100%; max-width: 100%; width: 100%; /*height: 100%;*/}

/* dot */
ul.prd-ori-img-list .slick-dots{position: absolute; right: -440px; top: 50%; margin-top: -240px; width: 85px; height: 480px;
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateY(-100px); 
    -o-transform: translateY(-100px); 
    -moz-transform: translateY(-100px);
    -webkit-transform: translateY(-100px); 
    transform: translateY(-100px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;display:none ! important
}
#mainSection02.active-start .prd-ori-img-list .slick-dots{
	transition-delay:1.0s;
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
    transform: translateX(0px);
}
ul.prd-ori-img-list .slick-dots li{width: 100%; margin: 6px 0; height: auto;}
ul.prd-ori-img-list .slick-dots li a{position: relative; display: block; width: 100%; height: 0; padding-top: 100%; background-color: #fff; cursor: pointer;}
ul.prd-ori-img-list .slick-dots li a:before{position: absolute; top: 0; left: 0; display: block; content: ''; width: calc(100% - 6px); height: calc(100% - 6px); border: 3px solid transparent;}
ul.prd-ori-img-list .slick-dots li.slick-active a:after{position: absolute; top: 50%; margin-top: -10.5px; left: -18px; display: block; content: ''; width: 18px; height: 21px; background: url("/nimg/common/icon_tri.png") 0 0 no-repeat;}
ul.prd-ori-img-list .slick-dots li.slick-active a:before{border-color: #0c1015;}
ul.prd-ori-img-list .slick-dots li a img{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 80%; max-height: 80%; width: 100%; height: 100%;}



/* ****************** ¸ÞÀÎ ÄÁÅÙÃ÷ :: 03 ********************** */
#mainSection03{height: 100%;}
#mainSection03.active-start .main-sec-con-bg{
	-ms-transform: scale(1.0,1.0) rotate(0.002deg);
    -o-transform: scale(1.0,1.0) rotate(0.002deg);
    -moz-transform: scale(1.0,1.0) rotate(0.002deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
    transform: scale(1.0,1.0) rotate(0.002deg);
}
#mainSection03.active-start .main-tit-con .inner{
	transition-delay:0.7s;
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
    transform: translateX(0px);
}

.view-more2 {
	 position:relative;
	 margin-top: 70px; 
	 display:inline-block;
	 width:180px;
	 height:50px;
	 line-height:50px;
	 color:#7e8085;
	 border:1px solid #7e8085;
	 text-transform:uppercase;
	 text-align:center;
	 text-decoration:none;
	  }
.view-more2:after {
	 position:absolute;
	 top:0;
	 display:block;
	 content:"";
	 width:100%;
	 height:1px;
	 background-color:#fff;
	 transform:scale3d(0,1,1);
	 transform-origin:left;
	 transition:transform .5s;
}
.view-more2:hover:after {
	 transform:scale3d(1,1,1);
}

/* ****************** ¸ÞÀÎ ÄÁÅÙÃ÷ :: 04 ********************** */
#mainSection04{height: 100%;}
#mainSection04.active-start .main-sec-con-bg{
	-ms-transform: scale(1.0,1.0) rotate(0.002deg);
    -o-transform: scale(1.0,1.0) rotate(0.002deg);
    -moz-transform: scale(1.0,1.0) rotate(0.002deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
    transform: scale(1.0,1.0) rotate(0.002deg);
}
#mainSection04.active-start .main-tit-con .inner{
	transition-delay:0.7s;
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
    transform: translateX(0px);
}

.main_company{width:100%;margin:25px auto;text-align:center}
.main_company dl{display:inline-block;width:31%;margin:25px 0.8%;border:1px solid #8894b8;height:240px;}
.main_company dt{width:100%;padding:50px 0 0 0;color:#b3b6c3;font-size:23px;line-height:50px;}
.main_company dd{width:70%;padding:0px 15%;color:#9495a4;}

.actionBtn16 {
	 display: inline-block;
	 padding: 40px 0px;
	 margin: 0px auto;
	
	 text-transform: uppercase;
	 text-decoration: none;
	 color:#9495a4;
	 width:100%;
}
.actionBtn16 .bd-box{
	 position: relative;
	 display: block;
	 overflow: hidden;
	 padding-bottom: 2px;
	 margin-bottom: -1px;
	 line-height:80px;
}
.actionBtn16 .bd-box:before, .actionBtn16 .bd-box:after {
	 content: '';
	 display: block;
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 1px;
	 background: #9495a4;
	 transform: scaleX(0);
	 -webkit-transform: scaleX(0);
	 -moz-transform: scaleX(0);
}
.actionBtn16 .bd-box:before {
	 transform: scaleX(1);
	 -webkit-transform: scaleX(1);
	 -moz-transform: scaleX(1);
	 -ms-transform: scaleX(1);
}
.actionBtn16 .bd-box:hover:before {
	 transform: scaleX(0);
	 -webkit-transform: scaleX(0);
	 -moz-transform: scaleX(0);
	 -ms-transform: scaleX(0);
	 transform-origin: 100% 0;
	 -webkit-transform-origin: 100% 0;
	 -moz-transform-origin: 100% 0;
	 -ms-transform-origin: 100% 0;
	 transition: transform .3s ease-out;
	 -webkit-transition: transform .3s ease-out;
	 -moz-transition: transform .3s ease-out;
}
.actionBtn16 .bd-box:hover:after {
	  transform: scaleX(1);
	 -webkit-transform: scaleX(1);
	 -moz-transform: scaleX(1);
	 transform-origin: 0 0;
	 -webkit-transform-origin: 0 0;
	 -moz-transform-origin: 0 0;
	 transition: transform .3s ease-out .35s;
	 -webkit-transition: transform .3s ease-out .35s;
	 -moz-transition: transform .3s ease-out .35s;
}


/* ****************** ¸ÞÀÎ ÄÁÅÙÃ÷ :: 05 ********************** */
#mainSection05{height: 100%;}
#mainSection05.active-start .main-sec-con-bg{
	-ms-transform: scale(1.0,1.0) rotate(0.002deg);
    -o-transform: scale(1.0,1.0) rotate(0.002deg);
    -moz-transform: scale(1.0,1.0) rotate(0.002deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
    transform: scale(1.0,1.0) rotate(0.002deg);
}
#mainSection05.active-start .main-tit-con .inner{
	transition-delay:0.7s;
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
    transform: translateX(0px);
}

.customer{width:100%;margin:10px auto;text-align:center;color:#fff}
.cusr_l{float:left;width:45%;text-align:left;}
.cusr_r{float:right;width:45%}

.cus_titbox{margin:0 0 25px 0;width:100%;float:left}
.cus_tit_line{background:#fff;width:60px;height:1px;margin-top:15px;float:left}
.cus_tit{color:#b5b5b5;font-size:23px;text-align:left;padding-left:10px;float:left;}

.cusr_l dl{float:left;width:100%;text-align:left;border-bottom:1px solid #565656;padding:30px 0 30px 2px}
.cusr_l dt{float:left;width:100%;text-align:left;color:#fff;font-size:25px;letter-spacing:-0.05em;text-overflow:ellipsis;-webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}
.cusr_l dd{float:left;width:100%;text-align:left;color:#b7b7b7;font-size:12px;padding-top:15px;}

.cusr_r dl{display:inline-block;border:1px solid #565656;padding:20px 0;text-align:center;width:47%;height:255px;margin:30px 0.9% 0 0.9%}
.cusr_r dt{text-align:center;width:100%;padding:10px 0}
.cusr_r dt img{text-align:center;width:94px;height:78px;padding-top:10px;padding-bottom:8px;}
.cusr_r dt p{background:#b5b5b5;height:2px;width:30px;margin:10px auto}
.cusr_r dd{text-align:center;width:100%;padding:10px 0;color:#fff;font-size:27px;}
.cusr_r .cusr_r_txt{color:#6d6d6d;font-size:15px;line-height:20px ! important;padding-top:10px;}


/* ¼¼·Î°¡ 680 º¸´Ù ³·¾ÆÁú °æ¿ì */
@media all and ( max-height: 680px )and ( min-width: 801px ) {
	.section, .fp-tableCell{height: 930px !important;}

	.main-sec-con02-bg img {height: 930px;}
}


/* ******************* ¸ÞÀÎºñÁÖ¾ó ¼öÁ¤ css******************* */
.main-video-con{width: 100%; height: 100%; background-color: #000; overflow: hidden;}

.background-video-wrapper{position:relative; overflow:hidden; height:100%; width:100%;}
.background-video{position:absolute; top:0; left:0px; width:100%; height:100%; transform:scale(1.01)}
.background-video:after{position:absolute; top:0px; left:0px; right:0px; bottom:0px; content:""; background-color:#000; z-index:111;}
.background-video.start:after{opacity:0;filter:Alpha(opacity=0); -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s; }

@media all and ( min-width: 801px ) {
	.background-video iframe{
		width: 100vw;
		height: 56.25vw; /
		min-height: 100vh;
		min-width: 177.77vh; 
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		pointer-events:none;
	}
}

.background-video-alternative{display:none; position:absolute; top:0; left:0px; width:100%; height:100%; background-size:cover !important;}
/* ¸ÞÀÎ ºñÁÖ¾ó :: ÅØ½ºÆ® */
.background-video-alternative .main-visual-txt-con{position:absolute; top:50%; margin-top: -230px; left:0px; width:100%; z-index: 1; text-align: center;} 
.background-video-alternative .main-visual-txt-con .main-visual-txt-inner{position: relative; -ms-word-break: keep-all; word-break: keep-all;}
.background-video-alternative .main-visual-txt-con .main-visual-txt1{font-size:60px; line-height: 70px; color:#fff; font-weight: 600; margin-bottom: 20px;}
.background-video-alternative .main-visual-txt-con .main-visual-txt2{font-size:22px; line-height: 1.2; color:rgba(255,255,255,0.7); font-weight: 300;}

@media all and ( max-width: 1220px ) {
	.background-video-alternative .main-visual-txt-con .main-visual-txt1{font-size:52px; line-height: 1.1;}
	.background-video-alternative .main-visual-txt-con .main-visual-txt2{font-size:20px; line-height: 1.2;}
}
@media all and ( max-width: 1024px ) {
	.background-video-alternative .main-visual-txt-con .main-visual-txt1{font-size:48px;}
	.background-video-alternative .main-visual-txt-con .main-visual-txt2{font-size:18px;}
}
@media all and ( max-width: 1620px ){
	.background-video-alternative .main-visual-txt-con .main-visual-txt-inner{width: calc(100% - 30px);}
}
@media all and ( max-width: 800px ){
	
	.background-video-alternative .main-visual-txt-con{margin-top:-118px}
	.background-video-alternative .main-visual-txt-con .main-visual-txt1{font-size:19px; line-height: 24px; margin-bottom:10px}
	.background-video-alternative .main-visual-txt-con .main-visual-txt2{font-size:14px; line-height: 19px; margin-bottom:0;}
	.background-video-alternative .main-visual-txt-con .main-visual-txt2 .m-br{display: block;}
}

@media all and ( min-width: 801px ){
	#mainVisualVideo {position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
}


/*********************************************************************************
**********************************************************************************/

@media all and ( max-width: 1024px ) {
	/* .section, .fp-tableCell{height: auto !important;} */
	/* .section:not(#mainVisualNew), .section:not(#mainVisualNew) .fp-tableCell{height: auto !important;}
	#mainVisualNew, #mainVisualNew .fp-tableCell{display: block;} */
	.section:not(#mainVisualTest), .section:not(#mainVisualTest) .fp-tableCell{height: auto !important;}
	#header{display: block !important;}
}
/* ******************  ¸ÞÀÎ ºñÁÖ¾ó ********************** */
@media all and ( max-width: 1220px ) {
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:52px; line-height: 1.1;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:20px; line-height: 1.2;}
}
@media all and ( max-width: 1024px ) {
	#mainVisual{height: 930px;}
	.main-visual-con{width: 100%; height: 930px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:48px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:18px;}
}
@media all and ( max-width: 1620px ){
	.main-visual-item .main-visual-txt-con .main-visual-txt-inner{width: calc(100% - 30px);}
}
@media all and ( max-width: 800px ){
	#mainVisual{height: auto;}
	/* .main-video-con{width: 100%; height: 100vh;} */
	.main-visual-con{width: 100%; height: auto;}
	/* ¸ÞÀÎ ºñÁÖ¾ó :: ÀÌ¹ÌÁö */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	.main-visual-m-img img{width:100%;}
	/* ¸ÞÀÎ ºñÁÖ¾ó :: ÅØ½ºÆ® */
	.main-visual-item .main-visual-txt-con{margin-top:-118px}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:19px; line-height: 24px; margin-bottom:10px}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:14px; line-height: 19px; margin-bottom:0;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 .m-br{display: block;}
	
	.main-scroll-simbol{}
	.circle-animation{width: 20px; height: 20px;}
	.circle-animation .plus-icon-m{display: block !important; width: 20px; height: 20px;}
	.circle-animation .loader-inner, .circle-animation .list-txt-thum{display: none;}

	/* hoverÀü ÀÌ¹ÌÁö */
	.list-bg{margin-top: -45px; margin-left:-45px; width:90px; height:90px;}
	.list-bg:before{margin-left: -52px; margin-top: -52px; border: 7px solid rgba(26,151,142,0.5);}
	.list-bg:after{margin-left: -49px; margin-top: -49px; border: 4px solid rgba(26,151,142,0.5);}

	/* ¸ÞÀÎ ºñÁÖ¾ó01 :: circle °¢°¢ À§Ä¡ */
	/* ¸ÞÀÎ ºñÁÖ¾ó01 :: circle °¢°¢ À§Ä¡ */
	.main-visual-01 .v-list01{top: 50%; left: 50%; margin-top: 21%; margin-left: -38%;}
	.main-visual-01 .v-list02{top: 50%; left: 50%; margin-top: 26%; margin-left: -27%;}
	.main-visual-01 .v-list03{top: 50%; left: 50%; margin-top: 25%; margin-left: -15%;}
	.main-visual-01 .v-list04{top: 50%; right: 50%; margin-top: 25%; margin-right: -19%;}
	.main-visual-01 .v-list05{top: 50%; right: 50%; margin-top: 25%; margin-right: -34%;}
	/* ¸ÞÀÎ ºñÁÖ¾ó02:: circle °¢°¢ À§Ä¡ */
	.main-visual-02 .v-list01{top: 50%; left: 50%; margin-top: 21%; margin-left: -38%;}
	.main-visual-02 .v-list02{top: 50%; left: 50%; margin-top: 26%; margin-left: -27%;}
	.main-visual-02 .v-list03{top: 50%; left: 50%; margin-top: 25%; margin-left: -15%;}
	.main-visual-02 .v-list04{top: 50%; right: 50%; margin-top: 25%; margin-right: -19%;}
	.main-visual-02 .v-list05{top: 50%; right: 50%; margin-top: 25%; margin-right: -34%;}

	/* ºñµð¿À¿µ¿ª */
	/* #mainVisualNew,
	#mainVisualNew .fp-tableCell{height:auto !important;} */
	#mainVisualTest,
	#mainVisualTest .fp-tableCell{height:auto !important;} 
	.main-video-con{height:0; padding-top:55%; position:relative;}
	.background-video-wrapper{position:absolute; top:0px; left:0px;}
	.background-video iframe{position:absolute; width:100%; height:100%;}
	#mainVisualVideo{width:100%;}
}



/* ******************  ¸ÞÀÎ ÄÁÅÙÃ÷ ********************** */
/* °øÅë»çÇ× */
@media all and (max-width:1220px){
    
}
@media all and (max-width:800px){
	.main-tit-con{margin-top: 15px;}
	.main-tit-con .tit{font-size: 30px;}
	.main-tit-con .txt{margin-top: 10px; font-size: 12px; line-height: 1.3;}
   
	.view-more{margin-top: 35px; width:105px; height:28px; line-height:28px; font-size:10px;}
	.view-more .arrow{margin-left: 5px; font-size: 10px;}
}



/* ******************  ¸ÞÀÎ ÄÁÅÙÃ÷ 02 :: Á¦Ç° ¼Ò°³ ********************** */
/*@media all and ( max-width: 1320px ){
	.main-prd-con{width: calc(100% - 30px);}
	.prd-ori-txt{width: 34%;}

	.prd-ori-img {width: 65%; left: auto; right: 15px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);}
	ul.prd-ori-img-list{max-width: 420px; width: 100%; height: auto;}
	ul.prd-ori-img-list .slick-dots {position: fixed; right: 0; height: 480px;}
}
@media all and ( max-width: 1220px ){
	.prd-ori-img {width: 66%;}
	ul.prd-ori-img-list {width: 100%; top: 50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);}
	ul.prd-ori-txt-list li .tit{margin-bottom: 30px; font-size: 50px;}
	ul.prd-ori-txt-list li .info{margin-bottom: 40px; font-size: 16px; line-height: 24px; height:72px;}
	ul.prd-ori-img-list .slick-dots {right: -100%;}
}
*/

@media all and ( max-width: 1024px ){
	#mainSection02{height: 750px;}
	.main-sec-con02{width: 100%; height: 750px;}
	.prd-ori-txt{margin-left:30px;}
	.prd-ori-img {width: 60%;}
	.prd-ori-img img{width:100%}
	ul.prd-ori-img-list {width: 100%;}
}
@media all and ( max-width: 800px ){
	.main-sec-con02{width: 100%; height: 650px;}
	.main-sec-con02-bg{height: 100%;}
	.main-prd-con{margin-top: 0; width: calc(100% - 30px); height: 100%; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
	#mainSection02 .prd-ori-txt{opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
    transform: translateX(0px);}
	.prd-ori-txt{width: 90%; height: 92%; margin-top: 0; top: auto; bottom: 0;}
	ul.prd-ori-txt-list{width: 100%; position: absolute; left: 0; top: auto; bottom: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
	ul.prd-ori-txt-list li{-ms-word-break: keep-all; word-break: keep-all;}
	ul.prd-ori-txt-list li .tit{margin-bottom: 20px; font-size: 30px;}
	ul.prd-ori-txt-list li .info{margin-bottom: 20px; font-size: 12px; line-height: 17px; height:51px;}
	ul.prd-ori-txt-list .slick-dots{position: absolute; top: -30px; left: 0;}
	ul.prd-ori-txt-list .slick-dots li{margin: 0 5px; display: inline-block;}
	ul.prd-ori-txt-list .slick-dots li button{width: 4px; height: 4px;}
	ul.prd-ori-txt-list .slick-dots li.slick-active button{width: 12px;}
	/* ÀÌ¹ÌÁö */
	#mainSection02 .prd-ori-img{opacity:1.0;filter:Alpha(opacity=100);}
	.prd-ori-img {width: 100%; top: 13%; right: 0; height: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
	ul.prd-ori-img-list {width: 50%; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
	/* dot */
	ul.prd-ori-img-list .slick-dots{right: -44%; top: 40px; margin-top: 0;/*top: 50%;  margin-top: -135px;  margin-top: -95px;*/ width: 42px; height: 270px;
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
    transform: translateX(0px);}
	ul.prd-ori-img-list .slick-dots li{width: 100%; margin: 6px 0; height: auto;}
	ul.prd-ori-img-list .slick-dots li a{position: relative; display: block; width: 100%; height: 0; padding-top: 100%; background-color: #fff; cursor: pointer;}
	ul.prd-ori-img-list .slick-dots li a:before{position: absolute; top: 0; left: 0; display: block; content: ''; width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid transparent;}
	ul.prd-ori-img-list .slick-dots li.slick-active a:after{margin-top: -6px; left: -9px; width: 9px; height:12px; background: url("../images/icon/icon_tri.png") 0 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
	ul.prd-ori-img-list .slick-dots li a img{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 80%; max-height: 80%; width: 100%; height: 100%;}
}
@media all and ( max-width: 480px ){
	.main-sec-con02{width: 100%; height: 500px;}
	.prd-ori-txt{width: 84%;}
	.prd-ori-img{top: 17%;}
}
@media all and (max-width:359px){
	.prd-ori-img{top: 19%;}
}


/* ******************  ¸ÞÀÎ ÄÁÅÙÃ÷ 03~05 :: °øÅë»çÇ× ********************** */
@media all and ( max-width: 1024px ){
	#mainSection03 .fp-tableCell, #mainSection04 .fp-tableCell, #mainSection05 .fp-tableCell{padding: 180px 0;}
}
@media all and ( max-width: 800px ){
	#mainSection03 .main-sec-con-bg, #mainSection04 .main-sec-con-bg, #mainSection05 .main-sec-con-bg{
		-ms-transform: scale(1.0,1.0) rotate(0.002deg);
		-o-transform: scale(1.0,1.0) rotate(0.002deg);
		-moz-transform: scale(1.0,1.0) rotate(0.002deg);
		-webkit-transform: scale(1.0,1.0) rotate(0.002deg);
		transform: scale(1.0,1.0) rotate(0.002deg);
	}
	#mainSection03 .main-tit-con .inner, #mainSection04 .main-tit-con .inner, #mainSection05 .main-tit-con .inner{
		opacity:1.0;filter:Alpha(opacity=100);
		-ms-transform: translateX(0px); 
		-o-transform: translateX(0px); 
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px); 
		transform: translateX(0px);
	}
}