@charset "euc-kr";

/* CSS Document */


/*********************************************
* BODY
*********************************************/

html		  { background-color: #fff;}

.body {
background-color:#FFFFFF;
}

/* Webfont Google */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font-family: 'Nanum Gothic', sans-serif; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); /* font-family: 'Nanum Brush Script', cursive; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); /* font-family: 'Nanum Gothic Coding', monospace; */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /* font-family: 'Nanum Myeongjo', serif; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css); /* font-family: 'Nanum Pen Script', cursive; */

Body		  { MARGIN:0 ;
   				scrollbar-3dlight-color:#ffffff;
				scrollbar-arrow-color:#ac9970;
				scrollbar-track-color:#ffffff;
				scrollbar-darkshadow-color:#ffffff;
				scrollbar-face-color:#ffffff;
				scrollbar-highlight-color:#f0e4c8;
				scrollbar-shadow-color:#f0e4c8;
				overflow-x:hidden;
                line-height: 18px;
		        color:#595959 }


body, th, td {
	font-size:12px;
	/*font-family:Malgun Gothic, Dotum, Verdana, Arial, AppleGothic, "¾ÖÇðíµñ", sans-serif; */
    font-family:'nanumGothic', Dotum, Gulim,Malgun Gothic,Verdana, Arial;
    font-size:12px;
    color:#6b6b6b;
	line-height:18px;
}

body table td>table {text-align:left;}


input01 {
	border:solid 0 #cccccc;
	COLOR:#ffffff;
	LINE-HEIGHT:12px;
	FONT-FAMILY:dotum;
	background-color:#b1b1c3;
	padding-top:4;
}

.subbodybg {
BACKGROUND-IMAGE:URL("../images/subimg/subimg.jpg");
background-position:center;
background-repeat:repeat-x;
background-position:top;
}


/*¸µÅ©Å׵θ® »èÁ¦*/
Img {
	BORDER: 0PX NONE;
}
p {
	font-size:12px;
}

.png24 {
	tmp:expression(setPng24(this));
}

/* Ä¿¼­ */
.hand {
	cursor:pointer
}


/* default */
a, img {
selector-dummy:expression(this.hideFocus=true);
}




/*********************************************
* ±âº»ÅؽºÆ®
*********************************************/
.b       {font-weight:bold;}

.board_title      {color:#657896;}

.orange_title      {color:#a53a00;}

.productview_title      {color:#00558b; font-weight:bold;}

.productpop_title      {color:#ffffff; font-size:16px; font-weight:bold;}

.product_t      { font-size:14px; font-weight:bold;}







/*********************************************
* div °ü·Ã
*********************************************/
#header				{position:absolute; width:100%;}  /*Àüü - º»¹® - »ó´Ü */

#body_left			{position:absolute; vertical-align:top;  top:187px; width:192px; height:340px;  }  /*Àüü - º»¹® - ÁÂÃø */
#leftmenu		    {position:relative; vertical-align:top; top:0px; width:100%; float:left;  z-index:20;}


/*********************************************
* ±âº»¸µÅ©
****************************************/
a:link		 {text-decoration: none; color:#717171; font-size:12px;}
a:visited 	 {text-decoration: none; color:#717171; font-size:12px;}
a:hover 	 {text-decoration: none; color:#577fa6; font-size:12px;}
a:active 	 {text-decoration: none; color:#717171; font-size:12px;}


/**********************
°Ô½ÃÆÇ°ü·Ã Æû
**************************/

.select_01     {behavior: url('../js/selectbox_company.htc');}
select.SltBx {behavior: url('/css/selectBox.htc');}

.input_01 {
	color: #727272;
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
	height:24px;
	padding:5px;
}


.input_02 {
	color: #727272;
	background-color: #ffffff;
	border: 1px solid #d6d6d6;

}

.input_03 {
	color: #ffffff;
	background-color: #d7d7e4;
	border: 1px solid #d6d6d6;
	height:20px;
}

.textarea_01 {
	border:solid 1px #ffffff;
	color:#333333;
	Line-Height:18px;
	padding:0px 3px;
    Font-size:11px;
	font-family: Dotum, Gulim,Malgun Gothic,Verdana, Arial;
	background-color:#ffffff;
	width:650;
	height:80;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#858585;
	scrollbar-track-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#cbcbcb;
	scrollbar-shadow-color:#cbcbcb;
}

.textarea_02 {
	border:solid 1px #d6d6d6;
	color:#333333;
	Line-Height:18px;
	padding:0px 3px;
    Font-size:11px;
	background-color:#ffffff;
	width:650;
	height:80;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#858585;
	scrollbar-track-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#cbcbcb;
	scrollbar-shadow-color:#cbcbcb;
}


/*********************************************
* padding
*********************************************/

.pad_5 {
	padding:5px;
}

.pad_10 {
	padding:5px 5px 5px 10px;
}
.pad_20 {
	padding:20px;
}
.pad_l5 {
	padding-left:5px;
}

.pad_l8 {
	padding-left:7px;
}

.pad_l10 {
	padding-left:10px;
}
.pad_l15 {
	padding-left:15px;
}
.pad_l20 {
	padding-left:20px;
	text-align : justify;
}
.pad_l24 {
	padding-left:24px;
}
.pad_l30 {
	padding-left:30px;
}
.pad_l35 {
	padding-left:35px;
}
.pad_l40 {
	padding-left:40px;
}
.pad_l50 {
	padding-left:50px;
}
.pad_r20 {
	padding-right:20px;
}
.pad_r30 {
	padding-right:30px;
}
.pad_r40 {
	padding-right:40px;
}
.pad_t10 {
	padding-top:10px;
}
.pad_notice {
	padding:5px 20px 5px 20px;
}
.board_view {
	padding:10px 20px 10px 20px;
}
.board_write {
	padding:5px 0px 5px 0px;
}
.pad_best {
	padding-left:141px;
	padding-top:5px;
}

.history {overflow:hidden;}
.history li {float:left; height:23px; cursor:pointer; list-style:none;}
.history_01 {background:url('../images/contents/history.gif'); background-position:0 0; width:124px;}
.history_02 {background:url('../images/contents/history.gif'); background-position:-124px 0; width:124px;}
.history_03 {background:url('../images/contents/history.gif'); background-position:-248px 0; width:121px;}
.history_b {background:url('../images/contents/history.gif'); background-position:-369px 0; width:329px;}
.history_01:hover {background:url('../images/contents/history_on.gif'); background-position:0 0; width:124px;}
.history_02:hover {background:url('../images/contents/history_on.gif'); background-position:-124px 0; width:124px;}
.history_03:hover {background:url('../images/contents/history_on.gif'); background-position:-248px 0; width:121px;}
.sub1_3p .history_01 {background:url('../images/contents/history_on.gif'); background-position:0 0; width:124px;}
.sub1_3_ap .history_02 {background:url('../images/contents/history_on.gif'); background-position:-124px 0; width:124px;}
.sub1_3_bp .history_03 {background:url('../images/contents/history_on.gif'); background-position:-248px 0; width:121px;}

#quick {width:174px; position:absolute; z-index:100; left:50%; top:0; margin:190px 0 0 480px; padding-right:100px;}
#quick ul {overflow:hidden; list-style:none;}
#quick li {width:83px; float:left;}
#quick .quick_01 {background:url('../images/quick.gif'); background-position:0 0; height:45px;}
#quick .quick_02 {background:url('../images/quick.gif'); background-position:0 -45px; height:45px; cursor:pointer;}
#quick .quick_03 {background:url('../images/quick.gif'); background-position:0 -90px; height:45px; cursor:pointer;}
#quick .quick_04 {background:url('../images/quick.gif'); background-position:0 -135px; height:39px; cursor:pointer;}
#quick .quick_02:hover {background:url('../images/quick_on.gif'); background-position:0 -45px; height:45px; cursor:pointer;}
#quick .quick_03:hover {background:url('../images/quick_on.gif'); background-position:0 -90px; height:45px; cursor:pointer;}

#leftmenu ul {list-style:none; overflow:hidden; margin-left:8px;}
#leftmenu ul li {width:155px; float:left; height:30px; cursor:pointer;}
#leftmenu .lnb_comp_01 {background:url('../images/contents/lnb_comp.gif'); background-position:0 0;}
#leftmenu .lnb_comp_02 {background:url('../images/contents/lnb_comp.gif'); background-position:0 -30px;}
#leftmenu .lnb_comp_03 {background:url('../images/contents/lnb_comp.gif'); background-position:0 -60px;}
#leftmenu .lnb_comp_04 {background:url('../images/contents/lnb_comp.gif'); background-position:0 -90px;}
#leftmenu .lnb_comp_01:hover {background:url('../images/contents/lnb_comp_on.gif'); background-position:0 0;}
#leftmenu .lnb_comp_02:hover {background:url('../images/contents/lnb_comp_on.gif'); background-position:0 -30px;}
#leftmenu .lnb_comp_03:hover {background:url('../images/contents/lnb_comp_on.gif'); background-position:0 -60px;}
#leftmenu .lnb_comp_04:hover {background:url('../images/contents/lnb_comp_on.gif'); background-position:0 -90px;}
.sub1_1p #leftmenu .lnb_comp_01 {background:url('../images/contents/lnb_comp_on.gif'); background-position:0 0;}
.sub1_2p #leftmenu .lnb_comp_02, .sub1_2_01p #leftmenu .lnb_comp_02, .sub1_2_02p #leftmenu .lnb_comp_02 {background:url('../images/contents/lnb_comp_on.gif'); background-position:0 -30px;}
.sub1_3p #leftmenu .lnb_comp_03, .sub1_3_ap #leftmenu .lnb_comp_03, .sub1_3_bp #leftmenu .lnb_comp_03 {background:url('../images/contents/lnb_comp_on.gif'); background-position:0 -60px;}
.sub1_4p #leftmenu .lnb_comp_04 {background:url('../images/contents/lnb_comp_on.gif'); background-position:0 -90px;}

#leftmenu .lnb_prod_01 {background:url('../images/contents/lnb_prod.gif'); background-position:0 0;}
#leftmenu .lnb_prod_02 {background:url('../images/contents/lnb_prod.gif'); background-position:0 -30px;}
#leftmenu .lnb_prod_03 {background:url('../images/contents/lnb_prod.gif'); background-position:0 -60px;}
#leftmenu .lnb_prod_01:hover {background:url('../images/contents/lnb_prod_on.gif'); background-position:0 0;}
#leftmenu .lnb_prod_02:hover {background:url('../images/contents/lnb_prod_on.gif'); background-position:0 -30px;}
#leftmenu .lnb_prod_03:hover {background:url('../images/contents/lnb_prod_on.gif'); background-position:0 -60px;}
.sub2_1p #leftmenu .lnb_prod_01 {background:url('../images/contents/lnb_prod_on.gif'); background-position:0 0;}
.sub2_2p #leftmenu .lnb_prod_02 {background:url('../images/contents/lnb_prod_on.gif'); background-position:0 -30px;}
.sub2_3p #leftmenu .lnb_prod_03 {background:url('../images/contents/lnb_prod_on.gif'); background-position:0 -60px;}

#leftmenu .lnb_cust_01 {background:url('../images/contents/lnb_cust.gif'); background-position:0 0;}
#leftmenu .lnb_cust_02 {background:url('../images/contents/lnb_cust.gif'); background-position:0 -30px;}
#leftmenu .lnb_cust_01:hover {background:url('../images/contents/lnb_cust_on.gif'); background-position:0 0;}
#leftmenu .lnb_cust_02:hover {background:url('../images/contents/lnb_cust_on.gif'); background-position:0 -30px;}
.sub3_1p #leftmenu .lnb_cust_01, .sub3_1_viewp #leftmenu .lnb_cust_01 {background:url('../images/contents/lnb_cust_on.gif'); background-position:0 0;}
.sub3_2p #leftmenu .lnb_cust_02 {background:url('../images/contents/lnb_cust_on.gif'); background-position:0 -30px;}

#leftmenu .lnb_proc_01 {background:url('../images/contents/lnb_proc.gif'); background-position:0 0;}
#leftmenu .lnb_proc_01:hover {background:url('../images/contents/lnb_proc_on.gif'); background-position:0 0;}
.sub5_1p #leftmenu .lnb_proc_01 {background:url('../images/contents/lnb_proc_on.gif'); background-position:0 0;}

#leftmenu .lnb_port_01 {background:url('../images/contents/lnb_port.gif'); background-position:0 0;}
#leftmenu .lnb_port_02 {background:url('../images/contents/lnb_port.gif'); background-position:0 -30px;}
#leftmenu .lnb_port_03 {background:url('../images/contents/lnb_port.gif'); background-position:0 -60px;}
#leftmenu .lnb_port_04 {background:url('../images/contents/lnb_port.gif'); background-position:0 -90px;}
#leftmenu .lnb_port_05 {background:url('../images/contents/lnb_port.gif'); background-position:0 -120px;}
#leftmenu .lnb_port_01:hover {background:url('../images/contents/lnb_port_on.gif'); background-position:0 0;}
#leftmenu .lnb_port_02:hover {background:url('../images/contents/lnb_port_on.gif'); background-position:0 -30px;}
#leftmenu .lnb_port_03:hover {background:url('../images/contents/lnb_port_on.gif'); background-position:0 -60px;}
#leftmenu .lnb_port_04:hover {background:url('../images/contents/lnb_port_on.gif'); background-position:0 -90px;}
#leftmenu .lnb_port_05:hover {background:url('../images/contents/lnb_port_on.gif'); background-position:0 -120px;}

#topmenu {margin:0 auto; position:relative; width:1020px; z-index:10; overflow:hidden; height:70px;}
#topmenu .ci {float:left; margin:0; padding:0;}
.gnb {overflow:hidden; float:left; margin:0; padding:0; list-style:none;}
.gnb>li {float:left; height:70px;}
.gnb>li a {display:block; width:100%; height:100%;}
.gnb .t01 {background:url('../images/gnb.gif'); background-position:0 0; width:130px;}
.gnb .t02 {background:url('../images/gnb.gif'); background-position:-130px 0; width:120px;}
.gnb .t03 {background:url('../images/gnb.gif'); background-position:-250px 0; width:130px;}
.gnb .t04 {background:url('../images/gnb.gif'); background-position:-380px 0; width:130px;}
.gnb .t05 {background:url('../images/gnb.gif'); background-position:-510px 0; width:108px;}
.unb {overflow:hidden; float:left; margin:34px 0 0 90px; padding:0;}
.unb li {float:left; height:36px; cursor:pointer; list-style:none;}
/* .unb .t01 {background:url('../images/unb.gif'); background-position:0 0; width:75px;} */
.unb .t02 {background:url('../images/unb.gif'); background-position:0 0; width:85px;}
.unb .t03 {background:url('../images/unb.gif'); background-position:-85px 0; width:109px;}
.t_lnb {position:absolute; overflow:hidden; top:72px; padding:20px 30px 30px 0; left:215px; background:#fff; border:#ddd 1px solid;}
.t_lnb ul {float:left;}
.t_lnb .st01 {width:70px;}
.t_lnb .st02 {width:78px;}
.t_lnb .st03 {width:80px;}
.t_lnb .st04 {width:78px;}
.t_lnb ul li {padding:3px 0; color:#333; list-style:none;}

.const_gall {overflow:hidden; list-style:none;}
.const_gall>li {float:left; margin-right:25px;}
.const_gall>li img {border:#d0d1d3 3px solid; cursor:pointer; width:300px;}
.const_gall div ul {list-style:none; margin:10px 0 30px 0; border:#d0d1d3 3px solid; padding:0;}
.const_gall div ul li {overflow:hidden; background:url('../images/const/li_bg.gif');}
.const_gall div ul li span {float:left; padding:5px;}
.const_gall div ul li span:first-child {width:50px; color:#fff; margin-right:10px; font-family:'NanumGothicBoldWeb'; text-align:center;}
.const_gall_pop {width:762px; background:#fff; border:#ddd 1px solid; position:absolute; margin-left:-381px; left:50%; top:100px; z-index:100; display:none;}
.const_gall_pop .wrap {width:700px; margin:30px auto;}
.const_gall_pop .title {font-family:'NanumGothicBoldWeb'; color:#333; font-size:15px; margin-bottom:5px; overflow:hidden; line-height:30px;}
.const_gall_pop .title span {float:left;}
.const_gall_pop .title span+span {float:right; font-size:30px; cursor:pointer;}

.m_prod {overflow:hidden; list-style:none; width:204px;}
.m_prod li {float:left; text-indent:-9999px;}
.m_prod li a {display:block;}
.m_prod .t01 {background:url('../images/m_prod.gif'); background-position:0 0; width:204px; height:46px;}
.m_prod .t02 {background:url('../images/m_prod.gif'); background-position:0 -46px; width:133px; height:105px;}
.m_prod .t03 {background:url('../images/m_prod.gif'); background-position:-133px -46px; width:71px; height:27px;}
.m_prod .t04 {background:url('../images/m_prod.gif'); background-position:-133px -73px; width:71px; height:27px;}
.m_prod .t05 {background:url('../images/m_prod.gif'); background-position:-133px -100px; width:71px; height:51px;}
.m_prod .t03:hover {background:url('../images/m_prod_on.gif'); background-position:-133px -46px; width:71px; height:27px;}
.m_prod .t04:hover {background:url('../images/m_prod_on.gif'); background-position:-133px -73px; width:71px; height:27px;}
.m_prod .t05:hover {background:url('../images/m_prod_on.gif'); background-position:-133px -100px; width:71px; height:51px;}

.comp_02_tab {overflow:hidden; list-style:none;}
.comp_02_tab a {display:block; width:100%;}
.comp_02_tab li {float:left; height:26px; text-indent:-9999px;}
.comp_02_tab li:first-child {background:url('../images/comp/02_tab.gif'); background-position:0 0; width:48px;}
.comp_02_tab li+li {background:url('../images/comp/02_tab.gif'); background-position:-48px 0; width:107px;}
.comp_02_tab li+li+li {background:url('../images/comp/02_tab.gif'); background-position:-155px 0; width:107px;}
.comp_02_tab li+li+li+li {background:url('../images/comp/02_tab.gif'); background-position:-262px 0; width:107px;}
.comp_02_tab li+li+li+li+li {background:url('../images/comp/02_tab.gif'); background-position:-369px 0; width:107px;}
.comp_02_tab li+li+li+li+li+li {background:url('../images/comp/02_tab.gif'); background-position:-476px 0; width:200px;}

.comp_02_tab li+li:hover {background:url('../images/comp/02_tab_on.gif'); background-position:-48px 0; width:107px;}
.comp_02_tab li+li+li:hover {background:url('../images/comp/02_tab_on.gif'); background-position:-155px 0; width:107px;}
.comp_02_tab li+li+li+li:hover {background:url('../images/comp/02_tab_on.gif'); background-position:-262px 0; width:107px;}
.comp_02_tab li+li+li+li+li:hover {background:url('../images/comp/02_tab_on.gif'); background-position:-369px 0; width:107px;}
.comp_02_tab li+li+li+li+li+li:hover {background:url('../images/comp/02_tab_on.gif'); background-position:-476px 0; width:200px;}

.sub1_2p .comp_02_tab .t01 {background:url('../images/comp/02_tab_on.gif'); background-position:-48px 0; width:107px;}
.sub1_2_01p .comp_02_tab .t02 {background:url('../images/comp/02_tab_on.gif'); background-position:-155px 0; width:107px;}
.sub1_2_02p .comp_02_tab .t03 {background:url('../images/comp/02_tab_on.gif'); background-position:-262px 0; width:107px;}
.sub1_2_03p .comp_02_tab .t04 {background:url('../images/comp/02_tab_on.gif'); background-position:-369px 0; width:107px;}