@import url(reset.css);   /* ¸®¼Â½ºÅ¸ÀÏ */
@import url(common.css);  /* °øÅ뽺ŸÀÏ */

/* ------------------------- ¸ÞÀÎ Çì´õ ¿µ¿ª ---------------------------- -*/
/* ------------------------------------------------------------------------ */
  header { height:95px; }

/* ------------------------- ¸ÞÀÎ ±×¸² ¿µ¿ª ---------------------------- */
/* ------------------------------------------------------------------------ */
  #mainSpot { position:relative; width:100%; height:402px; text-align:center }
  #mainSpot ul li { overflow:hidden; position:absolute; top:0; left:0; z-index:800; width:100%; height:402px; text-align:center }
  #mainSpot ul li.img_01 { background:url(../images/main/img_main_spot6.jpg) no-repeat center center; }
  #mainSpot ul li.img_02 { background:#f1f1f3 url(../images/main/img_main_spot7.jpg) no-repeat center center; }
  #mainSpot ul li.img_03 { background:url(../images/main/img_main_spot8.jpg) no-repeat center center; }  

/* ------------------------- ¾ÆƼŬ ¿µ¿ª ------------------------------- */
/* ------------------------------------------------------------------------ */
  article { width:940px; height:242px; padding-bottom:80px; }
  
