@charset "utf-8";

/* import */
@import url('default.css'); /* reset */
@import url('common.css'); /* common */
@import url('layout.css'); /* layout */
@import url('colorset.css'); /* site colorset */

/* ------------------------------
main contents
------------------------------ */
.mCont { padding:30px 40px; overflow:hidden; }
.mCont .colum { float:left;}
.mCont .colum1 { width:436px; margin:0 35px 0 0;}
.mCont .colum2 { width:198px;}
.mCont.contentsVisualArea{ padding:0; height:281px; border-bottom:1px solid #e6e6e6;}

.mContSec { position:relative;}
.mContSec .titArea { height:43px; margin-bottom:16px; padding:2px 0 0 0; background:url('../img/common/mCont_tit_line.gif') repeat-x 100% 8px;} 
.mContSec .tit { display:inline-block; padding:0 10px 0 0; background:#fff; margin-bottom:8px; font-size:16px; color:#3b3b3b;}
.mContSec .txt { color:#999999; font-size:11px; letter-spacing:-1px}
.mContSec .thumList {}
.mContSec .thumList li { position:relative; float:left; margin:0 30px 20px 0;}
.mContSec .thumList li.last { margin-right:0}
.mContSec .thumList .thum { display:block; width:109px; height:67px; padding:7px; margin-bottom:4px; border:1px solid #e8e8e4;}
.mContSec .thumList .writer {}
.mContSec .thumList .reply { position:absolute; right:0; bottom:0; padding:0 0 0 15px; font-size:11px; background:url('../img/common/icon_reply.gif') no-repeat 0 50%;}
.mContSec .noticeList { margin-top:-5px; font-family:Gulim, '굴림', Sans-serif;}
.mContSec .noticeList li { padding:5px 0 5px 20px; background:url('../img/common/notice_bul.gif') no-repeat 0 45%;}
.mContSec .noticeList li a { color:#787878}
.mContSec .more { position:absolute; right:0; top:20px;}
.mContSec .newsLetter {}
.mContSec .newsLetter li { border:1px solid #e6e6e6; background-color:#f3f4f4; background-repeat:no-repeat; background-position:15px 50% }
.mContSec .newsLetter li a { display:block; padding:14px 0 14px 42px; color:#787878}
.mContSec .newsLetter li a em { font-style:normal; color:#484848}
.mContSec .newsLetter li a:hover { text-decoration:none}
.mContSec .newsLetter li.hishands { background-image:url('../img/common/newsLetter_hishands.gif')}
.mContSec .newsLetter li.email { background-image:url('../img/common/newsLetter_email.gif')}

.mContSec1 { height:342px;}
.mContSec2 { width:313px;}
.mContSec3 { height:183px; }
.mContSec3 .titArea { position:relative; padding:0 0 0 42px; height:41px; margin-bottom:0}
.mContSec3 .titArea .icon { position:absolute; left:0; top:0; width:41px; background:#fff;}

/* float clear */
.mCont, 
.mContSec .thumList {*zoom:1;} 
.mCont:after, 
.mContSec .thumList:after {content:" "; display:block; clear:both;}