FONT {
	font-size:9pt;
	font-family:verdana,굴림;
}
a{text-decoration: none;vertical-align: middle;color: black;}
p{padding :1px; height:1px;}
img { border: 0;}


/* layout */
#productBoard
{
    text-align: center;
    vertical-align: middle;
    position:absolute;
	min-width:800px;
	width:80%;
	display:block;
	padding-top:30px;
	left:250px;
}

.active h1 {
	font-size: 20px;
    font-family: "Philosopher", "Jeju Gothic", Arial, Tahoma, Verdana;
    margin-bottom: 20px;
    border-bottom: 2px solid #CCC;
    padding-bottom: 20px;
    padding-top: 10px;
    color: #922B21;
}


#productBoard h1 {
	width:100%;
	height:35px;
	border-bottom:7px solid #F0F3F4;
	color:#2874A6;
	font-size:25px;
	font-family:"Philosopher", "Jeju Gothic", "Nanum Gothic", Gulim, Arial;
	text-transform:uppercase;
}

#productBoard h2 {
	width:100%;
	height:15px;
	margin-top:20px;
	color:#512E5F;
	font-size:16px;
	font-family:"Nanum Gothic", "Jeju Gothic", Arial, Tahoma, Verdana;
	margin-bottom:20px;
}


.productBoardLine_in
{
    width: 100%;
    height: 10px;
    display: block;
    position: relative;
}

.productBoardLine
{
    width: 100%;
    height: 8px;
    display: block;
    float: left;
    position: relative;
    background-color: #444D4E;
}

.productBoardView
{
    width: 100%;
    height: 270px;
    display: block;
    background-color: #444D4E;
    position: relative;
}
.productBoardViewContens
{
    width: 100%;
    height: 270px;
    display: block;
    float: left;
    position: relative;
    background-color: #FFFFFF;
    vertical-align:middle; margin:0 auto; text-align:center;   border:0; 
}
.productBoardViewContens .title
{
    color: #234123;
   font-size: 11px; 
   text-decoration: none; 

 }
 
.contents_list{ text-align:center;vertical-align: middle}
.cssmenu_list p { text-align:left;vertical-align: middle;min-height:400px; max-height:400px; }

/* 가이트 설정 */
#css_tabs {
    font-family:'nanumgothic', '나눔고딕', 'malgun gothic', '맑은 고딕', 'dotum', '돋움', sans-serif
}

/* 탭 선택 시 표시할 요소(div) 정의(1번 탭 선택 시 첫 번째 div 요소 표시) */
#css_tabs input:nth-of-type(1), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(1),
#css_tabs input:nth-of-type(2), #css_tabs input:nth-of-type(2) ~ div:nth-of-type(2),
#css_tabs input:nth-of-type(3), #css_tabs input:nth-of-type(3) ~ div:nth-of-type(3),
#css_tabs input:nth-of-type(4), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(4),
#css_tabs input:nth-of-type(5), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(5) 
{
    display:none
}
#css_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1),
#css_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2),
#css_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3),
#css_tabs input:nth-of-type(4):checked ~ div:nth-of-type(4),
#css_tabs input:nth-of-type(5):checked ~ div:nth-of-type(5) 
{
    display:block
}

/* 라벨 기본 스타일 지정 */
#css_tabs > label {
    display:inline-block;
    text-align:center;
    width:18%;
    color:#389;
    border:1px solid #389;
}

/* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */
#css_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover 
{
    border:1px solid #ddd;
    color:#111; background:#dcfcfc;
}
#css_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover 
{
     border:1px solid #ddd;
    color:#111;background:#dcfcfc;
}
#css_tabs input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover 
{
     border:1px solid #ddd;
    color:#111;background:#dcfcfc;
}
#css_tabs input:nth-of-type(4):checked ~ label:nth-of-type(4), #css_tabs > label[for=tab4]:hover
{
     border:1px solid #ddd;
    color:#111;background:#dcfcfc;
}#css_tabs input:nth-of-type(5):checked ~ label:nth-of-type(5), #css_tabs > label[for=tab5]:hover 
{
     border:1px solid #ddd;
    color:#111;background:#dcfcfc;
}
/* 실제 내용이 담긴 div 요소 스타일 지정 */
#css_tabs .tab1_content, #css_tabs .tab2_content, #css_tabs .tab3_content, #css_tabs .tab4_content, #css_tabs .tab5_content 
{
    width:92%;
    height:370px;
    min-height:370px;
    max-height:370px;
    padding:1em;
    border:1px solid #ddd;
    overflow:auto;
}
#css_tabs p
{
    padding :1px; height:10px;
    text-align :left;
    text-indent:20px;   
}
#css_tabs IMG
{
    padding :1px;
    text-align :left;
    text-indent:20px; 
    max-width:600px;  
}
 
 
 
 
 
 
 .title li   
 {
     width:auto;

 }
 

.productBoardViewContens .title:active
{
    background: #555c4E;
    color: #ffffff;
}   
.btnSearch
{
    color: #234123;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
    font-size: 13px;
    margin-left:30px;
    padding-bottom:20px;
}
.btnSearch img{ width: 90%; height :auto;}

 
#product_Detail 
{
	width:80%;
	text-align:center;

}

#product_Detail h1 {
	 text-align:left;
	padding-left:20px;	padding-top:20px;
	height:45px;
	border-bottom:7px solid #F0F3F4;
	color:#2874A6;
	font-size:25px;
	font-family:"Philosopher", "Jeju Gothic", "Nanum Gothic", Gulim, Arial;
	text-transform:uppercase;
}

#product_Detail h2 {
	height:25px; 
	 text-align:left;
	  margin-left:10%;
	color:#512E5F;
	font-size:18px;
	font-family:"Nanum Gothic", "Jeju Gothic", Arial, Tahoma, Verdana;
}
 


#Board_List {
	width:90%;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

.MR10 {
	margin-right:5px;
	margin-top:5px;
}

#board a {
	color:#000;
}

#board a:hover {
	color:#000;
	text-decoration:none;
}



#product_Subject {
	margin-top:30px;
	border-top:2px solid #CCC;
	border-bottom:1px solid #CCC;
	height:35px;
	font-family:"Nanum Gothic", "Jeju Gothic";
	
}

#product_Attach
{
    position: relative;
    float: left;
    font-family: "Nanum Gothic" , "Jeju Gothic";
    padding: 20px;
    height: auto;
    display: block;
    overflow: hidden;
}

#product_Lbl {
	float:left;
	width:100px;
	text-align:center;
	margin-top:10px;
	
	font-size:12px;
	color:#2874A6;
	display:inline;
}

#product_Title {
	font-size:16px;
	font-weight:bold;
	margin-top:7px
}

#product_Title2 {
	font-size:12px;
	margin-top:7px;
	margin-bottom:30px;
	 float:left;
}


#product_Contents {
 
	font-family:"Nanum Gothic", "Jeju Gothic";
	font-size:13px;
    border-bottom:7px solid #F0F3F4;
    padding-top:20px;
     padding-bottom:20px;
}
.img_product_Contents { max-width:70%; height:auto;}


#product_Contents1 {
 
	font-family:"Nanum Gothic", "Jeju Gothic";
	font-size:13px;
    vertical-align:middle;
    position:relative;
    float:left;
    left:5%;
    width:80%;
     margin-top:5%;
     margin-bottom:5%;
    
     
 
}
.img_View_Contents {  width:auto; height:auto;}




#product_Bottom {
	border-top:2px solid #CCC;
	border:2px solid #CCC;
	margin-top:30px;
	margin-bottom:30px;
	width:100%;
	text-align:left;
	height:35px;
	padding-top:15px;

}

.productHome {
	padding-left:20px;
	font-family:"Nanum Gothic", "Jeju Gothic";
	font-size:13px;
	color:#CC0000;
	cursor:pointer;
}

.layer_fixed_top
{
    position: fixed;
    background-color:#fff;
}

.layer_fixed_bottom
{
    width: auto;
    position: fixed;
    display: block;
    z-index: 2;
    bottom:1px;
    background-color:#fff;
}