﻿/* Type Selector */
* { margin:0; padding:0; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
img, fieldset, button 
	{ border:none;}
hr, button img
	{ display:none;}
li
	{ list-style:none;}
a
	{ text-decoration:none; color:#424242;}
a:hover, a:active, a:focus
	{ text-decoration:none; color:#424242;}
textarea
	{ overflow:auto;} 
caption, th
	{ text-align: left; }
table
	{ border-collapse: collapse; border-spacing: 0;  text-align:center;}
form 
	{ margin:0; padding:0;}
td
	{ vertical-align:middle; }
hr
	{ display: none; }	
legend 
	{ position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ 
	
	
/* commom */
.hidden
	{ display: none; }
.floatLeft
	{ float: left; }
.floatRight
	{ float: right; }
.clear
	{ clear: both; }
.fontB
	{ font-weight:bold;}
.spanClear
	{ display:block; clear:both; height:1px; overflow:hidden;}
.displayN
	{ display:none;}
.png24 
	{tmp:expression(setPng24(this));}
.m20
	{ margin-top:-22px;}
.mb30
	{ margin-bottom:30px;}
	
/* jquery */

.hidden			
	{ display: none; }
.cursor			
	{ cursor: pointer; }
.bold			
	{ font-weight: bold; }

.xposControll	
	{ margin-left: -3000px; }

	

/* Layout Selector */
body
	{ font-size:12px; color:#424242; text-align:center; line-height:20px; background:#fff; overflow-y:scroll; .overflow-y:none; _overflow-y:none;}
body.main
	{ font-size:12px; color:#424242; text-align:center; line-height:20px; background:#fff;}
#mainWrap
	{ width: 980px; margin: 0 auto; margin-top:520px; text-align:left; position: relative;}
#mainContent
	{ height:160px;}
#mainContent .notice
	{ float:left; padding-top:20px; padding-left:2px; width:260px; position:relative;}
#mainContent .notice p.more a
	{ background:url(../images/mainContent_a_p01.gif) no-repeat; width:30px; height:13px; display:block; position:absolute; top:25px; right:1px; text-indent:-9999px; }
#mainContent .notice h4
	{ background:url(../images/mainContent_a_h3.gif) 0 2px no-repeat; text-indent:-9999px; margin-bottom:14px;}
#mainContent .notice li a
	{ font-size:11px; color:#888; background:url(../images/b_05.gif) 0 4px no-repeat; margin-left:4px; padding-left:6px; line-height:18px;}
#mainContent .business
	{ float:left; width:395px; height:115px; padding-top:20px; padding-left:60px;}
#mainContent .mainSub
	{ float:left; width:240px; height:115px; padding-left:18px; }
#mainFlash
	{ position: absolute; top: 0; left:0; width:100%; }
#mainGnb 
	{ position: absolute; top: 0; left:0; width:100%; }

#wrap 
	{ width: 980px; margin: 0 auto; text-align:left; position:relative;}
#header
	{ height:105px;}
#gnb 
	{}

#container
	{ padding-bottom:70px;}
#container .snb
	{ float:left; width:300px;}
#content
	{ float:right; width:670px; min-height:500px; height: auto !important; _height: 500px;}
#content .breadCrumb
	{ height:15px; line-height:15px; text-align:right; margin-top:20px; padding-right:11px;}
#content #contentsHidden
	{ text-indent:-9999px; display:none;}
#content .contentFlash
	{}
#content .subContent h3
	{ margin:5px 0 25px 0;}
#content .subContent p.tit1
	{}
#content .subContent p.tit2
	{ margin:15px 0 10px 0;}
#content .subContent h4
	{ margin-top:30px;}
	
#content #h3tit
	{ margin-top:5px; height:93px;}
#content #tableFormF
	{ position:relative;}
#content .contentFlashF
	{ position:absolute; top:0px; left:0;}
#content .contentFlashTab
	{ margin-top:5px;}
#footer
	{ clear:both; width:980px; height:50px; border-top:1px solid #c1c1c1; background:url(../images/copyright.gif) 0 1px no-repeat;}
#footer ul.footerMemu li
	{ float:right; padding:2px 6px 0 3px; background:url(../images/footer_b.gif) no-repeat right 7px;}
#footer ul.footerMemu li.ftr
	{ float:right; padding:2px 6px 0 3px; background:none;}
#footer ul.footerMemu li select
	{ font-size:11px; height:18px; border:1px solid #cbcdcc;}
	
/* table Form */
#tableForm
	{ width:654px; padding:13px 0 0 13px; font-size:11px;}
#tableForm .selectForm
	{ height:25px; _height:24px; margin-bottom:3px; text-align:right; padding-right:10px; }
#tableForm .selectForm select
	{ width:145px; height:20px; font-size:11px; border:1px solid #d6d6d6; background:#f4f4f4;}
#tableForm .paginate
	{ height:15px; line-height:15px; text-align:center; padding:25px 0;}
#tableForm .paginate a
	{ padding:0 2px;}
#tableForm .search
	{ width:645px; height:32px; padding-top:11px; text-align:center; background:url(../images/serchBg.gif) no-repeat; vertical-align:middle;}
#tableForm tbody img
	{ vertical-align:sub; *vertical-align:middle;}
#tableForm .btn
	{ text-align:right; padding:5px 7px 0 0 ;}

/* 
#tableFormA 투자정보
#tableFormB 고객지원
#tableFormC 사이버 홍보실
#tableFormD 사업분야
*/

#tableFormA
	{background:url(../images/theadBg.gif) no-repeat;}
caption
	{ display:none;}


#tableFormA thead th.thA
	{ height:28px; line-height:28px; text-align:center; background:url(../images/thB.gif) no-repeat right;}
#tableFormA thead th.thB
	{ height:28px; line-height:28px; text-align:center; background:url(../images/thB2.gif) no-repeat right;}
#tableFormA thead th.thC
	{ height:28px; line-height:28px; text-align:center; background:url(../images/thB3.gif) no-repeat right;}
#tableFormA thead th.thD
	{ height:28px; line-height:28px; text-align:center; background:url(../images/thB4.gif) no-repeat right;}
#tableFormA thead th.thR
	{ height:28px; line-height:28px; text-align:center; background:none;}
#tableFormA tbody td
	{ height:19px; line-height:20px; border-bottom:1px solid #e4e4e4; padding:4px 10px 2px 10px;}
#tableFormA tbody td.tdTeL
	{ height:19px; line-height:20px; border-bottom:1px solid #e4e4e4; text-align:left; padding:4px 10px 2px 10px; vertical-align:middle;}
#tableFormA tbody td.tdA
	{ height:70px; line-height:20px; border-bottom:1px solid #e4e4e4; padding:3px 10px;}
#tableFormA tfoot td.tdFa
	{ height:5px; background:url(../images/tfootBg.gif) repeat-x; text-align:right; padding:5px 7px 0 0;}
#tableFormA tfoot td.tdFb
	{ height:5px; background:url(../images/tfootBg2.gif) repeat-x; }
#tableFormA tfoot td.tdFc
	{ height:5px; background:url(../images/tfootBg3.gif) repeat-x; }
#tableFormA tfoot td.tdFd
	{ height:5px; background:url(../images/tfootBg4.gif) repeat-x; }


#tableFormA.view th.thAt
	{ height:28px; line-height:28px; border:0px; background:url(../images/thB1.gif) no-repeat right;}
#tableFormA.view th.thA
	{ height:28px; line-height:28px; border-bottom:1px solid #e4e4e4; background:url(../images/thB1.gif) no-repeat right;}
#tableFormA.view th.thBt
	{ height:28px; line-height:28px; border:0px; background:url(../images/thB2.gif) no-repeat right; padding-left:25px;}
#tableFormA.view th.thB
	{ height:28px; line-height:28px; border-bottom:1px solid #e4e4e4; background:url(../images/thB2.gif) no-repeat right; padding-left:40px;}
#tableFormA.view th.thB2
	{ height:28px; line-height:28px; text-align:left; border-right:1px solid #e4e4e4; background:url(../images/theadBg2.gif) no-repeat left top; padding-left:20px;}
#tableFormA.view th.thB2B
	{ height:28px; line-height:28px; text-align:left; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:url(../images/theadBg2.gif) no-repeat left top; padding-left:20px;}
	
#tableFormA.view th.thCt
	{ height:28px; line-height:28px; background:url(../images/theadBgB.gif) left bottom no-repeat;padding-left:35px; padding-right:0;}
#tableFormA.view th.thC
	{ height:28px; line-height:28px; border-bottom:1px solid #e4e4e4; background:url(../images/thB3.gif) no-repeat right; padding-left:35px; padding-right:0;}
#tableFormA.view th.thDt
	{ height:28px; line-height:28px; border:0px; background:url(../images/thB4.gif) no-repeat right; padding-left:25px; padding-right:0;}
#tableFormA.view th.thD
	{ height:28px; line-height:28px; border-bottom:1px solid #e4e4e4; background:url(../images/thB4.gif) no-repeat right; padding-left:25px; padding-right:0;}
#tableFormA.view td
	{ height:19px; line-height:20px; text-align:left; border-bottom:1px solid #e4e4e4; padding:4px 10px 2px 10px;}
#tableFormA.view td.tdA
	{ font-weight:bold; height:19px; line-height:20px; text-align:left; border:0px ; padding:4px 10px 2px 10px; background:url(../images/theadBgB.gif) right bottom no-repeat;}
#tableFormA.view td.tdA2
	{ height:19px; line-height:20px; text-align:left; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:4px 10px 2px 10px;}
#tableFormA.view td.tdContent
	{ width:609px; padding:15px 18px;}
#tableFormA.view td.tdContentA
	{border-bottom:1px solid #907bdf;}
#tableFormA.view td.tdContentB
	{border-bottom:1px solid #9cc2ca;}
#tableFormA.view td.tdContentC
	{border-bottom:1px solid #60900c;}
#tableFormA.view td.tdContentD
	{border-bottom:1px solid #e57133;}
#tableFormA.view td.tdContent p.img
	{ padding:5px 18px 15px 18px; text-align:center;}
#tableFormA.view td.tdContent p
	{ padding-bottom:15px;}
/*#tableFormA.view td.tdContent ul
	{ padding-top:10px; padding-bottom:15px;}*/
#tableFormA.view td.tdContent ul
	{ padding-top:10px;}
#tableFormA.view td.tdContent li
	{ padding-left:5px; margin-left:-6px; background:url(../images/b_2.gif) 0 8px no-repeat; font-weight:bold;}
	
#tableFormA.view td.tdFa
	{ height:5px; background:url(../images/tfootBg1.gif) top repeat-x; border:0px; padding:0;}
#tableFormA.view td.tdFb
	{ height:5px; background:url(../images/tfootBg2.gif) top repeat-x; border:0px; padding:0;}
#tableFormA.view td.tdFb2
	{ height:15px; background:url(../images/tfootBg2.gif) bottom repeat-x; border:0px; padding:0;}
#tableFormA.view td.tdFc
	{ height:5px; background:url(../images/tfootBg3.gif) top repeat-x; border:0px; padding:0;}
#tableFormA.view td.tdFd
	{ height:5px; background:url(../images/tfootBg4.gif) top repeat-x; border:0px; padding:0;}
	
#tableFormB.view th.thDt
	{ height:28px; line-height:28px; border-left:1px solid #d7d7d7; background:url(../images/thB4A.gif) no-repeat left; padding-left:25px;}
#tableFormB.view th.thD
	{ height:28px; line-height:28px; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; background:url(../images/thB4.gif) no-repeat right; padding-left:25px;}
#tableFormB.view td
	{ height:19px; line-height:20px; text-align:left; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:4px 10px 2px 10px;}
#tableFormB.view td.tdA
	{ height:19px; line-height:20px; text-align:left; border:0px ; padding:4px 10px 2px 10px;background:url(../images/thB4A.gif) no-repeat right;}
#tableFormB.view td.tdC
	{ height:7px; text-align:left; border:0px; padding:0;}
#tableFormB.view td.tdFd
	{ height:17px; background:url(../images/tfootBg4.gif) bottom repeat-x; border:0px; padding:0;}
	
#tableFormC.view th
	{ font-weight:normal; color:#1790b5; height:28px; line-height:28px; text-align:center; border-bottom:1px solid #d7d7d7; background:url(../images/thB2.gif) no-repeat right;}
#tableFormC.view th.thB
	{ color:#fff; font-weight:bold; height:28px; line-height:28px; text-align:center; border-bottom:1px solid #e4e4e4; background:url(../images/b_4.gif) 5px 3px no-repeat;}
#tableFormC.view th.thBt
	{ height:28px; line-height:28px; border-bottom:1px solid #1790b5; background:url(../images/bg_1.gif) no-repeat;}
#tableFormC.view th.thBt2
	{ height:28px; line-height:28px; border-top:1px solid #1790b5; border-bottom:1px solid #1790b5; background:url(../images/bg_1.gif) no-repeat;}
	
#tableFormC.view td
	{ height:19px; line-height:20px; text-align:left; border-bottom:1px solid #e4e4e4; padding:4px 10px 2px 10px;}
#tableFormC.view td.tdBt
	{ height:19px; line-height:20px; text-align:left; border-bottom:1px solid #1790b5; padding:4px 10px 2px 10px;}
#tableFormC.view td.tdBt2
	{ height:19px; line-height:20px; text-align:left; border-top:1px solid #1790b5; border-bottom:1px solid #1790b5; padding:4px 10px 2px 10px;}
#tableFormC.view td.tdC
	{ height:7px; text-align:left; border:0px; padding:0;}
#tableFormC.view td.tdFb
	{ height:5px; background:url(../images/tfootBg2.gif) repeat-x; border:0px; padding:0;}
	


/* input Form */
input.inputClass
	{ height:13px; font-size:12px; border:1px solid #c8c8c8; padding-top:3px;}
input.inputClass2
	{ height:15px; font-size:12px; color:#000; border:1px solid #c8c8c8; padding-top:3px; _margin-top:-1px;}
textarea.textareaClass
	{ font-size:12px; border:1px solid #b3b3b3; padding:5px;}
select.searchType
	{ width:65px; height:19px; font-size:11px; border:1px solid #c8c8c8;}
.inputCb
	{ padding:0 15px 0 5px;}
input.inputText
	{ font-size:11px; width:97%; border:1px solid #dbdbdb; padding:2px 3px 1px 3px;}
input.inputTextHalf
	{ font-size:11px; width:40%; border:1px solid #dbdbdb; padding:2px 3px 1px 3px;}
input.inputText25
	{ font-size:11px; width:25%; border:1px solid #dbdbdb; padding:2px 3px 1px 3px;}
	
textarea
	{ border:1px solid #dbdbdb; padding:5px;}
	
/* news */
#news
	{ background:url(../images/newsBg.jpg) no-repeat top; height:135px; position:relative; margin-bottom:17px;}
#news .img
	{ position:absolute; top:27px; left:30px;}
#news .newsContent
	{ position:absolute; top:-7px; left:157px;}
#news .newsContent h4
	{ font-size:14px; color:#60900c; margin-bottom:10px;}
#news .newsContent h4 a
	{ color:#60900c;}
#news .newsContent li
	{ background:url(../images/b_1.gif) 0 8px no-repeat; padding-left:10px; }
#news .newsContent p
	{ font-size:11px; color:#7e7e7e; padding-left:5px;}
	
/* contact us*/
.contact_overFlow
	{ width:655px; height:410px; overflow:auto; margin:20px 0 0 8px; padding:5px 5px 5px 0;}
.contact_overFlow h5
	{ font-size:12px; color:#18607e; font-weight:bold; margin-bottom:5px; padding-left:17px; background:url(../images/con_b1.gif) no-repeat;}
.contact_overFlow p, .contact_overFlow ul
	{ margin-bottom:15px; padding-left:17px;}
#content .agreement
	{ height:20px; text-align:center; vertical-align:middle; padding:20px 0 10px 0; }
#content .btn2
	{ text-align:center; padding-right:7px;}
.contact_img
	{ padding:15px 0 ;}
.contact_img2
	{ padding-bottom:15px;}
.st1
	{ text-align:right; padding-right:10px;}
	
/* 특화 컨텐츠 */
#specialization
	{ width:645px; height:450px; background:url(../images/loading.gif) no-repeat;}
	
	
	
/* Etc. */
.frameworksolution2
	{ width:670px; height:675px; background:url(../images/kor_242_2_02.jpg) no-repeat;}
.frameworksolution3
	{ width:670px; height:545px; background:url(../images/kor_242_2_03.jpg) no-repeat;}
.frameworksolution4
	{ width:670px; height:73px; background:url(../images/kor_242_2_04.jpg) no-repeat;}

