@charset "utf-8";
/* CSS Document */
body { background-image:url(../images/pattern_bg.gif);}

#middle_wrap { position:relative; clear:both; min-width:980px; padding-top:15px;} /* padding-top:40px;->20px; -> 15px; */
#middle { position:relative; clear:both; width:980px; margin:0 auto; display:block;}
#m_left { position:relative; float:left; width:385px;}
#m_center { position:relative; float:left; width:297px;}
#m_center ul { float:left; margin:0; padding:0;}
#m_center ul li { float:left; margin:0; padding:0;}
#m_center img { float:left; margin:0; padding:0;}
#m_right { position:relative; float:left; width:298px; height:478px; background-image:url(../images/m_r_bg.gif); }
#m_right .extxt{ position:relative; float:left; width:298px; height:33px; color:#fff; font-size:12px; padding:17px 0 0 15px;}

#m_right .aukr {position:relative; clear:both; float:left; padding-left:30px; }
#m_right .aukr .tit { padding-top:20px; }
#m_right .aukr .ex_bg { background-image:url(../images/ex_bg.gif); width:238px; height:70px; flot:left;   }
#m_right .aukr .ex_bg .txt { color:#ffe613; font-family: Helvetica, Arial, sans-serif; font-size:46px; font-weight:bold; display:block; margin-top:10px; padding:8px 0 0 80px;} /* color:#fff-> #ffe613; font-size:38px;->46px; padding:14px 0 0 80px;->8px;*/
#m_right .aukr .ex_bg .error { color:#f7515d; } /* --added */

#m_right .aukr .exarea { margin-top:6px;}
#m_right .ex_btn { position:absolute; top:128px; right:0px; width:72px; height:64px; } /* top:132px; -> 128px; */
#m_right .exarea input { width:110px; height:19px; color:#136fc8; padding:5px; font-size:14px; margin-top:4px; font-family: Helvetica, Arial, sans-serif; font-weight:bold;}

#m_right .krau {position:relative; clear:both; float:left; padding-left:30px; margin-top:15px; }
#m_right .krau .tit { padding-top:20px; }
#m_right .krau .ex_bg { background-image:url(../images/ex_bg.gif); width:238px; height:70px; }
#m_right .krau .ex_bg .txt { color:#ffe613; font-family: Helvetica, Arial, sans-serif; font-size:46px; font-weight:bold; display:block; margin-top:10px; padding:8px 0 0 80px;} /* color:#fff-> #ffe613; font-size:38px;->42px; padding:14px 0 0 80px;->8px;*/
#m_right .krau .ex_bg .error { color:#f7515d; } /* --added */

#m_right .krau .exarea { margin-top:10px; }
#m_right .ex_btn2 { position:absolute; top:132px; right:0px; width:72px; height:64px; } /* top:136px; -> 132px; */

#bottom_wrap { position:relative; clear:both; min-width:980px;padding-top:15px;} /* padding-top:40px;->20px;->15px; */
#bottom { position:relative; clear:both; width:980px; margin:0 auto; display:block;}

#b_left { position:relative; float:left; width:325px; height:115px; background-color:#f4f4f4; padding:22px 30px 0 30px;}
#b_left h2 { position:absolute; top:22px; left:30px;}
#b_left .more {position:absolute; top:22px; right:30px;}
#b_left ul {position:absolute; top:52px; left:30px; line-height:22px; font-size:11px;}
#b_left .notice {float:left; width:260px; color:#555555;  } /* width:250px; => 260px; */
#b_left .date {float:left; width:75px; color:#777777; text-align:right;}

#b_center { position:relative; float:left; width:297px; height:115px; }
#b_right { position:relative; float:left; width:238px; height:115px; background-color:#f4f4f4; padding:22px 30px 0 30px }
#b_right h3 { position:absolute; top:22px; left:30px;}
#b_right .facebook { position:absolute; top:22px; left:120px;}
#b_right .google { position:absolute; top:22px; left:150px;}
#b_right .kakao { position:absolute; top:22px; left:180px;}
#b_right .more { position:absolute; top:22px; right:30px;}
#b_right ul {position:absolute; top:54px; left:30px; line-height:16px; font-size:12px; font-family:Helvetica, Arial, sans-serif; font-weight:bold;}
#b_right .left {float:left; width:60px; color:#777; clear:both;  }
#b_right .right {float:left; width:200px; color:#555; }


#footer{ position:relative; display:block; clear:both; margin:0px auto; width:980px; text-align:center; padding:27px 0 27px 0; color:#3894d0; font-size:11px; font-weight:bold;}

.clear {clear:both;}