@charset "utf-8";
@font-face{font-family:nanum;src:url(../../img/nanum.eot)}
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); /*나눔고딕끌어오기*/
/* SUNNY 2010.03 */
*{margin:0px; padding:0px; }
html,body{width:100%;height:100%;}
html{overflow-y:scroll;}
body{background-color:transparent; *word-break:break-all;-ms-word-break:break-all;}
body{margin:0;font:12px NanumGothic, 나눔고딕, nanum, "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS; line-height:1.7em; color:#454545; margin:0; padding:0; letter-spacing:0px;}
input,button,select,table,tr,td,div,pre,textarea{margin:0;font:12px NanumGothic, 나눔고딕, nanum, "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Gulim, 굴림, Verdana, Arial, Trebuchet MS; line-height:1.7em; color:#454545; margin:0; padding:0; letter-spacing:0px;}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left;}
img,fieldset,iframe,table{border:0 none;}
li{list-style:none;}
table{text-align:left;}
a{color:#454545;text-decoration:none;}
a:hover{color:#333333;text-decoration:underline;}
a,area {blr:expression(this.onFocus=this.blur())}
em,address{font-style:normal;}
button,label{cursor:pointer;_cursor /**/:hand;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
img{vertical-align:middle;}
textarea{overflow:auto;}
html:first-child select{height:20px;padding-right:6px;}
option{padding-right:6px;}


/* WRAP */
#head,#foot,#container {width:920px;margin:0 auto;text-align:left;clear:both;}

/* HEADER */
#header {position:relative;clear:both; z-index:900;}
#head {position:relative;clear:both; letter-spacing:0px; z-index:900;}
#head .logo{position:absolute; left:0; top:20px; z-index:9999;}
#head .tpmu{position:absolute;right:10px;top:42px;padding-left:10px; height:74px;}
#head .tpmu li {display:inline;}
#head .tpmu li a {float:left; display:block;text-decoration:none; margin:0px; padding:0px; height:14px;}
#head .tpmu li a img {height:14px;}
#head .tpmu li a.home{background: url(../../img/btn_home.gif) no-repeat;}
#head .tpmu li a.home:hover {background: url(../../img/btn_home.gif) no-repeat bottom;}
#head .tpmu li a.notice{background: url(../../img/btn_notice.gif) no-repeat;}
#head .tpmu li a.notice:hover {background: url(../../img/btn_notice.gif) no-repeat bottom;}
#head .tpmu li a.sitemap{ background: url(../../img/btn_sitemap.gif) no-repeat;}
#head .tpmu li a.sitemap:hover {background: url(../../img/btn_sitemap.gif) no-repeat bottom;}
#head .tpmu li a.login{ background: url(../../img/btn_login.gif) no-repeat;}
#head .tpmu li a.login:hover {background: url(../../img/btn_login.gif) no-repeat bottom;}
#head .tpmu li a.logout{ background: url(../../img/btn_logout.gif) no-repeat;}
#head .tpmu li a.logout:hover {background: url(../../img/btn_logout.gif) no-repeat bottom;}
#head .tpmu li a.mypage{ background: url(../../img/btn_mypage.gif) no-repeat;}
#head .tpmu li a.mypage:hover {background: url(../../img/btn_mypage.gif) no-repeat bottom;}
#head .tpnv {height:88px;}
#header .tptit{position:relative;clear:both; letter-spacing:0px; z-index:990; border-bottom:1px solid #ebebeb; height:51px; margin-bottom:26px;}
#header .tptit div{position:relative;clear:both; letter-spacing:0px;}
#header .tptit div{width:920px;margin:0 auto;text-align:left;clear:both;}
#header .tptit span{position:absolute;right:0px;top:-88px;padding-left:0px; height:166px;}

#globalNavi	{clear:both; z-index:900; padding:75px 0 0 10px;}
#nav{position: relative; text-align:center; z-index:900;}
#nav li {list-style:none; float:left; position:relative; text-align:center; z-index:900; background:url('../../img/menu_line.gif') 0 50% no-repeat;}
#nav li .tm{color:#8c8c8c; font-size:15px; padding:0 40px; line-height:28px; display:block; font-weight:bold; z-index:900;}
#nav li .tm:hover{color:#f36c21; z-index:900; text-decoration:none;}
#nav ul {display:none; position:absolute; top:41px; z-index:900;}
* html #nav ul {line-height: 0;}
#nav ul li {float:left; padding:0; margin:0; height:auto; z-index:900; background:none !important;}
#nav ul {z-index:900; border:3px solid #f36c21; background:#fff; border-radius:30px;}
#nav ul a {display: block; color:#555555; padding:5px 14px; zoom: 1; line-height:15px; font-size:13px; z-index:900; font-weight:bold;}
#nav ul a.hover {text-decoration:underline; z-index:900; color:#f36c21;}
.ms1{width:370px; left:0;}
.ms2{width:230px; left:0;}
.ms3{width:160px; left:0;}
.ms4{width:80px; left:30px;}
.ms5{width:110px; right:20px;}
.ms6{width:80px; right:30px;}
.no_bg{background:none !important;}

/*visual*/
#rollingBanner{position:relative;margin:0 auto; width:662px; height:455px; overflow:hidden; z-index:500;}
#rollingBanner ul, #rollingBanner ul li, #rollingBanner ul li dl, #rollingBanner ul li dl dd, #rollingBanner ul li dl dd a, #rollingBanner ul li dl dd a img{ width:662px; height:455px; overflow:hidden; z-index:500;}
#rollingBanner ul li dl dt a{position:absolute; z-index:500;display:block; width:16px; height:16px; overflow:hidden;background:url(/banner/images/bg_mainimg_control.png) -2px top no-repeat;text-indent:-10em;}
.btn1 a{left:460px; top:480px;}
.btn2 a{left:480px; top:480px;}
.btn3 a{left:500px; top:480px;}
.btn4 a{left:520px; top:480px;}
#rollingBanner ul li dl dt a.iconOn{background:url(/banner/images/bg_mainimg_control.png) -22px top no-repeat; z-index:500;}


/* FOOTER */
#footer{border-top:1px solid #ebebeb; margin-top:15px;clear:both;}
#foot {position:relative;clear:both; letter-spacing:0px; height:74px;}
#foot {position:relative;clear:both; letter-spacing:0px; height:70px;}
#foot address{ext-align:center;clear:both; padding:10px;}
#foot .ftmu{position:absolute;right:10px;top:15px;}
#foot .ftmu li {display:inline;}
#foot .ftmu li a {float:left; display:block;text-decoration:none; margin:0px; padding:0px; height:15px;}
#foot .ftmu li a img {height:15px;}
#foot .ftmu li a.company{background: url(../../img/btn_company.gif) no-repeat;}
#foot .ftmu li a.company:hover {background: url(../../img/btn_company.gif) no-repeat bottom;}
#foot .ftmu li a.service{background: url(../../img/btn_service.gif) no-repeat;}
#foot .ftmu li a.service:hover {background: url(../../img/btn_service.gif) no-repeat bottom;}
#foot .ftmu li a.email{background: url(../../img/btn_email_policy.gif) no-repeat;}
#foot .ftmu li a.email:hover {background: url(../../img/btn_email_policy.gif) no-repeat bottom;}
#foot .ftmu li a.contactus{background: url(../../img/btn_contactus.gif) no-repeat;}
#foot .ftmu li a.contactus:hover {background: url(../../img/btn_contactus.gif) no-repeat bottom;}


/* CONTEN */
#cont {width:920px;}
#left{width:166px;}
#right{width:638px; padding:0px 25px 30px 25px;}
#right .title{margin:0px 0px 10px 0px;}
#sliding {width:58px; text-align:left; position:relative;}
#sliding .slid {border-left:1px solid #ebebeb; padding:5px 0px 14px 14px;  margin:38px 0px 0px 0px;}
#sliding .slid dt a {display:block;text-decoration:none; margin:14px 0px 0px 0px; width:40px;}
#sliding .slid a img {width:40px;}
#sliding .slid a.slid01{background: url(../../img/slid_mu01.gif) no-repeat;}
#sliding .slid a.slid01:hover {background: url(../../img/slid_mu01.gif) no-repeat right;}
#sliding .slid a.slid02{background: url(../../img/slid_mu02.gif) no-repeat;}
#sliding .slid a.slid02:hover {background: url(../../img/slid_mu02.gif) no-repeat right;}
#sliding .slid a.slid03{background: url(../../img/slid_mu03.gif) no-repeat;}
#sliding .slid a.slid03:hover {background: url(../../img/slid_mu03.gif) no-repeat right;}
#sliding .slid a.slid04{background: url(../../img/slid_mu04.gif) no-repeat;}
#sliding .slid a.slid04:hover {background: url(../../img/slid_mu04.gif) no-repeat right;}
#sliding .slid a.top{background: url(../../img/slid_top.gif) no-repeat;}
#sliding .slid a.top:hover {background: url(../../img/slid_top.gif) no-repeat right;}

/* HOME */
#home .left{ padding:65px 0px 0px 20px; width:258px;}
#home .left .notice{margin:0px 0px 0px 7px; letter-spacing:-1px;}
#home .left .notice h1{height:26px;}
#home .left .family{margin:20px 10px 0px 0px;}
#home .left .family img{border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
#home .left .time{text-align:center; padding:0px 0px 0px 0px; border-bottom:1px solid #ebebeb; width:212px; color:ff918f; }
#home .left .btn li{border-bottom:1px solid #ebebeb; width:192px; height:12px; margin:0px; padding:10px;line-height:1em;}
#home .left .btn li a {float:left; display:block;text-decoration:none; height:14px;}
#home .left .btn li a img {height:14px;}
#home .left .btn li a.history{background: url(../../img/home_history_r.gif) no-repeat;}
#home .left .btn li a.history:hover {background: url(../../img/home_history_r.gif) no-repeat bottom;}
#home .left .btn li a.contactus{background: url(../../img/home_contactus_r.gif) no-repeat;}
#home .left .btn li a.contactus:hover {background: url(../../img/home_contactus_r.gif) no-repeat bottom;}


/* SUB */

#contact_us ul{margin:0px 0px 10px 20px;}
#contact_us li{padding-top:5px;  font-weight:bold; }
#contact_us li div{float:left; width:100px; color:#f46c0a; font-weight:bold;}

#plant {margin:0px 0 0px 0;}
#plant h1{background: url(../../img/line_01.gif) no-repeat bottom; padding:10px 0px 12px 0px; clear:both;}
#plant pre{padding:20px; width:638px;}
#plant ul{margin:0px 0px 10px 20px;}
#plant li{padding-top:5px;  font-weight:bold; }
#plant li div{float:left; width:50px;color:#f46c0a;font-weight:bold;}

#history {margin:30px 0 40px 0;}
#history dl{background: url(../../img/line_01.gif) no-repeat top; padding:10px 0px 7px 0px; clear:both;}
#history h1,dt,dd{display:inline;}
#history h1{float:left;width:100px; padding-left:5px; font-size:1.4em;font-family:Tahoma; color:#f46c0a;}
#history dt{float:left; width:85px; text-align:center; font-size:1.2em;font-family:Tahoma; color:#333333;}
#history dd ul{float:left;width:440px; margin:0px 0px 20px 0px;}
#history dd li{border-bottom:1px solid #ebebeb; padding:6px 4px 4px 4px;}

#staple {margin:30px 0 40px 0;}
#staple dl{background: url(../../img/line_01.gif) no-repeat top; padding:10px 0px 7px 0px; clear:both;}
#staple h1{float:left;width:100px; padding-left:5px; font-size:1.4em;font-family:Tahoma; color:#f46c0a;}
#staple ul{float:left;width:530px; margin:0px 0px 20px 0px;}
#staple li{border-bottom:1px solid #ebebeb; padding:6px 4px 4px 4px;}
#staple li div{float:left; width:120px; text-align:center; font-weight:bold; color:#333333; margin-right:20px;}

#family {margin:30px 0 40px 0;}
#family a{color:#333333;}
#family dl{background: url(../../img/line_01.gif) no-repeat top; padding:10px 0px 7px 0px; clear:both;}
#family h1{float:left;width:180px;  font-weight:bold;color:#000000; text-align:left; padding-left:10px;}
#family ul{float:left;width:637px; margin:0px 0px 20px 0px;}
#family li{border-bottom:1px solid #ebebeb; padding:6px 4px 4px 4px;clear:both;}
#family li div{float:left; width:145px; text-align:left; font-weight:bold;}
#family h2{float:left;width:140px;  font-weight:bold;color:#000000; text-align:left; padding-left:10px;}
#family h3{float:left;width:240px;  font-weight:bold;color:#000000; text-align:left; padding-left:10px;}
#family li .dvs0{float:left; width:180px; text-align:left; font-weight:bold;}
#family li .dvs1{float:left; width:80px; text-align:left; font-weight:bold;}

#member {text-align:center;}
#member {background: url(../../img/line_01.gif) no-repeat top; padding:30px 0px 7px 0px; margin:21px 0 0 0; clear:both;}
#member .log {padding:0px 0px 15px 0px;}
#member .log .input_tx{border:2px solid #cccccc; height:15px; font-weight:normal; margin:0 0; padding:5px 4px 1px 4px; width:160px;}
#member .log .btn{background: url(../../img/btn_bg01.gif) no-repeat; width:62px; height:60px; border:0px;  font-weight:bold; color:#ffffff;}
#member .log .line{width:400px; border-top:1px solid #cccccc; text-align:left; padding:20px;}

#other_text {margin:0px 0 0px 0;}
#other_text h1{background: url(../../img/line_01.gif) no-repeat bottom; padding:10px 0px 12px 0px; clear:both;}
#other_text pre{padding:20px; width:638px;}
#other_text ul{margin:0px 0px 10px 20px;}
#other_text li{padding-top:5px;  font-weight:bold; }
#other_text li div{float:left; width:50px;color:#f46c0a;font-weight:bold;}

#member_tit p {margin:10px 0 10px 14px;text-align:left;}
#member_tit p a {color:#1F6701;text-decoration:underline;}
#member_tit p em {font-style:normal;color:#FE632B;}
#member_tit p em img {vertical-align:middle;}

#mform {margin:0 auto;text-align:left;width:638px; background: url(../../img/line_02.gif) no-repeat top; padding-top:2px;}
#mform table {font-size:12px;border-collapse:collapse; width:638px;}
#mform th {width:125px; padding:10px 0 10px 16px; background-color:#f7f7f7; font-weight:normal;text-align:left;vertical-align:top; border-bottom:1px solid #D7D7D7;}
#mform th label * {vertical-align:middle;}
#mform th em {padding-right:8px;font-style:normal;}
#mform td {padding:10px 0 10px 10px; border-bottom:1px solid #D7D7D7;}
#mform td p{padding:5px 0px 0px 0px;}
#mform tr {border-bottom:1px solid #D7D7D7;}
#mform .text_field {height:17px; padding:3px; padding-top:1px;border:1px solid #b6ad9b;}
#mform .text_fieldd {height:17px; padding:3px; padding-top:1px;border:1px solid #b6ad9b; width:350px;}
#mform .select_field {width:350px;}
#mform .tel_field{height:17px; padding:3px; padding-top:1px;border:1px solid #b6ad9b; width:40px;}


/* PRODUCT */
#product {margin:0px; padding-top:10px;}
#product .pgtit{line-height:1.7em;font-family:"Trebuchet MS",Dotum,Helvetica,AppleGothic,Sans-serif;color:#454545;}
#product .pgtit{background: url(../../img/line_01.gif) no-repeat bottom; padding-bottom:15px; margin-bottom:15px;}
#product .pgtit h1{font-size:20px; padding-bottom:2px;}
#product .pgtit b{padding-left:1px;}

#product  .img_list { overflow:hidden;}
#product  .img_list img {border:none; border:1px solid #D7D7D7; padding:3px;}
#product  .img_list .photo {display:inline; float:left; padding:10px; margin:0px; color:#FFF; text-align:center;}
#product  .img_list .rttex {float:left; padding:15px; width:315px;}
#product  .img_list .rttex h1 {font-size:15px; width:315px; height:30px; color:#333333; border-bottom:1px solid #D7D7D7;}
#product  .img_list .rttex p {height:42px; padding-top:10px;}

#product  .list_tx {background: url(../../img/line_01.gif) no-repeat top; padding:10px 0px 0px 0px; margin:0px 0 0 0; clear:both;}
#product  .list_tx h1{border-bottom:1px solid #D7D7D7; padding:0px 0px 5px 5px;}
#product  .list_tx h1 span{color:#f46c0a;}
#product  .list_tx pre{margin:20px;}
#product  .list_tx pre b{margin-right:5px;}

#product  .bd_st {width:100%; text-align:center; border-bottom:1px solid #DCDCDC; font:12px Dotum; border-collapse:collapse;}
#product  .bd_st caption {display:none;}
#product  .bd_st tfoot {font-weight:bold; background-color:#F5F7F9;}
#product  .bd_st th {padding:7px 0 4px 0; background-color:#F5F7F9; border-left:1px solid #DCDCDC; border-right:1px solid #DCDCDC; font:12px dotum; font-weight:bold; color:#666666;}
#product  .bd_st .thsolid th{border-top:1px solid #DCDCDC;}
#product  .bd_st td {padding:6px 0 4px 0; border:1px solid #E5E5E5; color:#4C4C4C;}

#sitemap {margin:0px 0 0px 0;}
#sitemap a{color:#666666;}
#sitemap .tit{padding:10px 0px 12px 0px; clear:both;}
#sitemap div{clear:both; margin-bottom:15px; width:640px;}
#sitemap div ul{float:left; display:inline; width:150px;}
#sitemap div ul{margin:0 10px 0 0px; border-top:2px solid #f46d22;}
#sitemap div h1{margin-bottom:10px; padding:10px; border-bottom:1px solid #D7D7D7; text-align:center; font-size:14px;}
#sitemap div li{padding-left:10px; font-weight:bold; clear:both;}



.sys_hand{cursor:hand;}

#button_box {text-align:center; padding:20px 0px 0px 0px;}
#button_box .btn{background: url(../../img/btn_bg01.gif) no-repeat; width:62px; height:60px; border:0px;  font-weight:bold; color:#ffffff;}
#button_box .btn0{background: url(../../img/btn_bg02.gif) no-repeat; width:149px; height:44px; border:0px;  font-weight:bold; color:#ffffff; margin-right:5px;}

/*but*/
a.button, span.button, del.button{
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0px;
    line-height:0px;

	
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:-5px 0px 0px 0px;
	padding:0px 12px 0px 0px;	
	vertical-align:middle;	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}


a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url('../../img/form_buttons.gif');
}

a.button span, span.button button, span.button input, del.button span{
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0px !important;
    font-family:"굴림" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0px;
	background-repeat:no-repeat;
	height:30px;
	padding:10px 20px 0px 10px;
	margin:0px -16px 0px 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0px;
	_right:-5px;
}
span.button button{    line-height:2.5px;/*Opera need this*/ }
html.safari a.button span, html.safari del.button span{   line-height:1.3px; }
html.safari span.button button{   line-height:2.6px; }
html.safari a.button:focus, html.safari span.button button:focus{outline:none; }
del.button{ 	/* cursor:not-allowed;	*/ 	background-position:0px -120px; 	}
del.button span{ 	cursor:default;     color:#aaa !important; 	background-position:100% -120px; }
span.button button, span.button input{ 	padding-top:0px; 	line-height:2.5;/*Opera need this*/ }