@charset "UTF-8";

html{margin:0px; padding:0px;}
BODY {BACKGROUND: url(../imgs/main/main_bg.jpg) repeat-x ; margin:0px; padding:0px; COLOR: #787878; LINE-HEIGHT: 15px; FONT-FAMILY: dotum, arial, verdana, helvetica;}
DIV {COLOR: #787878; LINE-HEIGHT: 15px; FONT-FAMILY: dotum, arial, verdana, helvetica;}
P {COLOR: #787878; LINE-HEIGHT: 15px; FONT-FAMILY: dotum, arial, verdana, helvetica; }
SPAN {COLOR: #787878; LINE-HEIGHT: 15px; FONT-FAMILY: dotum, arial, verdana, helvetica; }
TH {COLOR: #787878; LINE-HEIGHT: 15px; FONT-FAMILY: dotum, arial, verdana, helvetica; }
TD {COLOR: #787878; LINE-HEIGHT: 15px; FONT-FAMILY: dotum, arial, verdana, helvetica; }
CAPTION {COLOR: #787878; LINE-HEIGHT: 15px; FONT-FAMILY: dotum, arial, verdana, helvetica; }
LI {COLOR: #787878; LINE-HEIGHT: 15px; FONT-FAMILY: dotum, arial, verdana, helvetica; }
A {COLOR: #787878; LINE-HEIGHT: 15px; FONT-FAMILY: dotum, arial, verdana, helvetica; }
INPUT {COLOR: #787878; FONT-FAMILY: dotum, Arial; font-size:0.85em;}
INPUT {	Z-INDEX: 2}
TEXTAREA {COLOR: #787878; FONT-FAMILY: , Arial; }
SELECT {COLOR: #787878; FONT-FAMILY: , Arial;}

A {CURSOR: pointer; COLOR: #787878; TEXT-DECORATION: none; selector-dummy : expression(this.hideFocus=true);}
AREA {CURSOR: pointer; COLOR: #787878; TEXT-DECORATION: none; }
A:hover {COLOR: #ff6600; }
.blink {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; COLOR: #787878; PADDING-TOP: 4px; TEXT-DECORATION: none; }
AREA {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; COLOR: #787878; PADDING-TOP: 4px; TEXT-DECORATION: none; }
.blink:hover {BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #ddd 1px solid; COLOR: #c00; PADDING-TOP: 3px; BORDER-BOTTOM: #ddd 1px solid; }
IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; }

P {MARGIN: 0px; LINE-HEIGHT: 16px}
.border {BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; }
UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; }
LABEL {DISPLAY: none; }
.select_main {COLOR: #787878; FONT-FAMILY: dotum, Arial; font-size:0.75em;}

/* png */
.png24{tmp:expression(setPng24(this));background:none;border:none;}

.container {MARGIN: 0px auto; WIDTH: 1000px; POSITION: relative; text-align:center;}
.container02 {MARGIN: 0px auto; WIDTH: 900px; POSITION: relative;}
.container03 {MARGIN: 0px auto; WIDTH: 900px; POSITION: relative;}
	
h3{height:20px; padding:7px 0 0 0px; margin:0; text-align:left;}
h4{height:20px; padding:5px 0 0 0px; margin:0; text-align:left;}

.mainVisual {BACKGROUND: url(../imgs/main/main_img.jpg) repeat-x 0px 0px; WIDTH: 1000px; height:350px;}


/* popup*/
.popupzone {WIDTH: 244px; POSITION: absolute; TOP: 150px; HEIGHT: 113px; margin-left:700px;}
*:first-child+html .popupzone{left:0px;}
.popupzone .header {OVERFLOW: hidden; HEIGHT: 16px}
.popupzone .header .selected {BACKGROUND: url(../imgs/main/popup/ico_black.gif) no-repeat; FLOAT: left; MARGIN: 5px 2px; WIDTH: 7px; CURSOR: pointer; HEIGHT: 7px}
.popupzone .header .unselected {BACKGROUND: url(../imgs/main/popup/ico_white.gif) no-repeat; FLOAT: left; MARGIN: 5px 2px; WIDTH: 7px; CURSOR: pointer; HEIGHT: 7px}
.popupzone .header .btns {MARGIN-TOP: 1px; FLOAT: right}
.popupzone .popupImg {LEFT: 0px; CURSOR: pointer; POSITION: absolute; TOP: 25px}
.popupzone_tt {FLOAT: left; MARGIN: 3px 5px 0px 0px}

.location {
	LEFT: 709px; OVERFLOW: hidden; WIDTH: 276px; POSITION: absolute; TOP: 398px; HEIGHT: 147px
}


#wrap {WIDTH: 100%;}
#wrapper {MARGIN: 0px auto; WIDTH: 1000px; POSITION: relative; text-align:center;}
#header {WIDTH: 100%; HEIGHT:64px;}

/* header*/
#header_wrap {MARGIN: 0px auto; WIDTH: 1000px; text-align:center;}
#header_top {BACKGROUND: url(../imgs/main/header_bg.jpg) no-repeat; WIDTH: 1000px; HEIGHT: 64px;}
#logo {MARGIN-TOP: 12px; FLOAT:left; WIDTH: 240px; TEXT-ALIGN: right;}
#top_right {PADDING-RIGHT:0px; FLOAT: right; WIDTH: 700px; HEIGHT: 50px;}
#top_quickmenu {FLOAT: right; WIDTH: 405px; PADDING-TOP: 0px;}
#top_quickmenu LI {FLOAT: left;}
.pdt3 {PADDING-TOP: 3px;}
.pdr8 {PADDING-RIGHT: 8px;}
.selectbox_top {WIDTH: 87px; HEIGHT: 22px;}
.pdr2 {PADDING-RIGHT: 2px;}


/*topmenu*/
#topmenubar { clear:both; POSITION: relative; PADDING-RIGHT: 20px;_PADDING-RIGHT: 200px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; WIDTH: 500px; text-align:right;  z-index:1000;}
*:first-child+html #topmenubar{PADDING-RIGHT: 200px;}
#topmenubar_ul {OVERFLOW: hidden; WIDTH: 480px; text-align:left;}
#topmenubar_ul LI {FLOAT: left;}
#menu_1 {WIDTH: 110px; HEIGHT: 37px;}
#menu_2 {WIDTH: 70px; HEIGHT: 37px;}
#menu_3 {WIDTH: 70px; HEIGHT: 37px;}
#menu_4 {WIDTH: 75px; HEIGHT: 37px;}
#menu_5 {WIDTH: 80px; HEIGHT: 37px;}
.topmenu_sub {
	OVERFLOW: hidden; WIDTH: 660px
}
.topmenu_sub LI {FLOAT: left}
.msub01 {LEFT:-20px; POSITION: absolute; TOP: 39px}
.msub02 {LEFT:-20px; POSITION: absolute; TOP: 39px}
.msub03 {LEFT:-20px; POSITION: absolute; TOP:39px}
.msub04 {LEFT:-20px; POSITION: absolute; TOP: 39px}
.msub05 {LEFT:65px; POSITION: absolute; TOP: 39px}


/* 검색  left:760px;_left:677px;*/
#search_ex {POSITION: absolute; margin:0 0 0 420px; top:30px; width:166px; height:22px; z-index:1000;}
*:first-child+html #search_ex{left:320px;}
/*#search_ex {POSITION: absolute; right:75px; top:30px; width:166px; height:22px; z-index:1000;}*/

/* ticker */
#ticker {float:left; width:245px; height:135px; padding-left:15px; z-index:2000;}

	
/* 공지사항 */
#content{float:left; width:600px; margin-right:5px;	padding:0 0 0 0;}
#tabcontainer	{float:left; position:relative; width:450px; height:135px; margin:0px 25px 0 0; font-size:0.85em;}
#tabcontainer	ul	{margin:7px 0 0 0;  }
#tabcontainer	#tab	{
	padding-left:5px;
	height:25px;
	background: url('../imgs/main/bg_tab.gif') repeat-x left 24px;
}
#tabcontainer	#tab	li	{float:left; display:block; height:25px;}
#tabcontainer	#tab	li	img	{vertical-align:top; margin:0;}
#tabcontainer	li	span	{float:right;font-size:1.0em;}
	#content1,	#content2, 	#content3, 	#content4 {margin:10px 0 0 0;}
	#content1	li,
	#content2	li,
	#content3	li,
	#content4	li	{
	float:left;	margin:0; padding:2px 0 2px 20px; border-bottom:1px solid #E5E5E5; text-align:left; margin:0; color:#7E7E7E; font-size:0.9em; height:20px; line-height:18px; 
	background:url('../imgs/main/blt_dot_gray_2.gif') no-repeat ; width:430px;}

#tabcontainer	#content1	li.btn,
#tabcontainer	#content2	li.btn,
#tabcontainer	#content3	li.btn,
#tabcontainer	#content4	li.btn	{
	position:absolute;
	top:15px;
	left:390px;
	background:none;
	border: 0px
} 

/* life */
#life {position:relative; float:left; width:200px; height:136px; padding:0px 0px 0px 15px; background:url('../imgs/main/box_life.gif') no-repeat left bottom; margin-left:10px;}
.policy {
		float:left;
		width:162px;
		margin:0px 0px 0 0px;
		display:inline
	}
.policy ul{ float:left; position:absolute; top:39px; _top:34px; margin:0px; padding:0px 0px 0px 75px;}
.policy ul li{float:left; margin:0px; height:20px; _height:18px;}


/* db */
#link_portal {float:left; width:900px; height:180px; overflow:hidden; padding:0 0 0 0px; margin-bottom:0px; padding-left:50px}
#link_portal ul{margin:0px;}
  			 #banner{padding-left:0px;}
		     #banner li{float:left; display:block;}
			 #banner p.goarea{padding:0 0 0 0px; margin:0 0 0 0px; display:block;}


/* 2010캠페인 */
.mid_cont03 {float:left; width:123px; height:176px; background:url('../imgs/main/banner/img_campaign_bg.gif') no-repeat left top; padding:14px 2px 0px 0px; text-align:center;}
h5{float:left; width:53px; height:20px; padding:0px 0px 0px 5px; margin:0; text-align:left;}
.mid_cont03_img{float:left; width:117px; height:120px; padding:0px 0 0px 5px; text-align:left; }
#campaign{float:right; width:58px; height:40px; padding:0px 0 0px 0px; margin-top:-3px; }
#campaign ul {width:50px; height:8px;}
#campaign ul li {FLOAT: left; height:8px; PADDING-RIGHT: 2px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; CURSOR: pointer; PADDING-TOP: 5px; }
.vat {vertical-align:top}

/* Banner*/ 
#link_area{float:left; padding-left:60px; padding-top:10px; padding-bottom:10px;}
#slider_box{float:left; height:38px; width:860px; overflow:hidden;}
#link_area img{float:left; margin:0; padding:0;}
#link_area ul {padding:0px; float:left; height:38px; width:860px; overflow:hidden;}
#link_area ul li {float:left; margin:0px 1px; display:inline;}
#slider_scroller{WIDTH: 800%; FLOAT: left}
#slider_scroller img{padding-left:2px;}

/* 이벤트 */
.event {float:left; height:50px;}
			 

/* Footer */
#footer_area{clear:left; MARGIN: 0px auto; WIDTH: 1000px; POSITION: relative; margin-top:0px;} 
#footer{float:left; width:500px; height:65px; text-align:left; margin:0 auto; position:relative; left:200px; top:25px; background:url('../img/bottom/line_v_dotline.gif') no-repeat left; padding-left:10px;}
#footer ul.guide, #main #footer p.copyright, #main #footer p.desc, #main #footer address {float:right; width:500px;}
#footer ul.guide {float:right;}
#footer ul.guide li {float:left; background:url('../img/bottom/line_v.gif') no-repeat left top; padding-left:10px; padding-right:10px; margin-bottom:3px; height:30px;}
#footer ul.guide li.first{background:none; padding-left:0px;}
#footer ul.guide li a {color:#282828;}
#footer ul.guide li a:link, #footer ul.guide li a:visited {text-decoration:none;}
#footer ul.guide li a:hover{ text-decoration:underline;}
#footer p{_margin:0;_padding:0;}
#footer p.desc {font-size:0.85em; margin-left:0px; width:500px; color:#797979;}
#footer p.copyright {font-size:0.85em; margin-left:0px; height:13px; background:url('../imgs/common/copyright.gif') no-repeat left top;}
#footer p.copyright span{visibility:hidden; _display:none;}
#footer address {font-size:0.85em; margin-left:0px; height:13px; background:url('../imgs/common/address.gif') no-repeat left top; margin-top:5px; margin-bottom:2px;_padding:0;}
#footer address span{visibility:hidden; _display:none;}

#footer_area ul.badge {float:left; width:100%; margin:-50px 15px 0px 25px; _margin-left:13px; _margin-top:-50px;}
#footer_area ul.badge li.logo{float:left; width:700px; height:64px; background:url('../imgs/common/logo_btm.gif') no-repeat left top;}
#footer_area ul.badge li.mark{float:left; width:170px; height:64px; background:url('../img/bottom/mark.gif') no-repeat left top;}



/* Quickmenu */
#quickmenu{float:left; width:65px; position:absolute; right:0px; background:url('../imgs/common/quicklink_bg.gif') repeat-y;}
#quickmenu ul{margin:0px;padding:0px; font-size:1.0em; }
#quickmenu ul li{margin:0px; padding:0 0 0 0px;}
#quickmenu ul li a{font-size:1.0em; color:#636363;}
#quickmenu li.rss img{padding-top:5px;}
#quickmenu dl.qdl{height:25px; border:none; margin:0px; padding:0 0 2px 0;}
#quickmenu dl.qdl dt{font-size:0.85em;}
#quickmenu dl.qdl dd{float:left; margin:0px; padding:2px 2px; border:none;text-align:center;}

/*search*/
.search{float:right; width:170px; height:35px; margin:0; padding:0; border:none;}
.search *{ margin:0; padding:0; font-style:normal; font-size:100%; font-family:Dotum, AppleGothic, Sans-serif;}
.search button{border:none;}
.search legend{left:0px; top:-500px; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
.search .query{left:0px; top:0px;}
.search .query *{vertical-align:top;}
.search .query select{width:96px; height:17px; font-size:1.0em; margin-top:1px;}

.pl5 {	PADDING-LEFT:5px;}
.pl10 {	PADDING-LEFT:10px;}
.pl15 {	PADDING-LEFT:15px;}
.pl20 {	PADDING-LEFT:20px;}
.pl30 {	PADDING-LEFT:30px;}
.pb5 {PADDING-bottom:5px;}
.pb10 {PADDING-bottom:10px;}
.pb20 {PADDING-bottom:20px;}
.pr20 {PADDING-right:20px;}
.pt5 {	PADDING-top:5px;}
.pt3 {	PADDING-top:3px;}
.pt10 {	PADDING-top:10px;}
.pt15 {	PADDING-top:15px;}
.pt20 {	PADDING-top:20px;}
.ml5 {margin-LEFT:5px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-LEFT:10px;}
.tar {TEXT-ALIGN: right;}
.txt_orange{COLOR: #FF7102; }
.txt_blue{COLOR: #3F85C5; }
.bg_gray{background:#efefef;}

/* 2011. 08. 10 메인 포토갤러리 배너 추가 */
#m_photo {position:relative; float:left; width:200px; height:136px; padding:0px 0px 0px 0px; margin-left:-10px;}