@charset "utf-8";
/* copyright(c) WEBsiting.co.kr */

body, p{word-break:keep-all;}
::selection{background:#000000;color:#ffe47a;}
::-moz-selection{background:#000000;color:#ffe47a;}
/* 메인레이아웃 */
@media all and (min-width:1100px)
{
	.mainHeader{position:fixed;background:#fff; top:0px; left:0px; width:100%;height:80px; z-index:9999999999999; text-align:center; -webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	.mainHeader.scDown{box-shadow:  0 0 5px RGBA(0,0,0,0.03), 0 10px 5px RGBA(0,0,0,0.03); -webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	.mainHeader nav{overflow:hidden; margin:0 auto;width:100%; }

	.btnNavHome{display:none;}

	.topLogo{float:left;display:block; padding:0px;overflow:hidden; height:80px; line-height:80px;}
	.topLogo img{display:block; float:left; height:70px; margin:5px 15px; -webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	.topLogo .logoTxt{display:block; float:left; font-size:13px; line-height:1.2em; height:70px; margin:5px 0; -webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	.topLogo .logoTxt u{display:block; height:13px; margin-top:20px; text-decoration:none; font-weight:400;}
	.topLogo .logoTxt b{display:block; height:13px; font-weight:500; letter-spacing:0.3px; padding-top:3px;}

	.main-quick{display:block !important; overflow:hidden; margin:0 auto;text-align:right; float:right;padding-right:30px;}
	.main-quick li{float:left;}
	.main-quick li.btnHome{display:none;}
	.main-quick li a,
	.main-quick li b{display:inline-block; height:80px; line-height:80px; position:relative; padding: 0 15px; font-size:16px; color:#222;cursor:pointer; font-weight:bold;}
	.main-quick li a.btnSns{padding: 0 5px;}
	.main-quick li a:hover{color:#000;}
	.main-quick li a i{}
	.main-quick li a u{display:block;width:1px; height:14px; position:absolute; left:50%; bottom:24px; z-index:-1;
		-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;transition-duration: 0.4s;transition-timing-function: ease;}
	.main-quick li a em{display:block;}
	.main-quick li a.smLink{line-height:1.3em; font-size:16px; text-align:center; padding-top:32px;}
	.main-quick li a.gnbCont{padding-top:25px;}
	.main-quick li a.gnbCont b{display:inline-block; height:38px; line-height:36px;padding:0px 18px; border:1px solid #ddd; color:#222;border-radius:50px;vertical-align:middle;
		-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease; font-weight:400;}
	.main-quick li a.gnbCont b span{display:inline-block; font-size:18px;height:23px; margin-right:5px;vertical-align:middle;}
	.main-quick li a.gnbCont b img{display:inline-block; height:23px; margin-right:5px; margin-top:-2px;vertical-align:middle;}
	.main-quick li.current a{color:#000;}
	.main-quick li.current a u{width:auto; left:13px; right:13px; background:#c4fd8c !important;}
	.main-quick li.current a.gnbCont b,
	.main-quick li a:hover.gnbCont b{background:#222; color:#fff !important; font-weight:400 !important;}

	.mainHeader.scDown .main-quick li a,
	.mainHeader.scDown .main-quick li b{color:#222;cursor:pointer;}
	.mainHeader.scDown .main-quick li a:hover{color:#000;}
	.mainHeader.scDown .main-quick li.current a,
	.mainHeader.scDown .main-quick li.current b{color:#000; font-weight:bold;}
	.mainHeader.scDown .main-quick li.current a u{background:#000;}

	.mwNavCover,
	#gnbOnOff{display:none !important;}

	.wv01{display:block;}
	.wv02{display:none;}

}
@media all and (max-width:1300px)
{
	.topLogo .logoTxt{display:none;}
}
@media all and (max-width:1100px)
{
	.mainHeader{background:none; position:fixed; top:0px; left:0px; width:100%;height:50px;z-index:9999999999999; text-align:center; 
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

	.mainHeader nav{margin:0 auto;width:100%; }
	.btnNavHome{display:block;}

	.topLogo{float:left;display:block; padding:0px;overflow:hidden; background:#fff; height:50px; line-height:50px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	.topLogo img{display:block; float:left; height:40px;margin:5px;}

	.topLogo .logoTxt{display:block; float:left;  font-size:10px; line-height:1.2em; height:50px; margin:5px 0; -webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	.topLogo .logoTxt u{display:block; height:11px; margin-top:8px; text-decoration:none; font-weight:400;}
	.topLogo .logoTxt b{display:block; height:11px; font-weight:500; letter-spacing:0.3px;}

	.mainHeader.scDown .topLogo{width:100%; background:#fff;box-shadow:  0 0 5px RGBA(0,0,0,0.05), 0 10px 5px RGBA(0,0,0,0.05);}

	.main-quick{ overflow:auto; width:100%;max-height:100%; padding-bottom:50px; position:fixed; z-index:99; top:0px; right:-100%; margin:0 auto;text-align:center;
		-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	.main-quick li{width:100%;display:block;}
	.main-quick li a,
	.main-quick li b{display:block; text-align:center;; position:relative; padding: 0 15px; font-size:14px; color:#d7eaf7; font-weight:bold;}
	.main-quick li a{color:#000; padding:15px 30px; font-size:20px;}
	.main-quick li.snsLi{display:inline-block; width:50px;}
	.main-quick li a.btnSns{padding: 0 5px;}
	.main-quick li a:hover{color:#000;}
	.main-quick li a span{display:inline-block; position:relative;}
	.main-quick li a i{display:block;width:1px; height:14px; position:relative; margin-top:-14px; z-index:-1;
		-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;transition-duration: 0.4s;transition-timing-function: ease;}
	.main-quick li a u{display:block;width:1px; height:1px; position:absolute; left:0; bottom:0px; -webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	.main-quick li:first-child{margin-top:60px;}
	.main-quick li.current a{color:#000;}
	.main-quick li.current a i{width:100%;background:#c4fd8c !important;}
	.main-quick li a.gnbCont{padding-top:15px;}
	.main-quick li a.gnbCont b{display:inline-block; padding:10px 18px; border:1px solid #999; color:#000;border-radius:50px;vertical-align:middle;}
	.main-quick li a.gnbCont b span{display:inline-block; height:23px; margin-right:5px; margin-top:-2px;vertical-align:middle;}
	
	.mwNavCover{display:block;position:fixed; background:rgba(255,255,255,0.85); z-index:98;width:100%; height:100%; top:50px;  right:-100%; bottom:0px;
		-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;
		backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
		}

	#gnbOnOff{display:block; position:fixed; right:-5px; top:-5px; padding:30px; cursor:pointer; z-index:9999999999; background:none; border:0px;
	-webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
	#gnbOnOff > i{display:block; width:60px; height:50px; position:relative; overflow:hidden;}
	#gnbOnOff > i > i{display:block; width:100%; height:4px; background:#000; position:absolute; right:0px; border-radius:5px;
		-webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
	#gnbOnOff > i > i:nth-child(1){top:0px;}
	#gnbOnOff > i > i:nth-child(2){top:50%; margin-top:-2px; width:70%;}
	#gnbOnOff > i > i:nth-child(3){bottom:0px;}
	#gnbOnOff{padding:15px;}
	#gnbOnOff > i{width:30px; height:25px;}
	#gnbOnOff > i > i{height:2px;}
	#gnbOnOff > i > i:nth-child(2){margin-top:-1px;}
	body.gnbOn #gnbOnOff > i > i:nth-child(1),
	body.gnbOn #gnbOnOff > i > i:nth-child(3){margin-right:-15%;}
	body.gnbOn #gnbOnOff > i > i:nth-child(1){width:110%; transform: rotate(45deg); margin-right:-15%;}
	body.gnbOn #gnbOnOff > i > i:nth-child(2){width:100%;}
	body.gnbOn #gnbOnOff > i > i:nth-child(3){width:110%; transform: rotate(-45deg); margin-right:-15%;}
	#gnbOnOff:hover{transform: scale(0.9);}
	
	.mainHeader.scDown #gnbOnOff{background:RGBA(255,255,255,1);}

	.mainHeader.on .main-quick,
	.mainHeader.on .mwNavCover{right:0px;} 
	.mainHeader.on #navClose{display:block;}

	#hdspc{height:50px;}

	.wv01{display:none;}
	.wv02{display:block;}

}

#backspacer{height:80px; width:100%;}
.btnDownGo{display:block; padding:15px 0; position:absolute; font-size:16px; right:-50px; bottom:10px; color:#fff; text-align:center; z-index:3; transform:rotate(-90deg);
	margin-bottom:40px; margin-right:-10px;
	}
.btnDownGo u{display:inline-block; width:60px; height:1px; background:#fff;}
.scDown .btnDownGo{bottom:-900px;}
	.btnDownGo{
	  animation-name: dongbo;
	  animation-duration:1s;
		animation-duration: leaner;
	  animation-iteration-count:infinite;
		animation-direction:alternate;
		animation-fill-mode: forwards;
	}
	@-webkit-keyframes dongbo {
	  0% {
		bottom:0px;
	  }
	  100% {
		bottom:-20px;
	  }
	}

.mSecCommon{width:100%;  position:relative;  overflow:hidden; z-index:2; }

#Section00q{ background:#efefef; background-size:cover; width:100%; margin:0px; padding:0px; overflow:hidden; position:relative;  z-index:3;}
#Section00q h2{text-align:center; font-size:60px; font-weight:700; font-family:'Noto Sans KR','Malgun Gothic', sans-serif; 
	line-height:1.3em; position:relative; width:100%; color:#fff; padding:150px 20px;
	text-shadow:0px 0px 10px rgba(0,0,0,0.05),0px 0px 14px rgba(0,0,0,0.05),0px 0px 10px rgba(0,0,0,0.05);}
	#Section00q h2 b{font-weight:900;}
	#Section00q h2 span{display:inline-block; position:relative; 
		-webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
	#Section00q h2.on span{opacity:100%;}
	
	#Section00q h2 span u{display:block; position:absolute; width:100%; bottom:0px; top:50%; background:RGBA(0,0,0,0.2); z-index:-2;}

.spot {position: absolute;top:0%;width: 100%;height: 50%;border-radius:  100% 100% 0 0;background: linear-gradient(90deg, transparent, transparent, RGBA(255,255,255,0.2));filter: blur(60px);}

.Sec00-t{display:block; width:80%; margin:0 auto; position:relative; z-index:2; overflow:hidden; z-index:2;}
.Sec00-t img{display:block; float:left; width:16.6666%;}

.bg-slider {
    position: absolute;
	left:0px; top:0px; z-index:1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
	animation: fade 18s infinite, zoom 18s infinite;
}

/* 각 이미지 지정 */
.s1 {
    background-image: url('../img/mainimg01.jpg');
    animation-delay: 0s;
}

.s2 {
    background-image: url('../img/mainimg02.jpg');
    animation-delay: 6s;
}

.s3 {
    background-image: url('../img/mainimg03.jpg');
    animation-delay: 12s;
}

/* 페이드 애니메이션 */
@keyframes fade {
    0% { opacity: 0; }
    5% { opacity: 1; }
    30% { opacity: 1; }
    35% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes zoom {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}


.Section00A h2{font-size:50px; text-align:center; font-weight:900; line-height:1.2em; margin-bottom:50px;}
.Section00A h2 small{display:block; font-size:24px; font-weight:400; line-height:1.2em; margin:10px 0;}
.Section00A h2 b{font-size:18px; color:#ff8d00; display:inline-block; padding:10px 20px; background:#f8ebda; border-radius:50px; line-height:1.0em;}
.logoWhiteLineUp{display:block; margin:0 auto 50px; opacity:30%;}

.mSecCommon{padding:150px 30px 30px;}

.sec00{ text-align:center;}
.sec00 a{display:inline-block; width:12.5%; text-align:center; color:#999; font-size:14px; margin:20px 1%; padding-bottom:30px; cursor:pointer;
	box-shadow:  0 0 5px RGBA(0,0,0,0.03), 0 10px 5px RGBA(0,0,0,0.03); border:3px solid transparent; border-radius:8px; overflow:hidden;
	-webkit-transition-duration: 0.8s;-webkit-transition-timing-function: ease;transition-duration: 0.8s;transition-timing-function: ease;
	}
.sec00 a img{display:block; margin:0 auto; -webkit-transition-duration: 0.8s;-webkit-transition-timing-function: ease;transition-duration: 0.8s;transition-timing-function: ease;}
.sec00 a span{display:block; padding-top:10px; position:relative; z-index:2;}
.sec00 a b{display:block; color:#111; font-size:16px; padding-top:10px;}
.sec00 a u{display:block; color:#999; font-size:12px; padding-top:10px; text-decoration:none;}
.sec00 a:hover{border:3px solid #ddd;}
.sec00 a:hover img{transform:scale(1.05);}
.sec00 a:hover u{color:#ff8d00;}

.sec01{overflow:hidden;}
.sec01 > i{display:block; width:50%; float:left; margin-right:-1%; position:relative; z-index:1;}
.sec01 > div{display:block; width:50%; float:left; text-align:center; margin-top:70px; padding:70px 0; background:#faf9f8; margin-left:-1%;}
.sec01 > div ul{width:80%; margin:0 auto; text-align:left;}
.sec01 > div ul li{overflow:hidden; font-size:18px; color:#999; border-bottom:1px dashed RGBA(0,0,0,0.1); margin-top:20px;}
.sec01 > div ul li:last-child{border-bottom:0px;}
.sec01 > div ul li img{display:block; float:left; margin-right:20px;}
.sec01 > div ul li b{display:inline-block; padding:50px 0 10px; font-size:30px; color:#000;}

.sec02{overflow:hidden; width:90%; margin:0 auto;}
.sec02 > i{display:block; width:50%; float:right; position:relative; z-index:1;}
.sec02 > div{display:block; width:50%; float:right; text-align:center; padding:70px 0;}
.sec02 > div ul{width:80%; margin:0 auto; text-align:left;}
.sec02 > div ul li{overflow:hidden; font-size:18px; color:#999; border-bottom:1px dashed RGBA(0,0,0,0.1); margin-top:20px;}
.sec02 > div ul li:last-child{border-bottom:0px;}
.sec02 > div ul li img{display:block; float:left; margin-right:20px; width:180px;}
.sec02 > div ul li b{display:inline-block; padding:50px 0 10px; font-size:30px; color:#000;}


#Section04 > i{display:block; position:absolute; left:0px; top:0px; z-index:1; width:25%;}

.sec03 {position:relative; z-index:2;}
.sec03 ul{width:75%; overflow:hidden; margin:0 auto; position:relative; z-index:2;}
.sec03 ul li{width:25%; float:left; text-align:center;font-size:24px; font-weight:700;}
.sec03 ul li img{display:block; margin:0 auto 10px;}
.sec03 ul li span{display:block; margin-top:10px; color:#ff8d00;}


.sec04{overflow:hidden; width:90%; margin:0 auto; background:#faf9f8;}
.sec04 > i{display:block; width:50%; float:right; position:relative; z-index:1; overflow:hidden;}
.sec04 > i img{float:right;}
.sec04 > div{display:block; width:50%; float:left; text-align:center; padding:70px 0;}

.sec04 ul{width:90%; overflow:hidden; margin:30px auto 0; position:relative; z-index:2;}
.sec04 ul li{width:33.333%; float:left; text-align:center;font-size:18px; font-weight:700; padding:30px 0; border-right:1px dashed RGBA(0,0,0,0.08);}
.sec04 ul li:last-child{border-right:0px;}
.sec04 ul li img{display:block; margin:0 auto 10px;}
.sec04 ul li b{display:inline-block; padding:6px 16px; background:#000; color:#fff; border-radius:50px; margin-bottom:20px;}



.sec05{background:URL('../img/contactBg.jpg') no-repeat center center #333; background-size:cover; color:#fff; padding:300px 10%; margin-top:100px;}
.sec0501{width:40%; float:left; overflow:hidden; font-size:24px; font-weight:700;}
.sec0501 img{display:block; float:left; margin:0 20px 60px;}
.sec0501 b{display:block; font-size:0.85em; margin-top:15px; font-weight:400;}
.sec0501 b small{display:block;  font-size:12px; color:RGBA(255,255,255,0.7);}

.sec0502{position:absolute; right:0px; top:0px; bottom:0px; left:50%; background:RGBA(0,0,0,0.5); text-align:center; padding:220px 20px;}
.sec0502 > b{display:block; font-size:30px;}
.sec0502 > b small{font-size:0.72em; display:block; font-weight:400;}
.sec0502 > a{display:inline-block; font-size:26px; margin:30px auto; padding:30px 60px; color:#fff; background:#000; border-radius:15px;}
.sec0502 > a b{font-size:38px; color:#fa6400;}
.sec0502 > u{display:block; font-size:18px; text-decoration:none;}
.sec0502 > a span{display:none;}

/* Responsive code*/
@media all and (max-width:1600px)
{

	.sec00 a{width:30%;}
	
	.sec04 > i{display:block; width:100%; float:none; text-align:center; }
	.sec04 > i img{display:block; width:100%; }
	.sec04 > div{display:block; width:100%; float:none; text-align:center; padding:70px 0;}


	.sec05{margin-top:50px;}
	.sec0501{font-size:18px;}

}
@media all and (max-width:1400px)
{


	.sec01 > i{width:100%; float:none; margin-right:0; overflow:hidden; height:20%;}
	.sec01 > i img{display:block; width:100%;}
	.sec01 > div{width:100%; float:none; text-align:center; margin-top:0;  margin-left:0;}

	.sec02{width:100%;}
	.sec02 > i{width:100%; float:none; margin-right:0; overflow:hidden; height:20%;}
	.sec02 > i img{display:block; width:100%;}
	.sec02 > div{width:100%; float:none; text-align:center; margin-top:0;  margin-left:0;}

	.sec03 ul{width:90%;}

}
@media all and (max-width:1100px)
{
	#Section00q h2{font-size:40px; }
	
	#backspacer{height:50px;}

	.mSecCommon{padding:80px 30px 30px;}

	.sec05{padding:0;}
	.sec0501{width:500px; float:none; margin:0 auto; padding-top:80px;}
	.sec0502{position:static; padding:80px 0 80px; margin-top:50px;}

}
@media all and (max-width:980px)
{
	.Section00A h2{font-size:30px;}
	.Section00A h2 small{font-size:14px;}
	.Section00A h2 b{font-size:14px;}
	.logoWhiteLineUp{width:120px; margin-bottom:30px;}
}
@media all and (max-width:800px)
{
	#Section00q{height:auto !important; padding:50px 0 30px;}
	#Section00q h2{font-size:36px;}

	.Sec00-t img{width:33.33333333%}

	.btnDownGo{font-size:12px; bottom:auto;}

	.mSecCommon{width:auto !important; padding:70px 0 0; margin:0 !important;}
	
	.sec00 a{width:47%;}

	.sec01 > div ul{width:100%;}
	.sec01 > div ul li{font-size:14px;padding-bottom:30px; }
	.sec01 > div ul li img{width:80px;margin-right:15px;}
	.sec01 > div ul li b{display:inline-block; padding:0 0 10px; margin-top:0px; font-size:18px; color:#000;}

	.sec02 > div ul{width:100%;}
	.sec02 > div ul li{font-size:14px;padding-bottom:30px; }
	.sec02 > div ul li img{width:80px;margin-right:15px;}
	.sec02 > div ul li b{display:inline-block; padding:0 0 10px; margin-top:0px; font-size:18px; color:#000;}
	
	.sec03 ul li{width:50%;font-size:14px; }
	.sec03 ul li:nth-child(1),
	.sec03 ul li:nth-child(2){padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed RGBA(0,0,0,0.1);}
	.sec03 ul li img{width:80px;}

	.sec04{width:100%;}
	.sec04 ul li{font-size:14px; position:relative;}
	.sec04 > i img{margin-top:-30%;}

	.sec05{margin:0px;}
	
	.sec0501{padding-top:30px;}
	
}

@media all and (max-width:680px)
{
	#Section00q h2{font-size:30px; }

	.mSecCommon{padding:50px 0 0; }

	.Section00A h2{font-size:26px;}
	.Section00A h2 small{font-size:12px;}
	.Section00A h2 b{font-size:12px;}
	
	.mainSce00A a{padding:0 5px;}
	.mainSce00A a > b{font-size:10px; font-weight:400;}

	.sec00 a span{font-size:11px;}
	.sec00 a b{font-size:14px; }
	.sec00 a u{font-size:11px;}

	.sec01 > div ul li{text-align:center; }
	.sec01 > div ul li img{width:80px;margin-right:0; margin:0 auto 15px; float:none;}
	.sec01 > div ul li b{ padding:0 0 10px; }

	.sec02 > div ul li{text-align:center; }
	.sec02 > div ul li img{width:80px;margin-right:0; margin:0 auto 15px; float:none;}
	.sec02 > div ul li b{}

	#Section04{padding-top:100px;}
	#Section04 > i{display:block; position:absolute; left:0px; top:0px; width:auto; }
	#Section04 > i img{height:130px;}

	.sec04 ul li{font-size:16px; border:0px; width:100%;}
	.sec04 ul li img{width:100px;margin:0px auto;}
	.sec04 ul li b{margin-top:0px;}
	.sec04 ul li:after{content:''; display:block; width:1px;  position:absolute; top:-50px; bottom:-50px; left:50%; background:#999; z-index:-1;}
	.sec04 ul li img,
	.sec04 ul li span{background:#faf9f8;}
	.sec04 ul li span{display:inline-block; padding:10px 0;}

	.sec0502{padding-top:80px;}
	.sec0502 > b{font-size:18px;}
	.sec0502 > a{padding:15px 25px; font-size:16px; border-radius:5px; background:#000;}
	.sec0502 > a b{font-size:20px;}
	.sec0502 > a span{display:inline;}
	.sec0502 > u{font-size:13px;}

	.sec0501{width:100%; float:none; font-size:14px; text-align:center; padding:50px 0;}
	.sec0501 img{display:block; float:none; margin:0 auto 15px; width:60px;;}
	.sec0501 b{font-size:12px;}
	.sec0501 b small{font-size:10px;}

}




.detailImg{visibility:hidden; opacity:0; position:fixed; left:0px; top:0px; right:0px; bottom:0px; overflow:hidden; text-align:center; z-index:9999999999; background:RGBA(0,0,0,0.6);backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
		-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.detailImg i{display:block; height:1%; overflow:auto; margin:25% auto 0; max-width:860px; width:90%; position:relative; z-index:2;
	-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease;}
.detailImg i img{display:block;}
.detailImg span{display:block;position:fixed;right:10px; top:10px; color:#fff; z-index:99999999999; cursor:pointer; font-size:40px; padding:3px; background:#000;}
.detailImg.ovfH2{visibility:visible; opacity:100%;}
.detailImg.ovfH2 i{ height:95%;margin:2.5% auto 0;}

@media all and (max-width:980px)
{
	.detailImg.ovfH2 i{margin-top:30px; height:93%}
	.detailImg span{right:0px; top:0px; }
}