@charset "utf-8";
/* 초기화 */
html, body { height: 100%; }
body, h1, h2, h3, p, ul { margin: 0; padding: 0; }
dl, dt, dd { margin: 0; padding: 0; }
li { list-style: none; }
a { text-decoration: none; }
.hidden { position: absolute; left: -9999px; }
body { position: relative; }
.mobilemenu { display: none; }
.Mobileproductimg { display: none; }
.mobile_productImgWrap { display: none; }
.langWrap { display: none; }
#aboutSection .about_center .mobile_center_img { display: none; }


/* 폰트 */
* { font-family: 'NEXON Lv2 Gothic'; }
/* 헤더 */
#header { position: fixed; overflow: hidden;
          z-index: 999;
          top: 0; left: 0;
          width: 100%; height: 100px;
          background: rgba(0, 0, 0, 0.7) }
#header.over { background: #fff; }
#header::after { content: "";
                position: absolute; top: 100px; left: 0;
                width: 100%; height: 200px; }
#header > a { position: absolute; top: 15px; left: 100px; color: #fff; }
#header.over > a { color: #000; }
#header .logo_img { width: 200px; }
#header.over #gnb > ul > li > a { color: #000; }

#header .languageWrap { position: absolute; z-index: 999; right: 0; height: 100px; }
#header .languageWrap .loginbtn {position: absolute; right: 140px; top: 50%; transform: translateY(-50%);}
#header .languageWrap .loginicon { width: 25px; }
#header .languageWrap .logouticon { width: 25px; }
.changeLangWrap { 
	position: absolute;
	top: 32px; right: 40px;
	border: 1px solid #fff;
}
.changeLangWrap dt { color: #fff; cursor: pointer; padding: 7px; font-size: 14px;}
.changeLangWrap dd { display: none; margin: 0; }
.changeLangWrap a { color: #000; }
.changeLangWrap a:hover { color: #d96b2b; }
.changeLangWrap dl { margin: 0; padding: 0; }
.changeLangWrap ul li { text-indent: 10px; padding: 4px 0; font-size: 14px;}
	
.lang_btn { background: none; border: none; outline: none; color: #fff; cursor: pointer; }

/* gnb 공통 */
#gnb { position: absolute; top: 0; left: 50%; z-index: 999; margin-left: -275px; }
#gnb .maintitle:hover { font-weight: bold; }
#gnb ul li { text-align: center; }
#gnb ul li a { color: #fff; }
/* gnb 개별  */
#gnb > ul > li { width: 150px; height: 330px; float: left; }
#gnb > ul > li > a { display: block; height: 100px; line-height: 100px; position: relative;}

/* 메뉴바 상무님 요청사항 */
@media screen and (min-width: 1200px){
	#gnb > ul > li:hover { background: #d96b28 !important;  }
	#gnb > ul > li:hover a {color : #fff; }
	#header.over #gnb > ul > li:hover > a { color: #fff; }
	
	/* subMenu */
	#gnb .subMenu li { line-height: 50px; }
	#gnb .subMenu li a { color: #000; }
	#gnb .subMenu li a:hover { font-weight: bold; font-size: 18px;}
}

/* MOREVIEW BTN  */
.moreview_btn {
    padding : 10px 25px;
    font-size: 14px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.moreview_btn:after {
    content: "";
    width: 0%;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background: #d96b2b;
}
.moreview_btn:hover {
    color: #222;
    font-weight: bold;
}
.moreview_btn:hover:after {
    width: 100%;
    z-index: -1;
}

.white_moreview_btn{
  border: 1px solid #fff;
  color: #fff;
}

.dark_moreview_btn {
  color: #222;
  font-weight: normal !important;
  border: 1px solid #222;
  top: 50px;
}

.btn_center_wrap { text-align: center; }


/* video */
#videoWrap { overflow: hidden; position: absolute;
            top: 0; left: 0;
            width:100%; height:100%; max-height: 969px; }
#videoWrap video { position: absolute;
                   top:50%; left: 50%;
                   transform: translate(-50%, -50%);
                   width:100%; }
#darkfilm { position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.7); z-index: 8;}
#videopattern { position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                background: url(../img/raster.png); z-index: 9; }
#video_words { position: absolute; top: 50%; left: 20%; z-index: 10; transform: translateY(-50%); }
#video_words > h1 { font-size: 50px; color: #fff; font-weight: normal; opacity: 0; text-shadow: 3px 3px 0 rgba(0,0,0,0.8); margin-top: 50px; }
#video_words > h2 { color: #fff; font-weight: normal; opacity: 0; text-shadow: 3px 3px 0 rgba(0,0,0,0.8);  }
#video_words > a { color: #fff; font-weight: normal; opacity: 0; margin-top: 20px; display: inline-block;}
.video_words_highlight { font-size: 66px; font-weight: bold;}

/* section 공통 */
section { position: relative; width: 100%; height: 100vh; max-height: 969px; }
section .hideTitle > h1 { text-align: center; padding: 150px 0 0 0; font-size: 36px; position: relative; }
section .hideTitle > h2 { text-indent: -9999px;
              text-align: center;
             background: #d96b2b;
             width: 100px; height: 2px;
             margin: 20px auto 50px; }
.hideTitle { position:relative; opacity: 0; top: 50px;}

/* x축 스크롤 사라지게 */
body { overflow-x: hidden;  } /* 스크롤바 사라지게 만듦 */

/* ABOUT_US */
#aboutSection { background: url(../img/aboutusbg2.png) center top; 
	background-size: cover; 
	background-repeat: no-repeat; }
.about_wrap { width: 1000px; margin: 0 auto; }
.about_left { float: left; width: 33.3%; position: relative; right: -100px; opacity: 0;}
.about_left ul li { height: 100px; }
.about_left ul .about_left_first {  margin-left: 80px; }
.about_left ul .about_left_third {  margin-left: 80px; }
.about_left ul li h2 { color: #d96b2b; font-size: 40px; }
.about_left ul li h3 { font-size: 16px; font-weight: normal;}
.about_center { float: left; width: 33.3%; opacity: 0; }
.about_center { text-align: center; margin: 0 auto; }
.about_right { float: left; width: 33.3%; text-align: center; position: relative; right: 100px; opacity: 0; }
.about_right li { text-align: center; padding: 7px 0; }
.bold { font-weight: bold; }
.about_right .strong { font-weight: bold; color: #d96b2b; font-size: 30px; }
.about_bottom { clear: both; width: 800px; margin: 0 auto; padding-top: 50px; text-align: center; position: relative; top: -100px; opacity: 0; }
.about_bottom p:last-of-type { color: #d96b2b; font-weight: bold; padding-top: 20px; }
.about_bottom .ceo_name { font-size: 20px; font-weight: bold; color: #000;}


/* PRODUCT */
.productWrap { width: 800px; margin: 0 auto; text-align: center; position: relative; opacity: 0; right: -300px;}
.btn_center_wrap { position: relative; opacity: 0; top: 100px; }
.PCproductimg { position: relative; }
.productWrap .car_btn{
  color: rgba(255,255,255,0.9);
  font-weight: bold;
  line-height: 25px;
  text-align: center;
  width: 25px; height: 25px;
  border-radius: 50%;
  position: absolute;
  z-index: 9;
  cursor: pointer;
}
.productWrap .car_name{
  color: rgba(255,255,255,0.9);
  font-weight: bold;
  padding: 5px 10px;
  position: absolute;
  cursor: pointer;
  z-index: 9;
  border-radius: 5px; 
}

.productWrap .car_effect {
  position: absolute;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  animation: scale1 1s infinite ;
  z-index:8;
}

.productWrap .acitvebtn {
	display: block !important;
	width: auto !important;
}

.small { font-size: 18px; color: #d96b2b; margin-left: 5px;  }
/* 힌지 */
.productWrap .hinge_btn {
  top: 148px;
  right: 97px;
  background: rgba(13,135,180,0.7);
}
.productWrap .hinge_name { 
  top: 147px;
  left: 598px;
  background: rgba(13,135,180,0.7);
  display: none; 
}
.productWrap .hinge_effect {
  top: 136px;
  right: 85px;
  border: 10px solid rgba(105,177,210,0.4);
}

/* 멤버 *//* 440  right -154 left -48 */
.productWrap .member_btn{
  top: 260px;
  left: 399px;
  background: rgba(13,135,180,0.7);
}
.productWrap .member_name {
  top: 259px;
  left: 429px;
  background: rgba(13,135,180,0.7);
  display: none; 
}
.productWrap .member_effect{
  top: 248px;
  left: 386px;
  border: 10px solid rgba(105,177,210,0.4);
}

/* 선루프 */ 
.productWrap .sunrf_btn{
  top: 94px;
  left: 424px;
  background: rgba(13,135,180,0.7);
}

.productWrap .sunrf_effect{
  top: 81px;
  left: 411px;
  border: 10px solid rgba(105,177,210,0.4);
}
.productWrap .sunrf_name{
  top: 91px;
  left: 454px;
  background: rgba(13,135,180,0.7);
  display: none; 
}

/* 샤시 */
.productWrap .chassis_btn{
  top: 336px;
  left: 241px;  
  background: rgba(13,135,180,0.7);
}
.productWrap .chassis_name {
	top: 336px;
	left: 269px;
	background: rgba(13,135,180,0.7);
	display: none; 
}
.productWrap .chassis_effect{
  top: 323px;
  left: 228px;
  border: 10px solid rgba(105,177,210,0.4);
}

/* 시트 */
.productWrap .seat_btn{
  top: 170px;
  right: 339px;
  background: rgba(13,135,180,0.7);
}
.productWrap .seat_name {
	top: 169px;
    left: 358px;
    background: rgba(13,135,180,0.7);
    display: none; 
}
.productWrap .seat_effect{
  top: 158px;
  right: 327px;
  border: 10px solid rgba(105,177,210,0.4);
}

@keyframes scale1 {
  0%   { transform: scale(0) }
  100%  { transform: scale(1) }
}

.car_btn:hover {
  background: rgb(13,135,180) !important;
}

/* ARTICLE */
.article_Wrap { margin: 0 auto; width: 1000px; }
.article_inner_Wrap { width: 100%; height: 430px; }
.recent_article {
	position: relative;
	opacity: 0;
	top: 200px;
	float: left; 
	width: 31%; 
	background: #fff; 
	text-align: center; 
	margin: 15px;
	height: 400px;
	border: 1px solid #e5e5e5;
	box-shadow: 2px 4px 4px #e5e5e5; }
.recent_article:nth-child(2) {
	margin: 15px 0;
}
.recent_article:hover { border: 1px solid #d96b2b;  }

/* 이미지 */
.thumb_li { padding: 10px 0 5px;}
.link_thumb { position: relative;  width: 92%; height: 200px; margin: 0 auto; }
.thumb_img { 
	position: absolute;
	top: 0; left: 0;
	width: auto; height: auto;
	max-width: 100%; max-height: 100%; 
	top: 50%; left: 50%; 
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

/* 타이틀 */
.commnuity_title { 
	font-weight: bold;
	font-size: 18px; 
	margin: 10px auto; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	width: 80%; 
	color: #1b1b1b; }
/* 내용 */
.commnunity_content { font-size: 14px;
					  color: #606060;
					  width: 80%; 
					  margin: 0 auto; 
			          line-height: 1.6;
			   		  max-height: 4.8em;
			   		  overflow: hidden;
			   		  display: -webkit-box;
			   		  -webkit-line-clamp: 3;
			   		  -webkit-box-orient: vertical; }
                          		  
.article_moreviewWrap { clear: both; margin: 0 auto; text-align: center; opacity: 0; position: relative; top: 50px;} 

/* MEMBER */
#member { height: auto; }
#member .memberWrap { width: 100%; height: 200px; position: relative;}
#member .memberWrap img { width: 200px; }
#member .memberWrap ul li { position: absolute; }
#member .memberWrap ul li:nth-of-type(1){left: 20%; top: 50%; transform: translate(-20%,-50%);}
#member .memberWrap ul li:nth-of-type(2){left: 40%; top: 50%; transform: translate(-40%,-50%);}
#member .memberWrap ul li:nth-of-type(3){left: 60%; top: 50%; transform: translate(-60%,-50%);}
#member .memberWrap ul li:nth-of-type(4){left: 80%; top: 50%; transform: translate(-80%,-50%);}

/* Recruit & Contact */
#RecruitAndContact { height: auto; }
#RecruitAndContact .recruitAndContactWrap { width: 100%; height: 400px; }
#RecruitAndContact .recruitWrap { 
	width: 50%;
	height: 100%;
	float: left;
	position: relative; 
	overflow: hidden; 
}
#RecruitAndContact .recruitAndContactWrap img {
	background-size: cover;
	position: absolute; top:0; left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
#RecruitAndContact .recruitAndContactWrap img:hover {
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);	
}
#RecruitAndContact .contactWrap { 
	width: 50%;
	height: 100%;
	position: relative;
	float: left;
	overflow: hidden;
}
#RecruitAndContact .darkfilm { width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: relative; }
#RecruitAndContact .ractext { z-index: 9; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
#RecruitAndContact .ractext h1 { color: #fff; font-size: 16px; text-align: center; }
#RecruitAndContact .ractext h2 { color: #fff; font-size: 24px; font-weight: normal; text-align: center; }
#RecruitAndContact .ractext a { display: inline-block; left: 50%; transform: translateX(-50%); }
#RecruitAndContact .ractext a:hover { color: #fff; font-weight: normal; }
#RecruitAndContact .ractext span { font-weight: bold;}

/* FOOTER */
#footer { background: #222; padding: 30px 0;}
#footer .footerWrap { width: 60%; margin: 0 auto; position: relative;}
#footer .footerLogoImgWrap { padding: 15px 0; width: 100%; border-bottom: 1px solid #efefef;}
#footer .footerLogoImgWrap .footerLogoImg { width: 250px; }
#footer .footerTextWrap { padding: 20px 0; }
#footer .footerTextWrap p { color: #fff; padding: 5px 0; font-size: 13px; }
#footer .footerTextWrap p a {color: #fff; }
#footer .familySiteWrap a { color: #fff; }
#footer .familySiteWrap { position: absolute; right: 30px; top:100px; border: 1px solid #fff;  padding: 10px 20px; }
#footer .familySiteWrap dt { color: #fff; cursor: pointer;}
#footer .familySiteWrap li:first-child { margin-top: 10px; }
#footer .familySiteWrap dd { display: none; margin: 0; }
#footer .familySiteWrap dl { margin: 0; padding: 0; }
#footer .familySiteWrap ul li { padding: 2px 0 ;}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 모바일 버전 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 1250px){
	.mobilemenu { display: block; }
	.logobtn { left: 10px !important; top: 8px !important; }
	.logo_img { width: 120px !important; }
	.languageWrap { display: none; }
	#gnb {display: none; }
	#header { width: 100vw; height: 60px; }
	#header > a { left: auto; }
	.menu-trigger {
	  top: 22px !important; 
	  right: 15px; 
	}
	.menu-trigger,
	.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.menu-trigger {
	  position: relative;
	  width: 28px;
	  height: 16px;
	}
	.menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background-color: #fff;
	  border-radius: 2px;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 7px;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	.menu-trigger.active-1 span:nth-of-type(1) {
	  -webkit-transform: translateY (7px) rotate (-45deg);
	  transform: translateY(7px) rotate(-45deg);
	}
	.menu-trigger.active-1 span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger.active-1 span:nth-of-type(3) {
	  -webkit-transform: translateY(-7px) rotate(45deg);
	  transform: translateY(-7px) rotate(45deg);
	}
	
	#gnb { background: #fff; left: 0; margin-left: 0; width: 100%; position: fixed; height: 100%; top: 60px; z-index: 9999; overflow: scroll; }
	#gnb a { color: #000 !important; height: auto; line-height: inherit !important; margin: 0 !important; padding: 0 !important; height: inherit; }
	#gnb > ul > li > a { height: inherit; }
	#gnb .subMenu li { line-height: inherit; }
	#gnb > ul > li { width: inherit; height: inherit; }
	#gnb a { font-weight: bold; }
	#gnb .maintitle { color: #d96b2b !important; }
	#gnb .subMenu a { font-weight: normal; font-size: 14px; color: #555; }
	#gnb .subMenu a:hover { color: #d96b2b !important; }
	#gnb .subMenu a:active { color: #d96b2b !important; }
	#gnb .subMenu li { margin: 5px 0 0 30px; }
	#gnb ul li { float: inherit; text-align: left; }
	#gnb .liWrap { border-bottom: 1px solid #e9e9e9; padding: 10px 0; } 
	#gnb .liWrap > a { text-indent: 20px; }
	.langWrap { display: block; height: 20px; }
	.langWrap:after { content:""; display: block; clear:both; }
	.langWrap a { font-weight: normal !important; font-size: 14px;  }
	.langWrap li { float: right !important; padding: 5px !important;}
	#videoSection { width: 100%; height: auto; position: relative; top: 0; left: 0; }
	#videoWrap { width: 100%; height: auto; position: relative; top: 0; left: 0; }
	#videoWrap video { width: 100%; height: auto; position: relative; top: 0; left: 0; }
	section { width: 100% !important;  height: inherit; max-height: none; }
	#videoSection h2 { display: none; }
	#videoSection h1 { font-size: 20px; text-align: center; }
	#videoSection h1 span { font-size: 22px; }
	#video_words a { left: 50%; transform: translateX(-50%); font-size: 12px !important; padding: 5px 10px;}
	#video_words { top: 70%; left: 50%; transform: translate(-50%, -70%); width: 100%; }
	#videoWrap video { transform: translate(0,0);}
	
	#aboutSection { background: none; }
	#aboutSection .about_wrap { width: inherit; }
	#aboutSection .about_center { width: 100%;  }
	#aboutSection .about_center .pc_center_img { display: none; }
	#aboutSection .about_center .mobile_center_img { 
		display: block;
		width: 288px;
		position: absolute;
		top:100px;
		left: 50%;
		transform: translateX(-50%);
	}
	#aboutSection .about_right { display: none; }
	#aboutSection .about_left { display: none; }
	#aboutSection .about_bottom { width: 90%; padding: 0; }
	#aboutSection .about_bottom p { line-height: 25px; word-break: keep-all; }
	#aboutSection .about_bottom p:last-of-type { font-size: 12px; padding: 10px; }
	#aboutSection .about_bottom .ceo_name { font-size: 16px; }
	#aboutSection .about_bottom a { 
	    font-size: 12px !important;
	    padding: 5px 10px;
	}
	
	section .hideTitle > h1 { 
		padding: 50px 0 0 0; 
    	font-size: 24px;
    }
    section .hideTitle > h2 {
    	margin: 20px auto; 
    }
    
    
	
	.article_Wrap { width: inherit; }
	.article_moreviewWrap { height: 80px; }
	.dark_moreview_btn { top: 10px; }
	.recent_article { width: 90%; height: 340px; }
	.recent_article:nth-child(2) { margin: 0 15px; }
	
	.article_Wrap:after { content:""; display:block; clear: both; }
	.recruitWrap { width: 100% !important; height: 70% !important; }
	.recruitWrap h2 { word-break: keep-all; }
	
	.contactWrap { width: 100% !important; height: 70% !important; }
	.contactWrap h2 { word-break: keep-all; }
	#RecruitAndContact .ractext h2 { font-size: 16px; }
	
	#footer { padding: 10px 0; clear: both;}
	#footer .footerLogoImgWrap .footerLogoImg { width: 70vw; } 
	#footer .footerWrap { width: 90vw; }
	.familySiteWrap { display: none; }
	
	#videoSection h1 { opacity: 1; margin-top: 0; }
	#videoSection h2 { opacity: 1;}
	#videoSection a { opacity: 1; }
	.product_hideTitle { opacity: 1; top: 0; }
	.productWrap { opacity: 1; right: 0; }
	.btn_center_wrap { opacity: 1; top: 0; }
	.article_hideTitle { opacity: 1; top: 0; }
	.recent_article_1 { opacity: 1; top: 0; }
	.recent_article_2 { opacity: 1; top: 0; }
	.recent_article_3 { opacity: 1; top: 0; }
	.article_moreviewWrap { opacity: 1; top: 0; }
	.about_hideTitle { opacity: 1; top: 0; }
	.about_left { opacity: 1; top: 0; }
	.about_right { opacity: 1; top: 0; }
	.about_bottom { opacity: 1; top: 0; }
	.about_center { opacity: 1; }
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 탭 버전 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 1250px) and (min-width: 720px) {
	#gnb { height: auto; border-bottom: 3px solid #e9e9e9; }
	#video_words { top: 50%;  text-indent: center; }
	#video_words h1 { font-size: 32px;  }
	#video_words h1 span { font-size: 36px; }
	#videoSection h2 { display: block; font-size: 24px; text-align: center; padding: 10px 0; }
	#video_words a { padding: 10px 16px; font-size: 16px !important; }
	
	.Mobileproductimg { display: none; }
	.btn_center_wrap { display: block; }
	.PCproductimg { display: block; width: 100%; left: 0; }
	.productWrap div { display: block; }
	.mobile_product_moreview_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	.mobile_productImgWrap { display: none; background: none; }
	.mobile_product_moreview_btn { display: none; }
	
	.recent_article { width: 31%; margin: 10px; }
	.recent_article:nth-child(2) { margin: 10px 0; }
	
	#RecruitAndContact .recruitAndContactWrap { height: 300px; }
	.recruitWrap { width: 50% !important; height: 100% !important; }
	.contactWrap { width: 50% !important; height: 100% !important; }
	#footer .footerLogoImgWrap .footerLogoImg { width: 250px; }
}
@media screen and (max-width: 1250px) and (min-width: 800px) {
	.productWrap {
	    width: 800px;
	    margin: 0 auto;
	    text-align: center;
	    position: relative;
	    opacity: 1;
	    padding: 0;
	}
	.productWrap img { margin: 0 auto; width: 800px;}
	.PCproductimg {
	    width: 800px;
	    position: relative;
	}	
}
@media screen and (max-width: 800px) {
	.productWrap { width: inherit; position: relative; padding: 50px 0;}
	.productWrap img { width: 90%; text-align: center; margin: 0 auto; }
	.Mobileproductimg { display: block; }
	.btn_center_wrap { display: none; }
	.PCproductimg { display: none; }
	.productWrap div { display: none; }
	.mobile_product_moreview_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	.mobile_productImgWrap { width: 100%; height: 100%; top:0; left: 0;  position: absolute; background: rgba(0,0,0,0.7); display: block !important;}
	.mobile_product_moreview_btn { display: block; }
}