@charset "euc-kr";

/* Ãß°¡ÇÒ CSS°¡ ÀÖÀ»½Ã importÇϼ¼¿ä */
/*@import url(''

@import 'layout.css';
@import 'table.css';

/* global defaults */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend {margin:0;padding:0;}
	fieldset,img,abbr,acronym{border:none;}
	ol,ul {list-style:none outside;}
	h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var {font-size:100%;font-weight:normal;}

	.accessibility,hr,legend,caption,hr{position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; text-indent:-1000em;}
	#skip {position:absolute;display:block;top:-5000px;left:0;overflow:hidden;}

/* input */
	.select{font:11px dotum; border:1px #e3e3e3 solid; vertical-align:middle;}
	.input{font: 11px Verdana; border:1px #fae5ed solid; padding-left:3px; line-height:18px; height:18px; *margin-top:-1px; vertical-align:middle; color:#1c1c1c; ime-mode:active;}
	.textarea{font: 11px dotum; border:1px solid #e3e3e3; line-height:18px;}
	.radio {margin:0px; padding:0px; height:13px; width:13px; overflow:hidden; vertical-align:middle; margin-bottom:2px;_margin-bottom:3px;}
	.checkbox{margin:0px; padding:0px; height:13px; width:13px; overflow:hidden; vertical-align:middle;}

	* html input {margin:-1px 0 0 0;} /* ie6 input margin... */
	*:first-child+html input {margin:0px 0;} /* ie7 input margin... */

/* library */
	.tal {text-align: left }
	.tac {text-align: center !important}
	.tar {text-align: right }
	.taj {text-align: justify }
	.vam{vertical-align:middle}
	.vat{vertical-align:top}
	.vab{vertical-align:bottom}
	.float_l {float: left; }
	.float_r {float: right; }
	.clear_b {clear: both; float: none; }
	.clear_r {clear: right; float: none;}
	.clear_l {clear: left; float: none;}
	.normal {font-weight: normal !important;}
	.block {display: block;}
	.bold {font-weight: bold;}
	.let{letter-spacing:-1px;}
	.let2 {letter-spacing:-2px;}
	.deco_l{text-decoration:line-through;}
	.deco_u{text-decoration:underline;}

/* clear style */
	.c_box {*zoom:1;} /* ie¸¦ À§ÇÑ ÇÙ */
	.c_box:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}/* ±âŸ ºê¶ó¿ìÁ® */

/* png img style*/
	.png24{behavior: url("iepngfix.htc")}

/* font style */
	.p_d{font-family:dotum;}
	.p_a{font-family:arial;}
	.p_v{font-family:verdana;}
	.p_t{font-family:tahoma;}

/* scrollbar style*/
	.scrollbar{
					scrollbar-face-color: #fff;						/* ½ºÅ©·Ñ »ö»ó */
					scrollbar-track-color: #fff;					/* Æ®·¢ »ö»ó */
					scrollbar-arrow-color: #b6b6b6;			/* È­»ìÇ¥ »ö»ó */
					scrollbar-highlight-color: #e2e2e2;		/* ¾ÈÂÊ Å׵θ®(À§ÂÊ, ¿ÞÂÊ) »ö»ó */
					scrollbar-3dlight-color: #fff;					/* °Ñ Å׵θ®(À§ÂÊ, ¿ÞÂÊ) »ö»ó */
					scrollbar-shadow-color: #e2e2e2;		/* ¾ÈÂÊ Å׵θ®(¿À¸¥ÂÊ, ¾Æ·¡ÂÊ) »ö»ó */
					scrollbar-darkshadow-color: #fff;			/* °Ñ Å׵θ®(¿À¸¥ÂÊ, ¾Æ·¡ÂÊ) »ö»ó */
					}

/* page style */
	html, body{width:100%; min-height:100%; _height:100%;}
	html{overflow-y:scroll; filter: expression(document.execCommand("BackgroundImageCache", false, true));}

	/* hide from ie5 mac \*/
	html {
	  height: 100%;
	}
	/* end hide */
	body {
	  height: 100%;
	  margin: 0;
	  padding: 0;
	  background-color: #fff;
	}

/* h1~6 */
	h2.title{width:100%; height:75px; clear:both;}
	h2.customer{width:100%; margin-bottom:30px; clear:both; padding-bottom:29px; border-bottom:1px solid #e2e0e0;}
	h3.title{width:100%; height:25px; clear:both;}
	h3.customer{width:100%; margin-bottom:20px; clear:both;}


/* Link Style */
	a:link,
	a:visited {text-decoration:none;}
	a:hover{text-decoration:none;}


/* Tab style */
	ul.tab_btn_area{width:100%; overflow:hidden; position:relative; z-index:1; margin-bottom:20px;}
		ul.tab_btn_area li{float:left;}
		ul.tab_btn_area li.right_sch{position:absolute; right:0; bottom:0;}


/* Margin Style */
	.mt0 {margin-top:0}
	.mt5 {margin-top:5px}
	.mt8 {margin-top:5px}
	.mt9 {margin-top:9px}
	.mt10 {margin-top:10px}
	.mt15 {margin-top:15px}
	.mt20 {margin-top:20px}
	.mt25 {margin-top:25px}
	.mt30 {margin-top:30px}
	.mt35 {margin-top:35px}
	.mt40 {margin-top:40px}
	.mt45 {margin-top:45px}
	.mt50 {margin-top:50px}

	.mb10{margin-bottom:10px;}
	.mb15{margin-bottom:15px;}
	.mb20{margin-bottom:20px;}
	.mb25{margin-bottom:25px;}
	.mb30{margin-bottom:30px;}
	.mb35{margin-bottom:35px;}
	.mb40{margin-bottom:40px;}
	.mb45{margin-bottom:45px;}
	.mb50{margin-bottom:50px;}
	.mb55{margin-bottom:55px;}


	.mr4{margin-right:4px;}


	.ml17{margin-left:17px;}
	.ml158{margin-left:158px;}
	


/* Channel Style */
	.channel_area{position:fixed; _position:absolute; top:-115px; left:0; width:100%; height:140px; z-index:10000; overflow:hidden;}
		.channel_area .channel_box{width:100%; height:117px; background:url('../../images/channel/channel_bg.gif') repeat-x left bottom; text-align:center;}
		.channel_area .channel_con{width:940px; margin:0 auto; text-align:left; position:relative; z-index:10001;}
		.channel_area .channel_con ul{width:940px; margin:0; padding-top:0; height:98px; font-size:0; line-height:0; background:url('../../images/channel/channel_line.gif') no-repeat left bottom;}
		.channel_area .channel_con ul li{float:left; background:url('../../images/channel/channel_line.gif') no-repeat right bottom;}
		.channel_area .channel_con ul li a.channel01{display:block;float:left;width:234px;height:117px;background:url('../../images/channel/new/channel_con1.gif') no-repeat;margin-left:1px;}
		.channel_area .channel_con ul li a.channel01:hover{background:url('../../images/channel/new/channel_con1ov.gif') no-repeat;}
		.channel_area .channel_con ul li a.channel02{display:block;float:left;width:235px;height:117px;background:url('../../images/channel/new/channel_con2.gif') no-repeat;}
		.channel_area .channel_con ul li a.channel02:hover{background:url('../../images/channel/new/channel_con2ov.gif') no-repeat;}
		.channel_area .channel_con ul li a.channel03{display:block;float:left;width:235px;height:117px;background:url('../../images/channel/new/channel_con3.gif') no-repeat;}
		.channel_area .channel_con ul li a.channel03:hover{background:url('../../images/channel/new/channel_con3ov.gif') no-repeat;}
		.channel_area .channel_con ul li a.channel04{display:block;float:left;width:235px;height:117px;background:url('../../images/channel/new/channel_con4.gif') no-repeat;}
		.channel_area .channel_con ul li a.channel04:hover{background:url('../../images/channel/new/channel_con4ov.gif') no-repeat;}
		.channel_area .channel_con ul li p{margin-top:10px;}
		.channel_area .channel_con a.channel_btn{position:absolute; right:0px; top:117px; z-index:10002;}


.thirty_box{width:0; height:0; font-size:0; line-height:0; margin:0; padding:0; position:relative; z-index:10010;}
	.thirty_box .thirty_area{position:fixed; _position:absolute; top:-5000px; left:0; width:100%; height:100%; z-index:10020; overflow:hidden;}
		.thirty_box .thirty_area .bg {position:absolute; top:0; left:0; z-index:10030; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
		.thirty_box .thirty_area .thirty_flash{width:100%; height:580px;position:absolute; top:0; left:0; z-index:10040; background:url('../../images/intro/main30_bg.gif') repeat-x left top;}


.freeview_box{width:0; height:0; font-size:0; line-height:0; margin:0; padding:0; position:relative; z-index:10010;}
	.freeview_box .freeview_area{position:fixed; _position:absolute; top:-5000px; left:0; width:100%; height:100%; z-index:10020; overflow:hidden;}
		.freeview_box .freeview_area .bg {position:absolute; top:0; left:0; z-index:10030; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
		.freeview_box .freeview_area .freeview_flash{width:100%; height:582px;position:absolute; top:0; left:0; z-index:10040; background:url('../../images/intro/mainww_bg.gif') repeat-x left top;}

/* family Style */
	.family_area{position:absolute; left:50%; top:-233px; margin:0 0 0 -480px; z-index:10002; width:908px; height:220px; padding:20px 25px; border:1px solid #c7c7c7; background:#fff url('../../images/family/family_bg.gif') no-repeat left top; text-align:left;}
		.family_area ul.family_con{width:908px; font-size:0; line-height:0; position:relative; z-index:10001;}
		.family_area ul.family_con li.close{width:908px; z-index:10001; min-height:0px;_height:0px;}
		.family_area ul.family_con li.close img{position:absolute; right:-14px; top:-9px; z-index:10002; clear:both;}
		.family_area ul.family_con li{float:left; width:397px; border-right:1px solid #c7c7c7; min-height:220px;_height:220px;}
		.family_area ul.family_con li.last{float:left; width:480px; padding:51px 0 0 30px;border-right:none; overflow:hidden; min-height:170px;_height:170px;}
			.family_area ul.family_con li ul.family_link{width:100%; overflow:hidden; font-size:0; line-height:0;}
			.family_area ul.family_con li ul.family_link li{width:156px; float:left; padding:10px 21px 0 4px; border-right:none; background:url('../../images/family/dot_1x3.gif') repeat-y right top; min-height:173px;_height:173px;}
			.family_area ul.family_con li ul.family_link li.right{width:155px; float:left; padding:10px 30px 0 21px; background:none;}
				.family_area ul.family_con li ul.family_link li dt{background:url('../../images/family/dot_3x1.gif') repeat-x left bottom; padding-bottom:1px;}
				.family_area ul.family_con li ul.family_link li dd{margin-top:7px;}
				.list_sc{width: 180px;height:150px;margin:0; padding:0;overflow:scroll;overflow-x:hidden;}


/* new main */
#new_main{width:937px; margin:0 auto;}
#new_main ul.new_main_area{width:100%; height:563px; font-size:0; line-height:0; clear:both; position:relative; z-index:1; margin:0; text-align:left;}
#new_main ul.new_main_area li.new_logo{position:absolute; left:0px; top:29px; z-index:99;}
#new_main ul.new_main_area li.new_banner{position:absolute; right:0px; top:25px; z-index:99;}
#new_main ul.new_main_area li.new_text{position:absolute; left:0px; top:129px; z-index:99;}
#new_main ul.new_main_area li.new_cut{position:absolute; left:487px; top:143px; z-index:99;}
#new_main ul.new_main_area li.new_gnb{position:absolute; left:0px; top:293px; z-index:99; width:420px;}
#new_main ul.new_main_area li.new_notis{position:absolute; left:0px; top:468px; z-index:99;}
#new_main ul.new_main_area li.new_notis dt{margin-bottom:5px;}
#new_main ul.new_main_area li.new_notis dd{font-size:11px; line-height:18px; color:#8f959b;}
#new_main ul.new_main_area li.new_notis dd a{font-size:11px; line-height:18px; color:#8f959b;}
#new_main ul.new_main_area li.new_notis dd a:hover{font-size:11px; line-height:18px; color:#333;}

#new_main dl.roring_wide{width:100%; height:27px; background:url('../../images/main/wide_bgs.gif') no-repeat left top; position:relative; z-index:1; text-align:left;}
#new_main dl.roring_wide dd{font-size:12px; line-height:22px; color:#72b4ff; position:absolute; left:104px; top:0px; z-index:99;}
#new_main dl.roring_wide a{color:#72b4ff;}
#new_main dl.roring_wide a:hover{color:#72b4ff;}


/* new header */
#new_gnb{width:947px; margin:0 auto;}
#new_gnb ul.new_gnb_area{width:100%; height:178px; font-size:0; line-height:0; clear:both; position:relative; z-index:1; margin:0; text-align:left;}
#new_gnb ul.new_gnb_area li.new_logo{position:absolute; left:5px; top:29px; z-index:99;}
#new_gnb ul.new_gnb_area li.new_banner{position:absolute; right:5px; top:25px; z-index:99;}
#new_gnb ul.new_gnb_area li.new_gnb{position:absolute; left:212px; top:20px; z-index:99; width:420px;}
#new_gnb ul.new_gnb_area li.new_page{width:735px; height:95px; background:url('../../images/main/new_head_bg.gif') no-repeat 212px 83px; padding:83px 0 0 212px;}
#new_gnb ul.new_gnb_area li.new_page dl{width:100%; padding-top:35px;}
#new_gnb ul.new_gnb_area li.new_page dt{font-size:26px; line-height:28px; color:#333;}
#new_gnb ul.new_gnb_area li.new_page dd{font-size:11px; line-height:14px; color:#b0b6c1; font-weight:bold; letter-spacing:-1px; margin-top:7px;}
#new_gnb ul.new_gnb_area li.new_page dd span{background:url('../../images/main/bul_2x4s.gif') no-repeat 2px 3px; padding-left:10px;}
#new_gnb ul.new_gnb_area li.new_page dd span.home{color:#3f7abc; background:none;}
#new_gnb ul.new_gnb_area li.new_page dd span.selects{color:#4b4e50;}


#new_main30{width:934px; margin:0 auto;}
#new_main30 ul.new_main30_area{width:100%; height:284px; font-size:0; line-height:0; clear:both; position:relative; z-index:1; margin:0; text-align:left;}
#new_main30 ul.new_main30_area li.main30_logo{position:absolute; left:0px; top:27px; z-index:99;}
#new_main30 ul.new_main30_area li.main30_title{position:absolute; left:92px; top:66px; z-index:99;}
#new_main30 ul.new_main30_area li.main30_text{position:absolute; left:394px; top:52px; z-index:99;}
#new_main30 ul.new_main30_area li.main30_close{position:absolute; left:900px; top:41px; z-index:99;}
#new_main30 ul.new_main30_area li.main30_tab{position:absolute; left:332px; top:212px; z-index:99;}
#new_main30 ul.new_main30_area li.main30_tab ul{width:100%; overflow:hidden;}
#new_main30 ul.new_main30_area li.main30_tab ul li{float:left;}
#new_main30 ul.new_main30_area li.main30_tab ul li img{margin-top:7px; display:block;}
#new_main30 ul.new_main30_area li.main30_tab ul li img.first{margin-top:0px; display:block;}

#new_main30 div.main30Design {position:relative;width:338px;margin:0px; text-align:center;}
#new_main30 div.main30Design div.main30ListBox {position:relative;width:278px;height:296px; padding:0;overflow:hidden; margin:0 auto;}
#new_main30 div.main30Design div.main30ListBox div.main30List ul li {position:relative;float:left;width:278px; height:296px;padding:0; text-align:left; background:url('../../images/intro/main30_img_bg.gif') no-repeat left top;}
#new_main30 div.main30Design div.main30ListBox div.main30List ul li img {width:270px;height:218px;display:block;cursor:pointer;}
#new_main30 div.main30Design div.main30ListBox div.main30List ul li p.subject {width:278px;padding-top:15px;font-weight:bold; text-align:center; font-size:12px; color:#fff; line-height:18px;}

#new_main30 div.main30Design a.prev {position:absolute;left:0;top:0;width:20px;height:128px;padding:90px 0 0 0; text-align:center;z-index:4; font-size:35px; line-height:42px; font-weight:bold; color:#fff; }
#new_main30 div.main30Design a.next {position:absolute;right:8px;top:0;width:20px;height:128px;padding:90px 0 0 0; text-align:center;z-index:4; font-size:35px; line-height:42px; font-weight:bold; color:#fff;}
#new_main30 div.main30Design a:hover {color:#000;}