@charset "euc-kr";

/* CSS Document */


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

html, body { width:100%; height:100%; padding:0; margin:0; }

html
	{
	overflow-x: hidden;
	overflow-y:scroll;
	}

@font-face { font-family:'NanumGothic';
     src: url('/font/NanumGothic.eot');
     src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
           url('/font/NanumGothic.woff') format('woff'),
           url('/font/NanumGothic.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }

@font-face { font-family:'NanumGothicBoldWeb';
     src: url('/font/NanumGothicBold.eot');
     src: url('/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
           url('/font/NanumGothicBold.woff') format('woff'),
           url('/font/NanumGothicBold.ttf') format('truetype');
     font-weight: bold;
     font-style: normal;
 }

body, th, td {
	/*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;
}


body.indexBG { background:url(/_new4/img/bg/indexBG.png) repeat;  width:100%; height:100%; }

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

.board_title      {color:#657896;}

.orange_title      {color:#a53a00;}

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

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

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



/*¸µÅ©Å׵θ® »èÁ¦*/
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);
}

map, ul, li {margin:0; padding:0;}

table, a { border: 0px none;}
table { border-collapse : collapse;}
th, tr, td { margin:0; padding:0;}


/*********************************************
* div °ü·Ã
*********************************************/
#header				{ width:100%; height:86px; border-bottom:1px solid #c7c7c7; background-color:#FFF; }

#topmenu 			{position:relative; width:980px; height:85px; left:50%; margin-left:-490px;}

#body_left			{margin:-50px 0 0 10px; vertical-align:top;  top:225px; width:240px; height:340px;  }  /*Àüü - º»¹® - ÁÂÃø */
#leftmenu		    {margin:0 auto;  position:relative; vertical-align:top; top:0px;	width:100%; float:left;  z-index:20; text-align:center;  }


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


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

.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:12px;
	padding:5px;
}


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

}

.input_03 {
	color: #232e84;
	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:99%;
	height:200px;
	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:99%;
	height:200px;
	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;
}


/* footer */
#footer {clear:both; margin-top:0px;  border:1px solid #dadada;}
#footer .form {position:absolute; width:980px; margin:0 auto;}
#footer .form .logo {position:absolute; top:20px; left:50; width:166px; height:31px;	border:0px solid red;}
#footer .form .link {position:absolute; top:12px; left:220px;}
#footer .form .link li {float:left; background:url("") no-repeat left 3px; padding:0 10px; font-size:0;}
#footer .form .link li.first-child {background:none; padding:0 10px 0 0;}
#footer .form address {position:absolute; top:40px; left:220px; width:444px; height:30px;}
#footer .sns {position:absolute; top:20px; right:0;}
#footer .sns li {display:inline;}

/* #sub_footer */
#sub_footer {position:relative; clear:both; margin-top:30px;  border:0px solid #dadada;}
#sub_footer .link {position:absolute; top:16px; left:840px;}


.his_tab {overflow:hidden; list-style:none;}
.his_tab li {float:left; height:31px;}
.his_tab_01 {background:url('../images/company/his_tab.gif'); background-position:0 0; width:155px;}
.his_tab_02 {background:url('../images/company/his_tab.gif'); background-position:-155px 0; width:120px;}
.his_tab_03 {background:url('../images/company/his_tab.gif'); background-position:-275px 0; width:120px;}
.his_tab_04 {background:url('../images/company/his_tab.gif'); background-position:-395px 0; width:120px;}
.his_tab_05 {background:url('../images/company/his_tab.gif'); background-position:-515px 0; width:120px;}
.his_tab_b {background:url('../images/company/his_tab.gif'); background-position:-635px 0; width:79px;}
.sub1_3p .his_tab_01 {background:url('../images/company/his_tab_on.gif'); background-position:0 0; width:155px;}
.sub1_3_ap .his_tab_02 {background:url('../images/company/his_tab_on.gif'); background-position:-155px 0; width:120px;}
.sub1_3_bp .his_tab_03 {background:url('../images/company/his_tab_on.gif'); background-position:-275px 0; width:120px;}
.sub1_3_cp .his_tab_04 {background:url('../images/company/his_tab_on.gif'); background-position:-395px 0; width:120px;}
.sub1_3_dp .his_tab_05 {background:url('../images/company/his_tab_on.gif'); background-position:-515px 0; width:120px;}


