@charset "euc-kr";

/*************************
Type: Common style sheet 
Date: 09/07/
**************************/
* { padding:0px; margin:0px;}
html,body {
	width:100%;
	height:100%;
	font-size:12px;
	font-family:Dotum,"µ¸¿ò", Verdana, sans-serif;
	color:#606060;
	line-height:17px;}
table {border-collapse:collapse;}
img { border:none;}
a { color:#606060; text-decoration:none;}
a:hover {color:#D32602;}
input, select { font-size:12px; font-family:Dotum,"µ¸¿ò", Verdana, sans-serif; color:#606060;}
select {height:19px;border:1px solid #ABADB3;}
textarea {border:1px solid #DBDBDB;font-size:12px;font-family:Dotum,"µ¸¿ò", Verdana, sans-serif;color:#606060;overflow-y:auto;}
caption, legend, address, #accessibity  {display:none;}
fieldset, p {border:none;margin:0px;padding:0px;}
ul, li   {list-style:none;}

.clrboth  {clear:both;}
.wrdbreak {word-break:break-all;}
.input  {height:15px;padding-top:2px;padding-left:2px;border:1px solid #DBDBDB;vertical-align:middle;}
.nlabel {display:none;margin:0px;padding:0px;}
/*** Layout :start ***/
#wrap {position:relative; width:100%; background:url('/images/common/bg_top.jpg') repeat-x left top;}
#contents  {width:990px; margin:0px auto -20px auto; padding-top:15px;text-align:left;}	
#smcontents  {width:990px; margin:0px auto 20px auto;}	
#leftarea {float:left; width:210px; text-align:left; margin-top:15px;}
#rightarea {float:left; width:780px; padding:0px;}
#rightarea.mgn_top {margin-top:-15px;}
#subcnts {clear:both; width:760px; margin-top:15px;}
#smcnts {padding:0;}
#smcnts_2 { padding:0;} 
#smcnts_3 {padding:0;}
#smcnts_4 { padding:0; height:380px; background:url('../../images/information/bg_main.jpg') right bottom no-repeat;} 
#smcnts_5 { padding:0;} 
#smcnts_6 { padding:0;	min-height:235px;	background:url('../../images/child/bg_main.jpg') right bottom no-repeat;} 
#smcnts_7 { padding:0;	height:430px;	background:url('../../images/directors/bg_main.jpg') right bottom no-repeat;} 
			
/* ÄÁÅÙÃ÷ ¹Ù·Î°¡±â */
#skip_navi { list-style:none; font-size:1.15em;}
#skip_navi a:active,
#skip_navi a:focus{ text-align:center; }
#skip_navi a:active,
#skip_navi a:focus{ color:#000; background:#fff; border:1px solid #475470; outline:0;}
#skip_navi { position:absolute; top:-10em; left:0; margin:0 auto; width:18em;}
#skip_navi a:active,
#skip_navi a:focus{ position:absolute; top:10.5em; left:0; width:18em; z-index:2;}
			
/* submain contents area*/
#foot {clear:both; width:100%; height:75px; padding:0px; margin:0px; /*border-top:1px #DDDDDD solid;*/ background-color:#ffffff; }
#foot .copyright {width:990px; position:relative; margin:0px auto; padding-top:5px;}
#foot .copyright .footLogo {width:200px; float:left; padding-left:15px;}
#foot .copyright .footAdd {text-align:left; width:700px; float:left;}
.fooclr {clear:both; margin:0px 0px 0px 0px; padding:0px 0px 6px 0px;}
.fooclr_1 {clear:both; padding-top:50px;}
.copyright .icsi {position:absolute; right:0px; top:7px;}

/* 2009-10-24 Footer ÁÖ¼Ò Ãß°¡ */
#foot .copyright address {font-style:normal; font-size:11px; color:#666; line-height:14px; margin-top:5px;}


/* Top Menu */
#toparea {position:relative; width:990px; height:84px; margin:0px auto; padding:0px;}
#toparea .hlogo {position:absolute; left:6px; top:30px;}
.allview {width:990px; margin-left:-495px; position:absolute; top:0px; left:50%; z-index:100;}
#stoparea {	width:100%; width:990px; height:84px;margin:0px auto; text-align:center; z-index:10;}
#toparea #topnavi {position:absolute; width:662px; height:17px; text-align:right; top:7px; right:0px; vertical-align:middle;}
#topnavi ul li {float:left; padding-top:4px;}
#topnavi .tbtndv {float:left;padding-left:5px;margin-top:2px;}
#topnavi .tbtndv img {vertical-align:top;}
/* 2009-10-13 ¼öÁ¤*/
#topnavi .fontdv {float:left; text-align:left; margin:2px 0px 0px 4px;width:75px; height:17px; line-height:1px; padding:3px 0px 0px 6px; background:url('/images/common/tbtn_font.gif') no-repeat left top;}
#topnavi .fontdv a {margin-left:2px;}
#topnavi .fontdv img {vertical-align:top;}
#topnavi fieldset {float:left; margin:0px 0px 0px 5px;}
#topnavi fieldset input {width:110px; font-size:11px;color:#606060; vertical-align:middle;}
#topnavi fieldset img {vertical-align:middle;}
#toparea .topmenu {position:absolute; top:30px; width:770px; right:0px; text-align:right;}
#toparea .topmenu ul li {float:left; padding-top:5px;} 
#toparea .topmenu #topul .tmon {z-index:100;}
#toparea .topmenu .sub {position:absolute; display:none; top:36px; height:18px; background:#bdbdbd; z-index:10; padding:0px 5px; margin:0px; text-align:left;}
#toparea .topmenu .sub a {color:#ffffff;}
/* 2009-10-24 ž¸Þ´º ·Ñ¿À¹ö Ãß°¡ */
#toparea .topmenu .sub a:hover {color:#ffffff; font-weight:bold; letter-spacing:-0.1em;}
#toparea .topmenu .sub li {margin-top:3px; padding:0px; line-height:14px;}
#toparea .topmenu .sub .tsbar {height:9px;padding:0px 7px 0px 8px;background:url('/images/common/ts_bar.gif') no-repeat 7px 5px;}
#toparea .topmenu #sub1 {width:665px;}
#toparea .topmenu #sub2 {width:490px;}
#toparea .topmenu #sub3 {width:480px;}
#toparea .topmenu #sub4 {width:545px;right:100px;}
#toparea .topmenu #sub5 {width:405px;right:50px;}
#toparea .topmenu #sub6 {width:330px;right:0px;}
#toparea .topmenu #sub7 {width:305px;right:0px;}


#leftarea .menuleftdv {width:170px;}
#leftarea .menuleftdv h2 {padding-right:5px;padding-bottom:20px;text-align:right;}
#leftarea .menuleftdv ul li {padding:2px 0 2px 0;}
#leftarea .menuleftdv .sleftul {clear:both;padding:4px 0 0px 18px;}
/* 2009-10-27 left ¸Þ´º ¼öÁ¤ */
#leftarea .menuleftdv .smenu_on  {width:170px; height:21px; padding:4px 0px 0px 16px; font-weight:bold; background: url('/images/common/sleft_menu_on.gif') no-repeat;}
#leftarea .menuleftdv .smenu_off {width:170px;height:21px; padding:4px 0px 0px 16px; font-weight:bold; background: url('/images/common/sleft_menu_off.gif') no-repeat;}
#leftarea .menuleftdv .smenu_on .s1_on {padding-top:4px;color:#ffffff}
#leftarea .menuleftdv .smenu_off .s1_off {padding-top:4px;}

#leftarea .menuleftdv .sleftul .son a:link, .menuleftdv .sleftul .son a:visited {
		color:#737373; padding-left:7px;background:url('/images/common/sleft_ico.gif') no-repeat left 2px; }
#leftarea .menuleftdv .sleftul .son a:hover, .menuleftdv .sleftul .son a:active, .menuleftdv .sleftul .son a:focus {
		color:#cd1102; padding-left:7px;background:url('/images/common/sleft_ico_on.gif') no-repeat left 2px; }
#leftarea .menuleftdv .sleftul .son2 a:link, .menuleftdv .sleftul .son2 a:visited {
		color:#cd1102; padding-left:7px;background:url('/images/common/sleft_ico_on.gif') no-repeat left 2px; }
#leftarea .menuleftdv .sleftul .son2 a:hover, .menuleftdv .sleftul .son2 a:active, .menuleftdv .sleftul .son2 a:focus {
		color:#cd1102; padding-left:7px;background:url('/images/common/sleft_ico_on.gif') no-repeat left 2px; }


	
.menu_border_top{border-top:#e2e2e2 1px solid; padding-top:5px;}
.menu_border_bottom {border-bottom:#d8d8d8 1px solid;}	

/*** Layout :end ***/
#subcnts .locadv {width:760px;padding-top:9px;text-align:right;}
#subcnts .locadv img {margin:2px 3px 0px 0px;}
#subcnts .locadv .locanow {color:#E05003;}
#subcnts .pagetle {width:760px;height:24px;padding-top:20px;background:url('/images/common/stle_bg2.gif') repeat-x left bottom;}
#subcnts .pagetle .tleimg {height:24px;background:url('/images/common/stle_bg1.gif') no-repeat left bottom;}
.mtm10 {margin-top:-10px;}
.png24 {tmp:expression(setPng24(this));}
.dvleft {float:left;}
.dvright {float:right;}

/* main */
#wrap #mainCon {width:990px;text-align:center; margin:0px auto; padding:0px; overflow:hidden;}
#mainVisual {position:relative; width:990px; text-align:left; margin: 0 auto; padding:0px; overflow:hidden;}
#mainVisual .visualImg {position:relative;}

/* 2009-10-16 POPZONE ¼öÁ¤ */
#mainVisual #popupzone_menu {width:285px;height:140px; text-align:left; position:absolute; left:0px; top:10px; z-index:20; display:none; background:url('/images/main/popup_zone.gif') no-repeat left top;}
#mainVisual #popupzone_menu h2 {position:absolute; left:0px; top:0px; padding:5px 0px 0px 5px; margin:0px;}
#mainVisual #popupzone_menu h2 img {vertical-align:top;}
#mainVisual #popupzone_menu .popupzone01 {position:absolute;z-index:7;width:261px;}
#mainVisual #popupzone_menu .popupzone01 .popupzoneTop {float:right;padding-top:3px;}
#mainVisual #popupzone_menu .popupzone01 .popupzoneCon {float:left;padding-top:1px;}
#mainVisual #popupzone_menu .close { position:absolute; right:0px; top:0px;}
#mainVisual #popupzone_menu .popBtn { position:absolute; left:90px; top:3px;}
#mainVisual #popupzone_on {width:40px;height:140px;display:block; position:absolute; left:0px; top:10px; z-index:5;}
#mainVisual .visualMap {position:absolute; width:280px; text-align:center; right:0px; top:10px;}
#mainVisual .visualMap select {vertical-align:middle;}

#mainCon #cenCon {width:990px; padding:12px 0px 0px 0px; margin:0px overflow:hidden;}

/* 2009-10-16 °øÁö»çÇ× ÅÇ */
#cenCon .mdiv1 {width:343px; float:left; margin-right:14px; overflow:hidden; }
#cenCon .mdiv1 #tabnotice {width:343px;}
#cenCon .mdiv1 #tabnotice ul {width:343px; height:115px; position:relative; background:url('/images/common/bg_mainTab.gif') repeat-x left 21px;}
#cenCon .mdiv1 #tabnotice ul li {float:left;}
#cenCon .mdiv1 #tabnotice ul li div {position:absolute; top:22px; left:0px; width:343px; margin:0px; padding:0px;}
#cenCon .mdiv1 #tabnotice ul li div .more {width:29px; padding:0px; margin:0px; position:absolute; top:-10px; left:313px;}
#cenCon .mdiv1 #tabnotice ul li div .more img {display:block;}
/*.mdiv1 .notiFrame .mainTab .mtabul {width:343px; padding:0px; margin:0px; background:url('/images/main/mtabbg.gif') repeat-x left bottom;}
.mdiv1 .notiFrame .mainTab .mtabul li {float:left; padding:0px; margin:0px;}
.mdiv1 .notiFrame .mainTab .mtabul li img {vertical-align:middle; line-height:1px;}
.mdiv1 .notiFrame .mainTab .mtabul li.rli {height:16px; float:right; vertical-align:top; padding-top:6px;} */
	
#cenCon .mdiv1 #tabnotice ul li div ul {width:343px; margin:0px; padding:10px 0px 0px 0px; background:none;}
#cenCon .mdiv1 #tabnotice ul li div ul li {width:335px; padding:0px 0px 0px 8px; margin:0px; text-align:left; overflow:hidden; background:url('/images/main/m_blet.gif') no-repeat left 5px;}
#cenCon .mdiv1 #tabnotice ul li div ul li .txtli {height:17px; line-height:14px;  float:left; margin:0px; padding:0px; position:relative; top:0px;}
#cenCon .mdiv1 #tabnotice ul li div ul li .dateli {float:right; margin:0px; padding:0px; position:relative; top:0px; }
#cenCon .mdiv1 #tabnotice ul li div iframe {margin:0px; padding:0px;}
	
.mdiv1 .stabul li {float:left; padding-right:5px;}
.mdiv1 .mbnrleft {height:110px; padding:0px; margin:0px;}

.mdiv1 .mlistul {width:343px; margin:0px; padding:10px 0px 0px 0px; background:none;}
.mdiv1 .mlistul li {width:335px; padding:0px 0px 0px 8px; margin:0px; text-align:left; overflow:hidden; background:url('/images/main/m_blet.gif') no-repeat left 5px;}
.mdiv1 .mlistul li .txtli {line-height:14px; float:left; margin:0px; padding:0px; position:relative; top:0px;}
.mdiv1 .mlistul li .dateli {float:right; margin:0px; padding:0px; position:relative; top:0px; }
	
#cenCon .mdiv2 {float:left; width:443px; padding:0px; margin:0px; overflow:hidden;}
.mdiv2 div {padding:0px; margin:0px;}
.mdiv2 .oilBox {width:443px; color:#FFFFFF; height:112px; overflow:hidden; padding:0px; margin:0px; }

/* center ¿øÀ¯ ±¹Á¦ 2009-10-16 ¼öÁ¤ :: start*/
.mdiv2 .price {width:443px; overflow:hidden;}
.mdiv2 .price #taboil {width:217px; height:110px; float:left; position:relative;  padding:0px; margin:0px;}
.mdiv2 .price #taboil h2 {text-align:left; position:absolute;  top:0px; left:0px;}
.mdiv2 .price #taboil h2 img {vertical-align:top;}
.mdiv2 .price #taboil ul {width:166px; padding:0px 0px 0px 43px; margin:0px;}
.mdiv2 .price #taboil ul li {float:left; padding:0px; margin:0px 0px 0px 3px;}
.mdiv2 .price #taboil ul li img {vertical-align:top;}	

.mdiv2 .price .tabdv {padding:0px; overflow:hidden;}
.mdiv2 .price .stabul {height:14px; margin-bottom:5px;}
.mdiv2 .price .stabul li {float:left; padding-right:2px;}
.mdiv2 .price .stabul_1 li {float:left; padding-right:2px; margin-bottom:5px;}
/*.mdiv2 .stabul li div {height:14px; margin:0px; padding:0px;}
.mdiv2 .stabul li img {vertical-align:middle; border:none;}*/
.mdiv2 .clr4t {clear:both; height:4px;}
/* center ¿øÀ¯ ±¹Á¦ 2009-10-16 ¼öÁ¤ :: end */

/* center ¿øÀ¯ ±¹³» 2009-10-16 ¼öÁ¤ :: start*/
.mdiv2 .price .mtbtle1 {clear:both; text-align:center; width:209px; padding:3px 0px 0px 0px;color:#FFFFFF;}
.mdiv2 .price .mtbtle2 {clear:both; text-align:center; width:209px; padding:3px 0px 0px 0px;color:#136AC3;}

.mdiv2 .price #taboil ul li div {width:209px; height:89px; background:url('/images/main/m1tablebg.jpg') no-repeat; position:absolute;  top:19px; left:0px;}
.mdiv2 .price #taboil ul li div table {width:203px;margin:0px auto;background:url('/images/main/m1tbbg.png') repeat; color:#136AC3;text-align:left;}
.mdiv2 .price #taboil ul li div table th {padding-left:8px;text-align:left; font-weight:normal;}
.mdiv2 .price #taboil ul li div table td {height:22px; color:#136AC3;}
.mdiv2 .price #taboil ul li div table td.td2 {padding-right:3px;text-align:right;}
.mdiv2 .price #taboil ul li div table td img {vertical-align:middle;margin-bottom:2px;}

.mdiv2 .price #taboil2 {float:left; width:209px; height:110px; position:relative; padding:0px; margin:0px;}	
.mdiv2 .price #taboil2 h2 {text-align:left; position:absolute;  top:0px; left:0px;}
.mdiv2 .price #taboil2 h2 img {vertical-align:top;}
.mdiv2 .price #taboil2 ul {width:166px; padding:0px 0px 0px 43px; margin:0px;}
.mdiv2 .price #taboil2 ul li {float:left; padding:0px; margin:0px 0px 0px 3px;}
.mdiv2 .price #taboil2 ul li img {vertical-align:top;}	
.mdiv2 .price #taboil2 ul li div {width:209px;height:89px;background:url('/images/main/m2tablebg.jpg') no-repeat;  position:absolute;  top:19px; left:0px;}
.mdiv2 .price #taboil2 ul li div table {width:203px;margin:0px auto;background:url('/images/main/m2tbbg.png') repeat;color:#EB4D10;text-align:left;}
.mdiv2 .price #taboil2 ul li div table th {padding-left:8px;text-align:left;font-weight:normal;}
.mdiv2 .price #taboil2 ul li div table td {height:22px;}
.mdiv2 .price #taboil2 ul li div table td.td2 {padding-right:3px;text-align:right;}
.mdiv2 .price #taboil2 ul li div table td img {vertical-align:middle;margin-bottom:2px;}
/* center ¿øÀ¯ ±¹³» 2009-10-16 ¼öÁ¤ :: end */
		
/*.mdiv2 .picleft {float:left;padding-top:16px;}
.mdiv2 .picdvbg {float:left;width:416px;height:108px;padding-top:32px;background:url('/images/main/mpic_bg.gif') repeat-x left;}
.mdiv2 .picdvbg .pictb {clear:both;width:395px;margin:-5px auto;}
.mdiv2 .picdvbg .pictb th {display:none;}
.mdiv2 .picdvbg .picbg {width:123px;height:50px;padding-top:1px;padding-bottom:8px;background:url('/images/main/picbg.gif') no-repeat;text-align:center;}
.mdiv2 .picdvbg .ptle {float:left;}
.mdiv2 .picdvbg .pbtngo {float:right;}
.mdiv2 .picdvbg .pinfo {clear:both;font-size:11px;color:#848484;}	
.mdiv2 .picright {float:left;padding-top:16px;} */

.mdiv2 .msbnrul {padding:0px; margin-top:-2px;}
.mdiv2 .msbnrul ul li {float:left;margin-top:5px;}

/* center ¼¿·ºÆ®¹Ú½º 2009-10-16 ¼öÁ¤ :: start*/
.mdiv2 .seldiv{width:443px; margin:0px; padding:0px; text-align:left;}
.mdiv2 .seldiv ul {width:443px; text-align:left; margin:0px; padding:0px;}
.mdiv2 .seldiv ul li {text-align:left; width:221px; height:22px; float:left; margin-top:1px;}
.mdiv2 .seldiv ul li img {vertical-align:middle; margin:0px;}
.mdiv2 .seldiv select {font-size:0.9em; vertical-align:middle; float:left; margin:0px 5px 0px 0px;}
/* center ¼¿·ºÆ®¹Ú½º 2009-10-16 ¼öÁ¤ :: start*/

/* 2009-10-13 °í°´¼­ºñ½º ¼öÁ¤ */
#cenCon .mdiv3 {float:left; width:190px; padding:0px; margin:0px; overflow:hidden;}
.mdiv3 .customer {width:190px; height:109px; text-align:left; padding:0px; background:url('/images/main/mcust_bnr.gif') no-repeat left top;}
.mdiv3 .customer p {float:left; padding:0px 0px 0px 8px; margin:0px;}
.mdiv3 .customer ul {width:100px; height:104px; float:left; padding:2px 0px 3px 0px;}
.mdiv3 .customer ul li {line-height:5px; margin:7px 0px 0px 10px; padding:0px; text-align:left;}
.mdiv3 .customer ul li img {vertical-align:top;}


.mdiv3 .prMovie {width:182px; height:106px; text-align:left; padding:2px 0px 0px 7px; margin-top:6px; background:url('/images/main/bg_movie.gif') no-repeat;}
.mdiv3 .prMovie div {width:174px; margin-top:5px; padding:0px; position:relative;}
.mdiv3 .prMovie div p {position:absolute; top:0px; right:0px;}

#cenCon .rollbnr {width:993px; clear:both; padding:5px 0px 0px 0px; margin:0px;}
#cenCon .rollbnr div {float:left; width:980px; height:44px; padding:1px 5px 0px 5px; background:url('/images/main/bg_banner.gif') repeat-x;}
.rollbnr .rbnrbg .rollbtn {float:left;width:88px; padding-top:15px; padding-left:7px;}
.rollbnr .rbnrbg .rollbtn img {margin-right:3px;}
.rollbnr .rbnrbg ul.bnrlist {float:left;display:block;width:890px; padding-top:10px;}
.rollbnr .rbnrbg ul.bnrlist li {float:left;margin-right:10px;}


/*** Submain : start ***/

#smainvisual { text-align:right; z-index:110}
/*#smcnts .smainvisual {margin-top:-176px;z-index:1;height:159px;}*/
#smcnts .smsec1 {float:left;width:295px;padding-left:3px;}
#smcnts .smsec2 {float:left;width:255px;}
#smcnts .smsec3 {float:left;padding-top:115px;}
#smcnts .smul li.li1 {height:115px;}
#smcnts .smul li.li2 {height:115px;}

#smcnts_2 .smsec1 {float:left;width:215px;padding-left:3px; height:300px;}
#smcnts_2 .smul li.li1 {height:130px}
.sub2_main_bg { background:url('../../images/management/bg_sub2_main.jpg') right bottom no-repeat;}

#smcnts_3 .smsec1 {float:left;width:310px;padding-left:3px;}
#smcnts_3 .smsec2 {float:left;width:255px;}
#smcnts_3 .smsec3 {float:left;padding-top:125px;}
#smcnts_3 .smul li.li1 {height:125px;}
#smcnts_3 .smul li.li2 {height:130px;}

#smcnts_4 .smsec1 {width:370px;padding-left:3px; padding-bottom:25px;vertical-align:top;}
#smcnts_4 .smsec2 {padding-left:3px; float:left;width:185px;}
#smcnts_4 .smsec3 {float:left;width:185px;}

#smcnts_5 .smsec1 {float:left;width:255px;padding-left:3px; height:270px;}
#smcnts_5 .smul li.li1 {height:100px;}
.sub6_main_bg {background:url(../../images/oil/bg_main.jpg) right bottom no-repeat;}

#smcnts_6 .smsec1 {float:left;width:255px;padding-left:3px; height:250px}
#smcnts_6 .smul li.li1 {height:110px;}

#smcnts_7 .smsec1 {width:370px;padding-left:3px; padding-bottom:25px;vertical-align:top;}
#smcnts_7 .smsec2 {padding-left:3px; float:left;width:370px;}


/*2009-09-11 º¸ÀÌÁö ¾Ê´Â ÅؽºÆ®*/
.blindtext	{ visibility:visible; width:0; height:0; overflow:hidden; font-size:0; line-height:0; text-indent:-3000em; position:absolute;}

.mT3 {margin-top:3px ! important;}

.allmenu {position:absolute; z-index:100; width:100%; height:493px; top:0px; left:0px; display:none; background:url('/images/main/bg_category_all.gif') repeat-x;}


/*°øÅëÀ¸·Î ¾²´Â ºÎºÐ*/

.mL0 {margin-left:0px ! important;}
.mL5 {margin-left:5px ! important;}
.mL10 {margin-left:10px ! important;}
.mL-10 {margin-left:-10px ! important;}
.mL15 {margin-left:15px ! important;}
.mL20 {margin-left:20px ! important;}

.mL41 {margin-left:41px ! important;}
.mL47 {margin-left:47px ! important;}
.mL50 {margin-left:50px ! important;}
.mL60 {margin-left:60px ! important;}

.mR20 {margin-right:20px ! important;}

.mT-20 {margin-top:-20px ! important;}
.mT0 {margin-top:0px ! important;}
.mT5 {margin-top:5px ! important;}
.mT8 {margin-top:8px ! important;}
.mT9 {margin-top:9px ! important;}
.mT10 {margin-top:10px ! important;}
.mT15 {margin-top:15px ! important;}
.mT20 {margin-top:20px ! important;}
.mT25 {margin-top:25px ! important;}
.mT30 {margin-top:30px ! important;}

.mB5 {margin-bottom:5px ! important;}

.pB30 {padding-bottom:30px ! important;}
.pT0 {padding-top:0px ! important;}
.pT20 {padding-top:20px ! important;}

.comImg {text-align:center;}

.Fleft {float:left ! important;;}
.Fright{float:right ! important;}
.Cboth {clear:both ! important;}

.ctxt {text-align:center;}
.rtxt {text-align:right;}

.red {color:#d32703;}
.vMid {vertical-align:middle;}
.vTop {vertical-align:top ! important;}

/* Àüü¸Þ´º ´Ý±â */
.allClose {width:990px; margin:0px auto; padding:0px;}
.allClose img {vertical-align:top;}


/* 2009-10-23 ¼öÁ¤ */
.mdiv1 .mlistul {width:343px; margin:0px; padding:10px 0px 0px 0px; background:none;}
.mdiv1 .mlistul li {width:335px; line-height:14px;  padding:0px 0px 0px 8px; margin:0px; text-align:left; overflow:hidden; background:url('/images/main/m_blet.gif') no-repeat left 5px;}
.mdiv1 .mlistul li .txtli {line-height:14px; float:left; margin:0px; padding:0px; position:relative; top:0px;}
.mdiv1 .mlistul li .dateli {float:right; margin:0px; padding:0px; position:relative; top:0px; }

/* 2009-10-23 Ãß°¡ */

.disNone {display:none;}
.disBlock {display:block;}


.passInput {line-height:25px; padding-left:50px;}

/* 2009-10-25  input width */
.w40 {width:40px;}
.w200 {width:200px;}
.w500 {width:500px;}

.noBack {background:none ! important;}

/* 2009-10-29 ¸ÞÀÎ À̹ÌÁö ·Ñ¿À¹ö Ãß°¡ */
.mdiv2 .msbnrul {padding:0px; margin-top:-2px;}
.mdiv2 .msbnrul ul li {float:left;margin-top:5px;}
.mdiv2 .msbnrul ul li a.rollover {border:0}
.mdiv2 .msbnrul ul li a.rollover img {display:inline;}
.mdiv2 .msbnrul ul li a.rollover img.over {display:none;}
.mdiv2 .msbnrul ul li a.rollover:hover{border:0}
.mdiv2 .msbnrul ul li a.rollover:hover img{display:none;}
.mdiv2 .msbnrul ul li a.rollover:hover img.over{display:inline;}

/*2010-08-12 Ãß°¡ */
div #nmain_1008md_area {position:relative;width:979px;height:367px;margin-top:12px;}
div #nmain_1008md_area div.n_visual {position:relative;float:left;width:744px;height:367px;}
div #nmain_1008md_area div.n_right_qmove {position:relative;float:right;width:195px;height:367px;}
div #nmain_1008md_area div.n_right_qmove div.nm_event {position:relative;width:195px;height:112px;}
div.nm_event h2 {position:absolute;top:1px;}
div.nm_event ul li {float:left;}
div.nm_event ul li.mgl {margin-left:10px;}
div.nm_event ul {float:right;margin-top:2px;}
div.nm_event_bn {border:1px solid #e0dddd;width:196px;height:93px;position:absolute;top:20px;}

div.nm_mapbox {clear:both;margin-top:7px;position:relative;width:212px;height:50px;background: url('../../images/new_main/n_mbg01.gif') no-repeat;}
div.nm_mapbox h2 {position:absolute;top:8px;left:8px;}
div.nm_searchbox {position:absolute;top:23px;left:8px;}
div.nm_link {clear:both;margin-top:7px;position:relative;}

div.nm_customer {clear:both;margin-top:10px;position:relative;width:195px;height:82px;background: url('../../images/new_main/n_mbg02.gif') no-repeat;}
div.nm_customer h2 {position:absolute;top:1px;left:7px;}
div.nm_customer ul {position:absolute;top:5px;left:110px;}
div.nm_customer ul li {height:14px;line-height:0px;font-size:0px;padding:0px;margin:0px;}

div#nm_content {width:979px;height:125px;position:relative;clear:both;margin-top:15px;}

div.nm_noticearea {position:relative;margin-left:3px;width:313px;height:102px;float:left;}

/*div.nm_oilbox {position:relative;width:426px;float:left;margin-left:20px;height:102px;}*/

div.nm_photonews {width:195px;position:relative;float:left;margin-left:20px;height:102px;}
div.nm_pt_title {position:relative;height:25px;}
div.nm_pt_title ul li {float:left;}
div.nm_pt_title ul li.more {float:right;padding-top:3px;}

div.nm_photobox {float:left;width:110px;height:71px;margin-left:2px;}
div.nm_phototxt {float:left;width:80px;height:71px;}

.board_icon li {
	background:url('../../images/new_main/dot03.gif') no-repeat 0 0.5em;
	padding-left:10px;
	
	
}


/*¸ÞÀÎ °Ô½ÃÆÇ(°úÇпø ¼Ò½Ä/°øÁö»çÇ×/ÀÓ¾÷±â¼úÄÁ¼³ÆÃ)*/
#colgroup_article_2009 {position:absolute;width:313px;height:100px;z-index:100;}
#colgroup_article_2009 .tab_article {position:relative;height:100px;background:url('../../images/new_main/board_bg.gif') repeat-x top;}
#colgroup_article_2009 .tab_article .tablink {float:left;}
#colgroup_article_2009 .tab_article .art_list{position:absolute;left:0px;top:0;}
#colgroup_article_2009 .tab_article .art_list ul{width/**/:313px;_width:313px;position:absolute;top:36px;left:2px;}
#colgroup_article_2009 .tab_article .art_list li {height:17px;line-height:17px;margin:0;}
#colgroup_article_2009 .tab_article .art_list li a {float:left;font-size:12px;}
#colgroup_article_2009 .tab_article .art_list .link{width:240px;float:left;}
#colgroup_article_2009 .tab_article .art_list .link img {vertical-align:middle;}
#colgroup_article_2009 .tab_article .art_list .date{color:#616161;}
#colgroup_article_2009 .tab_article .art_list .noticemore {position:absolute;right:0px;top:7px;left:282px;}


.nm_oilbox {float:left; width:426px; padding:0px; margin:0px; overflow:hidden;margin-left:22px;}
.nm_oilbox div {padding:0px; margin:0px;}
.nm_oilbox .noilBox {width:426px; color:#FFFFFF; height:112px; overflow:hidden; padding:0px; margin:0px; }

/* center ¿øÀ¯ ±¹Á¦ 2009-10-16 ¼öÁ¤ :: start*/
.nm_oilbox .price {width:426px; overflow:hidden;}
.nm_oilbox .price #taboil {width:217px; height:110px; float:left; position:relative;  padding:0px; margin:0px;}
.nm_oilbox .price #taboil h2 {text-align:left; position:absolute;  top:0px; left:0px;}
.nm_oilbox .price #taboil h2 img {vertical-align:top;}
.nm_oilbox .price #taboil ul {width:166px; padding:0px 0px 0px 45px; margin:0px;}
.nm_oilbox .price #taboil ul li {float:left; padding:0px; margin:0px 0px 0px 3px;}
.nm_oilbox .price #taboil ul li img {vertical-align:top;}	

.nm_oilbox .price .tabdv {padding:0px; overflow:hidden;}
.nm_oilbox .price .stabul {height:14px; margin-bottom:5px;}
.nm_oilbox .price .stabul li {float:left; padding-right:2px;}
.nm_oilbox .price .stabul_1 li {float:left; padding-right:2px; margin-bottom:5px;}
/*.nm_oilbox .stabul li div {height:14px; margin:0px; padding:0px;}
.nm_oilbox .stabul li img {vertical-align:middle; border:none;}*/
.nm_oilbox .clr4t {clear:both; height:4px;}
/* center ¿øÀ¯ ±¹Á¦ 2009-10-16 ¼öÁ¤ :: end */

/* center ¿øÀ¯ ±¹³» 2009-10-16 ¼öÁ¤ :: start*/
.nm_oilbox .price .mtbtle1 {clear:both;text-align:center; border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;width:204px; padding:3px 0px 0px 0px;color:#FFFFFF;background: #9e79da;}
.nm_oilbox .price .mtbtle2 {clear:both;text-align:center; width:204px; padding:3px 0px 0px 0px;color:#ffffff;border-top:1px solid #d9d9d9;border-bottom:1px solid #ffffff;background: #d3bc70;}

.nm_oilbox .price #taboil ul li div {width:204px; height:89px; position:absolute;  top:19px; left:0px;}
.nm_oilbox .price #taboil ul li div table {width:204px;margin:0px auto;background:url('/images/new_main/m1tbbg.png') repeat; color:#49389e;text-align:left;}
.nm_oilbox .price #taboil ul li div table th {padding-left:8px;text-align:left; font-weight:normal;}
.nm_oilbox .price #taboil ul li div table td {height:20px; color:#49389e;}
.nm_oilbox .price #taboil ul li div table td.td2 {padding-right:10px;text-align:right;}
.nm_oilbox .price #taboil ul li div table td img {vertical-align:middle;margin-bottom:2px;}

.nm_oilbox .price #taboil2 {float:left; width:204px; height:100px; position:relative; padding:0px; margin:0px;}	
.nm_oilbox .price #taboil2 h2 {text-align:left; position:absolute;  top:0px; left:0px;}
.nm_oilbox .price #taboil2 h2 img {vertical-align:top;}
.nm_oilbox .price #taboil2 ul {width:166px; padding:0px 0px 0px 43px; margin:0px;}
.nm_oilbox .price #taboil2 ul li {float:left; padding:0px; margin:0px 0px 0px 3px;}
.nm_oilbox .price #taboil2 ul li img {vertical-align:top;}	
.nm_oilbox .price #taboil2 ul li div {width:204px;height:89px;position:absolute;  top:19px; left:0px;}
.nm_oilbox .price #taboil2 ul li div table {width:203px;margin:0px auto;background:url('/images/new_main/m2tbbg.png') repeat;color:#c08939;text-align:left;}
.nm_oilbox .price #taboil2 ul li div table th {padding-left:8px;text-align:left;font-weight:normal;}
.nm_oilbox .price #taboil2 ul li div table td {height:20px;}
.nm_oilbox .price #taboil2 ul li div table td.td2 {padding-right:17px;text-align:right;}
.nm_oilbox .price #taboil2 ul li div table td img {vertical-align:middle;margin-bottom:2px;}
/* center ¿øÀ¯ ±¹³» 2009-10-16 ¼öÁ¤ :: end */
		


.nm_oilbox .msbnrul {padding:0px; margin-top:-2px;}
.nm_oilbox .msbnrul ul li {float:left;margin-top:5px;}

/* center ¼¿·ºÆ®¹Ú½º 2009-10-16 ¼öÁ¤ :: start*/
.nm_oilbox .seldiv{width:426px; margin:0px; padding:0px; text-align:left;}
.nm_oilbox .seldiv ul {width:426px; text-align:left; margin:0px; padding:0px;}
.nm_oilbox .seldiv ul li {text-align:left; width:221px; height:22px; float:left; margin-top:1px;}
.nm_oilbox .seldiv ul li img {vertical-align:middle; margin:0px;}
.nm_oilbox .seldiv select {font-size:0.9em; vertical-align:middle; float:left; margin:0px 5px 0px 0px;}


.box2010 {position:relative;width:990px; height:47px;}
#2010banner {position:relative;width:990px;height:47px;background:url('../../images/new_main/scroll_bg.gif') no-repeat;}
#2010banner h2 {float:left;}
#2010banner dl {position:absolute;top:11px;left:71px;*zoom:1;}
#2010banner dl:after {content:" ";display:block;visibility:hidden;clear:both;}
#2010banner dt {position:absolute;visibility:hidden;font-size:0;line-height:0;}
#2010banner dd {float:left;line-height:13px;}
#2010banner #wrap {margin-top:10px;float:left;position:relative;width:910px;}
#2010banner #wrap .prev {display:block;float:left;width;13px;height:14px;margin-top:5px;}
#2010banner #wrap .next {display:block;float:right;width;13px;height:14px;margin-top:5px;}
#2010banner #list {overflow:hidden;position:absolute;top:0;left:10px;width:880px;height:24px;}
#2010banner #list ul {width:2000px;}
#2010banner #list ul li {float:left;padding:0 8px;background:url(/images/home/main/bann_ln.gif) no-repeat right 6px;}



#step2 { float: left; width: 195px;}
/* banner_tab */
#banner_tab { position: relative; height: 100px; }
#banner_tab .tit { float: left;padding-top:4px; }
#banner_tab div.playstop { float: right; position:absolute;right:0px;top:2px; }
#banner_tab p.playstop span { float: left; padding-right: 0px; }
#banner_tab .banner_tab_menu { float: right; /*width:235px;*/ margin-right:40px;}
#banner_tab .banner_tab_menu span { float:left; padding-top:2px;  }
#banner_tab .banner_tab_menu ul { float: right; }
#banner_tab .banner_tab_menu li { float: left; padding-right: 0px; }

#banner_tab .bt_content {border:1px solid #e0dddd;; /*[script]position: absolute;*/ top: 22px; left: 0; }

#banner_tab #bt_content1 { position: absolute; top: 17px; left: 0; }
#banner_tab #bt_content2 { position: absolute; top: 17px; left: 0; }
#banner_tab #bt_content3 { position: absolute; top: 17px; left: 0; }
#banner_tab #bt_content4 { position: absolute; top: 17px; left: 0; }
#banner_tab #bt_content5 { position: absolute; top: 17px; left: 0; }
#banner_tab #bt_content6 { position: absolute; top: 22px; left: 0; }
#banner_tab #bt_content7 { position: absolute; top: 22px; left: 0; }
#banner_tab #bt_content8 { position: absolute; top: 22px; left: 0; }
#banner_tab #bt_content9 { position: absolute; top: 22px; left: 0; }