@charset "euc-kr";

/************************************************************************
 * ÆÄÀÏ¸í      : base.css
 * ¼³¸í        : 
 * ÀÛ¼ºÀÚ      : vi-nyl
 * ÀÛ¼ºÀÏ      : 
************************************************************************/
*			{margin:0; padding:0;}
body		{font-size:12px; font-family:Arial, ±¼¸²; color:#808080;}

img			{border:0; vertical-align:top;}
ol,ul,li	{list-style:none; vertical-align:top;}
li img		{vertical-align:top;}

h1	{display:none} 
h2, h2, h3, h4	{font:bold 12px µ¸¿ò}

a:link		{text-decoration:none; color:#808080}
a:visited	{text-decoration:none; color:#808080}
a:hover		{text-decoration:underline; color:#808080}
a:active	{text-decoration:none; color:#808080}

/* form */
form		{margin:0; padding:0;}
input		{border:1px solid #; vertical-align:middle}
input.chk	{width:12px; height:12px; border:0; background:transparent}

textarea	{}
select		{vertical-align:middle}

table		{border-collapse:collapse; border-spacing:0;}

/* rollover */
a.rollover img				{display:inline;}
a.rollover img.over			{display:none;} 
a.rollover img.on			{display:none;} 
a.rollover:hover			{border:0; cursor:pointer}
a.rollover:hover img		{display:none;}
a.rollover:hover img.over	{display:inline;}
a.rollover:hover img.on		{display:none;}

/* font */
.t_small	{font:normal 11px µ¸¿ò;}
.t_gray		{color:#B3B3B3}
.t_bold		{font-weight:bold; color:#666666}

/* letter-spacing */
.lspM	{letter-spacing:-0.05em}

/* Á¤·Ä */
.fl_left	{float:left}
.fl_right	{float:right}
.fl_clear	{clear:both; overflow:auto; overflow:hidden; width:100%;}

.al_left	{text-align:left}
.al_center	{text-align:center}
.al_right	{text-align:right}
.al_top		{vertical-align:top;}
.al_middle	{vertical-align: middle}

.hand		{cursor:pointer}
.overflow	{overflow:auto; overflow:hidden}

/* png */
.png24 {tmp:expression(setPng24(this));}

/* margin * padding */
.mt5	{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}

.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}

.ml5	{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}

.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}

.pt5	{padding-top:5px;}
.pt10	{padding-top:10px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}

.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}

.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl20	{padding-left:20px;}

.pr5	{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}

/* layout */
html, body	{width:100%; height:100%;}
#wrap	{ 
	position:relative; width:100%; height:100%; min-width:1000px; min-height:600px;
	_width:expression(document.documentElement.clientWidth < 1000? "1000px": "auto" );
}
#wrapCon	{ 
	width:100%; height:100%; min-height:600px;
	_height:expression(document.documentElement.clientHeight < 600? "600px": "auto" );
}
#logo	{position:absolute; left:20px; top:20px}
#grList	{position:absolute; right:20px; top:19px}
#grList	ul	{}
#grList	ul	li	{float:left; margin-left:12px;}
#copyright	{position:absolute; right:20px; bottom:19px; font-size:0;}

#mainFlash	{position:relative; width:760px; margin:0 auto 90px; padding-top:40px;}
#subFlash	{position:absolute; left:0px; top:120px; z-index:5;}
#gnbFlash	{position:absolute; right:20px; top:50px; z-index:10}

#contentBody	{position:absolute; right:20px; top:131px; width:565px; line-height:1.6em; z-index:10;}
#contentBody	h2		{margin-bottom:26px; line-height:0} :root #contentBody	h2	{margin-bottom:28px;}
#contentBody	h2.alt	{margin-top:10px;}

/*.contentArea	{position:relative; width:565px; height:340px; overflow:auto; overflow:hidden;}*/
.contentArea	{position:relative; width:565px; height:400px; overflow:auto; overflow:hidden;}
.contentArea	.contents	{}
.contentArea	.contents	p		{width:545px; margin-bottom:12px;}
.contentArea	.contents	p.alt	{width:545px; margin-bottom:23px;}
.contentArea	.contents	p.h4	{font-size:0; line-height:0; margin-bottom:7px; height:11px;}
.contentArea	.btnRB	{position:absolute; right:0; bottom:10px;}

.subLine	{border-top:1px solid #E5E5E5; padding-top:16px;}
.subLine	.titleWrap	{width:565px; margin-bottom:6px; overflow:auto; overflow:hidden}
.subLine	.titleWrap	h3	{float:left; margin-top:0px; line-height:0; font-size:0}
.subLine	.titleWrap	.btnA	{float:left; margin-left:20px;}

.tab	{width:566px; margin:19px 0 25px; background:url('/images/bg_tab.gif') repeat-x 0 0; overflow:auto; overflow:hidden;}
.tab	li	{float:left; margin-right:1px;}
.tab	li		img	{display:inline;}
.tab	li		img.over	{display:none}
.tab	li.on	img	{display:none}
.tab	li.on	.over	{display:inline}

.list	{width:566px; margin:0 0 0 10px; overflow:auto; overflow:hidden;}
.list	li	{position:relative; float:left; width:262px; margin:0 20px 20px 0; overflow:auto; overflow:hidden;}
.list	li	.t_photo	{float:left; width:60px; display:inline}
.list	li	.t_profile	{float:right; width:189px; margin-top:5px;}
.list	li	.t_profile	h4	{font-size:0;}
.list	li	.btnA	{position:absolute; right:0; top:0; z-index:10}
.list	li	ul	{width:189px; margin-top:10px;}
.list	li	ul	li	{width:189px; margin:0; font:normal 11px µ¸¿ò; line-height:1.3em; display:inline}

#tabCon_2	.list	li	{border-bottom:1px solid #F2F2F2; margin:0 20px 10px 0; padding-bottom:7px; width:262px;}
#tabCon_2	.list	li	.t_profile	{float:none; width:262px; margin-top:5px}

.portfolioList	{width:570px; margin:3px 0 0 1px;}
.portfolioList	li	{float:left; width:265px; height:120px; margin:0 20px 30px 0;}
.portfolioList	li	dl	dt	{height:19px; vertical-align:top}
.portfolioList	li	dl	dt	img	{vertical-align:top}
.portfolioList	li	dl	dd	img	{margin-top:0px}

/*20100318¼öÁ¤ Start*/
.portfolioList2	{width:570px; margin:3px 0 0 1px;}
.portfolioList2	li	{float:left; width:265px; height:120px; margin:0 20px 5px 0;}
.portfolioList2	li	dl	dt	{height:19px; vertical-align:top}
.portfolioList2	li	dl	dt	img	{vertical-align:top}
.portfolioList2	li	dl	dd	img	{margin-top:0px}
/*20100318¼öÁ¤ End*/


.laypop	{position:absolute; right:16px; top:184px; width:573px; line-height:1.6em; z-index:15; display:none}
.laypop	.btn_popClose	{position:absolute; right:23px; top:25px;}
.laypop	h3	{font-size:0; margin-bottom:25px;}
.laypop	.profile_title	{line-height:1.7em; margin-bottom:13px;}
.laypop	.profile_desc	{font:normal 11px µ¸¿ò; line-height:1.5em;}
.laypop	.profile_desc	p	{margin-bottom:8px;}
.laypop	.portfolio	{width:505px; overflow:auto; overflow:hidden}
.laypop	.portfolio	.t_small	{line-height:1.5em;}
.laypop	.portfolio	.btnR	{text-align:right; margin:18px 3px 0 0;}

.laypop	.pageArea	{position:relative; height:195px;}
.laypop	.pageArea	.btnRB	{position:absolute; right:0; bottom:0;}

#laypopBg	{z-index:20}
#laypopCon	{position:absolute; left:35px; top:34px; width:500px; z-index:20}

/*20100318¼öÁ¤ Start*/
.laypop2	{position:absolute; right:16px; top:294px; width:573px; line-height:1.6em; z-index:15; display:none}
.laypop2	.btn_popClose	{position:absolute; right:23px; top:25px;}
.laypop2	h3	{font-size:0; margin-bottom:25px;}
.laypop2	.profile_title	{line-height:1.7em; margin-bottom:13px;}
.laypop2	.profile_desc	{font:normal 11px µ¸¿ò; line-height:1.5em;}
.laypop2	.profile_desc	p	{margin-bottom:8px;}
.laypop2	.portfolio	{width:505px; overflow:auto; overflow:hidden}
.laypop2	.portfolio	.t_small	{line-height:1.5em;}
.laypop2	.portfolio	.btnR	{text-align:right; margin:18px 3px 0 0;}

.laypop2	.pageArea	{position:relative; height:195px;}
.laypop2	.pageArea	.btnRB	{position:absolute; right:0; bottom:0;}
/*20100318¼öÁ¤ End*/

.contactUs	{position:relative; width:565px;}
.contactUsdetail	{position:absolute; left:0; top:0; z-index:20}
.contactUsdetail	p	span	{display:block; float:left; width:23px;}
.mapImg				{position:absolute; right:0; top:0; z-index:15}

.kgfDetail	{width:545px; margin-top:35px; overflow:auto; overflow:hidden;}
.kgfDetail	.imgA	{float:left; width:60px; padding:0 18px 0 0;}
.kgfDetail	.txtA	{float:left; width:465px}

#tabCon_1, #tabCon_2	{position:absolute; top:70px;}