div.detailWrap {
	width: 100%;
	position: relative;
	padding-top: 109.38%;
	overflow: hidden;
}

.ab {
	position: absolute;
}

div.detailSwiper p.keep-all {
	word-break: keep-all;
}

div.detailSwiper .swiper-pagination {
	position: static !important;
}

div.detailSwiper p.main {
	/*color: #D50032;*/ /*占쎄쑬以덌옙�곴숲*/	   
	/* color: #00AFD7;*/ /*占쎈��곻옙占�*/
	color: #00AFD7;
}

div.detailSwiper p.tit {
	/*color: #D50032;*/ /*占쎄쑬以덌옙�곴숲*/	   
	/* color: #00AFD7;*/ /*占쎈��곻옙占�*/
	color: #00AFD7;
}

div.detailSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #00AFD7 !important;
}

div.detail_1 video {
	position: absolute;
	top: 0;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
}

div.detail_2 p.sub {
	color: #a1a1a1;
	left: 12%;
	bottom: 27%;
	font-size: 1.1em;
	font-weight: 900;
	letter-spacing: 0.3px;
}

div.detail_2 p.main {
	font-size: 1.9em;
	bottom: 14%;
	left: 12%;
	font-weight: 900;
	letter-spacing: -0.9px;
	line-height: 130%;
	}

	div.detail_2 p.tit {
		font-size: 0.9em;
		bottom: 21%;
		right: 4%;
		font-weight: 900;
		letter-spacing: -0.9px;
		line-height: 130%;
		}

div.detail_2 img {
	top: 2%;
	width: 70% !important;
	left: 18%;
}

div.detail_3 img,
div.detail_4 img,
div.detail_5 img {
	top: 0;
}

div.detail_3 p.txt {
	bottom: 8%;
	left: 8%;
	font-size: 2.2em;
	font-weight: 900;
	line-height: 150%;
	letter-spacing: 0.1px;
	width: 100%;
	color:#fff
}

div.detail_4 p.txt {
	top: 6%;
	left: 9%;
	font-size: 1.9em;
	font-weight: 900;
	line-height: 177%;
	letter-spacing: 0.1px;
	white-space: pre-line;
	color: #fff;
	overflow: hidden;
	height: 0%;
}

div.detail_4 p.txt.AniTrigger {
	animation-duration: 6s;
	  animation-name: scrollDown;
	  animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
	animation-iteration-count:infinite;
}

div.detail_5 p.txt {
	bottom: 8%;
	left: 10%;
	font-size: 2em;
	font-weight: 900;
	line-height: 80%;
	letter-spacing: 0.1px;
	white-space: pre-line;
	color: #fff;
}

div.detail_6 video {
	position: absolute;
	top: 0;
	width: 50%;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
}

div.detail_7 img {
	position: absolute;
	top: 50%;
	width: 200% !important;
	transform: translateY(-50%);
}

div.detail_7 img.imgAniTrigger {
	animation-duration: 6s;
	  animation-name: leftIn;
	  animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	animation-iteration-count:infinite;
}


div.detail_8 img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 80% !important;
	left: 10%;
}


#dfnsaccordion {
list-style-type: none;
padding: 0;
margin: 0;
}

#dfnsaccordion ul {
padding-left: 5%;
margin: 0;
width: 100%;
}

#dfnsaccordion li {
position: relative;
cursor: pointer;
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
}

#dfnsaccordion li div {padding-left: 1.5%;margin: 0 auto;width: 100%;line-height: 2em;margin-top: 1%;text-align: left;}

#dfnsaccordion a {font-size: 1.1em;padding: 0 20px;line-height: 40px;display: block;width: 100%;height: 100%;border-bottom: 0.5px solid #d4d4d4;text-align: left;}

.dfnsaccordion_1>li.active>a {
font-weight: 700;
color: #D50032;
border-bottom: 2px solid #D50032;
}

