/**********************************************************
 * ÆÄÀÏ¸í      : base.css
 * ¼³¸í        : »çÀÌÆ® ±âº» css¿Í ÀÌ¿Í °ü·ÃµÈ °øÅëclassµé
 * ÀÛ¼ºÀÚ      : ±èÁ¤¹ü
 * ÀÛ¼ºÀÏ      : 2006.09.13
***********************************************************/
@import "gnb.css";
@import "font.css";
@import "class.css";
@import "bg.css";
@import "ie.css";

/*** |  tag & id  | ***/
*		{padding:0; margin:0;}
body	{text-align:center;}
#wrap	{position:relative;z-index:2;margin:0 auto;padding:105px 0 0 0;text-align:left;width:982px;display:block;}
ul		{list-style:none;}
input	{vertical-align:middle;}
body, div {scrollbar-face-color:#eee;scrollbar-shadow-color:#969696;scrollbar-highlight-color:#969696;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-track-color:#eee;scrollbar-arrow-color:#666;}
/*** |  font  | ***/
body, td, div, h1, h2, h3, h4, select, input, textarea	{font:normal 12px µ¸¿ò;color:#666;}

/*** |  img  | ***/
img {border:0;}
li img {vertical-align: top;}
dt img ,dd img {vertical-align: top;}

/*** |  a  | ***/
a	 {text-decoration:none;color:#666;}
a:hover {text-decoration:underline;color:#666;}
a.nline {text-decoration:none;}
a.nline:hover {text-decoration:none;}
a.uline	 {text-decoration:underline;}
a.uline:hover {text-decoration:underline;}
a.search_w {text-decoration:none;color:#fff;}
a.search_w:hover {text-decoration:none;color:#fff;}
a.cate {text-decoration:none;margin:0 10px 0 0;}
a.cate:hover {text-decoration:underline;color:#3BC7BF;}
a.under {text-decoration:underline;}
a.under:hover {text-decoration:underline;}
a.org {text-decoration:none;}
a.org:hover {text-decoration:underline;color:#F5550D;}
a.org2 {text-decoration:none;color:#F5550D;}
a.org2:hover {text-decoration:underline;color:#F5550D;}
a.gr {text-decoration:none;color:#04AEB6;}
a.gr:hover {text-decoration:underline;color:#04AEB6;}
a.rollover img.over {display:none;} 
a.rollover:hover {border:0;text-decoration:none;color:#04AEB6;}
a.rollover:hover img {display:none;}
a.rollover:hover img.over {display:inline;} 

/*** |  layout  | ***/
#lay_top {width:920px;float:left;}
#lay_body {width:920px;float:left;}
#lay_left {width:176px;min-height:10px;float:left;}
#lay_right {width:734px;float:left;margin-left:10px;display:inline;}

#lay_cateHead	{width:982px;float:left;padding-top:30px;margin-top:-30px;}
	#lay_cateHead .left {float:left;width:176px;margin:6px 0 13px;}
	#lay_cateHead .right {float:left;margin:3px 0 2px 10px;}

#cate_left {width:176px;}
#cate_body {width:734px;text-align:left;}

#lay_consult	{width:744px;float:left;}

/*** | location bar | ***/
#currentPosition, #currentPosition .select {color:#7F7F7F;}
#currentPosition {position:relative;z-index:3;float:left;width:740px;height:35px;top:7px;}
	#currentPosition li {float:left; text-align:left;}
	#currentPosition .text {padding:3px 2px 0 7px;color:#000;}
	#currentPosition .text a {color:#000;}
	#currentPosition .text a:hover {color:#F5550D;}
	#currentPosition .select {width:150px;height:13px;padding:4px 3px 2px;margin-left:5px;border:1px solid #D2D2D2;background:#fff url('http://image.gsshop.com/mi06/common/select_arrow1.gif') no-repeat 98% 50%;}
#currentPosition_sub, #currentPosition_big, #currentPosition_middle, #currentPosition_small, #currentPosition_detail {position:absolute;width:150px;height:80px;overflow-Y:auto;background:#fff;border:1px solid #D2D2D2;border-top:0px;margin-left:5px;padding:2px 3px 0;display:none;}
	#currentPosition_sub a, #currentPosition_big a,	#currentPosition_middle a, #currentPosition_small a, #currentPosition_detail a {display:block;width:100%;height:12px;font-size:90%;margin-top:2px;padding-top:2px;background:#fff;}	
	#currentPosition_sub a:hover, #currentPosition_big a:hover,	#currentPosition_middle a:hover, #currentPosition_small a:hover, #currentPosition_detail a:hover {text-decoration:none;color:#F4540D;background:#eee;}
	#currentPosition_sub .on a, #currentPosition_big .on a, #currentPosition_middle .on a, #currentPosition_small .on a, #currentPosition_detail .on a {color:#04AEB6;font-weight:bold;font-size:90%;height:14px;margin-top:2px;padding-top:2px;}
	#currentPosition_sub li, #currentPosition_big li, #currentPosition_middle li, #currentPosition_small li, #currentPosition_detail li {float:none;height:16px;}

/*** | ·£µù¿ë | ***/
#currentPosition_landing {position:absolute;top:20px;width: 338px;background:#fff;border:1px solid #D2D2D2;margin-left:5px;padding:5px 10px;display:none;}
	#currentPosition_landing li {width:159px;}
	#currentPosition_landing .title {background:url('http://image.gsshop.com/mi06/common/icon_arrow.gif') no-repeat 0 7px;padding:3px 0 0 9px;height:18px;color:#727272;}
	#currentPosition_landing .on a {color:#04AEB6;font-weight:bold;}
	#currentPosition_landing .subTitle {background:#F2F2F2;width:136px;padding:8px 13px 4px;margin-bottom:5px;}
	#currentPosition_landing .subTitle .title {font-size:90%;background:url('http://image.gsshop.com/mi06/common/icon_dot.gif') no-repeat 0 5px;padding:1px 0 0 7px;height:20px;}
	#currentPosition_landing a {color:#727272;}
	#currentPosition_landing .subTitle a:hover {color:#F5550D;}

/*** | Å×¸¶¿ë | ***/
#currentPosition_theme {position:absolute;top:20px;width: 514px;background:#fff;border:1px solid #D2D2D2;margin-left:5px;padding:5px 10px;display:none;}
	#currentPosition_theme li {width:159px;}
	#currentPosition_theme .title {background:url('http://image.gsshop.com/mi06/common/icon_arrow.gif') no-repeat 0 6px;padding:3px 0 0 9px;height:18px;color:#727272;}
	#currentPosition_theme .on a {color:#04AEB6;font-weight:bold;}
	#currentPosition_theme .subTitle {background:#F2F2F2;width:136px;padding:8px 13px 4px;margin-bottom:5px;}
	#currentPosition_theme .subTitle div {font-size:90%;background:url('http://image.gsshop.com/mi06/common/icon_dot.gif') no-repeat 0 5px;padding:1px 0 0 7px;height:20px;}
	#currentPosition_theme .subTitle .empty {background:transparent;}
	#currentPosition_theme a {color:#727272;}
	#currentPosition_theme .subTitle a:hover {color:#F5550D;}

#lay_cateHead .selectCate	{position:relative;cursor:pointer;background:#fff url('http://image.gsshop.com/mi06/common/select_arrow5.gif') no-repeat right;border:1px solid #C0C0C0;height:12px;width:150px;padding:4px 0 2px 0;text-align:left;}
#lay_cateHead .selectCateSub	{position:absolute;background:#fff;border:1px solid #C0C0C0;top:18px;left:-1px;display:none;padding:3px 0;}
	#lay_cateHead .selectCateSub li {width:150px;height:15px;margin:0;}
	
#planPosition {position:relative;z-index:3;float:left;width:920px;height:30px;background:#404040;}
	#planPosition li {float:left;}
	#planPosition .text {width:540px;font-weight:bold;color:#d9d9d9;font-size:90%;padding:7px 0 0 8px;}
	#planPosition .text span {color:#fff;}
	#planPosition .select {width:350px;height:15px;padding:3px 3px 2px;margin:4px 0 0 5px;border:1px solid #D2D2D2;background:#fff url('http://image.gsshop.com/mi06/common/select_arrow1.gif') no-repeat 99% 50%;}

#planPosition_sub {position:absolute;width:350px;height:80px;overflow-Y:auto;background:#fff;border:1px solid #D2D2D2;border-top:0px;margin-left:5px;padding:5px 3px 0;display:none;}
	#planPosition_sub a {display:block;width:100%;height:15px;font-size:90%;margin-top:2px;}
	#planPosition_sub a:hover {color:#F4540D;}
	#planPosition_sub a.on {color:#04AEB6;font-weight:bold;}
	#planPosition_sub li {float:none;height:15px;}

/*** | footer | ***/
#footer {clear:both;position:relative;width:100%;height:244px;text-align:center;z-index:1;}
	#footer .footer {position:relative;z-index:2;width:982px;height:244px;margin:0 auto;text-align:left;}
	#footer .footerLeft {position:absolute;z-index:1;left:0;top:0;width:50%;height:244px;}
	#footer .footerMain {padding-top:105px;}

/*** | ¸Þ¸ðÀå | ***/
#myMemo {position:absolute;z-index:15;width:400px;height:265px;}
#myMemoInner {position:relative;width:400px;height:265px;background:#F3F3F3;border:2px solid #3ACAC2;text-align:left;}
#myMemo .myMemoLt {position:absolute;float:left;left:-2px;top:-2px;width:3px;}
#myMemo .myMemoLb {position:absolute;float:left;left:-1px;bottom:-1px;width:3px;}
* html #myMemo .myMemoLb {left:-2px;bottom:-3px;}
#myMemo .myMemoRt {position:absolute;float:left;right:-2px;top:-2px;width:22px;}
#myMemo .myMemoRb {position:absolute;float:left;right:-1px;bottom:-1px;width:22px;}
* html #myMemo .myMemoRb {right:-2px;bottom:-3px;}
#myMemo .title {position:relative;height:25px;padding:13px 0 0 12px;color:#12AEA5;font-weight:bold;}
#myMemo .title span {position:absolute;right:10px;top:13px;}
#myMemo textarea {width:396px;height:200px;}

/*** | Ä®·¯º¯°æ | ***/
.myBgColor {position:absolute;z-index:10;width:232px;height:201px;}
.myBgInner {position:relative;width:232px;height:201px;background:#F3F3F3;border:2px solid #3ACAC2;text-align:left;}
.myBgColor .mySkinLt {position:absolute;left:-2px;top:-2px;width:3px;height:3px;float:left;}
.myBgColor .mySkinLb {position:absolute;left:-1px;bottom:-1px;width:3px;height:3px;float:left;}
* html .myBgColor .mySkinLb {left:-2px;bottom:-3px;}
.myBgColor .mySkinRt {position:absolute;right:-2px;top:-2px;width:3px;height:3px;float:left;}
.myBgColor .mySkinRb {position:absolute;right:-1px;bottom:-1px;width:3px;height:3px;float:left;}
* html .myBgColor .mySkinRb {right:-2px;bottom:-3px;}
.myBgColor .title {position:relative;height:25px;padding:13px 0 0 12px;color:#12AEA5;font-weight:bold;}
.myBgColor .title span {position:absolute;right:10px;top:13px;}
.myBgColor .colorInner {width:228px;height:159px;background:#fff;text-align:center;margin-left:1px;border:1px solid #E3E3E3;}

