@import url(./pe-icon-7-stroke/css/pe-icon-7-stroke.css);
@import url(./pe-icon-7-filled/css/pe-icon-7-filled.css);
@import url(./pe-icon-7-stroke/css/helper.css);
/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); */

 

* { margin:0; padding:0; -webkit-text-size-adjust:none;  }
img { border:none;  }
fieldset { border:none; }
legend { display:none; }
input, textarea { resize:none; }
ul, dl, ol { list-style:none; }
 html {
  /* 화면을 길게 누르고 있을때 뜨는 팝업이나 액션시트를 제어 */
  -webkit-touch-callout:none;
  /* 텍스트나 이미지를 선택할 수 있게 하는 여부를 제어 */
  /* -webkit-user-select:none;*/
  /* 링크를 터치했을때 나오는 기본 영역의 색상을 제어 */
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

::-moz-selection {
   background: #41cba0;
   color: #ffffff;
}
::selection {
   background: #41cba0;
   color: #ffffff;
}

html, body { width:100%; height:100%; color:#333333; font-family: 'NotoSansKR', sans-serif; }
/*
A:link  {color:#333333;text-decoration:none;}
A:visited {color:#333333;text-decoration:none;}
A:active {color:#333333;text-decoration:none;}
A:hover {color:#218fba;text-decoration:none;}
*/
A:link  {color:#333333;text-decoration:none;}
A:visited {color:#333333;text-decoration:none;}


.clearoz:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearoz { min-height:1px; /*IE6,7*/ }
* html .clearoz {
	height:1px; /*MAC IE5*/
	height:auto;
	overflow:hidden;
}
.rotator i, .rotator img { cursor:pointer;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
-ms-transition: all 1s ease-in-out; 
}
.rotator i:hover, .rotator img:hover {
-webkit-transform: rotate(360deg); 
-moz-transform: rotate(360deg); 
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg); 
}

.w1700 { max-width:1700px; margin:0 auto; position:relative; padding:0px; }
.w1500 { max-width:1500px; margin:0 auto; position:relative; padding:0px; }
.w1400 { max-width:1400px; margin:0 auto; position:relative; padding:0px; }
.w1300 { max-width:1300px; margin:0 auto; position:relative; padding:0px; }
.w1200 { max-width:1200px; margin:0 auto; position:relative; padding:0px; }
.w1230 { max-width:1230px; margin:0 auto; position:relative; padding:0px; }

.w1100 { max-width:1100px; margin:0 auto; position:relative; padding:0; }
.w1000 { max-width:1000px; margin:0 auto; position:relative; padding:0; }
.w900 { max-width:900px; margin:0 auto; position:relative; padding:0; }
.w800 { max-width:800px; margin:0 auto; position:relative; padding:0; }
.w700 { max-width:700px; margin:0 auto; position:relative; padding:0; }
.w600 { max-width:600px; margin:0 auto; position:relative; padding:0; }
.w500 { max-width:500px; margin:0 auto; position:relative; padding:0; }
.w400 { max-width:400px; margin:0 auto; position:relative; padding:0; }
.w300 { max-width:300px; margin:0 auto; position:relative; padding:0; }

.spacer10 { height:10px; }
.spacer15 { height:15px; }
.spacer20 { height:20px; }
.spacer30 { height:30px; } .spacer30R { height:30px; }
.spacer40 { height:40px; }
.spacer50 { height:50px; }
.spacer60 { height:60px; }  .spacer60blog { height:60px; } .spacer60R { height:60px; } 
.spacer70 { height:70px; }
.spacer80 { height:80px; }
.spacer90 { height:80px; }
.spacer100 { height:100px; }
.spacer150 { height:150px; }

.opacity90 { 	-ms-filter:alpha(opacity=90);filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9; }
.opacity80 { 	-ms-filter:alpha(opacity=80);filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
.opacity70 { 	-ms-filter:alpha(opacity=70);filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; }
.opacity60 { 	-ms-filter:alpha(opacity=60);filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; }
.opacity50 { 	-ms-filter:alpha(opacity=50);filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; }
.opacity40 { 	-ms-filter:alpha(opacity=40);filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; }
.opacity30 { 	-ms-filter:alpha(opacity=30);filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; }
.opacity20 { 	-ms-filter:alpha(opacity=20);filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2; }

.ellipsis {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.ellipsis3{
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
-webkit-line-clamp: 4; /* 라인수 */
 -webkit-box-orient: vertical;
 word-wrap:break-word; 
 line-height: 1.2em;
 height: 4.8em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
} 

.txtShadow5 {  text-shadow:0px 1px 8px rgba(0,0,0,0.2); }


#mwrap {
	width:100%; height:100%; margin:0; position:relative;
}


/*
0 = 00 
0.1 = 1a 
0.2 = 33 
0.3 = 4d 
0.4 = 66 
0.5 = 80 
0.6 = 99 
0.7 = b3 
0.8 = cc 
0.9 = e6
*/

.ie8_08 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc000000, endColorStr=#cc000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc000000, endColorStr=#cc000000 )"; 
	zoom: 1; 
}

.ie8_06 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000 )"; 
	zoom: 1; 
}

.ie8_05 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000 )"; 
	zoom: 1; 
}