/* ------------------------- Summary ¿µ¿ª ------------------------------- */
/* ------------------------------------------------------------------------ */
  #summaries { width:940px; height:51px; border-bottom:1px solid #e4e4e4; }
  .sum1 { float:left; width:82px; height:51px; 
  font-family:NanumGothic; font-size:0.8em; font-weight:bold; letter-spacing:-2px;}
  .sum1 a.nnews{ float:left; padding-top:15px; color:#9a9a9a; text-decoration:none; }
  .sum1 a.nnews:hover{ color:#797979; text-decoration:none; }
  .sum1 a.icons_1{ display:inline-block; margin:19px 0 0 6px; width:10px; height:10px; 
  background:url(../images/common/spr_ico2.png) no-repeat -22px -260px; }
  .sum2 { float:left; position:relative; width:440px; margin-left:18px; }  
  .sum2 .list{ overflow:hidden; float:left; position:relative; width:400px; height:16px; margin-top:15px; line-height:16px; }
  .sum2 .list li{ *display:inline-block; position:relative; vertical-align:top; }
  .sum2 .list a { display:inline-block; overflow:hidden; width:315px; font-size:0.75em; color:#7f7f7f; white-space:nowrap; text-overflow:ellipsis; }
  .sum2 .list a strong{ font-weight:normal;color:#000; }
  .sum2 .list a:hover, .sum2 .list a:focus, .sum2 .list a:active, .sum2 .list a:hover strong, .sum2 .list a:focus strong, .sum2 .list a:active strong{ color:#57c333; }
  .sum2 .list .date{ position:absolute ;top:0 ;right:0; font-family:verdana,tahoma; font-size:10px; color:#999; }
  .sum2 .rolling{ overflow:hidden ;width:36px; height:19px; }
  .sum2 .rolling .btn_prei, .sum2 .rolling .btn_nxti{ display:block; float:left; width:18px; height:19px; background:url(../images/main/btn_rolling2.png) no-repeat 1px 1px; }
  .sum2 .rolling .btn_nxti{ float:right; background-position:-26px 1px; }
  .sum2 .rolling a.btn_prei{ background-position:1px -26px; }
  .sum2 .rolling a.btn_nxti{ background-position:-26px -26px; }
  .sum2 .rolling{ float:left;padding:14px 0 0 5px; }
  .sum2 .rolling{ position:absolute; top:0; right:0; z-index:20; }
  .sum3_1 { float:left; margin-left:35px; width:130px; height:51px;}
  .stock { float:left; padding:16px 0 0 2px;  
  font-family:NanumGothic; font-size:0.8em; font-weight:bold; color:#9a9a9a;  letter-spacing:-2px; }
  .stock_num1 { float:left; padding:17px 0 0 16px;  
   font-family:NanumGothicExtraBold; font-size:0.95em; color:#4E4E4E; font-weight:bold;  }
  .sum3_2 { float:left; margin:0 0 0 15px; width:100px; height:51px;}
  .sum3_2 ul{ margin-top:12px }
  .sum3_2 li{ display:inline; }
  .stock_num2{ padding:0 0 0 11px; background:url(../images/common/spr_ico2.png) no-repeat -25px -126px;
    font-size:0.615em; color:red; letter-spacing:1px;}
  .stock_num3{ margin:-2px 0 0 0; font-size:0.6em; color:#797979; letter-spacing:1px; }
  .sum4 { float:left; width:110px; height:39px; margin:12px 0 0 7px; }
  .sum4 li{display:inline; color:#797979;}
  .sum4 li.firstSum{ padding:0 0 0 8px; background:url(../images/main/bu_line_short.gif) no-repeat 0 0; font-size:0.675em;}
  .sum4 li.secondSum{ padding:0 0 0 6px; background:url(../images/main/bu_dot_small.gif) no-repeat 0 4px; letter-spacing:1px; font-size:0.615em; }
 
/* ------------------------- Shortcut ¿µ¿ª ------------------------------- */
/* ---------------------------------------------------------------------------- */
  #shortcuts { float:left; width:580px; height:162px; }
  
/* shortcuts 1 ¿µ¿ª */
  #short11, #short12 { float:left; width:580px; height:160px;
  font-family:NanumGothic; font-size:0.8em; font-weight:bold;}
/* shortcuts 1-ù¹ø°¸µÅ©±×¸² */
  #short11 .short_11 { float:left; position:relative; margin-right:25px; background:url(../images/main/short1.gif) no-repeat;
   width:160px; height:160px; border-bottom:#333333 2px solid ;}
  #short11 .short_11 a { color:#4b4b4b; text-decoration:none;  }
  #short11 .short_11 a:hover { float:left; margin-right:24px; width:160px; height:160px; background:url(../images/main/short1.gif) no-repeat;
   border-bottom: 2px solid #42c218; color:#42c218; text-decoration:none; }
  #short11 .short_11 a:hover p.icon1 {float:left; position:absolute; top:24px; left:84px; width:12px; height:12px;
  background:url(../images/common/btn_rolling2.png) no-repeat -30px -30px; }
  #short11 .short_11 p.word1{ float:left;  padding-top:21px; width:160px; height:139px; letter-spacing:-1px;}
  #short11 .short_11 p.icon1 { float:left; position:absolute; top:24px; left:84px; width:12px; height:12px;
  background:url(../images/common/btn_rolling2.png) no-repeat -30px -3px;} 
  
/* shortcuts 1-µÎ¹ø°¸µÅ©±×¸² */
  #short11 .short_12 { float:left; position:relative; margin-right:25px; background:url(../images/main/short2.gif) no-repeat;
   width:160px; height:160px; border-bottom:#333333 2px solid ; letter-spacing:-2px;}
  #short11 .short_12 a { color:#4b4b4b; text-decoration:none; }
  #short11 .short_12 a:hover { float:left; margin-right:24px; width:160px; height:160px; 
  background:url(../images/main/short2.gif) no-repeat; border-bottom: 2px solid #42c218; color:#42c218; text-decoration:none; }
  #short11 .short_12 a:hover p.icon2 {float:left; position:absolute; top:24px; left:84px; width:12px; height:12px;
  background:url(../images/common/btn_rolling2.png) no-repeat -30px -30px; }
  #short11 .short_12 p.word2{ float:left;  padding-top:21px; width:160px; height:139px; letter-spacing:-1px;}
  #short11 .short_12 p.icon2 { float:left; position:absolute; top:24px; left:84px; width:12px; height:12px;
  background:url(../images/common/btn_rolling2.png) no-repeat -30px -3px;}
  
/* shortcuts 1-¼¼¹ø°¸µÅ©±×¸² */
  #short11 .short_13 { float:left; position:relative; background:url(../images/main/short3.gif) no-repeat;
  width:160px; height:160px; border-bottom:#333333 2px solid ; letter-spacing:-2px; }
  #short11 .short_13 a { color:#4b4b4b; text-decoration:none; }
  #short11 .short_13 a:hover { float:left; margin-right:24px; width:160px; height:160px; 
  background:url(../images/main/short3.gif) no-repeat; border-bottom: 2px solid #42c218; color:#42c218; text-decoration:none; }
  #short11 .short_13 a:hover p.icon3 {float:left; position:absolute; top:24px; left:99px; width:12px; height:12px;
  background:url(../images/common/btn_rolling2.png) no-repeat -30px -30px; }
  #short11 .short_13 p.word3{ float:left;  padding-top:21px; width:160px; height:139px; letter-spacing:-1px;}
  #short11 .short_13 p.icon3 { float:left; position:absolute; top:24px; left:99px; width:12px; height:12px;
  background:url(../images/common/btn_rolling2.png) no-repeat -30px -3px;}

/* shortcuts 1-³×¹ø°¸µÅ©±×¸² */
  #short12 .short_14 { float:left; position:relative; margin-right:25px; background:url(../images/main/short4.gif) no-repeat;
  width:160px; height:160px; border-bottom:#333333 2px solid ; letter-spacing:-2px; }
  #short12 .short_14 a { color:#4b4b4b; text-decoration:none; }
  #short12 .short_14 a:hover { float:left; margin-right:24px; width:160px; height:160px; 
  background:url(../images/main/short4.gif) no-repeat; border-bottom: 2px solid #42c218; color:#42c218; text-decoration:none; }
  #short12 .short_14 a:hover p.icon4 {float:left; position:absolute; top:24px; left:96px; width:12px; height:12px;
  background:url(../images/common/btn_rolling2.png) no-repeat -30px -30px; }
  #short12 .short_14 p.word4{ float:left;  padding-top:21px; width:160px; height:139px; letter-spacing:-1px;}
  #short12 .short_14 p.icon4 { float:left; position:absolute; top:24px; left:96px; width:12px; height:12px;
  background:url(../images/common/btn_rolling2.png) no-repeat -30px -3px;}
  
 /* shortcuts 1-´Ù¼¸¹ø°¸µÅ©±×¸² */
  #short12 .short_15 { float:left; position:relative; margin-right:25px; background:url(../images/main/short5.gif) no-repeat;
  width:160px; height:160px; border-bottom:#333333 2px solid ; letter-spacing:-2px; }
  #short12 .short_15 a { color:#4b4b4b; text-decoration:none; }
  #short12 .short_15 a:hover { float:left; margin-right:24px; width:160px; height:160px; 
  background:url(../images/main/short5.gif) no-repeat; border-bottom: 2px solid #42c218; color:#42c218; text-decoration:none; }
  #short12 .short_15 a:hover p.icon5 {float:left; position:absolute; top:24px; left:104px; width:12px; height:12px;
  background:url(../images/common/btn_rolling2.png) no-repeat -30px -30px; }
  #short12 .short_15 p.word5{ float:left;  padding-top:21px; width:160px; height:139px; letter-spacing:-1px;}
  #short12 .short_15 p.icon5 { float:left; position:absolute; top:24px; left:104px; width:12px; height:12px;
  background:url(../images/common/btn_rolling2.png) no-repeat -30px -3px;}
  
 /* shortcuts 1-¿©¼¸¹ø°¸µÅ©±×¸² */
  #short12 .short_16 { float:left; position:relative; background:url(../images/main/short6.gif) no-repeat;
  width:160px; height:160px; border-bottom:#333333 2px solid ; letter-spacing:-2px; }
  #short12 .short_16 a { color:#4b4b4b; text-decoration:none; }
  #short12 .short_16 a:hover { float:left; margin-right:24px; width:160px; height:160px; 
  background:url(../images/main/short6.gif) no-repeat; border-bottom: 2px solid #42c218; color:#42c218; text-decoration:none; }
  #short12 .short_16 a:hover p.icon6 {float:left; position:absolute; top:24px; left:44px; width:12px; height:12px;
  background:url(../images/common/btn_rolling2.png) no-repeat -30px -30px; }
  #short12 .short_16 p.word6{ float:left;  padding-top:21px; width:160px; height:139px; letter-spacing:-1px;}
  #short12 .short_16 p.icon6 { float:left; position:absolute; top:24px; left:44px; width:12px; height:12px;
  background:url(../images/common/btn_rolling2.png) no-repeat -30px -3px;}
  
