@charset "euc-kr";

*	{ margin:0px; padding:0px; }

body, th, td		{ font-size:12px; font-family:Dotum, µ¸¿ò, Gulim, ±¼¸², sans-serif; color:#636363; line-height:120%; }
body	{ background:#b3b3b3 url('../../images/common/body_bg.gif') repeat-x left top; }

img		{ border:0px; }
li			{ list-style:none; }
select	{ vertical-align:middle; }

/* FloatÁ¤·Ä */
.FLeft	 	{ float:left; }
.FRight	{ float:right; }
.Clear	{ clear:both; }

/* À̹ÌÁöÁ¤·Ä */
.vam	{ vertical-align:middle; }
.vat	{ vertical-align:top; }
.vam_b2	{ vertical-align:middle; margin-bottom:2px; }
.vat_t2	{ vertical-align:top; margin-top:2px; }
.dis_b	{ display:block; }

/* ÀԷ¿ÀºêÁ§Æ® */
select	{ vertical-align:top; }
input		{ vertical-align:middle; }
button	{ margin:0px 0px 0px 5px; padding:0px; height:21px; border:0px; overflow:visible; background:none; vertical-align:middle; cursor:pointer; }
.inputBox	{ font-size:12px; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:2px; background-color:#f6f6f6; }
.textarea	{ font-size:small; padding:2px; border:1px solid #e5e5e5; background-color:#fff; overflow:auto; }

/*Á¤·Ä*/
.Agn_l	{ text-align:left; }
.Agn_r	{ text-align:right; }
.Agn_c	{ text-align:center; }
.Center	{ margin:0px auto; }

/*Æеù*/
.Pad_l5		{ padding-left:5px; }	
.Pad_l10		{ padding-left:10px; }
.Pad_l15		{ padding-left:15px; }
.Pad_l20		{ padding-left:20px; }

.Pad_r5		{ padding-right:5px; }	
.Pad_r10	{ padding-right:10px; }
.Pad_r15	{ padding-right:15px; }
.Pad_r20	{ padding-right:20px; }

.Pad_t5		{ padding-top:5px; }	
.Pad_t10		{ padding-top:10px; }
.Pad_t15		{ padding-top:15px; }
.Pad_t20		{ padding-top:20px; }

.Pad_b5		{ padding-bottom:5px; }	
.Pad_b10	{ padding-bottom:10px; }
.Pad_b15	{ padding-bottom:15px; }
.Pad_b20	{ padding-bottom:20px; }

.Mar_l5		{ margin-left:5px; }	
.Mar_l10		{ margin-left:10px; }
.Mar_l15		{ margin-left:15px; }
.Mar_l20		{ margin-left:20px; }

.Mar_r5		{ margin-right:5px; }	
.Mar_r10	{ margin-right:10px; }
.Mar_r15	{ margin-right:15px; }
.Mar_r20	{ margin-right:20px; }

.Mar_b5		{ margin-bottom:5px; }
.Mar_b10	{ margin-bottom:10px; }
.Mar_b15	{ margin-bottom:15px; }
.Mar_b20	{ margin-bottom:20px; }

.Mar_t5		{ margin-top:5px; }
.Mar_t10		{ margin-top:10px; }
.Mar_t15		{ margin-top:15px; }
.Mar_t20		{ margin-top:20px; }
.Mar_t40		{ margin-top:40px; }


/* ¸µÅ© */
a:link			{ color:#636363; text-decoration:none; }
a:visited		{ color:#636363; text-decoration:none; }
a:active		{ color:#636363; text-decoration:none; }
a:hover		{ color:#000000; text-decoration:underline; }


/* ·¹À̾ƿô */
#Wrap	{ width:930px; margin:0px auto; padding:0px 25px 20px 15px; overflow:hidden; background:url('../../images/common/wrap_bg.gif') no-repeat left bottom; }
	#mainWrap	 { float:left; width:928px; border:1px solid #e4e4e4; border-bottom:none; overflow:hidden; _margin-right:-3px; }
	#mainWrap .mainCon	{ clear:both; float:left; width:928px; border-top:1px solid #e4e4e4; }
	#mainWrap .mainCon .con_01	{ float:left; width:342px; height:319px; overflow:hidden; }
		.noticeBox	{ float:left; width:301px; height:99px; padding:20px; border-right:1px solid #e4e4e4; overflow:hidden; }
		.noticeBox dl		{ float:left; width:301px; }
		.noticeBox dl dt	{ float:left; width:301px; padding-bottom:5px; }
		.noticeBox dl dd	{ clear:both; float:left; width:301px; padding:3px 0px 1px 0px; line-height:1.4em; font-size:11px; }
		.noticeBox dl dd a	{ font-size:11px; }
		.noticeBox dl .tt	{ float:left; }
		.noticeBox dl .ss	{ float:right; }
		.contact	 { clear:both; }

	#subWrap	{ float:left; width:930px; height:565px; overflow:hidden; }
	#subWrap #leftMenu		{ float:left; width:151px; height:565px; }
	#subWrap #contentsBox	{ float:left; width:718px; height:528px; padding:18px 30px; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4; }
		.location	{ clear:both; float:left; width:718px; height:60px; }
		.location .section	{ float:right; font-size:11px; color:#747474; line-height:1.5em; }
		.location .section h1	{ display:inline; font-size:11px; color:#747474; font-weight:normal; }

		.contents	{ clear:both; float:left; width:735px; height:468px; overflow:auto; _margin-right:-3px; }

			.Board	{ width:718px; }
			.Board .title	{ width:678px; padding:10px 20px; border-top:2px solid #fcb81e; border-bottom:1px solid #cecece; line-height:1.4em; }
			.Board .title strong	{ color:#a6a6a6; }
			.Board .title p			{ color:#636363; font-weight:bold; }
			.Board .view	{ width:678px; padding:10px 20px; min-height:230px; font-size:11px; line-height:1.5em; }
			.Board .list		{ float:left; width:678px; border-bottom:1px solid #cecece; }
			.Board .list dt	{ float:left; width:658px; padding:7px 10px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background-color:#f9f9f9; }
			.Board .list dd	 { float:left; width:658px; padding:7px 10px; font-size:11px; line-height:1.4em; }
			.Board .list ul	{ float:left; width:658px; }
			.Board .list ul li	{ float:left; width:658px; padding:5px 0px 3px 0px; line-height:1.4em; font-size:11px; }
			.Board .list ul li .tt	{ float:left; padding:0px 0px 0px 10px; font-size:11px; background:url('../../images/common/bull_02.gif') no-repeat 2px 6px; }
			.Board .list ul li .ss	{ float:right; font-size:11px; }
			.Board .pageNum	{ clear:both; width:718px; padding:10px 0px; text-align:center; }
			.Board .pageNum span	{ padding:3px; }

	#mainWrap .mainCon .con_02	{ float:left; width:586px; height:319px; overflow:hidden; _margin-right:-3px; }
	#mainWrap .mainCon .con_02 li	 { float:left; }
	#mainWrap .mainCon .con_02 li.bLine	{ border-bottom:1px solid #e4e4e4; }

	#Footer	{ clear:both; float:left; border:1px solid #e4e4e4; }

	.dd	{ padding:5px 0px; }

/* Æ˾÷ */
.popStage	{ position:absolute; z-index:100; left:0px; top:0px; display:none; width:100%; }
.popWrap	{ margin:0px auto; width:485px; background-color:#fff; border:1px solid #e4e4e4; overflow:hidden; }
.popWrap .requestBox	{ width:445px; padding:20px; }
.popWrap .requestBox .info_tt	{ font-size:11px; line-height:1.5em; letter-spacing:-1px; padding-bottom:10px; }
.popWrap .requestBox .requestTbl	 { border:5px solid #f5f5f5; }
.popWrap .requestBox .requestTbl	 th, .requestTbl td	{ padding:10px 15px 7px 15px; font-size:11px; letter-spacing:-1px; color:#747474; line-height:1.4em; text-align:left; }
.popWrap .requestBox .requestTbl	 th	 { background-color:#f9f9f9; }
.popWrap .requestBox .requestTbl .project_ca	{ float:left; }
.popWrap .requestBox .requestTbl .project_ca li	{ float:left; width:120px; }

/* Æ÷Æ®Æú¸®¿À */
.port_Y	{ clear:both; float:left; width:718px; height:85px; padding:25px 0px 0px 0px; background:url('../../images/portfolio/d4you.gif') no-repeat right bottom; }
.port_Y ul	{ float:left; width:475px; }
.port_Y ul li		{ float:left; width:90px; height:26px; padding:3px 5px 0px 0px; line-height:1.4em; font-size:12px; font-weight:bold; color:#bbbbbb; text-align:center; background:url('../../images/portfolio/tab_year.gif') no-repeat left top; cursor:pointer; }
.port_Y ul li.on	{ float:left; width:90px; height:26px; padding:3px 5px 0px 0px; line-height:1.4em; font-size:12px; font-weight:bold; color:#ffffff; text-align:center; background:url('../../images/portfolio/tab_year_on.gif') no-repeat left top; }
.portBox	 { clear:both; float:left; width:696px; height:330px; padding:10px; border:1px solid #e8e8e8; overflow:hidden; }
.tabSec	{ display:none; }
.portPage	{ float:left; width:696px; }
.portPage li	{ float:left; padding:0px 1px 10px 0px; cursor:pointer; }
.portListWrap	 { clear:both; float:left; width:700px; padding:10px; background:url('../../images/portfolio/list_bg.gif') no-repeat 10px 10px; }
.project		{ float:left; width:211px; padding-right:21px; }
.project dt	{ height:164px; }
.project dt img	{ display:block; }
.project dd	{ padding-left:10px; line-height:1.5em; color:#838383; font-size:11px; }
.project dd.story	{ height:88px; }
.project dd strong { font-size:15px; font-weight:bold; color:#121212; display:block; padding-bottom:10px; }

.portPopWrap	{ position:absolute; z-index:100; left:0px; top:0px; width:100%; }
.portfolioPop	{ width:570px; margin:50px auto; border:1px solid #e4e4e4; background-color:#fff; }
.portfolioPop .story	{ width:530px; padding:20px; }
.portfolioPop .story .img		{ border:5px solid #f1f1f1; }
.portfolioPop .story .img img	{ display:block; }
.portfolioPop .story ul	{ float:left; width:530px; padding:20px 0px; }
.portfolioPop .story ul li	{ clear:both; float:left; width:530px; font-size:11px; color:#838383; line-height:1.4em; }
.portfolioPop .story ul li .tt		{ float:left; font-size:15px; font-weight:bold; color:#121212; display:block; }
.portfolioPop .story ul li .butn{ float:right; }
.popClose	{ clear:both; background-color:#e8e8e8; text-align:right; }