.ie8_04 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#66000000, endColorStr=#66000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#66000000, endColorStr=#66000000 )"; 
	zoom: 1; 
}

.ie8_03 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#33000000, endColorStr=#33000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#4d000000, endColorStr=#4d000000 )"; 
	zoom: 1; 
}
.ie8_02 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#33000000, endColorStr=#33000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#33000000, endColorStr=#33000000 )"; 
	zoom: 1; 
}
.ie8_01 {
	background: transparent; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#1a000000, endColorStr=#1a000000 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#1a000000, endColorStr=#1a000000 )"; 
	zoom: 1; 
}

.aniY {
	transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -webkit-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
}
.aniY:hover {
 transform: translateY(-10px);
 -moz-transform: translateY(-10px);
 -webkit-transform: translateY(-10px);
 -o-transform: translateY(-10px);
}
.aniY2 {
	transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -webkit-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
}
.aniY2:hover {
 transform: translateY(10px);
 -moz-transform: translateY(10px);
 -webkit-transform: translateY(10px);
 -o-transform: translateY(10px);
}
 
.noLinkx { cursor:default;   }
.taCenter p { text-align:center; }

.imgzoom { position:relative; }
.imgzoomicon {
	display:none;
	clear:both;
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
	z-index:1000;
    width: 60px;
    height: 60px;
	background-image:url('/web10/img/zoomimg.png');
    background-repeat: no-repeat;
    background-position: center;
	background-color:#000000;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-ms-filter:alpha(opacity=30);filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3;
	cursor:pointer;
}

.br500 { display:inline-block; width:10px;  }
.br600  { display:block; width:0px;  }

 
 

/* ----------popup---------- */
.popTitle { width:100%; display:table-cell;vertical-align:middle; text-align:center; background-color:#3e99e4; color:#ffffff; font-size:22px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; font-weight:700; line-height:1.4;  font-weight:bold \9; font-family:'gulim' \9;  }
.popText { font-size:14px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; font-weight:300; line-height:1.4; }
.popText img { max-width:100%; }
/* ----------popup---------- */

   
   




/* --------------- S U B --------------------- */
 
 


/* ----------- blogpage title ---------------- */
.subPageTitle {  position:relative;width:100%;    padding-bottom:15px; }
.subPageTitle line { text-align:center; }
.subPageTitle line span { display:inline-block;width:80px;height:4px;background-color:#1a95ec; }
.subPageTitle .title1 { color:#333333; font-family:'S-CoreDream-7ExtraBold','Noto Sans KR','Malgun Gothic',sans-serif;   font-size:40px; }
.subPageTitle .title1 span { color:#555555; }
.subPageTitle .title2 { color:#555555; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; font-weight:400; font-size:16px; margin-top:5px; margin-bottom:0px; }
.subPageTitle .title3 { display:none; }
.subPageTitle .title3 span { display:inline-block;width:60px;height:1px;border-top:0px solid #ae9364; }

       
/* ------- ProductList.html-------- */

.height170 { height:170px; }

.productList li { position:relative; }

.productList .tit1 {
 	position:absolute;
	left:0; top:0;
	width:100%;
	height:100%;
	display:none;
	z-index:2;
	background:url('/web10/img/zoomicon2.png') center no-repeat;
}
.productList .tit1 a {
	display:inline-block;
	width:100%; height:100%;
	text-align:center; font-family: 'Malgun Gothic','Noto Sans KR','sans-serif';
	font-weight:400;
	font-size:12px;
	color:#ffffff;
	padding-top:45%;
    /* color:#555555; */
}