/* shortcuts 2 ¿µ¿ª */
  #shortcuts2 { float:right; width:360px; height:144px;
  font-family:NanumGothic; font-size:0.675em; font-weight:bold; letter-spacing:-1px;}
  
  /* shortcuts 2-ù¹ø°¸µÅ©±×¸² */
  #shortcuts2 .short_21 { width:360px; height:96px; background:url(../images/main/short21.gif) no-repeat; border-bottom:#bbb 1px solid ;}
  #shortcuts2 .short_21 p{ width:360px; height:96px; }
  
  /* shortcuts 2-µÎ¹ø°¸µÅ©±×¸² */
  #shortcuts2 .short_22 { float:left; width:180px; height:63px; background:url(../images/main/short22.gif) no-repeat;
  border-bottom:#333333 2px solid ;}
  #shortcuts2 .short_22 a { color:#4b4b4b; text-decoration:none; }
  #shortcuts2 .short_22 a:hover { float:left; width:180px; height:63px; 
   background:url(../images/main/short22.gif) no-repeat; border-bottom: 2px solid #42c218; color:#42c218; text-decoration:none; }
  #shortcuts2 .short_22 p.word4{ float:left; padding-top:17px; padding-left:2px; width:178px; height:47px;}

  /* shortcuts 2-¼¼¹ø°¸µÅ©±×¸² */
  #shortcuts2 .short_23 { float:left; width:180px; height:63px; background:url(../images/main/short23.gif) no-repeat; 
  border-bottom:#333333 2px solid ;}
  #shortcuts2 .short_23 a { color:#4b4b4b; text-decoration:none; }
  #shortcuts2 .short_23 a:hover { float:left; width:180px; height:63px; 
  background:url(../images/main/short23.gif) no-repeat; border-bottom: 2px solid #42c218; color:#42c218; text-decoration:none; }
  #shortcuts2 .short_23 p.word5{ float:left;  padding-top:17px; padding-left:21px; width:159px; height:30px;}

/* ------------------------- Sns ¿µ¿ª ------------------------------- */
/* ---------------------------------------------------------------------------- */
  #sns { position:relative; width:940px; height:32px; }
  #sns .sns1 { float:left; width:528px; height:32px; }
  #sns .sns1_01 { position:absolute; top:16px; left:500px; width:12px; height:13px; 
  background:url(../images/common/btn_rolling2.png) no-repeat -2px -29px; }
  #sns .sns1_02 { position:absolute; top:16px; left:519px; width:12px; height:13px; 
  background:url(../images/common/btn_rolling2.png) no-repeat -30px -29px; }
  #sns .sns_twitter { float:right; position:relative; width:412px; height:32px; }
  #sns .sns_twitter p { float:left; position:absolute; top:16px; left:189px; 
  color:#9a9a9a; font-family:NanumGothic; font-size:0.675em; } 
  #sns .sns_twitter a { float:left; position:absolute; top:8px; left:388px; width:22px; height:25px;
   background:url(../images/common/spr2.png) no-repeat 0 -794px; }
  #sns .sns_twitter a:hover { float:left; width:22px; height:25px; 
  background:url(../images/common/spr2.png) no-repeat -27px -794px; }