@font-face{ font-family:'icon'; 
			src: url('https://pn.ofgod.com/LIB/FONT/modernpics-webfont.eot'); 
			src: url('https://pn.ofgod.com/LIB/FONT/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
			url('https://pn.ofgod.com/LIB/FONT/modernpics-webfont.woff') format('woff'),
		    url('https://pn.ofgod.com/LIB/FONT/modernpics-webfont.ttf') format('truetype');
			font-weight: normal; font-style: normal; }
			
			
html { -webkit-text-size-adjust:none;  } 
body{ margin:0; padding:0 }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
li { list-style-type:none; }
img,fieldset,iframe{ border:0; vertical-align:middle; }
img,fieldset { border:none; }

input { vertical-align:middle; }
button{ cursor:pointer; }
hr{ display:none; clear:both; }
a{ text-decoration:none; }
.skip { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }
table{border-collapse:collapse;border-spacing:0;}


select, input{border:1px solid #e0e0e0; height:28px; line-height:28px; padding:1px 2px;}


/*³×ºñ Ä«Å×°í¸®*/
#sub-category-box{ position:relative; width:100%; height:auto; margin-bottom:8%; margin-bottom:0%;}
#sub-category-box .nav-menu{ display:block; width:100%; height:30px; padding:20px 0; }
.nav-menu > li{ float:left; display:block; width:100px; margin:0 4px; padding-bottom:5px; font:normal 12px/20px dotum; color:#444444; }
.nav-menu > li:first-child{ width:60px;  }
.nav-menu > li i.homeicon{ display:inline-block; width:12px; height:16px; margin-right:7px; background:url(https://cdn.pnshop.co.kr/img/nav-bg.png) no-repeat 0px 2px; }
.nav-menu > li.second, li.last{ display:inline-block; zoom:1; position:relative; width:auto; margin:0 10px 0 10px;  }
.nav-menu > li span.dropdown-arrow{  display:inline-block; width:12px; height:15px; margin-left:13px;  background:url(https://cdn.pnshop.co.kr/img/nav-bg.png) no-repeat right -43px; }

.nav-menu li i.nav-arrow{ display:inline-block; width:12px; height:15px; margin-left:13px; background:url(https://cdn.pnshop.co.kr/img/nav-bg.png) no-repeat right -21px; }
.drop-row-menu{ display:block; clear:both; position:absolute; width:180px; padding:20px; top:25px; left:-5px; background:#fff; border:1px solid #343434;  box-shadow:3px 3px 3px rgba(0,0,0,0.2);  }
#second-box , #last-box { display:none; z-index:2; }
.drop-row-menu > li > a{ display:block; width:100%; height:20px; padding:5px 0; }
.drop-row-menu > li > a:hover, a.active{ font-weight:bold; letter-spacing:-1px; }

button.btn{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1d1d1+0,a5a5a5+100&0.08+0,0+26,0+63,0.2+100 */
background: -moz-linear-gradient(top,  rgba(209,209,209,0.08) 0%, rgba(198,198,198,0) 26%, rgba(182,182,182,0) 63%, rgba(165,165,165,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(209,209,209,0.08) 0%,rgba(198,198,198,0) 26%,rgba(182,182,182,0) 63%,rgba(165,165,165,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(209,209,209,0.08) 0%,rgba(198,198,198,0) 26%,rgba(182,182,182,0) 63%,rgba(165,165,165,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14d1d1d1', endColorstr='#33a5a5a5',GradientType=0 ); /* IE6-9 */

/*border:1px solid #ccc; margin:1px;*/
}
button.btn:hover{

}
br{font-family: 'Dotum';}



/**ÀαâÀÖ¾î¿äSWIPER**/
.cate_best_pro_wrap .swiper-wrapper > li{
	max-width:25%;
}
@media (max-width:769px) {
	.cate_best_pro_wrap .swiper-wrapper > li{
		max-width:50%;
	}
}

/** À¯Æ©ºê µ¿¿µ»ó **/
.yt_container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin:0 auto;
	max-width:900px;
}
 
.yt_container iframe,
.yt_container object,
.yt_container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (min-width:768px) {
	.yt_container{
		max-width:100%;
	}
}
/*´Ù±¹¾î DEBUG */
.lang_debug{
	display:inline-block;
	width:0px;
	height:0px;
	position:relative;
}
.lang_debug > .tit{
	width:10px;
	height:10px;
	position:absolute;
	top:0px;
	right:0px;
	color: blue;
	font-size:10px;
	text-align:center;
}
.lang_debug > .tit2{
	width:10px;
	height:10px;
	position:absolute;
	top:0px;
	right:0px;
	color: red;
	font-size:10px;
	text-align:center;
}
.lang_debug > ul{
	background: #000;
	color: #fff;
	position:absolute;
	top:0px;
	left:0;
	display:none;
	z-index:1004;
}
.lang_debug > ul > li{
	background: #000;
	color: #fff;
	padding:5px;
	border-bottom:1px solid #ccc;
	white-space:nowrap;
}