.dfnsaccordion_2>li.active>a {
font-weight: 700;
color: #00AFD7;
border-bottom: 2px solid #00afD7 !important;
}

.dfnsaccordion_3>li.active>a {
font-weight: 700;
color: #fee500;
border-bottom: 2px solid #fee500;
}

#dfnsaccordion>li a:before {
content: '';
display: block;
width: 7px;
height: 7px;
position: absolute;
right: 20px;
top: 20px;
border: 1px solid #8e8e8e;
border-color: #8e8e8e #8e8e8e transparent transparent;
-webkit-transform: translateY(-7px) rotate(135deg);
-ms-transform: translateY(-7px) rotate(135deg);
transform: translateY(-7px) rotate(135deg);
}

.dfnsaccordion_1>li.active a:before {
border: 1px solid #D50032 !important;
border-color: #D50032 #D50032 transparent transparent !important;
}

.dfnsaccordion_2>li.active a:before {
border: 1px solid #00AFD7 !important;
border-color: #00AFD7 #00AFD7 transparent transparent !important;
}

.dfnsaccordion_3>li.active a:before {
border: 1px solid #fee500 !important;
border-color: #fee500 #fee500 transparent transparent !important;
}

#dfnsaccordion>li.active>a:before {
-webkit-transform: translateY(-1px) rotate(-45deg);
-ms-transform: translateY(-1px) rotate(-45deg);
transform: translateY(-1px) rotate(-45deg);
}

table.prdInfo {
font-size: 1em;
margin-top: 5%;
}

table.prdInfo td {
border: 1px solid #d4d4d4;
height: 45px;
}

table.prdInfo td.subject {
width: 16%;
text-align: center;
word-break: keep-all;
}
table.prdInfo td.contents {
width: 75%;
padding: 10px;
}
@-webkit-keyframes scrollDown {
	0% {
		height: 10%;
	}

	50% {
		height: 80%
	}
	
	100% {
		height: 80%;
	}
}

@-moz-keyframes scrollDown {
	0% {
		height: 10%;
	}

	50% {
		height: 80%
	}
	
	100% {
		height: 80%;
	}
}

@-o-keyframes scrollDown {
	0% {
		height: 10%;
	}

	50% {
		height: 80%
	}
	
	100% {
		height: 80%;
	}
}

@keyframes scrollDown {
	0% {
		height: 10%;
	}

	50% {
		height: 80%
	}
	
	100% {
		height: 80%;
	}
}

@-webkit-keyframes leftIn {
	0% {
		left: 45%;
	}
	
	100% {
		left: -100%;
	}
}

@-moz-keyframes leftIn {
	0% {
		left: 45%;
	}
	
	100% {
		left: -100%;
	}
}

@-o-keyframes leftIn {
	0% {
		left: 45%;
	}
	
	100% {
		left: -100%;
	}
}

@keyframes leftIn {
	0%{
		left: 45%;
	}
	
	100% {
		left: -100%;
	}
}

@media (min-width: 1025px) {
	div.detailWrap {
		padding-top: 50%;
	}

	div.detail_2 img {
		top: 0%;
		width: 50% !important;
		left: 10%;
	}
	div.detail_2 p.sub {
		right: 4%;
		bottom: 13%;
		text-align: right;
	}
	div.detail_2 p.txt {
		font-size: 2.9em;
		bottom: 27%;
		right: 3.4%;
		line-height: 150%;
		text-align: right;
	}

	div.detail_3 img, /*div.detail_4 img, */ div.detail_5 img {
		top: -60%;
		left: 0;
		max-width: 100%;
	}

	div.detail_3 p.txt {
		width: 50%;
		text-align: left;
	}

	div.detail_4 p.txt {
		left: 0%;
		width: 100%;
	}
	div.detail_7 img {
		width: 100% !important;
	}
	div.detail_8 img {
		max-width: 100% !important;
	}		
}