@charset "utf-8";
/* S : 160420 */
#content.main_inner {position:relative;overflow:hidden;}
.main_wrap{position:absolute;width:100%;top:0px;left:0px;overflow:hidden;max-width:1920px;margin:0 auto;}
/* S : 160420 */
.main_wrap img{max-width:none}

.mobileImg{display:none}
.contBoxWrap{position:relative;width:100%;height:100%}

/* S : 160420 */
.mainPrev{position:absolute;left:0;top:244px;z-index:1000}
.mainNext{position:absolute;right:0;top:244px;z-index:1000}
.playVisual{position:absolute;right:69px;top:244px;z-index:100;display:block;width:68px;height:68px;text-indent:-99999px;background:url(/content/dam/kwcms/kr/ko/images/main/play_btn01_off.png) 18px 13px no-repeat;}
.playVisual.on {z-index:99;background-image:url(/content/dam/kwcms/kr/ko/images/main/play_btn01_on.png);}
.stopVisual{position:absolute;right:69px;top:244px;z-index:100;display:block;width:68px;height:68px;text-indent:-99999px;background:url(/content/dam/kwcms/kr/ko/images/main/stop_btn01_off.png) 38px 13px no-repeat;}
.stopVisual.on {z-index:99;background-image:url(/content/dam/kwcms/kr/ko/images/main/stop_btn01_on.png);}
.pagingNum{position:absolute;right:69px;top:244px;z-index:98;background:url(/content/dam/kwcms/kr/ko/images/main/bg_main_paging.png) repeat 0 0;width:68px;height:68px;line-height:96px;/*font-size:30px;*/font-size:16px;text-align:center;color:#cfcfcf;font-style:italic}
.pagingNum span{color:#fff}
/* S : 160420 */

/* S : 180808 */
.linkArea{margin:20px 0 0 37px}
.linkArea a{position:relative;display:block;float:left;margin-right:6px;z-index:9}
.linkArea a .iconImg {display:block;width:44px;height:44px;background:url(/content/dam/kwcms/kr/ko/images/main/bg_icon_one.png) repeat 0 0;overflow:hidden;white-space:nowrap;color:transparent;vertical-align:top;text-indent:-999px}
.linkArea a .iconImg:after {content:"";display:block;position:absolute;top:0px;left:0px;width:44px;height:44px;background:url(/content/dam/kwcms/kr/ko/images/main/bg_icon_itm.png) repeat 0 0;}


/*
.linkArea a:nth-child(1) .iconImg:after, .linkArea a:nth-child(1) .iconImg:after{
	animation-duration: .5s;
	animation-delay: 0.5s;
	animation-name: iconRotateAfter;
}

.linkArea a:nth-child(2) .iconImg:after, .linkArea a:nth-child(2) .iconImg:after{
	animation-duration: .5s;
	animation-delay: 0.6s;
	animation-name: iconRotateAfter;
}

.linkArea a:nth-child(3) .iconImg:after, .linkArea a:nth-child(3) .iconImg:after{
	animation-duration: .5s;
	animation-delay: 0.7s;
	animation-name: iconRotateAfter;
}

.linkArea a:nth-child(4) .iconImg:after, .linkArea a:nth-child(4) .iconImg:after{
	animation-duration: .5s;
	animation-delay: 0.8s;
	animation-name: iconRotateAfter;
}

.linkArea a:nth-child(5) .iconImg:after, .linkArea a:nth-child(5) .iconImg:after{
	animation-duration: .5s;
	animation-delay: 0.9s;
	animation-name: iconRotateAfter;
}
*/




.linkArea a:nth-child(1){
	animation-duration: .5s;
	animation-delay: 0.5s;
	animation-name: iconRotate1;
	animation-fill-mode: forwards;
}

.linkArea a:nth-child(2){
	margin-left:-50px;
	animation-duration: .5s;
	animation-delay: 0.6s;
	animation-name: iconRotate1;
	animation-fill-mode: forwards;
}

.linkArea a:nth-child(3){
	margin-left:-50px;
	animation-duration: .5s;
	animation-delay: 0.7s;
	animation-name: iconRotate1;
	animation-fill-mode: forwards;
}

.linkArea a:nth-child(4){
	margin-left:-50px;
	animation-duration: .5s;
	animation-delay: 0.8s;
	animation-name: iconRotate1;
	animation-fill-mode: forwards;
}

.linkArea a:nth-child(5){
	margin-left:-50px;
	animation-duration: .5s;
	animation-delay: 0.9s;
	animation-name: iconRotate1;
	animation-fill-mode: forwards;
}

@media all and (max-width:1024px){
	.linkArea a:nth-child(2), .linkArea a:nth-child(3), .linkArea a:nth-child(4), .linkArea a:nth-child(5) {margin-left:-46px;}
}
/*
.linkArea a:hover .iconImg:after, .linkArea a:focus .iconImg:after{
	animation-duration: .5s;
	animation-delay: 0.1s;
	animation-name: iconRotateFocus;
}
*/

.linkArea a.icon01 .iconImg:after {background-position:0 0}
.linkArea a.icon02 .iconImg:after {background-position:-49px 0}
.linkArea a.icon03 .iconImg:after {background-position:-98px 0}
.linkArea a.icon04 .iconImg:after {background-position:-147px 0}
.linkArea a.icon05 .iconImg:after {background-position:-197px 0}
.linkArea a .iconexplain{/*display:none;*/position:absolute;top:50px;left:-9999px;} /* 속성 수정 170322 */
.linkArea a:hover, .linkArea a:focus{z-index:10}
.linkArea a:hover .iconexplain,.linkArea a:focus .iconexplain{left:-9px;display:block;min-width:55px;padding:6px;background:#bb162b url(/content/dam/kwcms/kr/ko/images/main/bg_iconexbox.png) repeat left -10px;border-radius:8% 8%;color:#fff;font-family:kiaM;font-size:12px;text-align:center;} /* 속성 수정 170322 */
.linkArea a:hover .iconexplain:before,.linkArea a:focus .iconexplain:before{content:"";display:block;position:absolute;top:-5px;left:40%;width:10px;height:5px;background:url(/content/dam/kwcms/kr/ko/images/main/bg_iconexbox.png) repeat left top}

.linkArea a:hover .iconImg, .linkArea a:focus .iconImg {background-position:0 -45px;}
.linkArea a.icon01:hover .iconImg:after,.linkArea a.icon01:focus .iconImg:after{background-position:0 -45px;}
.linkArea a.icon02:hover .iconImg:after,.linkArea a.icon02:focus .iconImg:after{background-position:-49px -45px}
.linkArea a.icon03:hover .iconImg:after,.linkArea a.icon03:focus .iconImg:after{background-position:-98px -45px}
.linkArea a.icon04:hover .iconImg:after,.linkArea a.icon04:focus .iconImg:after{background-position:-147px -45px}
.linkArea a.icon05:hover .iconImg:after,.linkArea a.icon05:focus .iconImg:after{background-position:-197px -45px}


@keyframes iconRotateAfter {
	0% {
		transform:rotateY(0deg) skewY(0deg); 
	}

	50%{
		transform:rotateY(180deg) skewY(10deg); 
	}

	100% {
		transform:rotateY(360deg) skewY(0deg); 
	}
}

@keyframes iconRotate1 {
	0% {
		transform:rotate(0deg); 
		transform-origin: 50% 50%; 
	}

	100% {
		margin-left:0px;
		transform:rotate(360deg); 
		transform-origin: 50% 50%; 
	}
}



/*
@keyframes iconRotateFocus {
	0% {
		transform:rotateY(0deg) skewY(0deg); 
	}

	50%{
		transform:rotateY(-180deg) skewY(-10deg); 
	}

	100% {
		transform:rotateY(-360deg) skewY(0deg); 
	}
}
*/
/* E : 180808 */

.linkBtn {clear:both;margin:80px 0 0 37px;}/*20150720 추가*/
.linkBtn2 {clear:both;margin:0px 0 0 37px;}/*20170705 추가*/

.subTxt{display:block;font-size:13px;line-height:20px}

.herb_Wrap, .sales01_Wrap, .sales02_Wrap, .sales03_Wrap, .carusp_Wrap, .carusp01_Wrap, .carusp02_Wrap, .local_Wrap, .global_Wrap{position:absolute} 

.sales01Icon{background:red}
.sales01 strong,.sales02 strong,.sales03 strong,.carusp strong,.carusp01 strong,.carusp02 strong{display:block;font-size:18px;text-transform:uppercase;margin-bottom:5px}
.sales01 a, .sales02 a, .sales03 a, .carusp a, .carusp01 a, .carusp02 a{display:block;width:100%;height:100%;max-height:262px;text-decoration:none}
.sales01 a:hover, .sales02 a:hover, .sales03 a:hover, .carusp a:hover, .carusp01 a:hover, .carusp02 a:hover{text-decoration:none}
.sales01 a:focus, .sales02 a:focus, .sales03 a:focus, .carusp a:focus, .carusp01 a:focus, .carusp02 a:focus{text-decoration:none} /* 줄추가 170322 */
.sales01 a:active, .sales02 a:active, .sales03 a:active, .carusp a:active, .carusp01 a:active, .carusp02 a:active{text-decoration:none} /* 줄추가 170322 */
.sales01_Wrap, .sales02_Wrap, .sales03_Wrap{overflow:hidden;z-index:10;width:17%;text-align:center;height:262px}
.carusp_Wrap{overflow:hidden;height:262px;z-index:10;text-align:left}
.local_Wrap{position:absolute;z-index:10;width:16%;overflow:hidden;text-align:left;height:524px}
.global_Wrap{left:84%;top:262px;z-index:10;width:16%;overflow:hidden;text-align:center;height:524px}
.carusp01_Wrap{width:36%;z-index:10;overflow:hidden;text-align:left;height:262px}
.carusp02_Wrap{width:16%;z-index:10;overflow:hidden;text-align:center;height:262px}

.herb_Wrap {width:33.33%;height:262px;z-index:10;overflow:hidden;text-align:center;}

/* A */
.sales01 .txtArea{display:block;width:100%;position:absolute;left:50%;top:137px;z-index:10;font-size:13px;margin-left:-50%}
.sales01 .imgArea{display:block;margin:0 -100%;text-align:center}
.sales03 .txtArea{display:block;width:100%;position:absolute;left:50%;top:137px;z-index:10;font-size:13px;margin-left:-50%}
.sales03 .imgArea{display:block;margin:0 -100%;text-align:center}
.carusp02 .listWrap{position:relative;width:100%;overflow:hidden}
.carusp02 a{display:block;text-decoration:none}
.carusp02 .txtArea{display:block;width:100%;position:absolute;left:50%;top:137px;z-index:10;font-size:13px;margin-left:-50%}
.carusp02 .imgArea{display:block;margin:0 -100%;text-align:center}
.carusp02 .paging{z-index:40}
/* B */
.sales02 .txtArea{display:block;width:100%;position:absolute;left:50%;top:137px;z-index:10;font-size:13px;text-align:center;margin-left:-50%}
.sales02 .imgArea{display:block;margin:0 -100%;text-align:center}
/* C */
.carusp .listWrap{position:relative;width:100%;overflow:hidden}
/* S : 180827 */
.mainRolling  a {position:relative;display:block;text-decoration:none}

.mainRolling  a .ain-btn-typ1 {position:absolute;top:0px;left:0px;display:block;min-width:90px;height:30px;padding:0!important;background:none !important;}
.mainRolling  a .ain-btn-typ1 .social-cube {position:absolute;left:0;top:0;width:100%;height:100%;}
.mainRolling  a .ain-btn-typ1 .social-cube .front, .carusp  a .ain-btn-typ1 .social-cube .bottom {
	background:#850000;
	border-radius:15px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-right:15px;
	box-sizing:border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.mainRolling  a .ain-btn-typ1 .social-cube .front:after, .carusp  a .ain-btn-typ1 .social-cube .bottom:after {content:""; display:block;position:absolute;top:16px;right:15px;width:7px;height:2px;background:#fff;transform:rotate(-45deg);}
.mainRolling  a .ain-btn-typ1 .social-cube .front:before, .carusp  a .ain-btn-typ1 .social-cube .bottom:before {content:""; display:block;position:absolute;top:12px;right:15px;width:7px;height:2px;background:#fff;transform:rotate(45deg); }

.mainRolling  a .ain-btn-typ1 .social-cube .front {display: flex;}
.mainRolling  a .ain-btn-typ1 .social-cube .front, .carusp  a .ain-btn-typ1 .social-cube .front {
	animation-name:ain-btn-typ1Front;
	animation-delay:1s;
	animation-duration:0.333s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction: normal;
	
}
@keyframes ain-btn-typ1Front{
	0%{opacity:1;-webkit-transform: rotateX(0deg) translateZ(15px);transform: rotateX(0deg) translateZ(15px);}
	100%{opacity:1;-webkit-transform: rotateX(90deg) translateZ(15px);transform: rotateX(90deg) translateZ(15px);display: none;}
}

.mainRolling  a .ain-btn-typ1 .social-cube .bottom {display:none;opacity:0;-webkit-transform: rotateX(90deg) translateZ(-15px);transform: rotateX(90deg) translateZ(-15px);}
.mainRolling  a .ain-btn-typ1 .social-cube .bottom, .carusp  a .ain-btn-typ1 .social-cube .bottom {
	display: flex;
	animation-name:ain-btn-typ1Bottom;
	animation-delay:1s;
	animation-duration:0.333s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction: normal;
	
}
@keyframes ain-btn-typ1Bottom{
	0%{opacity:1;-webkit-transform: rotateX(90deg) translateZ(-15px);transform: rotateX(90deg) translateZ(-15px);}
	100%{opacity:1;-webkit-transform: rotateX(0deg) translateZ(-15px);transform: rotateX(0deg) translateZ(-15px);}
}


/* hover, focus */
.mainRolling  a:hover .ain-btn-typ1 .social-cube .front, .carusp  a:focus .ain-btn-typ1 .social-cube .front  {display: block;opacity:1;-webkit-transform: rotateX(-90deg) translateZ(15px);transform: rotateX(-90deg) translateZ(15px);}
.mainRolling  a:hover .ain-btn-typ1 .social-cube .front, .carusp  a:focus .ain-btn-typ1 .social-cube .front {
	display: flex;
	animation-name:ain-btn-typ1Front-on;
	animation-delay:0.1s;
	animation-duration:0.333s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction: reverse;  
	animation-play-state:running;
}
@keyframes ain-btn-typ1Front-on{
	0%{display: block;-webkit-transform: rotateX(-90deg) translateZ(15px);transform: rotateX(-90deg) translateZ(15px);}
	100%{display:block;-webkit-transform: rotateX(0deg) translateZ(15px);transform: rotateX(0deg) translateZ(15px);}
}


.mainRolling  a:hover .ain-btn-typ1 .social-cube .bottom, .carusp  a:focus .ain-btn-typ1 .social-cube .bottom {display:block;opacity:1;-webkit-transform: rotateX(0deg) translateZ(-15px);transform: rotateX(0deg) translateZ(-15px);}
.mainRolling  a:hover .ain-btn-typ1 .social-cube .bottom, .carusp  a:focus .ain-btn-typ1 .social-cube .bottom {
	display: flex;
	animation-name:ain-btn-typ1Bottom-on;
	animation-delay:0.1s;
	animation-duration:0.333s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction: reverse;
	animation-play-state:running;
}
@keyframes ain-btn-typ1Bottom-on{
	0%{display:block;-webkit-transform: rotateX(0deg) translateZ(-15px);transform: rotateX(0deg) translateZ(-15px);}
	100%{display:block;-webkit-transform: rotateX(-90deg) translateZ(-15px);transform: rotateX(-90deg) translateZ(-15px);}
}



.mainRolling  a .ain-btn-typ2 {position:absolute;top:0px;left:0px;display:block;height:30px;padding:0!important;box-sizing:border-box;overflow:hidden;border-radius:15px;background:#767676;text-align:center;}
.mainRolling  a .ain-btn-typ2 span {display:flex;width:100%;height:100%;box-sizing:border-box;padding:0 30px 0 15px;color:#fff; justify-content:center;align-items:center;background:url(/content/dam/kwcms/kr/ko/images/main/ain-btn-typ2_color1.png) 0 -100% no-repeat;
	animation-name:ain-btn-typ2;
	animation-delay:1s;
	animation-duration:0.333s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction: normal;
}
.mainRolling  a .ain-btn-typ2 span:after {content:""; display:block;position:absolute;top:16px;right:15px;width:7px;height:2px;background:#fff;transform:rotate(-45deg);}
.mainRolling  a .ain-btn-typ2 span:before {content:""; display:block;position:absolute;top:12px;right:15px;width:7px;height:2px;background:#fff;transform:rotate(45deg); }

.mainRolling  a .ain-btn-typ2 span.typ1 {background:url(/content/dam/kwcms/kr/ko/images/main/ain-btn-typ2_color1.png) 0 -100% no-repeat;}
.mainRolling  a .ain-btn-typ2 span.typ2 {background:url(/content/dam/kwcms/kr/ko/images/main/ain-btn-typ2_color2.png) 0 -100% no-repeat;}
.mainRolling  a .ain-btn-typ2 span.typ3 {background:url(/content/dam/kwcms/kr/ko/images/main/ain-btn-typ2_color3.png) 0 -100% no-repeat;}
.mainRolling  a .ain-btn-typ2 span.typ4 {background:url(/content/dam/kwcms/kr/ko/images/main/ain-btn-typ2_color4.png) 0 -100% no-repeat;}
.mainRolling  a .ain-btn-typ2 span.typ5 {background:url(/content/dam/kwcms/kr/ko/images/main/ain-btn-typ2_color5.png) 0 -100% no-repeat;}
.mainRolling  a .ain-btn-typ2 span.typ6 {background:url(/content/dam/kwcms/kr/ko/images/main/ain-btn-typ2_color6.png) 0 -100% no-repeat;}

@keyframes ain-btn-typ2 {
    0% {background-position:0 -100%;}
    100% {background-position:0 40%;}
}


/* hover & focus */
.mainRolling  a:hover .ain-btn-typ2 span, .carusp  a:focus .ain-btn-typ2 span {
	background-position:0 40%;
	animation-name:ain-btn-typ2-on;
	animation-delay:0.1s;
	animation-duration:0.333s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction: normal;
}

@keyframes ain-btn-typ2-on {
    0% {background-position:0 40%;}
    100% {background-position:0 -100%;}
}



.mainRolling  a .ain-btn-typ3 {position:absolute;top:0px;left:0px;display:block;height:30px;padding:0!important;box-sizing:border-box;overflow:hidden;border-radius:15px;border:2px solid #c93333;text-align:center;}
.mainRolling  a .ain-btn-typ3:before {content:"";position:absolute;top:0;left:50%;right:50%;bottom:0;opacity:0;box-sizing:border-box;z-index:1;background:#c93333;
	animation-name:ain-btn-typ3;
	animation-delay:1s;
	animation-duration:0.333s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction: normal;
}
.mainRolling  a .ain-btn-typ3 span {position:relative;display:flex;width:100%;height:100%;box-sizing:border-box;padding:0 30px 0 15px;color:#c93333; justify-content:center;align-items:center;z-index:2;
	animation-name:ain-btn-typ3-txt;
	animation-delay:1s;
	animation-duration:0.333s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction: normal;
}
.mainRolling  a .ain-btn-typ3 span:after {content:""; display:block;position:absolute;top:14px;right:15px;width:7px;height:2px;background:#c93333;transform:rotate(-45deg);
	animation-name:ain-btn-typ3-back;
	animation-delay:1s;
	animation-duration:0.333s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction: normal;
}
.mainRolling  a .ain-btn-typ3 span:before {content:""; display:block;position:absolute;top:10px;right:15px;width:7px;height:2px;background:#c93333;transform:rotate(45deg); 
	animation-name:ain-btn-typ3-back;
	animation-delay:1s;
	animation-duration:0.333s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction: normal;
}

@keyframes ain-btn-typ3 {
    0% {left:50%;right:50%;opacity:0;}
    100% {left:0%;right:0%;opacity:1;}
}

@keyframes ain-btn-typ3-txt {
    0% {}
    100% {color:#fff;}
}

@keyframes ain-btn-typ3-back {
    0% {}
    100% {background:#fff;}
}


/* hover & focus */
.mainRolling  a:hover .ain-btn-typ3 span, .carusp  a:focus .ain-btn-typ3 span {
	/*
	background-position:0 40%;
	
	animation-name:ain-btn-typ3-on;
	animation-delay:0.1s;
	animation-duration:0.333s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction: normal;
	*/
}

@keyframes ain-btn-typ3-on {
    0% {}
    100% {}
}





.mainRolling  a .ain-btn-typ4 {position:absolute;top:0px;left:0px;display:block;height:30px;padding:0!important;box-sizing:border-box;overflow:hidden;border-radius:15px;background:#767676;text-align:center;}
.mainRolling  a .ain-btn-typ4:after {content:"";position:absolute;top:-50px;left:0px;display:block;width:80px;height:160px;margin-left:-80px;background:url(/content/dam/kwcms/kr/ko/images/main/ain-btn-typ4.png) center center no-repeat;
	transform:rotate(0deg);

	animation-name:ain-btn-typ4;
	animation-delay:1s;
	animation-duration:2s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction: normal;

}
.mainRolling  a .ain-btn-typ4 span {display:flex;width:100%;height:100%;box-sizing:border-box;padding:0 30px 0 15px;color:#fff; justify-content:center;align-items:center;}
.mainRolling  a .ain-btn-typ4 span:after {content:""; display:block;position:absolute;top:16px;right:15px;width:7px;height:2px;background:#fff;transform:rotate(-45deg);}
.mainRolling  a .ain-btn-typ4 span:before {content:""; display:block;position:absolute;top:12px;right:15px;width:7px;height:2px;background:#fff;transform:rotate(45deg); }


@keyframes ain-btn-typ4 {
    0% {left:0%;}
    /*30% {left:120%;}
    60% {left:90%;}*/
    100% {left:150%;}
}


/* hover & focus */
.mainRolling  a:hover .ain-btn-typ4:after, .carusp  a:focus .ain-btn-typ4:after {

	transform:rotate(150deg);
	left:150%;
	animation-name:ain-btn-typ4-on;
	animation-delay:0.1s;
	animation-duration:2s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-direction: normal;

}

@keyframes ain-btn-typ4-on {
    0% {left:150%;}
	/*30% {left:25%;}
    60% {left:60%;}*/
    100% {left:0%;}
}

/* E : 180827*/
.carusp .txtArea{display:block;position:absolute;left:50%;top:25px;z-index:10;font-size:13px;text-align:left;margin-left:-50%;padding-left:20px}
.carusp .subTxt{padding-right:30px}
.carusp .imgArea{display:block;margin:0 -100%;text-align:center}
.carusp .paging{z-index:40}
.carusp01 .listWrap{position:relative;width:100%;overflow:hidden}
.carusp01  a{display:block;text-decoration:none}
.carusp01 .txtArea{display:block;position:absolute;width:100%;left:50%;top:25px;z-index:10;font-size:13px;text-align:left;margin-left:-50%;padding-left:20px}
.carusp01 .subTxt{padding-right:30px}
.carusp01 .imgArea{display:block;margin:0 -100%;text-align:center}
.carusp01 .paging{z-index:40}
/* D */
.local_Wrap{position:absolute;left:68%;top:262px;z-index:10;width:16.1%;overflow:hidden;text-align:left;height:524px}
.local .listWrap{position:relative;width:100%;height:524px;overflow:hidden}
.local a{display:block;color:#a0a9ae;text-decoration:none}
.local .txtArea{display:block;width:100%;position:absolute;left:50%;top:46px;z-index:10;margin-left:-50%;padding-left:20px;line-height:25px;color:#333}
.local strong{display:block;font-size:19px;font-family:'kiaB';text-transform:uppercase;margin:0 auto 20px}
.local .subTxt{padding-right:30px}
.local .imgArea{display:block;margin:0 -100%;text-align:center}
.local .paging{z-index:40}
/* E */
.global_Wrap{position:absolute;left:84%;top:262px;z-index:10;width:16%;overflow:hidden;text-align:left;height:524px}
.global .listWrap{position:relative;width:100%;height:524px;overflow:hidden}
.global a{display:block;color:#a0a9ae;text-decoration:none}
.global .txtArea{display:block;width:100%;position:absolute;left:50%;top:46px;z-index:10;font-size:13px;margin-left:-50%;padding-left:20px;line-height:25px;color:#333}
.global strong{display:block;font-size:19px;line-height:29px;font-family:'kiaB';text-transform:uppercase;margin:0 auto 20px;color:#143f6a}
.global .subTxt{color:#143f6a}
.global .imgArea{display:block;margin:0 -100%;text-align:center}
.global .paging{z-index:40}
/* eLead */
.elead_Wrap{position:absolute;left:84%;top:262px;z-index:10;width:16%;overflow:hidden;height:524px}
.elead{display:block;height:100%;background:url(/content/dam/kwcms/kr/ko/images/main/bg_main_elead_w.gif) center 0 no-repeat}
.elead:hover, .elead:active, .elead:focus{text-decoration:none}
.elead .txtArea{display:block;width:170px;position:absolute;top:75px;left:50%;margin-left:-85px;text-align:center}
.elead .txtArea strong{line-height:32px;font-size:28px;color:#bb162b}
.elead .txtArea .subTxt{display:block;margin-top:25px;color:#666}
.elead .txtArea .desc{display:block;padding:12px 0;margin-top:25px;border-top:2px solid #333;border-bottom:2px solid #333}
.elead .imgArea{display:block;margin:0 -100%;text-align:center}
.elead .vehicle{position:absolute;width:100%;height:90px;bottom:100px;text-align:center}
.elead .vehicle img{height:100%}

.main_wrap .paging{position:absolute;bottom:15px;width:100%;text-align:center}
.main_wrap .paging ul{display:inline-block;overflow:hidden;margin:0 auto}
.main_wrap .paging ul li{float:left}
.main_wrap .paging ul li a{background:url('/content/dam/kwcms/kr/ko/images/vehicles/btn_list_dot.png') no-repeat -28px 0;display:block;width:10px;height:10px;text-indent:9999px;overflow:hidden;margin-right:6px;cursor:pointer}
.main_wrap .paging ul li.on a{background-position:0 0}

/* mainType01 */
.mainType1{position:relative;height:786px;background:#fff}
.mainType1 .mainCenterWrap{position:relative;width:100%;height:100%}
.mainType1 .mainCenterWrap .mainCenter{position:absolute;left:16%;top:0;width:52%;height:786px}
.mainType1 .mainCenterWrap .txtArea{display:block;position:absolute;left:0;top:30px;z-index:10;width:70%}
.mainType1 .mainCenterWrap h2{margin:0 0 10px 37px}
.mainType1 .mainCenterWrap .subTxt1{font-size:26px;line-height:normal;color:#000;margin:0 0 7px 37px}
.mainType1 .mainCenterWrap .subTxt2{font-size:13px;color:#666;margin-left:37px}
.mainType1 .mainCenterWrap .imgArea img{position:absolute;left:50%;top:-200px;margin-left:-960px;height:1200px}
.mainType1 .mainCenterWrap .imgAward{clear:both;margin:100px 0 0 37px}

.mainType1 .sales01_Wrap{left:0;top:0}
.mainType1 .sales01 .txtArea{color:#444}
.mainType1 .sales02_Wrap{left:0;top:262px}
.mainType1 .sales02 .txtArea{color:#444}
.mainType1 .sales03_Wrap{left:0;top:524px}
.mainType1 .sales03 .txtArea{color:#fff}
.mainType1 .carusp_Wrap{left:68%;top:0;width:32%}
.mainType1 .carusp .txtArea{color:#fff}

/* mainType02 */
.mainType2{position:relative;height:786px;background:#fff}
.mainType2 .mainCenterWrap{position:relative;width:100%;height:100%}
.mainType2 .mainCenterWrap .mainCenter{position:relative;left:16%;top:0;height:786px;width:68%}
.mainType2 .mainCenterWrap .txtArea{display:block;position:absolute;left:0;top:30px;z-index:10;width:1280px}
.mainType2 .mainCenterWrap .txtArea02{text-align:center}
.mainType2 .mainCenterWrap h2{margin:0 0 10px 37px}
.mainType2 .mainCenterWrap .subTxt1{font-size:26px;line-height:normal;color:#fff;margin:0 0 7px 37px}
.mainType2 .mainCenterWrap .subTxt2{font-size:13px;color:#ddd;margin-left:37px}
.mainType2 .mainCenterWrap .imgArea img{position:absolute;left:50%;top:-200px;margin-left:-960px;height:1200px}
.mainType2 .mainCenterWrap .paging{z-index:10}

.mainType2 .sales01_Wrap,
.mainType2 .sales01{left:0;top:0}
.mainType2 .sales01 .txtArea{color:#e7e6e6}
.mainType2 .sales02_Wrap{left:0;top:262px}
.mainType2 .sales02 .txtArea{color:#444}
.mainType2 .sales03_Wrap{left:0;top:524px}
.mainType2 .sales03 .txtArea{color:#fff}
.mainType2 .carusp_Wrap{left:84%;top:0;width:16%}
.mainType2 .carusp .txtArea{color:#fff}

/* mainType03 */
.mainType3{position:relative;height:786px;background:#fff}
.mainType3 .mainCenterWrap{position:relative;width:100%;height:100%}
.mainType3 .mainCenterWrap .mainCenter{position:absolute;left:0;top:0;width:68%;height:786px}
.mainType3 .mainCenterWrap .txtArea{display:block;position:absolute;left:80px;top:30px;z-index:10;width:960px}
.mainType3 .mainCenterWrap h2{margin:0 0 10px 37px}
.mainType3 .mainCenterWrap .subTxt1{font-size:26px;line-height:normal;color:#000;margin:0 0 7px 37px}
.mainType3 .mainCenterWrap .subTxt2{font-size:14px;color:#000;margin-left:37px}
.mainType3 .mainCenterWrap .imgArea img{position:absolute;left:50%;top:-200px;margin-left:-960px;height:1200px}
.mainType3 .mainCenterWrap .paging{z-index:10}

.mainType3 .carusp_Wrap{left:68%;top:0;width:32%}
.mainType3 .carusp .txtArea{color:#fff}
.mainType3 .sales01_Wrap{left:68%;top:262px}
.mainType3 .sales01 .txtArea{color:#444}
.mainType3 .sales02_Wrap{left:68%;top:524px}
.mainType3 .sales02 .txtArea{color:#fff}
.mainType3 .sales01_Wrap,.mainType3 .sales02_Wrap,.mainType3 .sales03_Wrap{width:16.1%}

/* mainType04 */
.mainType4{position:relative;height:786px;background:#fff}
.mainType4 .mainCenterWrap{position:relative;width:100%;height:100%}
.mainType4 .mainCenterWrap .mainCenter{position:relative;left:0;top:0;height:786px;width:100%}
.mainType4 .mainCenterWrap .txtArea{display:block;position:absolute;left:10%;top:30px;z-index:10;width:960px;text-align:left}
.mainType4 .mainCenterWrap h2{margin:0 0 10px 37px}
.mainType4 .mainCenterWrap .subTxt1{font-size:26px;line-height:normal;color:#ddd;margin:0 0 7px 37px}
.mainType4 .mainCenterWrap .subTxt2{font-size:14px;color:#fff;margin-left:37px}
.mainType4 .mainCenterWrap .imgArea img{position:absolute;left:50%;top:0;margin-top:-400px;margin-left:-960px;height:1200px}
.mainType4 .mainCenterWrap .paging{z-index:10}

.mainType4 .carusp01_Wrap{left:0;top:524px}
.mainType4 .carusp01 .txtArea{color:#fff}
.mainType4 .carusp02_Wrap{left:36%;top:524px}
.mainType4 .carusp02 .txtArea{color:#fff}
.mainType4 .sales01_Wrap{left:52%;top:524px}
.mainType4 .sales01 .txtArea{color:#d3d4d5}
.mainType4 .sales02_Wrap{left:68%;top:524px}
.mainType4 .sales02 .txtArea{color:#d9dada}
.mainType4 .sales03_Wrap{left:84%;top:524px}
.mainType4 .sales03 .txtArea{color:#d3d4d4}
.mainType4 .sales01_Wrap,.mainType4 .sales02_Wrap,.mainType4 .sales03_Wrap{width:16.1%}

/*S : 170905 */
/*mainType05*/
.mainType5 .imgArea {height: 100%;}
.mainType5 .imgArea ul {overflow: hidden;}
.mainType5 .imgArea ul li {position:relative; width:50%; height: auto; float:left;}
.mainType5 .imgArea ul li picture {position:relative; display: block;}
.mainType5 .imgArea ul li picture:before {content: ''; position:absolute; left:48%; top:50%; margin:-35px 0 -31px; width:63px; height:70px; background:url(/content/dam/kwcms/kr/ko/images/main/btn_play.png) no-repeat 0 0;} 
.mainType5 .imgArea ul li a {display: block;}
.mainType5 .imgArea ul li.main_media_item_01 .txtArea {position:absolute;left:10%;top:70px;z-index:10;}
.mainType5 .imgArea ul li.main_media_item_02 .txtArea {position:absolute;right:10%;bottom:44px;z-index:10;}
.mainType5{position:relative;height:786px;background:#fff}
.mainType5 .mainCenterWrap{position:relative;width:100%;height:100%}
.mainType5 .mainCenterWrap .mainCenter{position:relative;left:0;top:0;height:786px;width:100%}
.mainType5 .mainCenterWrap .imgArea picture img{width:100%;height:524px}
.mainType5 .mainCenterWrap .imgArea .videoText {display: none;}
.mainType5 .mainCenterWrap .paging{z-index:10}

.mainType5 .carusp01_Wrap{left:0;top:524px; width:35%}
.mainType5 .carusp01 .txtArea{color:#fff}
.mainType5 .carusp02_Wrap{left:35%;top:524px; width:15.1%;}
.mainType5 .carusp02 .txtArea{color:#fff}
.mainType5 .sales01_Wrap{left:50%;top:524px}
.mainType5 .sales01 .txtArea{color:#d3d4d5}
.mainType5 .sales02_Wrap{left:66.6%;top:524px}
.mainType5 .sales02 .txtArea{color:#d9dada}
.mainType5 .sales03_Wrap{left:83.2%;top:524px; width:16.8%;}
.mainType5 .sales03 .txtArea{color:#d3d4d4}
.mainType5 .sales01_Wrap,.mainType5 .sales02_Wrap{width:16.6%}
/*E : 170905 */

.mainType6 {position:relative;height:786px;background:#fff}
.mainType6 .mainCenterWrap{position:relative;width:100%;height:100%}
.mainType6 .mainCenterWrap .mainCenter{position:relative;left:0;top:0;height:786px;width:100%}
.mainType6 .mainCenterWrap .txtArea{display:block;position:absolute;left:10%;top:30px;z-index:10;width:960px;text-align:left}
.mainType6 .mainCenterWrap h2{margin:0 0 10px 37px}
.mainType6 .mainCenterWrap .subTxt1{font-size:26px;line-height:normal;color:#ddd;margin:0 0 7px 37px}
.mainType6 .mainCenterWrap .subTxt2{font-size:14px;color:#fff;margin-left:37px}
.mainType6 .mainCenterWrap .imgArea img{position:absolute;left:50%;top:0;margin-top:-250px;margin-left:-960px;height:1200px}
.mainType6 .mainCenterWrap .paging{z-index:10}

.mainType6 .line1 {top:0px;left:0px;height:524px;}
.mainType6 .line1 .parsys01_1 .channel-main-cpnt {top:0px;left:0px;height:524px;}
.mainType6 .line1 .box {position:relative;width:100%;height:100%;padding:115px 30px 0;box-sizing:border-box;background:url(/content/dam/kwcms/kr/ko/images/main/img_maintype6_tit_bg_pc.jpg) center center no-repeat #000;background-size:auto 100%;}
.mainType6 .line1 .box .titlArea {position:relative;width:100%;max-width:340px;height:78px;margin:0 auto;background:url(/content/dam/kwcms/kr/ko/images/main/img_maintype6_tit_pc.png) center center no-repeat;background-size:100% auto;text-indent:-9999px;}
.mainType6 .line1 .box .snsBtnArea {position:relative;width:100%;max-width:292px;height:auto;margin:0 auto;padding-top:35px;}
.mainType6 .line1 .box .snsBtnArea ul {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
.mainType6 .line1 .box .snsBtnArea ul li {width:25%;max-width:73px;height:auto;padding:0 5px;box-sizing:border-box;margin-bottom:20px;order:0;}
.mainType6 .line1 .box .snsBtnArea ul li:nth-child(1) {margin-left:10px;} 
.mainType6 .line1 .box .snsBtnArea ul li:nth-child(3) {margin-right:10px;}
.mainType6 .line1 .box .snsBtnArea ul li a {display:block;width:100%;height:100%;}
.mainType6 .line1 .box .snsBtnArea ul li a img {width:100%;}
	
	
.mainType6 .line2 {top:0px;left:33.33%;height:524px;}
.mainType6 .line3 {top:0px;left:66.67%;}
.mainType6 .line4 {top:262px;left:66.67%;}
.mainType6 .line5 {top:524px;left:0%;}
.mainType6 .line6 {top:524px;left:33.33%;}
.mainType6 .line7 {top:524px;left:66.67%;}

.mainType6 a.channel {position:relative;display:block;width:100%;height:100%;}

.mainType6 a.channel .type {position:absolute;top:0px;left:0px;width:112px;padding:7px 20px 8px;box-sizing:border-box;text-align:center;font-size:16px;line-height:20px;color:#fff;z-index:1;}
.mainType6 a.channel .type.ico1 {background:#713690;} /* 인스타그램 */
.mainType6 a.channel .type.ico2 {background:#ba0319;} /* PLAY KIA, 레드맴버스, YouTube */
.mainType6 a.channel .type.ico3 {background:#2db400;} /* 카피엔스 */
.mainType6 a.channel .type.ico4 {background:#f2b014;} /* K-PLAZA */
.mainType6 a.channel .type.ico5 {background:#1d71b9;} /* Facebook */
.mainType6 a.channel .type.ico6 {background:#ba0319;} /* 레드맴버스 */
.mainType6 a.channel .type.ico7 {background:#ba0319;} /* YouTube */

.mainType6 a.channel .imgArea {display:block;margin:0 -100%;text-align:center;}
.mainType6 a.channel .imgArea img {transition:transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);}
.mainType6 a.channel:active .imgArea img, .mainType6 a.channel:focus .imgArea img, .mainType6 a.channel:hover .imgArea img {transition-duration:.3s;-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}

.mainType6 a.channel .txtArea {position:absolute;bottom:0px;left:0px;width:100%;min-height:54px;}
.mainType6 a.channel .txtArea:before {content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000; opacity:0.6; }
.mainType6 a.channel .txtArea span {position:relative;display:block;width:100%;height:100%;min-height:54px;padding:16px 14px 16px;box-sizing:border-box;font-size:16px;line-height:20px;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.main_wrap .share{position:absolute;right:0;bottom:14px;z-index:30;margin-right:14px}
.main_wrap .share a.btnShare{display:block;background:url(/content/dam/kwcms/kr/ko/images/main/btn_share.png) no-repeat 0 0;text-indent:-9999px;width:20px;height:20px}
.main_wrap .share .shareList{position:absolute;right:18px;bottom:-7px;z-index:30;display:block;background:url(/content/dam/kwcms/kr/ko/images/main/icon_share_sns.png) no-repeat 0 0;text-indent:-9999px;width:99px;height:34px}
.main_wrap .share .shareList a{display:block;position:absolute;width:23px;height:24px}
.main_wrap .share .shareList a.twitter{left:6px;top:4px}
.main_wrap .share .shareList a.facebook{left:32px;top:4px}
.main_wrap .share .shareList a.google{left:58px;top:4px}
.main_wrap .mainCenterWrap .subTxt1 br{display:none}

@media all and (max-width:1674px){
.mainType1 .mainCenterWrap .txtArea{width:90%}
.mainType1 .mainCenterWrap h2 img{height:40px}
.mainType1 .mainCenterWrap .subTxt1{font-size:22px}
.mainType1 .mainCenterWrap .imgArea img{position:absolute;left:50%;top:0;margin-left:-657px;height:820px}
.mainType5 .imgArea ul li.main_media_item_02 .txtArea {right:0;}
.mainType5 .imgArea ul li.main_media_item_01 .txtArea img{width:78%;}
.mainType5 .imgArea ul li.main_media_item_02 .txtArea img{width:80%;}
.mainType5 .imgArea ul li picture:before {width:56px; height: 64px;  margin:-32px 0 -28px; background-size: 100%}
}

@media all and (max-width:1475px){
.mainType4 .mainCenterWrap h2 img{height:50px}
.mainType4 .mainCenterWrap .subTxt1{font-size:22px}
.mainType4 .mainCenterWrap .imgArea img{position:absolute;left:50%;top:0;margin-top:-200px;margin-left:-736px;height:920px}
}


@media all and (max-width:1280px){
.mainType2 .mainCenterWrap h2 img{height:40px}
.mainType2 .mainCenterWrap .subTxt1{font-size:22px}
.mainType2 .mainCenterWrap .imgArea img{position:absolute;left:50%;top:0;margin-left:-657px;height:820px}
.mainType3 .mainCenterWrap h2 img{height:50px}
.mainType3 .mainCenterWrap .subTxt1{font-size:22px}
.mainType3 .mainCenterWrap .imgArea img{position:absolute;left:50%;top:0;margin-left:-736px;height:920px}
}


@media all and (max-width:1140px){
.mainType1 .mainCenterWrap .imgArea img{position:absolute;left:50%;top:0;margin-left:-657px;height:790px}
.mainType5 .imgArea ul li.main_media_item_01 .txtArea img{width:78%;}
.mainType5 .imgArea ul li.main_media_item_02 .txtArea img{width:80%;}
.mainType5 .imgArea ul li picture:before {width:45px; height: 50px;  margin:-25px 0 -22px; background-size: 100%}
}


/* Tablet Device 및 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드 작성 */
@media all and (max-width:1024px){

.main_wrap{max-width:100%}
/* S : 160420 */
.mainPrev{top:455px;}
.mainNext{top:455px;}
.playVisual{top:455px;}
.stopVisual{top:455px;}
.pagingNum{top:455px;}
/* E : 160420 */

.linkArea{width:142px;margin:20px 0 0 0;} /* 170320 */
.linkWorldcup{width:185px;margin:20px 0 0;}
.linkArea a{margin-right:2px}
.linkArea a.icon02, .linkArea a.icon03{display:none}

/* mainType01 */
.mainType1{height:1310px}
.mainType1 .mainCenterWrap .mainCenter{left:0;width:100%;height:524px;/*text-align:center*/text-align:left;} /* 170315 */
.mainType1 .mainCenterWrap .txtArea{left:0;width:100%;box-sizing:border-box;padding-left:15px;}
.mainType1 .mainCenterWrap .txtArea{left:0;width:100%}
.mainType1 .mainCenterWrap h2{margin:0 0 15px}
.mainType1 .mainCenterWrap h2:after{display:none}
.mainType1 .mainCenterWrap .subTxt1{font-size:19px;margin:0}
.mainType1 .mainCenterWrap .subTxt2{display:none}
.mainType1 .mainCenterWrap .imgAward{display:none}
.mainType1 .mainCenterWrap .imgArea{width:100%}
.mainType1 .mainCenterWrap .imgArea img{margin:-200px 0 0 -750px;width:auto;height:900px}

.mainType1 .sales01_Wrap{left:0;top:524px;width:33%}
.mainType1 .sales02_Wrap{left:0;top:786px;width:33%}
.mainType1 .sales03_Wrap{left:0;top:1048px;width:33%}
.mainType1 .carusp_Wrap{left:33%;top:524px;width:67.4%}
.mainType1 .local_Wrap{left:33%;top:786px;width:33%}
.mainType1 .global_Wrap{left:65.8%;top:786px;width:34.4%}
.mainType1 .elead_Wrap{left:65.8%;top:786px;width:34.4%}

/* mainType02 */
.mainType2{height:1048px}
.mainType2 .mainCenterWrap .mainCenter{left:0;width:100%;height:524px;/*text-align:center*/text-align:left;} /* 170315 */
.mainType2 .mainCenterWrap .txtArea{left:0;width:100%;box-sizing:border-box;padding-left:15px;}
.mainType2 .mainCenterWrap .txtArea{left:0;width:100%}
.mainType2 .mainCenterWrap h2{margin:0 0 15px}
.mainType2 .mainCenterWrap h2:after{display:none}
.mainType2 .mainCenterWrap .subTxt1{font-size:19px;margin:0}
.mainType2 .mainCenterWrap .subTxt2{display:none}
.mainType2 .mainCenterWrap .imgArea{width:100%}
.mainType2 .mainCenterWrap .imgArea img{margin:-200px 0 0 -750px;width:auto;height:900px}

.mainType2 .sales01_Wrap{left:0;top:524px;width:33%}
.mainType2 .sales02_Wrap{left:0;top:786px;width:33%}
.mainType2 .sales03_Wrap{left:33%;top:786px;width:33%}
.mainType2 .carusp_Wrap{left:33%;top:524px;width:33%}
.mainType2 .global_Wrap{left:65.8%;top:524px;width:34.4%}
.mainType2 .elead_Wrap{left:65.8%;top:524px;width:34.4%}

/* mainType03 */
.mainType3{height:1048px}
.mainType3 .mainCenterWrap .mainCenter{left:0;width:100%;height:524px;/*text-align:center*/text-align:left;} /* 170315 */
.mainType3 .mainCenterWrap .txtArea{left:0;width:100%;box-sizing:border-box;padding-left:15px;}
.mainType3 .mainCenterWrap .txtArea{left:0;width:100%}
.mainType3 .mainCenterWrap h2{margin:0 0 15px}
.mainType3 .mainCenterWrap h2:after{display:none}
.mainType3 .mainCenterWrap .subTxt1{font-size:19px;margin:0}
.mainType3 .mainCenterWrap .subTxt2{display:none}
.mainType3 .mainCenterWrap .imgArea{width:100%}
.mainType3 .mainCenterWrap .imgArea img{margin:-200px 0 0 -750px;width:auto;height:900px}

.mainType3 .carusp_Wrap{left:0;top:524px;width:66%}
.mainType3 .sales01_Wrap{left:0;top:786px;width:33%}
.mainType3 .sales02_Wrap{left:33%;top:786px;width:33%}
.mainType3 .global_Wrap{left:65.8%;top:524px;width:34.4%}
.mainType3 .elead_Wrap{left:65.8%;top:524px;width:34.4%}

/* mainType04 */
.mainType4{height:1048px}
.mainType4 .mainCenterWrap .mainCenter{left:0;width:100%;height:524px;/*text-align:center*/text-align:left;} /* 170315 */
.mainType4 .mainCenterWrap .txtArea{left:0;width:100%;box-sizing:border-box;padding-left:15px;/*text-align:center*/text-align:left;} /* 170315 */
.mainType4 .mainCenterWrap h2{margin:0 0 15px}
.mainType4 .mainCenterWrap h2:after{display:none}
.mainType4 .mainCenterWrap .subTxt1{font-size:19px;margin:0}
.mainType4 .mainCenterWrap .subTxt2{display:none}
.mainType4 .mainCenterWrap .imgArea{width:100%}
.mainType4 .mainCenterWrap .imgArea img{margin:-200px 0 0 -750px;width:auto;height:900px}

.mainType4 .carusp01_Wrap{left:0;top:524px;width:66%}
.mainType4 .carusp02_Wrap{left:65.8%;top:524px;width:34.4%}
.mainType4 .sales01_Wrap{left:0;top:786px;width:33%}
.mainType4 .sales02_Wrap{left:33%;top:786px;width:33%}
.mainType4 .sales03_Wrap{left:65.8%;top:786px;width:34.4%}

/*S : 170905 */
/* mainType05 */
.mainType5{height:1048px}
.mainType5 .mainCenterWrap .mainCenter{left:0;width:100%;height:524px;text-align:center}
.mainType5 .mainCenterWrap .imgArea{width:100%}
.mainType5 .mainCenterWrap .imgArea img{width:100%}
.mainType5 .carusp01_Wrap{left:0;top:524px;width:66%}
.mainType5 .carusp02_Wrap{left:65.8%;top:524px;width:34.4%}
.mainType5 .sales01_Wrap{left:0;top:786px;width:33%}
.mainType5 .sales02_Wrap{left:33%;top:786px;width:33%}
.mainType5 .sales03_Wrap{left:65.8%;top:786px;width:34.4%}
.linkBtn {clear:both;margin:80px 0 0 -5px;}/*20150811 추가*/
.mainType5 .imgArea ul li.main_media_item_01 .txtArea {left:0; top:35px;}
.mainType5 .imgArea ul li.main_media_item_02 .txtArea {right:0; bottom:70px;}
.mainType5 .imgArea ul li.main_media_item_01 .txtArea img{width:78%; height: inherit;}
.mainType5 .imgArea ul li.main_media_item_02 .txtArea img{width:80%; height: inherit;}
.mainType5 .imgArea ul li picture:before {width:50px; height: 57px;  margin:-28px 0 -25px; background-size: 100%}
/*E : 170905 */

.mainType6 {height:1048px}
.mainType6 .line1 {top:0px;left:0px;}
.mainType6 .line1 .parsys01_1 .channel-main-cpnt {top:0px;left:0px;} 
.mainType6 .line1 .box {padding:140px 15px 0;background:url(/content/dam/kwcms/kr/ko/images/main/img_maintype6_tit_bg_tablet.jpg) center center no-repeat #000;background-size:auto 100%;}
.mainType6 .line1 .box .titlArea {max-width:183px;height:43px;background:url(/content/dam/kwcms/kr/ko/images/main/img_maintype6_tit_tablet.png) center center no-repeat;}
.mainType6 .line1 .box .snsBtnArea {max-width:180px;padding-top:24px;}
.mainType6 .line1 .box .snsBtnArea ul {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
.mainType6 .line1 .box .snsBtnArea ul li {width:33%;max-width:60px;height:auto;margin-bottom:20px;padding:0 7px;order:0;}
.mainType6 .line1 .box .snsBtnArea ul li:nth-child(1) {margin-left:15px;} 
.mainType6 .line1 .box .snsBtnArea ul li:nth-child(2) {margin-right:15px;} 
.mainType6 .line1 .box .snsBtnArea ul li:nth-child(3) {margin-left:15px;margin-right:0px;}
.mainType6 .line1 .box .snsBtnArea ul li:nth-child(4) {margin-right:15px;} 
	

.mainType6 .line2 {top:0px;left:33.33%;width:66.67%;}
.mainType6 .line3 {top:524px;left:0%;width:33.34%;}
.mainType6 .line4 {top:524px;left:33.33%;width:66.67%;}
.mainType6 .line5 {top:785px;left:0%;}
.mainType6 .line6 {top:785px;left:33.33%;}
.mainType6 .line7 {top:785px;left:66.66%;}

.mainType6 .line2 a.channel .type {padding:20px 10px 20px;font-size:20px;}
.mainType6 .line2 a.channel .txtArea {bottom:auto;top:0px;}
.mainType6 .line2 a.channel .txtArea span {padding-left:126px;}

.main_wrap .share{position:absolute;right:0;bottom:14px;z-index:30}

.linkBtn {clear:both;margin:80px 0 0 -5px;}/*20150811 추가*/
.linkBtn2 {clear:both;margin:0px 0 0 -5px;}/*20170705 추가*/
}
.popup_wrap02 .youtube{height:100%}
.popup_wrap02 .youtube{height:100%}
.popup_viewer{border-top:2px solid #bb162b;}
.popup_viewer .pop_con{width:100%;height:100%}
.popup_viewer .pop_con .img_more{padding:20px 25px 30px;background:#fff}
.popup_viewer .pop_con .img_more dt{margin-bottom:10px;font-size:23px;line-height:27px;font-family:'KiaB'}
.popup_viewer .pop_con .img_more dt:before{content:"";display:block;border-top:2px solid #d5172e;width:33px;height:2px;margin-bottom:5px}
.popup_viewer .pop_con .img_more dd{color:#666;font-size:14px}
.popup_wrap02{display:none;position:absolute;top:160px;left:50%;width:50%;height:auto;margin:0 0 0 -25%;z-index:1006}
.popup_wrap02 .closeBtn{position:absolute;top:-2px;right:-42px}
.popup_wrap02 .pop_con .youtube{position:relative;width:100%;height:0;padding:30px 0 50%}
.popup_wrap02 .pop_con .youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.popup_wrap02 .pop_con .img_more{padding:0}
.popup_wrap02 .pop_con .img_more dt:before{display:none}
.popup_wrap02 .pop_con .img_more dd{height:120px;padding:20px;border:1px solid #e8e8e8;overflow-y:scroll}
/* Mobile Device 코드 작성 */
@media all and (max-width:767px){

.main_inner .subTxt{display:none}
.mobileImg{display:inline}
.webImg{display:none}

.mainPrev{top:343px}
.mainPrev img{width:42px;height:42px}
.mainNext{top:343px}
.mainNext img{width:42px;height:42px}
.playVisual{right:129px;top:343px;width:42px;height:42px;background:url(/content/dam/kwcms/kr/ko/images/main/play_btn02_off.png) 0 0 no-repeat;}
.playVisual.on {background-image:url(/content/dam/kwcms/kr/ko/images/main/play_btn02_on.png);}
.stopVisual{right:86px;top:343px;width:42px;height:42px;background:url(/content/dam/kwcms/kr/ko/images/main/stop_btn02_off.png) 0 0 no-repeat;}
.stopVisual.on {background-image:url(/content/dam/kwcms/kr/ko/images/main/stop_btn02_on.png);}

.pagingNum{right:43px;top:343px;width:42px;height:42px;line-height:42px;font-size:12px}

.local strong{font-size:15px;font-family:kiaM}
.local .txtArea{width:284px;position:absolute;left:140px;top:20px;margin-left:-142px;text-align:left;line-height:20px}

.global strong{font-size:15px;font-family:kiaM}
.global .txtArea{width:284px;position:absolute;left:140px;top:20px;margin-left:-142px;text-align:left;line-height:20px}
.global .date{display:none}
.global .subTxt{display:block}
.global .listWrap{height:180px}

.elead{background-image:url(/content/dam/kwcms/kr/ko/images/main/bg_main_elead_m.gif);background-size:767px 180px}
.elead .txtArea{width:300px;top:25px;margin-left:-146px;text-align:left}
.elead .txtArea strong{line-height:28px;font-size:23px}
.elead .txtArea strong br{display:none}
.elead .txtArea .subTxt{margin-top:10px;line-height:18px;color:#333}
.elead .txtArea .desc{margin-top:10px;padding:0;line-height:18px;border-top:0;border-bottom:0}
.elead .vehicle{width:auto;height:75px;right:50%;margin-right:-140px;bottom:20px}

/*20150902 삭제*/
/*.linkArea a{margin-right:0;float:none;display:inline-block;}
.linkArea a + a {margin-top:5px;}*/
/*20150925 추가*/
.linkBtn + .linkBtn {margin-top:5px;}

.linkArea{width:142px;margin:20px auto 0;} /* 170320 */
.linkWorldcup{width:185px;margin:20px auto 0;}

/* mainType01 */
.mainType1{height:1063px}
.mainType1 .sales01 strong, .mainType1 .sales02 strong, .mainType1 .sales03 strong, .mainType1 .carusp strong, .mainType1 .local strong{font-size:15px;margin-bottom:0;font-family:kiaM}
.mainType1 .sales01 .imgArea, .mainType1 .sales02 .imgArea, .mainType1 .sales03 .imgArea, .mainType1 .local01 .imgArea, .mainType1 .local02 .imgArea{position:absolute;left:50%;top:0;width:100%;height:159px;margin-left:-188px;text-align:center}
.mainType1 .sales01 img, .mainType1 .sales02 img, .mainType1 .sales03 img, .mainType1 .local01 img, .mainType1 .local02 img, .mainType1 .carusp img{display:inline;margin:0;height:159px}

.mainType1 .mainCenterWrap .mainCenter{height:385px;text-align:center;} /* 170315 */
.mainType1 .mainCenterWrap .txtArea{left:0;top:22px;width:100%;padding-left:0px;} /* 170315 */
.mainType1 .mainCenterWrap h2 img{height:30px}
.mainType1 .mainCenterWrap h2:after{display:none}
.mainType1 .mainCenterWrap .subTxt1{font-size:18px;margin:0}
.mainType1 .mainCenterWrap .subTxt2{display:none}
.mainType1 .mainCenterWrap .imgArea{height:385px;text-align:center}
.mainType1 .mainCenterWrap .imgArea img{margin:0 0 0 -384px;height:480px}
.mainType1 .mainCenterWrap .imgArea .webImg{display:inline}

.mainType1 .sales01_Wrap{left:0;top:385px;width:50%;height:159px}
.mainType1 .sales01 .txtArea{top:98px}
.mainType1 .sales02_Wrap{left:0;top:544px;width:50%;height:159px}
.mainType1 .sales02 .txtArea{top:98px}
.mainType1 .sales03_Wrap{left:50%;top:544px;width:50%;height:159px}
.mainType1 .sales03 .txtArea{top:98px}
.mainType1 .carusp_Wrap{left:50%;top:385px;width:50%;height:159px}
.mainType1 .local_Wrap{left:0;top:703px;width:100%;height:180px}
.mainType1 .local_Wrap .listWrap .imgArea img{height:180px}
.mainType1 .global_Wrap{left:0;top:883px;width:100%;height:180px}
.mainType1 .global_Wrap .listWrap .imgArea img{height:180px}
.mainType1 .elead_Wrap{left:0;top:883px;width:100%;height:180px}
.mainType1 .elead_Wrap .imgArea img{height:180px}

/* mainType02 */
.mainType2{height:883px}
.mainType2 .sales01 strong, .mainType2 .sales02 strong, .mainType2 .sales03 strong, .mainType2 .carusp strong{font-size:15px;margin-bottom:0;font-family:kiaM}
.mainType2 .sales01 .imgArea, .mainType2 .sales02 .imgArea, .mainType2 .sales03 .imgArea{position:absolute;left:50%;top:0;width:100%;height:159px;margin-left:-188px;text-align:center}
.mainType2 .sales01 img, .mainType2 .sales02 img, .mainType2 .sales03 img, .mainType2 .carusp img{display:inline;margin:0;height:159px}

.mainType2 .mainCenterWrap .mainCenter{height:385px;text-align:center;} /* 170315 */
.mainType2 .mainCenterWrap .txtArea{left:0;top:22px;width:100%;padding-left:0px;} /* 170315 */
.mainType2 .mainCenterWrap h2 img{height:25px}
.mainType2 .mainCenterWrap h2:after{display:none}
.mainType2 .mainCenterWrap .subTxt1{font-size:18px;margin:0}
.mainType2 .mainCenterWrap .subTxt2{display:none}
.mainType2 .mainCenterWrap .imgArea{height:385px;text-align:center}
.mainType2 .mainCenterWrap .imgArea img{margin:0 0 0 -384px;height:480px}
.mainType2 .mainCenterWrap .imgArea .mobileImg{display:none}
.mainType2 .mainCenterWrap .imgArea .webImg{display:inline}

.mainType2 .sales01_Wrap{left:0;top:385px;width:50%;height:159px}
.mainType2 .sales01 .txtArea{top:98px}
.mainType2 .sales02_Wrap{left:0;top:544px;width:50%;height:159px}
.mainType2 .sales02 .txtArea{top:98px}
.mainType2 .sales03_Wrap{left:50%;top:544px;width:50%;height:159px}
.mainType2 .sales03 .txtArea{top:98px}
.mainType2 .carusp_Wrap{left:50%;top:385px;width:50%;height:159px}
.main_wrap.mainType2 .carusp .paging{bottom:25px}
.mainType2 .global_Wrap,
.mainType2 .global{left:0;top:703px;width:100%;height:180px}
.mainType2 .global_Wrap .listWrap .imgArea img{height:180px}
.mainType2 .elead_Wrap{left:0;top:703px;width:100%;height:180px}
.mainType2 .elead_Wrap .imgArea img{height:180px}

/* mainType03 */
.mainType3{height:883px}
.mainType3 .sales01 strong, .mainType3 .sales02 strong, .mainType3 .carusp strong{font-size:15px;margin-bottom:0;font-family:kiaM}
.mainType3 .sales01 .imgArea, .mainType3 .sales02 .imgArea{position:absolute;left:50%;top:0;width:100%;height:159px;margin-left:-188px;text-align:center}
.mainType3 .carusp img, .mainType3 .sales01 img, .mainType3 .sales02 img{display:inline;margin:0;height:159px}
.mainType3 .mainCenterWrap .mainCenter{height:385px;text-align:center;} /* 170315 */
.mainType3 .mainCenterWrap .txtArea{left:0;top:22px;width:100%;padding-left:0px;} /* 170315 */
.mainType3 .mainCenterWrap h2 img{height:33px}
.mainType3 .mainCenterWrap h2:after{display:none}
.mainType3 .mainCenterWrap .subTxt1{font-size:18px;margin:0}
.mainType3 .mainCenterWrap .subTxt2{display:none}
.mainType3 .mainCenterWrap .imgArea{height:385px;text-align:center}
.mainType3 .mainCenterWrap .imgArea img{margin:0 0 0 -384px;height:480px}
.mainType3 .mainCenterWrap .imgArea .mobileImg{display:none}
.mainType3 .mainCenterWrap .imgArea .webImg{display:inline}

.mainType3 .carusp_Wrap{left:0;top:385px;width:100%;height:159px}
.main_wrap.mainType3 .carusp .paging{bottom:25px}
.mainType3 .sales01_Wrap{left:0;top:544px;width:50%;height:159px}
.mainType3 .sales01 .txtArea{top:98px}
.mainType3 .sales02_Wrap{left:50%;top:544px;width:50%;height:159px}
.mainType3 .sales02 .txtArea{top:98px}
.mainType3 .global_Wrap,
.mainType3 .global{left:0;top:703px;width:100%;height:180px}
.mainType3 .global_Wrap .listWrap .imgArea img{height:180px}
.mainType3 .elead_Wrap{left:0;top:703px;width:100%;height:180px}
.mainType3 .elead_Wrap .imgArea img{height:180px}

/* mainType04 */
.mainType4{height:862px}
.mainType4 .carusp02 strong, .mainType4 .sales01 strong, .mainType4 .sales02 strong, .mainType4 .sales03 strong, .mainType4 .carusp01 strong{font-size:15px;margin-bottom:0;font-family:kiaM}
.mainType4 .carusp02 .imgArea, .mainType4 .sales01 .imgArea, .mainType4 .sales02 .imgArea, .mainType4 .sales03 .imgArea{height:159px}
.mainType4 .carusp01 img, .mainType4 .carusp02 img,.mainType4 .sales01 img, .mainType4 .sales02 img, .mainType4 .sales03 img{display:inline;margin:0;height:159px}

.mainType4 .mainCenterWrap .mainCenter{height:385px;text-align:center;} /* 170315 */
.mainType4 .mainCenterWrap .txtArea{left:0;top:22px;width:100%;text-align:center;padding-left:0px;} /* 170315 */
.mainType4 .mainCenterWrap h2 img{height:34px}
.mainType4 .mainCenterWrap h2:after{display:none}
.mainType4 .mainCenterWrap .subTxt1{font-size:18px;margin:0}
.mainType4 .mainCenterWrap .subTxt2{display:none}
.mainType4 .mainCenterWrap .imgArea{height:385px;text-align:center}
.mainType4 .mainCenterWrap .imgArea img{margin:0 0 0 -384px;height:480px}
.mainType4 .mainCenterWrap .imgArea .mobileImg{display:none}
.mainType4 .mainCenterWrap .imgArea .webImg{display:inline}

.mainType4 .carusp01_Wrap{left:0;top:385px;width:100%;height:159px}
.mainType4 .carusp01 .txtArea{width:284px}
.mainType4 .carusp02_Wrap{left:0;top:544px;width:50%;height:159px}
.mainType4 .carusp02 .txtArea{top:98px}
.mainType4 .sales01_Wrap{left:50%;top:544px;width:50%;height:159px}
.mainType4 .sales01 .txtArea{top:98px}
.mainType4 .sales02_Wrap{left:0;top:703px;width:50%;height:159px}
.mainType4 .sales02 .txtArea{top:98px}
.mainType4 .sales03_Wrap{left:50%;top:703px;width:50%;height:159px}
.mainType4 .sales03 .txtArea{top:98px}

.main_wrap .share{position:absolute;right:0;bottom:14px;z-index:30}
.main_wrap .mainCenterWrap .subTxt1 br{display:none}

.linkBtn {clear:both;margin:80px 0 0 -5px;}/*20150811 추가*/
.linkBtn2 {clear:both;margin:0px 0 0 -5px;}/*20170705 추가*/

/*S:170905*/
/* mainType05 */
.mainType5{height:862px}
.mainType5 .imgArea ul li {width:100%; height: 193px; float:inherit;} /*170913*/

.mainType5 .carusp02 strong, .mainType5 .sales01 strong, .mainType5 .sales02 strong, .mainType5 .sales03 strong, .mainType5 .carusp01 strong{font-size:15px;margin-bottom:0;font-family:kiaM}
.mainType5 .carusp02 .imgArea, .mainType5 .sales01 .imgArea, .mainType5 .sales02 .imgArea, .mainType5 .sales03 .imgArea{height:159px}
.mainType5 .carusp01 img, .mainType5 .carusp02 img,.mainType5 .sales01 img, .mainType5 .sales02 img, .mainType5 .sales03 img{display:inline;margin:0;height:159px}

.mainType5 .mainCenterWrap .mainCenter{height:385px}
/*.mainType5 .mainCenterWrap .txtArea{left:0;top:22px;width:100%}*/ /*170913*/
.mainType5 .mainCenterWrap h2 img{height:34px}
.mainType5 .mainCenterWrap h2:after{display:none}
.mainType5 .mainCenterWrap .subTxt1{font-size:18px;margin:0}
.mainType5 .mainCenterWrap .subTxt2{display:none}
.mainType5 .mainCenterWrap .imgArea{height:385px;text-align:center}
.mainType5 .mainCenterWrap .imgArea img{/*margin:0 0 0 -384px;*/height:100%}
.mainType5 .mainCenterWrap .imgArea .mobileImg{display:none}
.mainType5 .mainCenterWrap .imgArea .webImg{display:inline}

.mainType5 .carusp01_Wrap{left:0;top:385px;width:100%;height:159px}
.mainType5 .carusp01 .txtArea{width:284px}
.mainType5 .carusp02_Wrap{left:0;top:544px;width:50%;height:159px}
.mainType5 .carusp02 .txtArea{top:98px}
.mainType5 .sales01_Wrap{left:50%;top:544px;width:50%;height:159px}
.mainType5 .sales01 .txtArea{top:98px}
.mainType5 .sales02_Wrap{left:0;top:703px;width:50%;height:159px}
.mainType5 .sales02 .txtArea{top:98px}
.mainType5 .sales03_Wrap{left:50%;top:703px;width:50%;height:159px}
.mainType5 .sales03 .txtArea{top:98px}

.mainType5 .mainCenterWrap .imgArea picture img {width: 100%; height: 194px;}
.mainType5 .imgArea ul li.main_media_item_01 .txtArea {left:15px; top:15px;}
.mainType5 .imgArea ul li.main_media_item_02 .txtArea {right:0; top:15px;}
.mainType5 .imgArea ul li.main_media_item_01 .txtArea img{width:inherit; height: 73px;}
.mainType5 .imgArea ul li.main_media_item_02 .txtArea img{width:inherit; height: 83px;}
.mainType5 .imgArea ul li picture:before {width:32px; height: 35px; background-size: 100%}
.mainType5 .imgArea ul li.main_media_item_01 picture:before {left:80px; top:125px; }
.mainType5 .imgArea ul li.main_media_item_02 picture:before {    right: 80px;    top: 135px;    left: inherit; }

.popup_wrap .closeBtn{padding:10px}
.popup_wrap02{width:250px;margin-left:-125px;}
.popup_wrap02 .closeBtn{position:absolute;top:-34px;right:0;padding:10px}
/*E:170905*/

.mainType6 {height:862px}
.mainType6 .herb_Wrap {width:50% !important;height:159px;}

.mainType6 .channel img {display:inline;margin:0;height:159px}

.mainType6 .mainCenterWrap .mainCenter{height:385px}

.mainType6 .line1 {width:100% !important;height:67px;}
.mainType6 .line1 .parsys01_1 .channel-main-cpnt {width:100% !important;height:67px;}
.mainType6 .line1 .box {padding:0px 15px 0;background:url(/content/dam/kwcms/kr/ko/images/main/img_maintype6_tit_bg_mobile.jpg) center center no-repeat #000;background-size:auto 100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
.mainType6 .line1 .box .titlArea {width:60%;max-width:173px;height:40px;margin:0px;margin-left:15px;margin-top:5px;background:url(/content/dam/kwcms/kr/ko/images/main/img_maintype6_tit_mobile.png) center center no-repeat;background-size:100% auto;}
.mainType6 .line1 .box .snsBtnArea {width:30%;max-width:100px;padding-top:0px;margin:0px;margin-right:15px;overflow:hidden;overflow-x:scroll;}
.mainType6 .line1 .box .snsBtnArea ul {width:340%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:left;align-items:flex-start;}
.mainType6 .line1 .box .snsBtnArea ul li {width:auto;max-width:50px;height:auto;padding:0px;margin-bottom:0px;padding-right:10px;order:0;}
.mainType6 .line1 .box .snsBtnArea ul li:nth-child(1) {margin-left:0px;} 
.mainType6 .line1 .box .snsBtnArea ul li:nth-child(2) {margin-right:0px;} 
.mainType6 .line1 .box .snsBtnArea ul li:nth-child(3) {margin-left:0px;margin-right:0px;}
.mainType6 .line1 .box .snsBtnArea ul li:nth-child(4) {margin-right:0px;} 
.mainType6 .line1 .box .snsBtnArea ul li:last-child {padding:0px;max-width:40px;}

.mainType6 .line2 {top:67px;left:0%;width:100% !important;height:318px;}
.mainType6 .line2 .channel img {height:318px}
.mainType6 .line3 {top:385px;left:0%;}
.mainType6 .line4 {top:385px;left:50%;}
.mainType6 .line5 {top:544px;left:0%;width:100% !important;}
.mainType6 .line6 {top:703px;left:0%;}
.mainType6 .line7 {top:703px;left:50%;}

.mainType6 a.channel .type {width:74px;padding:3px 10px 3px;font-size:12px;}
.mainType6 .line2 a.channel .type {padding:7px 10px 7px;font-size:12px;}

.mainType6 a.channel .txtArea {min-height:30px;}
.mainType6 .line2 a.channel .txtArea {bottom:auto;top:0px;}
.mainType6 a.channel .txtArea span {min-height:30px;font-size:12px;line-height:18px;padding:8px 7px 8px;}
.mainType6 .line2 a.channel .txtArea span {padding-left:82px;}

}

.mainType1 .ani{background:#fff}
.mainType2 .ani{background:#fff}
.mainType3 .ani{background:#fff}
.mainType4 .ani{background:#fff}

@keyframes maintile{
    0%{opacity:0;transform-origin:50% 100% 0;transform:perspective(400px) rotateY(180deg) rotateX(0);z-index:1}
    100%{opacity:1;transform-origin:50% 100% 0;transform:perspective(0) rotateY(0) rotateX(0);z-index:2}
}
@-webkit-keyframes maintile{
    0%{opacity:0;-webkit-transform-origin:50% 100% 0;-webkit-transform:perspective(400px) rotateY(180deg) rotateX(0)}
    100%{opacity:1;-webkit-transform-origin:50% 100% 0;-webkit-transform:perspective(0) rotateY(0) rotateX(0)}
}
@-moz-keyframes maintile{
    0%{opacity:0;-moz-transform-origin:50% 100% 0;-moz-transform:perspective(400px) rotateY(180deg) rotateX(0)}
    100%{opacity:1;-moz-transform-origin:50% 100% 0;-moz-transform:perspective(0) rotateY(0) rotateX(0)}
}
@-o-keyframes maintile{
    0%{opacity:0;-o-transform-origin:50% 100% 0;-o-transform:perspective(400px) rotateY(180deg) rotateX(0)}
    100%{opacity:1;-o-transform-origin:50% 100% 0;-o-transform:perspective(0) rotateY(0) rotateX(0)}
}
@-ms-keyframes maintile{
    0%{opacity:0;-ms-transform-origin:50% 100% 0;-ms-transform:perspective(400px) rotateY(180deg) rotateX(0)}
    100%{opacity:1;-ms-transform-origin:50% 100% 0;-ms-transform:perspective(0) rotateY(0) rotateX(0)}
}

/* S : 180626 */
.popup .pop_con.he550{padding:20px 25px 30px 25px; max-height:550px;}
.popup .pop_con.he550 .tableTh{text-align: center;}

@media all and (max-width:767px){
	.popup .pop_con.he550{
		padding:5px 12px 15px 12px;
		overflow-y: scroll;
		max-height: 400px;
	}
}

/* E : 180626 */