@charset "utf-8";

/* ��????CSS�� ??��??import??��??*/
/*@import url('');*/

/* global defaults */
	* {-webkit-text-size-adjust:none;}
	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;font-size:16px;}
	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;}
	.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: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("/common/css/iepngfix.htc")}

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

/* color style */
	.cffffff, .cffffff a:link, .cffffff a:visited, .cffffff a:active, .cffffff a:hover {color:#ffffff !important;}
	.c888, .c888 a:link, .c888 a:visited, .c888 a:active, .c888 a:hover {color:#888 !important;}
	.cff9600, .cff9600 a:link, .cff9600 a:visited, .cff9600 a:active, .cff9600 a:hover {color:#ff9600 !important;}
	.c2688cf, .c2688cf a:link, .c2688cf a:visited, .c2688cf a:active, .c2688cf a:hover {color:#2688cf !important;}
	.c333333, .c333333 a:link, .c333333 a:visited, .c333333 a:active, .c333333 a:hover {color:#333333 !important;}

/* 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;
	  font-family: dotum;
	}

/* 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 {font-size:16px; text-decoration:none;}
	a:hover{font-size:16px; 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;}

	ul.tab_btn_box{width:100%; height:28px; overflow:hidden; position:relative; z-index:1; background:url('/images/information/tab_bg.gif') repeat-x left bottom;}
		ul.tab_btn_box li{float:left;}
		ul.tab_btn_box li.right{position:absolute; right:0; bottom:0;}


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

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


	.mr3_I{margin-right:3px !important; *margin-right:2px !important;}
	.mr3{margin-right:3px !important;}
	.mr4{margin-right:4px !important;}
	.mr6{margin-right:6px !important;}


	.ml3_I{margin-left:3px !important; *margin-left:2px !important;}
	.ml6{margin-left:6px !important;}
	.ml10{margin-left:10px !important;}
	.ml17{margin-left:17px !important;}
	.ml40{margin-left:40px !important;}
	.ml158{margin-left:158px !important;}
	

/* main style */
	body#main{background:none; width:100%; text-align:center; font:12px Apple Gothic, dotum; line-height:16px;}

	body#main div.main_visual{width:320px; padding-top:0px; overflow:hidden; position:relative; z-index:1; text-align:center; margin:0 auto;}
	body#main div.main_visual ul{font-size:0; line-height:0;}
	body#main .main_logo{padding: 0 0 0 0px; text-align:left; background:none;}
	body#main .main_text{padding-left:0px; margin-top:15px; text-align:left; width:320px;} 
	body#main .main_menu{position:absolute; left:0px; top:300px; z-index:99; font-size:0; line-height:0;}
	body#main .main_menu a{float:left; display:block; margin-left:13px; margin-bottom:0px;}
	body#main div.main_visual .pics{width:320px; height:400px; overflow:hidden; margin-top:5px;}
	body#main div.main_visual .abc{width:320px; overflow:hidden; margin-top:10px;}

	div.event {width:320px; margin:40px auto 17px; clear:both; text-align:center;}
	div.event img{display:block; margin:0 auto; width:294px; height:122px;}
	div.event ul#event li{width:320px;}

	div.event #indicator {display:block; overflow:hidden; margin:10px auto 0;}
	div.event #indicator li {display:inline-block;width:13px;height:13px;cursor:pointer;}
	div.event #indicator li {background:url('/images/main2_tab_off.png');_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main2_tab_off.png', sizingMethod='crop');}
	div.event #indicator li#button_selected {background:url('/images/main2_tab_on.png');_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main2_tab_on.png', sizingMethod='crop');}

	.main_notice{width:100%; background-color:#403d3c; padding:16px 0 15px;}
	.main_notice .main_notice_area{width:320px; text-align:center; margin:0 auto; position:relative; z-index:1; line-height:18px; height:16px; overflow:hidden;}
	.main_notice .main_notice_area dl{width:300px; position:absolute; left:0px; top:16px; z-index:99; overflow:hidden; padding:0 10px; letter-spacing:-1px; font-weight:bold;}
	.main_notice .main_notice_area dl.first{position:absolute; left:0px; top:0px; z-index:99;}

	.main_notice .main_notice_area dt{text-align:left; font-size:18px; color:#dad7d5; float:left; width:230px;}
	.main_notice .main_notice_area dd{text-align:right; font-size:16px; color:#897d75; float:right; width:70px;}
		.main_notice a:link,
		.main_notice a:visited{color:#dad7d5;}
		.main_notice a:hover{color:#948881;}

	.main_foot_area{width:100%; text-align:center; overflow:hidden; clear:both; margin-top:10px; padding:0; background:none;}

/* sub style */
	body#sub{background:url('../images/sub_bg.gif') repeat-x left top; width:100%; text-align:center; font:12px dotum; line-height:16px;}

	dl.top_contents{height:50px; margin:0 auto; width:100%; text-align:left;}
	dl.top_contents dt{float:left; padding-left:10px;}
	dl.top_contents dd{float:right;  padding-right:10px;}

	ul.gnb_area{background:url('../images/gnb_bg.gif') repeat left top; height:29px; border-bottom:0px solid #ffffff; text-align:left; font-size:0; line-height:0; padding:0; letter-spacing:0px;}
	ul.gnb_area li{background:url('../images/gnb_line.png') no-repeat left top; width:25%; text-align:center; float:left; height:29px; overflow:hidden;}
	ul.gnb_area li.first{background:none;}
		ul.gnb_area li a:link,
		ul.gnb_area li a:visited{font:bold 13px dotum; line-height:10px; color:#000000; display:block; padding-top:9px; }
		ul.gnb_area li a:hover{color:#249427;}
		ul.gnb_area li a.on:link,
		ul.gnb_area li a.on:visited {color:#000000;}
		ul.gnb_area li a.on:hover{color:#000000;}

	.page_category{padding:0px; overflow:hidden; background-color:#fa97a5; border-bottom:0px solid #fa97a5;}
	.page_category dl{margin:0; width:100%; text-align:left; overflow:hidden;}
	.page_category dt{float:left; padding:17px 0 0 0px; font-size:18px; line-height:20px; color:#1a1a1a;}
	.page_category dt strong.depth2{color:#1a1a1a;}
	.page_category dd{float:right; padding:12px 0px 12px 0;}

	.page_category ul.tab_menu{margin:0; width:100%; text-align:left; overflow:hidden; font-size:0; line-height:0;}
	.page_category ul.tab_menu li{float:left; text-align:center; overflow:hidden;}
	.page_category ul.tab_menu li.on p{background:url('../images/field_tab_bg.gif') no-repeat left top;}
	.page_category ul.tab_menu li.off p{background:#626262 url('../images/field_tab_bg2.gif') no-repeat left top;}
	.page_category ul.tab_menu li a{display:block; height:20px; padding-top:5px; font-size:11px; line-height:16px; letter-spacing:0px;}
	.page_category ul.tab_menu li.on a{color:#000000; font-weight:bold; background:url('../images/field_tab_bg_r.gif') no-repeat right top;}
	.page_category ul.tab_menu li.off a{color:#626262;}
	.page_category ul.tab_menu li.off a.right{color:#626262; background:url('../images/field_tab_bg2_r.gif') no-repeat right top;}


	dl.page_title{margin:0 auto; width:100%; text-align:left; overflow:hidden;}
	dl.page_title dt{float:left; padding:25px 0 0 28px; font-size:18px; color:#444; background:url('/images/bul_11x11.gif') no-repeat 10px 27px;}
	dl.page_title dd{float:right; padding:20px 10px 15px 0;}

	div.foot_area{width:100%; text-align:center; overflow:hidden; clear:both; margin-top:0px; padding:15px 0; background-color:#4d4d4d;}

	div#about_table{padding:25px 10px; background-color:#4d4d4d;}
	div#about_table table{width:100%; margin:0; padding:0; empty-cells:show;}
	div#about_table table th{color:#888; padding:0px; text-align:center;}
	div#about_table table td{color:#666; font-size:12px; line-height:18px; padding:5px 0; text-align:left;}
	div#about_table table td.imges{padding:10px 0; text-align:left;}
	div#about_table table td.tests{color:#2688cf; font-size:11px; line-height:16px;}
		div#about_table a:link,
		div#about_table a:visited{color:#666;}
		div#about_table a:hover{color:#fa5700;}

	div.business_box{padding:20px 10px; text-align:center;}
	div.business_box p{color:#2688cf; font-size:12px; line-height:16px;}

	p.text_fild{color:#2688cf; font-size:11px; line-height:16px; text-align:center;}


	div.contact_title{padding:0 10px; overflow:hidden;}
	div.contact_title dl{margin:0; width:100%; text-align:left; overflow:hidden; border-top:1px solid #eee; position:relative; z-index:1;}
	div.contact_title dl.first{border-top:none;}
	div.contact_title dl dt{float:left; width:85px; padding:14px 0 11px 8px; font-size:11px; color:#444; background:url('/images/bul_2x3.gif') no-repeat 0 19px;}
	div.contact_title dl dd{float:left; padding:14px 0px 11px 0; font-size:12px; color:#666; width:67%;}
	
	div.contact_title dl dt.clear{width:90%; clear:both; padding:14px 0 6px 8px; font-size:16px; color:#444; background:url('/images/bul_2x3.gif') no-repeat 0 19px;}
	div.contact_title dl dd.clear{width:90%; clear:both; padding:0px 0px 11px 13px; font-size:16px; color:#666;}
	div.contact_title dl dd.tel_go{position:absolute; right:0px; top:10px; z-index:99; width:57px; padding:0; clear:both;}

	div.contact_title p.map_area{width:100%; clear:both; text-align:center;}
	div.contact_title p.map_area img{border:3px solid #eee; vertical-align:top;}


	div.contact_title02{padding:0 10px; overflow:hidden;}
	div.contact_title02 p.titles{padding:14px 0 11px 8px; font-size:11px; color:#444; background:url('/images/bul_2x3.gif') no-repeat 0 19px; margin:0; width:100%; text-align:left; overflow:hidden;}
	div.contact_title02 dl{margin:0 0 20px; width:100%; text-align:left; overflow:hidden;}
	div.contact_title02 dl dt{padding:0px 0 0px; font-size:11px; color:#444;}
	div.contact_title02 dl dd{padding:5px 0px 0px ; font-size:11px; color:#666;}


/* btn Style */
	ul.botton_box{position:relative; width:100%; padding:0px; height:22px; border-top:1px solid #fa6819; margin-top:25px !important; padding-top:15px;}
	ul.botton_box img{vertical-align:top !important;}
	ul.botton_box li.left{position:absolute; left:10px; top:15px; z-index:99;}
	ul.botton_box li.right{position:absolute; right:10px; top:15px; z-index:99;}
	ul.botton_box li.center{width:100%; text-align:center;}