.m_img {position:relative; z-index:-1;}
.m_img_copy {background:#000; padding:10px; color:#fff; text-align:right;}
.m_img_wrap {position:relative;}

#main_img_pager {position:absolute; bottom:50px; z-index:20; right:20px;}
#main_img_pager a {background:url('../images/m_thum.png'); background-position:0 0; width:100px; height:104px; float:left; text-indent:-9999px; margin-right:3px;}
#main_img_pager a+a {background:url('../images/m_thum.png'); background-position:-100px 0; width:123px;}
#main_img_pager a+a+a {background:url('../images/m_thum.png'); background-position:-223px 0; width:115px;}
#main_img_pager a.activeSlide {background:url('../images/m_thum_on.png'); background-position:0 0; width:100px; height:104px;}
#main_img_pager a+a.activeSlide {background:url('../images/m_thum_on.png'); background-position:-100px 0; width:123px;}
#main_img_pager a+a+a.activeSlide {background:url('../images/m_thum_on.png'); background-position:-223px 0; width:115px;}

.m_new_prod {background:url('../images/m_new_prod_bg.gif'); width:368px; height:134px; position:relative;}
.m_new_prod .mt_new {position:absolute; top:20px; left:210px; z-index:20;}
.m_new_prod .arrow_l {position:absolute; top:50px; left:10px; z-index:20; cursor:pointer;}
.m_new_prod .arrow_r {position:absolute; top:50px; right:15px; z-index:20; cursor:pointer;}
.m_new_prod ul {list-style:none;}
.m_new_prod ul li {overflow:hidden; margin:12px 0 0 30px;}
.m_new_prod ul li .thum {float:left; border:#ccc 1px solid; margin-right:15px;}
.m_new_prod .title {color:#000; margin-top:40px; font-weight:bold; font-size:13px; font-family:'NanumGothicBoldWeb'; width:120px; float:left;}
.m_new_prod .stitle {color:#333; font-size:11px; font-weight:bold; float:left;}
.m_new_prod .size {font-size:9px; font-weight:bold;}
.m_new_prod .deta {margin-top:5px; float:left;}

.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;}
.const_gall div ul {list-style:none; margin:10px 0 30px 0; border:#d0d1d3 3px solid; width:337px;}
.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;}


#map-cont {width:189px; margin:0 auto;}
#map-cont .sch00{background:url('/images/map/img_search00_on.png') no-repeat;}
#map-cont .sch01{background:url('/images/map/img_search01_on.png') no-repeat;}
#map-cont .sch02{background:url('/images/map/img_search02_on.png') no-repeat;}
#map-cont .sch03{background:url('/images/map/img_search03_on.png') no-repeat;}
#map-cont .sch04{background:url('/images/map/img_search04_on.png') no-repeat;}
#map-cont .sch05{background:url('/images/map/img_search05_on.png') no-repeat;}
#map-cont .sch06{background:url('/images/map/img_search06_on.png') no-repeat;}
#map-cont .sch07{background:url('/images/map/img_search07_on.png') no-repeat;}
#map-cont .sch08{background:url('/images/map/img_search08_on.png') no-repeat;}
#map-cont .sch09{background:url('/images/map/img_search09_on.png') no-repeat;}
#map-cont .sch10{background:url('/images/map/img_search10_on.png') no-repeat;}
#map-cont .sch11{background:url('/images/map/img_search11_on.png') no-repeat;}
#map-cont .sch12{background:url('/images/map/img_search12_on.png') no-repeat;}
#map-cont .sch13{background:url('/images/map/img_search13_on.png') no-repeat;}
#map-cont .sch14{background:url('/images/map/img_search14_on.png') no-repeat;}
#map-cont .sch15{background:url('/images/map/img_search15_on.png') no-repeat;}
#map-cont .sch16{background:url('/images/map/img_search16_on.png') no-repeat;}

#store_list {width:100%; margin-top:10px;}
#store_list td:first-child {background:#f8f8f8;}
#store_list td {padding:3px; border:#ddd 1px solid;}

#gnb { width:542px; height:85px; }
#gnb ul li { background:url(/_new4/img/bg/TopMenu.jpg) no-repeat; float:left; display:inline-block; list-style : none; cursor:pointer; }

#gnb ul li.menu01 { width:113px; height:85px; background-position: 0 0; }
#gnb ul li.menu02 { width:104px; height:85px; background-position: -113px 0; }
#gnb ul li.menu03 { width:100px; height:85px; background-position: -217px 0; }
#gnb ul li.menu04 { width:109px; height:85px; background-position: -317px 0; }
#gnb ul li.menu05 { width:116px; height:85px; background-position: -426px 0; }

#gnb ul li.menu01:hover, #gnb ul li.menu01.on { width:113px; height:85px; background-position: 0 -85px; }
#gnb ul li.menu02:hover, #gnb ul li.menu02.on { width:104px; height:85px; background-position: -113px -85px; }
#gnb ul li.menu03:hover, #gnb ul li.menu03.on { width:100px; height:85px; background-position: -217px -85px; }
#gnb ul li.menu04:hover, #gnb ul li.menu04.on { width:109px; height:85px; background-position: -317px -85px; }
#gnb ul li.menu05:hover, #gnb ul li.menu05.on { width:116px; height:85px; background-position: -426px -85px; }

#indexImg { width:980px; height:621px; left:50%; margin-left:-490px; position:relative; margin-top:19px; clear:both; }
#main_img_con { width:980px; height:621px; overflow:hidden; z-index:9;}

#prev { position: absolute; top:312px; left:26px; z-index:999; cursor:pointer;}
#next { position: absolute; top:312px; left:918px; z-index:999; cursor:pointer;}

#noticeArea { width:980px; height:172px; left:50%; margin-left: -490px; position:relative; margin-top: 9px; }

#bottomArea { background-color:#403f3d; width:100%; min-height:100px; padding:0; margin:0; }
#bottomCopyright { width:980px;  left:50%; position:relative; margin:20px 0 0 -490px; padding:0; }
#bottomSitemap { height:193px; margin:0; padding:0; display:none; }

#quick { position:absolute; top:0; left:1000px; }
#subImg { width:980px; height:150px; left:50%; margin-left:-490px; position:relative; margin-top:19px; clear:both; }
#subMenu { width:980px; height:40px; left:50%; margin-left:-490px; position:relative; margin-top:10px; background:url(/_new4/img/bg/subMenuBg.jpg) repeat-x; }

#sub_contents { width:980px; left:50%; margin-left:-490px; position:relative; margin-top:10px; }


#sub01 { width:145px; height:168px; display:none; z-index: 100; position:absolute; top:39px; left:196px;}
#sub01.on { width:145px; height:168px; display:block; z-index: 100; position:absolute; top:39px; left:196px;}

#sub02 { width:145px; height:94px; display:none; z-index: 100; position:absolute; top:39px; left:195px;}
#sub02.on { width:145px; height:94px; display:block; z-index: 100; position:absolute; top:39px; left:195px;}

#sub03 { width:145px; height:144px; display:none; z-index: 100; position:absolute; top:39px; left:196px;}
#sub03.on { width:145px; height:144px; display:block; z-index: 100; position:absolute; top:39px; left:196px;}

#sub04 { width:145px; height:120px; display:none; z-index: 100; position:absolute; top:39px; left:196px;}
#sub04.on { width:145px; height:120px; display:block; z-index: 100; position:absolute; top:39px; left:196px;}


#sub02_01 { width:145px; height:263px; display:none; z-index:100; position: absolute; top:39px; left: 340px; }
#sub02_01.sel { width:145px; height:263px; display:block; z-index:100; position: absolute; top:39px; left: 340px; }

.const_gall {overflow:hidden; list-style:none; padding-left:110px; }
.const_gall>li {float:left; margin-right:80px;}
.const_gall>li img {border:#d0d1d3 3px solid; cursor:pointer;}
.const_gall div ul {list-style:none; margin:10px 0 50px 0; border:#d0d1d3 3px solid; width:337px;}
.const_gall div ul li {overflow:hidden; background:url('/_new4/img/bg/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;}

#newProducts { width: 100%; }
#newProducts .ScrollBanner { width:236px; margin: 0 auto; }
#newProducts li {margin: 0 5px; cursor:pointer; }

.uplayer { position:absolute; top:0; z-index:999; }
#newProducts li .uplayer { display:none; }

#newProducts li.on .uplayer { display:block; }