@import url("style1.css");
@import url("style_2.css");
@import url("style_3.css");
/**********************************************************************
/**********************************************************************
@common
**********************************************************************/
/* 		{  font-family: Gulim, Dotum, Arial, Helvetica, sans-serif; }*/
* 		{  margin: 0px; padding:0px; color: #444; letter-spacing:0px; line-height: 1.5em; }
body        { font-size: 0.78em; }

ul, dl, ol  { list-style-type:none; }
img			{ border:0; }
/* a			{ color: #7d7d7d; text-decoration: none; line-height:1.2em; } */
a			{ color: #333333; text-decoration: none; line-height:1.2em; }
a:hover	    { color: black; }
#clear		{ clear:both; }
h1, h2, h3, h4, h5, h6	{ font-size: 1em; }

/**********************************************************************
@accessibility
**********************************************************************/
#accessibility, .accessibility, .unvisible	{ display:none; }
fieldset.accessibility { display:block; border:none; float:left; }

/* skip */
#skip { position:absolute; left:-1000px; top:0; }

/**********************************************************************
@sub
**********************************************************************/
.sub		{width:100%; background:url('/img/main/bg_main.gif') repeat-x; background-color:#FFFFFF;}

.sub #wrap			{width:1000px; background:url('/img/main/bg_main_01.gif') no-repeat; min-height:250px; float:left;}
* html .sub #wrap	{height:250px}

.sub	#ci						{ margin:25px 0 0 17px; float:left; display:inline;}
.sub	#topmenu				{ margin:13px 90px 0px 0; float:right; display:inline; height:20px }
.sub	#topmenu ul li			{ float:left;}
.sub	#topmenu img			{ margin-top:1px}
.sub	#topmenu .input_top		{ border:1px solid #006a8c; background:url('/img/common/input_bg.gif') no-repeat #e4f9ff; height:17px; width:122px; margin:0 5px; padding-left:28px; color:black; float:left}


.sub	#sub_img				{ float:left; height:84px}
* html .sub	#sub_img			{ margin-bottom:-4px}
.sub	 #content_box			{ background:url('/img/common/content_bg_01.gif') repeat-y; width:700px; float:left; }

.sub #content	{width:645px; margin-left:22px; float:left; display:inline; min-height:300px}
* html .sub #content	{height:300px}

.sub #content li		{text-align:justify}


.sub	 #p_research			{ width:496px; height:62px; background:url('/img/common/research_bg.gif') no-repeat; margin-left:35px; margin-top:30px; padding-top:12px; padding-left:130px; display:inline; float:left; }
.sub	 #p_research li			{ width:496px;}
.sub	 #p_research span		{ float:left}


.sub	 #damdang				{ width:620px; height:24px; background:url('../img/common/damdang_bg.gif') no-repeat; margin-left:35px; margin-top:30px; padding-top:5px; padding-left:6px; display:inline; float:left;}
.sub	 #damdang li			{ background:url('../img/common/damdang_icon.gif') no-repeat 0 7px; padding-left:6px; float:left; font-weight:bold }


.sub	 #con_bottom			{ background:url('/img/common/content_bg_02.gif') no-repeat; width:700px; height:60px; float:left;  }
* html .sub	 #con_bottom			{ float:none;  }

.sub #content	#title		{ width:645px; float:left; margin-top:15px; margin-bottom:20px}


/* copyright */
#copyright		{ margin-top:20px; margin-left:35px; width:900px; display:inline; float:left;}

.ci				{float:left; width:210px}
.copy			{ background:url('/img/common/copy_bg_01.gif') no-repeat; float:left; width:670px}
.copy_img		{ background:url('/img/common/copy_bg_02.gif') no-repeat 100% 0; height:19px; padding-right:20px; float:left; margin-left:10px; padding-top:3px;display:inline;}
* html .copy_img{ padding-top:5px; height:17px;}
.copy_img01			{ background:url('/img/common/copy_bar.gif') no-repeat 100% 3px; padding:0 10px; float:left}
* html .copy_img01	{ background:url('/img/common/copy_bar.gif') no-repeat 100% 0}

#copy_info		{ font-size:0.9em; margin-top:10px; float:left; width:670px}
cite			{ font-style: normal;} /* 인용출처 */
address			{ font-style: normal; } /* 주소 */
.cite_text		{ color:#0148ff; font-weight:bold}

/**********************************************************************
@bbs
**********************************************************************/

.sub #bbs_allnum			{width:100%; margin-bottom:5px; float:left}
* html .sub #bbs_allnum		{float:none}
.allum_left					{color:#4c4c4c; padding-left:20px}
.input_box					{width:100px; height:17px; border:1px solid #c0cadf; margin:0 3px; padding:1px; float:left}
.ftorg						{color:#fe7800}
/*
#pasing		{float:left; width:645px; text-align:center; color:#d4d4d4}
* html #pasing		{float:none}
#pasing img	{margin-top:2px}

#pasing a			{color:#898989; font-family:Verdana;}
#pasing a:hover		{color:#4378af; }
#pasing .active a	{color:#4378af; font-weight:bold}
*/
#pasing		{ width:645px; text-align:center; color:#d4d4d4 ; vertical-align: bottom;}
* html #pasing		{float:none}
#pasing img	{margin-bottom:3px; vertical-align: bottom;}

#pasing a			{color:#97ABF0; font-family:Verdana;}
#pasing a:hover		{color:#0E28BE; }
#pasing .active 	{color:#0E28BE; font-weight:bolder;}

#button			{float:right; margin-right:10px}
#button_list	{float:right; margin-right:30px; margin-bottom:20px; display:inline}
#button_list img{margin-right:5px}

.rext_re		{width:500px; height:50px; border:1px solid #c7e0c2; margin-right:10px; font-size:1em}
.rext_con		{width:95%; height:200px; border:1px solid #c7e0c2; font-size:1em; margin: 10px 0 ; padding:1px}
.input_title	{height:16px; border:1px solid #c7e0c2; margin-right:5px; padding:1px}
.input_file		{height:18px; border:1px solid #c7e0c2; width:400px;}

.input_min		{width:100px; height:17px; border:1px solid #c0cadf; margin:0 3px; padding:1px;}

.alicen		{text-align:center}
.alileft	{text-align:left}
.aliri		{text-align:right}

/* width */
.width625	{width:625px}
.width600	{width:600px}
.width550	{width:550px}
.width500	{width:520px}
.width480	{width:480px}
.width440	{width:440px}
.width400	{width:400px}
.width330	{width:330px}
.width350	{width:350px}
.width300	{width:300px}
.width280	{width:280px}
.width250	{width:250px}
.width240	{width:240px}
.width220	{width:220px}
.width200	{width:200px}
.width180	{width:180px}
.width160	{width:160px}
.width120	{width:120px}
.width100	{width:100px}
.width80	{width:80px}
.width70	{width:70px}
.width50	{width:50px}
.width40	{width:40px}
.width30	{width:30px}
.wid83p		{width:83%}
.wid80p		{width:80%}
.wid40p		{width:40%}
.wid36p		{width:36%}
.wid33p		{width:33%}
.wid30p		{width:30%}
.wid25p		{width:25%}
.wid12p		{width:12%}
.wid10p		{width:10%}
.hei27		{height:27px}
.hei230		{height:230px}
.hei110		{height:110px}
.hei100		{height:100px}
.minhei150	{min-height:150px}
* html .minhei150	{height:150px}
.hei48		{height:48px}
.hei50		{height:50px}
.hei80		{height:80px}

/**********************************************************************
@text
**********************************************************************/
.title		{ font-weight:bold; }
.strong		{ font-weight:bold;}
.orange		{color:#ff7200}
.red		{color:red}
.black		{color:black}
.blue		{color:blue}
.green		{color:green}
.ftsi9		{font-size:0.92em}
.justify	{text-align:justify} 
.normal		{font-weight:normal}
.disinline	{display:inline}
/**********************************************************************
@layout
**********************************************************************/
.fleft	{ float:left; }
.fright	{ float:right; }
.mbo20	{margin-bottom:20px}
.mbo30	{margin-bottom:30px}
.mbo40	{margin-bottom:40px}
.mbo10	{margin-bottom:10px}
.mbo5	{margin-bottom:5px}
.ml180	{margin-left:180px;}
.ml100	{margin-left:100px;}
.ml30	{margin-left:30px;}
.ml50	{margin-left:50px;}
.ml25	{margin-left:25px;}
.ml20	{margin-left:20px;}
.ml15	{margin-left:15px;}
.ml10	{margin-left:10px}
.ml5	{margin-left:5px}
.mr40	{margin-right:40px}
.mr20	{margin-right:20px}
.mr15	{margin-right:15px}
.mr10	{margin-right:10px}
.mr5	{margin-right:5px}
.mr2	{margin-right:2px}
.mt100	{margin-top:100px}
.mt75	{margin-top:75px}
.mt65	{margin-top:65px}
.mt55	{margin-top:55px}
.mt25	{margin-top:25px}
.mt15	{margin-top:15px}
.mt10	{margin-top:10px}
.mt20	{margin-top:20px}
.mt5	{margin-top:5px}
.mt2	{margin-top:2px}
.pl20	{padding-left:20px}
.pl15	{padding-left:15px}
.pl10	{padding-left:10px}
.pbo10    {padding-bottom:10px}
.mt2	{margin-top:2px}


#dep3_box	{width:645px; background:url('/img/common/3dp_bg_01.gif') no-repeat; padding-top:10px; margin-top:10px; margin-bottom:10px; float:left;}
.dep3_bg	{width:625px; background:url('/img/common/3dp_bg_02.gif') no-repeat 0 100%; padding-bottom:10px; padding-left:10px; padding-right:10px; float:left}
* html .dep3_bg	{ float:none}
.dep3_bg li	{float:left; margin-right:5px}

#img_bg_01			{width:645px; background:url('/img/common/01_consult/img_bg_02.gif') no-repeat 0 100%; padding-bottom:25px; margin-bottom:15px; float:left}
#img_bg_01 .top		{width:625px; background:url('/img/common/01_consult/img_bg_01.gif') no-repeat; height:35px; padding-top:7px; padding-left:20px; float:left;color:red ; font-weight:bold}
#img_bg_01 li		{padding-left:25px; padding-right:20px; width:600px}

.base_01		{padding-left:15px; background:url('/img/common/icon_base_01.gif') no-repeat 3px 8px; width:610px; text-align:justify; float:left}

/**********************************************************************
@script
**********************************************************************/
/*rollover*/
.rollover .offimg	{ display:inline; }
.rollover .onimg	{ display:none; }
.rollover a:hover	{ position:relative; }
.rollover a:hover .offimg	{ display:none; }
.rollover a:hover .onimg	{ display:inline; }
.bortop {border-top:1px solid #e2ecde;}
.alt{		background-color:#F9F9F9;	}
.over{		background-color:#EFEFEF;	}
.imgBgBar { 
width : 130px; 
height : 100px; 
padding : 5px; 
background-color : #fff; 
border : 1px solid #333; }
.imgBgBarRead { 
width : 600px; 
height : 400px; 
padding : 5px; 
background-color : #fff; 
border : 1px solid #333; }