@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
* {-webkit-text-size-adjust:none;}
* { margin:0;padding:0; }
a { text-decoration: none;color:#666; }
a:visited{ text-decoration: none;color:#666; }
a:hover{ color:#666; }
img{ border:0px;vertical-align:bottom; }

body{
	margin:0px;
	padding:0px;
}

/* Table */
table{
	border:0px;
	border-spacing:0px;
	border-collapse:collapse;
}
td, th{
	padding:0px;
	word-break:break-all;
}

/* Etc */
.title_font_family{
	font-family:Tahoma, Geneva, sans-serif;
}

#wrap{ 
	position:relative;
	width:100%;
	font-family:Nanum Gothic,Helvetica,sans-serif;
}

/* 본문 */
#wrap > #body{
	position:relative;
	width:100%;
	background-color:#ffffff;
}
#wrap > #body > #body_content{
	position:relative;
	width:100%;
}

/* 제품소개 */
#wrap > #body > #body_content > #product_wrap{
	width:100%;
	background-color:#fff;
}		
#wrap > #body > #body_content > #product_wrap > #product{
	position:relative;
	margin:0px 10px;
	padding:25px 0 25px;
	overflow:hidden;
}
#wrap > #body > #body_content > #product_wrap > #product #item_list #prev2{
	position:absolute;
	top:-35px;
	right:58px;
	width:30px;
	height:30px;
	background-image:url(../images/gal_prev2.gif);
	background-size:30px 30px;
	font-size:0px;
	cursor:pointer;
}
#wrap > #body > #body_content > #product_wrap > #product #item_list #next2{
	position:absolute;
	top:-35px;
	right:29px;
	width:30px;
	height:30px;
	background-image:url(../images/gal_next2.gif);
	background-size:30px 30px;
	font-size:0px;
	cursor:pointer;
}
#wrap > #body > #body_content > #product_wrap > #product #item_list #more2{
	position:absolute;
	top:-35px;
	right:2px;
	width:30px;
	height:30px;
	background-image:url(../images/gal_more2.gif);
	background-size:30px 30px;
	font-size:0px;
	cursor:pointer;
}
#wrap > #body > #body_content > #product_wrap > #product #item_list{
}
#wrap > #body > #body_content > #product_wrap > #product #item_list .als-item{
	box-sizing:border-box;
	border:1px solid #ddd;
}
#wrap > #body > #body_content > #product_wrap > #product #item_list > .als-viewport > ul > li div.first{
	width:100%;
	height:30px;
	font-family:"굴림";
	color:#444;
	margin-top:10px;
	margin-left:0px;
	font-size:15px;
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
	overflow:hidden; 
	text-overflow:ellipsis;
}
#wrap > #body > #body_content > #product_wrap > #product #item_list > .als-viewport > ul > li div.popup{
	position:absolute;
	top:5px;
	right:5px;
	width:70px;
	height:35px;
	line-height:35px;
	color:#fff;
	font-size:12px;
	text-align:center;
	border-radius:5px;
	opacity:0.9;
}

/* COMPANY */
#wrap > #body > #body_content > #company_wrap{
	width:100%;
	background:url(../images/main_company_01.jpg);
	background-size:110%;
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#06090e;
}
#wrap > #body > #body_content > #company_wrap > #company{
}
#wrap > #body > #body_content > #company_wrap > #company > #company_content{
	padding:15px 10px;
}
#wrap > #body > #body_content > #company_wrap > #company > #company_content > div{
	border-radius:5px;
	background:rgba(255,255,255,0.9);
	padding:15px;
}
#wrap > #body > #body_content > #company_wrap > #company > #company_content > div > p:nth-child(1){
	color:#444;
	font-size:20px;
	text-align:left;
}
#wrap > #body > #body_content > #company_wrap > #company > #company_content > div > p:nth-child(2){
	line-height:20px;
	color:#666;
	font-size:14px;
	text-align:left;
	margin-top:15px;
}
#wrap > #body > #body_content > #company_wrap > #company > #company_content > div > .more{
	display:block;
	width:90px;
	color:#222;
	font-family:Nanum Gothic,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	letter-spacing:-1px;
	border:1px solid #ddd;
	border-radius:5px;
	background-color:#fff;
	padding:10px;
	margin-top:10px;
	cursor:pointer;
}

/* LIST */
#wrap > #body > #body_content > #list_wrap{
	background-color:#ddd;
}
#wrap > #body > #body_content > #list_wrap > #list{
}
#wrap > #body > #body_content > #list_wrap > #list > #list_content{
	padding:10px 10px;
}
#wrap > #body > #body_content > #list_wrap > #list > #list_content > ul{
	overflow:hidden;
	border-bottom:1px solid #ddd;
	background-color:#fff;
}
#wrap > #body > #body_content > #list_wrap > #list > #list_content > ul > li{
	list-style:none;
	float:left;
	width:50%;
	color:#444;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-bottom:0px;
	padding:15px 10px;
}
#wrap > #body > #body_content > #list_wrap > #list > #list_content > ul > li:nth-child(odd){
	border-right:0px;
}
#wrap > #body > #body_content > #list_wrap > #list > #list_content > ul > li > i{
	width:40px;
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:17px;
	text-align:center;
	border-radius:50%;
	/*background-color:#71be44;*/
	background-color:red;
	margin-right:10px;
}