@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&subset=korean');
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css');
@font-face {
 font-family: 'NanumGothic';
 src: url(../NanumGothic.eot);
}


/* Common */
a{color:#000;text-decoration:none}
a:hover{color:#1b53c4;text-decoration:none}
img{border:0;} /*링크 걸린 이미지 border 자동 생성*/
a {selector-dummy: expression(this.hideFocus=true);} /*링크 걸린 곳 자동으로 blur주기*/
fieldset{border:none;vertical-align:top;}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
h2{ list-style:none;}

/*-----------------------base style-----------------------*/

html *{
	margin:0px; padding:0px;
	line-height:1.4;
	font-family: Dotum, 돋움, 'Nanum Gothic', 나눔고딕, 'NanumSquareAcb', verdana, 나눔고딕, AppleGothic, sans-serif;
	font-size:12px;
	color:#222;
	}

.margin20_10{margin:20px 0px 10px 0px;}
.margin10{margin:10px 0px 10px 0px;}
.margin15_5{padding:5px 0px 0px 0px;}
.ic_btn{margin:0px 0px 0px 3px; vertical-align:text-bottom;}
.ic_btn2{margin:0px 3px 0px 0px; vertical-align:text-top;}
.ic_btn3{margin:0px 3px 0px 0px;}
.ic_btn4{margin:0px 3px 0px 3px;}
.ic_btn5{margin:0px 0px 5px 0px; vertical-align:text-bottom;}
.ic_btn6{margin:0px 5px 0px 5px;}
.ic_btn7{margin:0px 15px 0px 15px;}
.ic_btn8{margin:0px 3px 0px 10px;}


body.main{margin:0px; padding:0px;
	/* [disabled]width:100%; */
	height:100%; background-color:#fff;}
body.sub{margin:0px; padding:0px; width:100%; height:100%; background-color:#fff;}

/*탑공간*/	
#header{width:100%; height:125px; margin:0px auto; background :url(../images/top_bg.jpg); background-repeat:repeat-x;}
	#hgroup{width:1200px; height:113px; margin:0px auto;}
	#logo{width:271px; float:left; padding-top:55px;}
	#menu{width:639px; margin-left:40px; text-align:right; height:60px; float:left; margin-top:51px; }
	#menu ul{padding-left:0px; }
	#menu li{height:60px; float:right; list-style:none; font-size:16px; padding:10px 22px 6px 22px;}
	#menu li.bar{color:#171717; font-family:'NanumSquareAcb', 나눔스퀘어, Oswald; font-size:16px; font-weight:800; padding:10px 18px 6px 18px;}
	#menu li a{color:#171717; font-family:'NanumSquareAcb', 나눔고딕, Oswald; font-size:16px; font-weight:800; letter-spacing:-1px;}
	#menu li a:hover{color:#ee1c25; font-family:'NanumSquareAcb',  나눔고딕, Oswald; font-size:16px; font-weight:800;}
	#menu li a.Mselect{color:#ee1c25; font-family:'NanumSquareAcb',  나눔고딕, Oswald; font-size:16px; font-weight:800;}
	#search{width:210px; float:left; margin-top:51px; margin-left:20px; margin-right:0px;}
	#search p{float:left;}
	#search p.head{margin-top:0px;}
	#search p.tail{margin-top:0px;}
	#search p.btn{padding:0px; cursor: pointer; margin-top:10px; margin-left:5px;}
	.searchinput{height:30px; padding:5px 0px 0px 6px; width:170px; float:left; border:0px; background-image:url(../images/search_bg.gif); }
	.ecatalog{margin-top:15px;}	
	
/*콘텐츠공간*/
#sub_img{width:100%; margin:0px auto; background-color:#dbdde1; height:280px;}	
#section2{width:100%; margin:0px auto;}
#section{width:1200px; margin:0px auto;}
#article{width:1200px; padding:0px; float:left; margin-top:0px;}
#article h2{width:1200px; text-align:center; height:80px; padding-top:40px;}
#bottom{width:1200px; height:150px; margin:15px auto;}
			
/*카피라이터*/
#footer{width:100%; height:90px; padding:0px; margin:0px auto; clear:both;}
	#copyright{width:1200px; height:30px; margin:0px auto; border-bottom:#bdbdbd 1px solid; border-top:#bdbdbd 1px solid;}
		.copypop{padding-top:5px; width:1200px; margin:0px auto; text-align:center; height:25px;}
		.copypop span a{color:#737373;}
		.copypop span a:hover{color:#5baa98;}
	#copywrap{width:1200px; height:50px; margin:0px auto; border-top:#bdbdbd 2px solid;}	
	#copyright2{color:#737373; width:1200px; height:50px; margin:0px auto; text-align:center; border-top:#bdbdbd 2px solid; padding-top:10px; line-height:20px;}	
	#copyright3{width:603px; height:50px; margin:10px 0px; float:left;}
		
		
/*-----------------------메인페이지-----------------------*/
#main_wrap{width:100%; height:320px; margin:0px auto;}

/*메인이미지*/	
#mainVisual{width:1920px; height:320px; float:left; padding:0px; }

/*메인제품*/
#m_Plist{width:1200px; height:690px; margin:15px auto; clear:both;}
#m_Plist h2{width:1200px; float:left; text-align:center; padding-top:20px; padding-bottom:20px;}
#m_P1line{width:1200px; float:left; margin:5px 0px 30px 0px;}
#m_P1line li{list-style:none;float:left;cursor:pointer;}
#m_P1line li.P{width:200px; height:260px; list-style:none; float:left; cursor:pointer; border:#CCCCCC 1px solid;}	
#m_P1line li.P:hover{border:#646ca8 1px solid;}	
#m_P1line li.margin{width:47px; border:0px;}
#m_P1line li p{display:inline-block; float:left;}		
#m_P1line li P.P_img{width:160px; height:150px; border-bottom:1px solid #999999; padding-top:10px; padding-bottom:10px; text-align:center; margin-left:20px;}
#m_P1line li P.P_img img{text-align:center; width:140px; height:140px;}
#m_P1line li P.P_text{font-size:16px; color:#010101; font-weight:bold; width:200px; text-align:center; padding-top:30px; height:50px; }
#m_P1line li P.P_text:hover{color:#646ca8;}
#m_P1line li P.P_text2{font-size:13px; color:#000; font-weight:bold; width:200px; text-align:center; padding-top:5px;}
#m_P1line li P.P_text3{font-size:13px; color:#3b3b3b; font-weight:bold; width:200px; text-align:center; height:22px;}
#m_P1line li P.P_text4{text-align:center; color:#000; width:200px; height:20px; font-weight:bold;}
#m_P1line li P.P_text5{text-align:center; color:#2860b5; width:200px; height:20px; font-weight:bold;}
#m_P1line li P.P_text6{text-align:center; color:#000; width:200px; height:45px; font-weight:bold;}

/*메인배너*/
#Qbannerwrap{width:100%; height:290px; margin:20px auto; background-color:#cfcfcf; clear:both;}
#Qbanner{width:1200px; height:122px; margin:0px auto; padding-top:50px;}
#Qbanner1{width:753px; float:left;}
#Qbanner1 img{padding:0px 80px 0px 0px;}
#Qbanner2{width:447px; float:left;}

/*-----------------------sub 공통 레이아웃 스타일-----------------------*/
.subImg{width:1200px; text-align:center; margin:10px auto;}
.subImg img{margin-top:15px; margin-bottom:0px;}
#contents{min-height:450px; width:1200px; float:left; margin-top:15px;}
#contents2{width:1200px; float:left;}
#board{width:1200px; margin-bottom:10px; float:left; }

/*---------------------------------회사소개--------------------------------*/
#map{margin:0px 50px 0px 50px; float:left; height:550px;}

/*-----------------------제품 리스트-----------------------*/
#stitle{margin:0px 20px 0px 23px; width:814px; height:25px; float:left; color:#333; font-size:14px; font-weight:bold;  font-family:'Nanum Gothic', 나눔고딕;}	

#Plist{width:950px; float:left; margin-bottom:15px;}
#P1line{width:950px; float:left; margin:5px 0px 15px 0px;}
#P1line li{list-style:none;float:left;cursor:pointer;}
#P1line li.P{width:250px; list-style:none; float:left; cursor:pointer; border:#CCCCCC 1px solid;}		
#P1line li.margin{width:95px; border:0px;}
#P1line li p{display:inline-block; float:left;}		
#P1line li P.P_img{width:250px; height:250px; border-bottom:1px solid #999999;}
#P1line li P.P_img img{text-align:center;}
#P1line li P.P_text{font-size:13px; color:#ee212b; font-weight:bold; width:250px; text-align:center; padding-top:5px; height:24px; }
#P1line li P.P_text2{font-size:13px; color:#000; font-weight:bold; width:250px; text-align:center; padding-top:5px;}
#P1line li P.P_text3{font-size:13px; color:#3b3b3b; font-weight:bold; width:250px; text-align:center; height:22px;}
#P1line li P.P_text4{text-align:center; color:#000; width:250px; height:20px; font-weight:bold;}
#P1line li P.P_text5{text-align:center; color:#2860b5; width:250px; height:20px; font-weight:bold;}
#P1line li P.P_text6{text-align:center; color:#000; width:250px; height:45px; font-weight:bold;}


/*---------------------------------제품뷰--------------------------------*/
#View{width:1200px; float:left; padding:0px 0px 0px 0px; margin-top:30px;}
#View p{float:left;}
#View p.Bimg{width:500px; height:500px; margin-right:70px; margin-left:28px; border:#ccc 1px solid;}

#spec{width:600px; float:left; padding:0px;}
#spec h2{font-family:'NanumSquareAcb', 나눔스퀘어, Oswald; width:580px; height:50px; font-size:20px; color:#000; text-align:left; font-weight:bold; padding-left:20px; padding-top:20px; float:left; border-bottom:2px #000 solid;}

#scrollbox {width:600px; height:80px; padding:0px 0px 0px 0px; margin-top:0px; border:0; float:left; border-bottom:1px #b7b7b7 solid;}
#scrollbox ul{}
#scrollbox ul li{font-family:'NanumSquareAcb', 나눔스퀘어, Oswald; list-style:none; padding:2px 0px 2px 20px; float:left;}
#scrollbox ul li span{font-family:'NanumSquareAcb', 나눔스퀘어, Oswald; width:70px; font-size:15px; float:left; font-weight:bold;}
#scrollbox ul li.size{font-size:15px; font-weight:bold; height:30px; width:580px; padding-top:10px;}
#scrollbox ul li.price{height:18px;  font-size:15px; height:20px; font-weight:bold; width:580px; color:#2860b5;}
#detailbox{width:600px; height:280px; float:left;}
#detailbox ul{}
#detailbox ul li{list-style:none; padding:10px 20px 2px 20px; float:left;}
#detailbox ul li.detail{line-height:22px; font-family:'NanumSquareAcb', 나눔스퀘어, Oswald; font-size:13px; font-weight:bold; width:560px; text-align:justify;}

.mark{width:320px; text-align:center; float:left; margin-top:10px; }
.mark img{margin:0px 2px 0px 0px;}
#spec .Vbtn{width: 600px; height:40px; text-align:center; float:left; padding-top:24px; margin-left:0px;}
.Vbtn a{margin:0px 1px 0px 1px;}

#detail{width:1200px; float:left; text-align:center; padding-top:50px; padding-bottom:50px; float:left; margin-top:50px; border-top:1px #b7b7b7 solid;}
#detailtext{width:1000px; margin-left:100px; margin-right:100px; line-height:22px; font-family:'NanumSquareAcb', 나눔스퀘어, Oswald; font-size:13px; float:left; margin-bottom:30px; line-height:22px;}
.detailimg{width:1140px; margin-left:30px; margin-right:30px; float:left; margin-bottom:30px; text-align:center;}
.detailimg ul{text-align:center;}
.detailimg ul li{list-style:none; padding:0px 10px 0px 0px; float:left;}


/*---------------------------페이지 넘버링----------------------------*/
.pagination{text-align:center;padding:0px 0 0px 0px; margin-top:15px; margin-bottom:15px;}
.pagination a{display:inline-block;margin:0 1px 0 0;height:24px;vertical-align:top; background-color:#fff;}
.pagination span{display:inline-block;margin:0 4px;vertical-align:top;}
.pagination span a{padding:5px 0 0;width:23px;height:17px;border:1px solid #eaeaea;;font-weight:bold;font-size:11px;}
.pagination span a.select{text-decoration:none;}
.pagination span a.select, .pagination span a:hover, .pagination span a:active{border:1px solid #627ab7; color:#627ab7; background:#eff6fa;}


/*--------------게시판 스타일 정의---------------*/
.white{color:#fff; font-weight:none;}
.white2{
	height:26px;
	background-image:url(/e/images/boardbar_bg.gif);
	background-repeat:repeat-x;
	background-color:#44484f;
	text-align:center;
	color: #ffffff; 
	font-weight:bold;
	padding-bottom:4px;}
.btn{margin:0px 1px 0px 1px;}
.board_ti{
	height:26px;
	background-image:url(/e/images/boardbar_bg.gif);
	background-repeat:repeat-x;
	background-color:#44484f;
	text-align:center;
	color: #fff; 
	font-weight:bold;
	padding-bottom:4px;}


/*------------------ 색상정리 -----------------*/
.com1 {font-size: 9pt; font-weight:bold; color: #333333; text-decoration: none}
.line_com{color: #333; text-decoration:line-through;}
.pink { color:#ed006d; font-weight:bold;}
.red { color: #cc0000;}
.red01 { color: #cc0000; text-decoration:line-through; font-weight:bold;;}
.red02 { color: #cc0000; font-weight:bold;;}
.orange{color:#ff8500; font-weight:bold;}
.orange01 { color: #F8822B; text-decoration:none; font-weight:none;;}
.orange2{ color:#FF0000; font-weight:bold;}
.darkorange {font-size: 8.5pt; color: #996600;}
.yellow { font-weight:bold; color:#FFFF99 ; text-decoration: none}
.green { color: #009900;}
.darkgreen {font-size: 8.5pt; color: #78970A;}
.violet{font-family:YDIWebDotum;color:#CC0066;font-size:11px;line-height:16px;}
.darkviolet { color: #78236B; font-weight:bold;}
.brown{ color:#736357; font-weight:bold;}
.brown1 { color: #996600; font-weight:bold;;}
.brown2 { color: #996600; }
.blue { color: #0066cc; font-weight:bold;}
.blue1 { color: #469DBD; font-weight:bold;}
.blue2 { color: #0066cc;}
.blue3 {color: #0066cc;}
.blue4 { color: #0066cc; text-decoration:line-through; font-weight:bold;;}
.white {color: #ffffff;}
.white1{color: #ffffff; font-weight:bold;}
.white2{ color: #ffffff; font-weight:bold;}
.white3{color: #ffffff; font-weight:bold;}
.gray { color: #999999; text-decoration:line-through; font-weight:bold;;}
.darkgray{color:#222; font-weight:bold;}
span.elist1{color:#003399; font-weight:bold; }
span.elist2{text-height:18px; margin-bottom:50px;}


/*---------------------form 스타일-----------------------*/

.input_text{ display:inline-block; margin-top:3px; margin-left:2px; float:left;}
.input_form{ display:inline-block; float:left;}
.cell_Ti2{color: #fff; font-weight:bold;; padding:5px; background-color:#585858; text-align:center;}
.cell_Ti{color: #666; font-weight:bold;; padding:5px; background-color:#f6f6f6; width:150px; text-align:center;}
.cell_padding{padding:5px; background-color:#ecefe0;}
.form_padding{padding-top:5px; padding-bottom:5px;}
label{vertical-align:-1px;}
label input{margin-top:-1px;}
.input_deco1{
	BORDER-RIGHT: #666666 1px solid; 
	BORDER-TOP: #666666 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #666666 1px solid; 
	BORDER-BOTTOM: #666666 1px solid; 
	HEIGHT:22px; BACKGROUND-COLOR: #f4f4f4;}
/*** form ***/
TEXTAREA {
scrollbar-highlight-color: #CCCCCC;
scrollbar-shadow-color: #CCCCCC; 
scrollbar-arrow-color: #CCCCCC;
scrollbar-face-color: white; 
scrollbar-3dlight-color: white;
scrollbar-darkshadow-color: white;
scrollbar-track-color: white;}

.select_gray {
	BORDER-RIGHT: #AEAEAE 1px solid;
	BORDER-TOP: #AEAEAE 1px solid;
	BORDER-LEFT: #AEAEAE 1px solid;
	BORDER-BOTTOM: #AEAEAE 1px solid;
	FONT-SIZE: 9pt;
	line-height: 20px;
}
.select_blue {
	BORDER-RIGHT: #E6DBDB 1px solid;
	BORDER-TOP: #E6DBDB 1px solid;
	BORDER-LEFT: #E6DBDB 1px solid;
	BORDER-BOTTOM: #E6DBDB 1px solid;
	FONT-SIZE: 9pt;
	line-height: 20px;
	padding:5px 5px 5px 5px;
}

.select_pink {  
	BORDER-RIGHT: #E6DBDB 1px solid; 
	BORDER-TOP: #E6DBDB 1px solid; 
	BORDER-LEFT: #E6DBDB 1px solid; 
	BORDER-BOTTOM: #E6DBDB 1px solid; 
	FONT-SIZE: 9pt; 
	line-height: 20px; BACKGROUND-COLOR: #E6DBDB;}

.select_orange  { width:150px;	
		vertical-align:middle;
		width:123px;			
		border:1px solid #d98f4f;
		margin-left:3px;}

.select_orange2 { 
	font-family: "";	font-size: 12px;	color: #000000;	line-height: 20px; BORDER-TOP: #EEDFC4 1px solid; 
	BORDER-LEFT: #EEDFC4 1px solid; 
	BORDER-BOTTOM: #EEDFC4 1px solid; 
	FONT-SIZE: 9pt; 
	line-height: 20px; BACKGROUND-COLOR: #EEDFC4}

.select_green { 
	font-family: "";	font-size: 12px;	color: #000000;	line-height: 20px; BORDER-TOP: #89CB4F 1px solid; 
	BORDER-LEFT: #89CB4F 1px solid; 
	BORDER-BOTTOM: #89CB4F 1px solid; 
	BORDER-RIGHT: #89CB4F 1px solid;}

.select_gray2{
	BORDER-TOP: #999 1px solid; 
	BORDER-BOTTOM: #999 1px solid; 
	BORDER-LEFT: #999 1px solid; 
	BORDER-RIGHT: #999 1px solid; 
	PADDING-TOP: 0px
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; 
	PADDING-LEFT: 2px; WIDTH: 187px; 
	PADDING-RIGHT: 0px; HEIGHT: 23px; 
	COLOR: #999; VERTICAL-ALIGN: middle; }

.input_deco01{
	BORDER-RIGHT: #666666 1px solid; 
	BORDER-TOP: #666666 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #666666 1px solid; 
	BORDER-BOTTOM: #666666 1px solid; 
	HEIGHT: 19px; BACKGROUND-COLOR: #EEDFC4;}

.input_deco_gray{
	margin-left:5px;
	BORDER-RIGHT: #AEAEAE  1px solid; 
	BORDER-TOP: #AEAEAE  1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #AEAEAE  1px solid; 
	BORDER-BOTTOM: #AEAEAE  1px solid; 
	BACKGROUND-COLOR: #ffffff; HEIGHT: 22px;}

.input_deco02{
	BORDER-RIGHT: #699EA6 1px solid; 
	BORDER-TOP: #699EA6 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #699EA6 1px solid; 
	BORDER-BOTTOM: #699EA6 1px solid; 
	HEIGHT: 19px; BACKGROUND-COLOR: #CDECE4;}

.input_deco03{
	BORDER-RIGHT: #E0F0F2 1px solid; 
	BORDER-TOP: #E0F0F2 1px solid; 
	BORDER-LEFT: #E0F0F2 1px solid; 
	BORDER-BOTTOM: #E0F0F2 1px solid; 
	FONT-SIZE: 9pt; 
	line-height: 20px; BACKGROUND-COLOR: #E0F0F2;}

.input_deco04{
	BORDER-RIGHT: #AEAEAE 1px solid; 
	BORDER-TOP: #AEAEAE 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #AEAEAE 1px solid; 
	BORDER-BOTTOM: #AEAEAE 1px solid; 
	HEIGHT: 18px; BACKGROUND-COLOR: #ffffff;
	padding:0px 0px 0px 5px;}

.input_deco05{
	BORDER-RIGHT: #ffffff 1px solid; 
	BORDER-TOP: #ffffff 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #ffffff 1px solid; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	HEIGHT: 18px; BACKGROUND-COLOR: #ffffff;}