/* layout */
.mainContents { width:590px; float:left;}
.sideContents { width:290px; float:right;}

/* maintitle : CSS */
h2.tit01 { margin-bottom:13px;width:590px; height:20px; display:block; cursor:pointer; background:url(/Images/main/main_tit01.gif) no-repeat; text-indent:-1000em; overflow:hidden;}
h2.tit02 { margin-bottom:13px;width:590px; height:20px; display:block; cursor:pointer; background:url(/Images/main/main_tit02.gif) no-repeat; text-indent:-1000em; overflow:hidden;}
h2.tit03 { margin-bottom:13px;width:278px; height:20px; display:block; cursor:pointer; background:url(/Images/main/main_tit03.gif) no-repeat; text-indent:-1000em; overflow:hidden;}
h2.tit04 { margin-bottom:13px;width:278px; height:20px; display:block; cursor:pointer; background:url(/Images/main/main_tit04.gif) no-repeat; text-indent:-1000em; overflow:hidden;}
h2.tit05 { margin-bottom:13px;width:290px; height:20px; display:block; cursor:pointer; background:url(/Images/main/main_tit05.gif) no-repeat; text-indent:-1000em; overflow:hidden;}
h2.tit06 { margin-bottom:13px;width:290px; height:20px; display:block; cursor:pointer; background:url(/Images/main/main_tit06.gif) no-repeat; text-indent:-1000em; overflow:hidden;}
h2.tit07 { margin-bottom:13px;width:290px; height:22px; display:block; cursor:pointer; background:url(/Images/main/main_tit07.gif) no-repeat; text-indent:-1000em; overflow:hidden;}

/* main img */
.mainImg { position:relative; height:303px; background:url(/Images/main/main_topbg01.jpg) top left no-repeat; }
.mainflash { top:0; left:0; width:632px; height:303px; }
.mletter { position:absolute; top:0; left:632px; height:263px; width:298px; }
.mletter dl { margin-top:44px;}
.mletter dt { background:url(/Images/main/main_iconMail.gif) no-repeat; color:#fc6666; font-weight:bold; padding:3px 0 0 0px; height:26px;}
.mletter dt span { font-weight:normal; font-size:11px; color:#999; float:right; display:block; position:absolute; top:48px; left:235px; height:20px; width:63px;}
.mletter dd { margin:15px 0; letter-spacing:-1px; line-height:180%; height:130px;}
.mletter p { color:#87b013; font-size:11px;  letter-spacing:-1px;}
.mgreet { position:absolute; top:272px; left:17px; width:377px; height:37px; color:#fff; font-weight:bold; }
.mpersonal { position:absolute; top:272px; right:20px; text-align:right; width:299px; height:34px; color:#ffff00; /*ie6*/ }
.mpersonal img { margin:0 3px 10px 10px;}
.mpersonal .bgIcon{background:url(/Images/main/main-iconper.gif) no-repeat 0 50%; padding-left:7px; margin-right:5px;}
.mpersonal .pen { margin:0 3px 0 0; vertical-align:middle;}
.mpersonal .aqua {color:#00fcff;}

/* left colum : mainContents */
.mdl { padding-top:18px;}
.mdl dl { }
.mdl dt { float:right; width:395px; padding-top:2px; padding-bottom:13px; letter-spacing:-1px; font-size:14px; font-weight:bold; color:#221d1d; }
.mdl dt span { font-weight:normal; color:#a6a6a6; text-align:right; } 
.mdl dd.con { width:395px; float:right;}
.mdl dd.con a {color:#4e4e4c; line-height:21px;}
.mdl dd.con a:hover {color:#49923b;}
.mdl dd.list_thumb { width:167px; height:120px; background:url(/Images/main/main_thumb.jpg) no-repeat; float:left; margin-right:25px;}
.mdl dd p { background:url(/Images/main/icon_Arrow.gif) no-repeat 3px 0px; padding-left:20px; color:#a0a0a0; margin:8px 0 0 0; font-size:11px; }

/* left colum : 희망명상 */
.mhopeMedi { background:url(/Images/main/main_bannerMeditationN.jpg) no-repeat; width:590px; height:126px; margin-top:25px; }
.mhopeMedi dl { width:385px; padding:30px 0 0 40px; }
.mhopeMedi dt a { font-size:14px; color:#fd6274; font-weight:bold; }
.mhopeMedi dd { padding:5px 0 0 0; }
.mhopeMedi dd a { color:#7b7b7b; }
.mhopeMedi dd a:hover { color:#49923b; }
.mhopeMedi dd.comment { padding:30px 0 0 0; font-size:11px; color:#777777; }
.mhopeMedi dd.comment strong a { color:#525252; padding-left:15px;}

/* left colum : 일지스토리,희망TV */
.mmdl {  width:278px; padding-top:30px;}
.mmdl dl {}
.mmdl dt { width:170px; padding-bottom:3px; padding-top:-3px; letter-spacing:-1px; font-size:12px; font-weight:bold; color:#221d1d; float:right; }
.mmdl dd.con { width:170px; line-height:140%; font-size:12px;  float:right;}
.mmdl dd.con a { color:#858585;}
.mmdl dd.con a:hover { color:#49923b; }
.mmdl dd.list_thumb { width:100px; height:70px; background:url("/Images/main/main_thumb.jpg") no-repeat; float:left; margin-right:8px;}

/* right colum : 희망&감동뉴스 / 희망 UCC */
.mdr {height:230px; position:relative;}

.box{position:relative; clear:both; margin-top:13px; height:110px; }
#mNUtap_area {padding-top:45px;}
#mNUtap_area h2 {height:31px;overflow:hidden;}
#mNUtap_tit1 {width:145px;left:31px; background-position:-145px -31px; top:0; left:0; color:#b5aaaa;}
#mNUtap_tit2 {width:145px;left:31px;background-position:-145px -31px;top:0;left:145px; color:#b5aaaa;}
#mNUtap_tit1.on {background-position:0px 0px; color:#665d5d;}
#mNUtap_tit2.on {background-position:0px 0px; color:#665d5d; }
#mNUtap_tit1 span { display:block; padding-top:7px; }
#mNUtap_tit2 span { display:block; padding-top:7px; }

h2.tabNU {position:absolute; top:0px; left:0; background:url(/Images/main/main_btnTab.gif) no-repeat 0 0;text-align:center;}
h2.tabNU a {display:block;color:#444;font-size:12px;}
h2.tabNU.on a {font-weight:bold;}
h2.tabNU a:hover {color:#444;text-decoration:none;}

#mNUtap_area .contents {height:180px;}
#mNUtap_area .contents li { width:89px; height:85px; float:left; padding-bottom:11px; line-height:150%; }
#mNUtap_area .contents li.img { margin-right:10px;}
#mNUtap_area .contents li.img.last { margin-right:0px;}



.mbanner {padding-top:15px; clear:both; overflow:hidden;}

/* right colum : 희망담론 / 희망Q&A */
.box{position:relative; clear:both; margin-top:13px; height:110px; }
#mtap_area {padding-top:45px;}
#mtap_area h2 {height:31px;overflow:hidden;}
#mtap_tit1 {width:145px;left:31px; background-position:-145px -31px; top:0; left:0; color:#b5aaaa;}
#mtap_tit2 {width:145px;left:31px;background-position:-145px -31px;top:0;left:145px; color:#b5aaaa;}
#mtap_tit1.on {background-position:0px 0px; color:#665d5d;}
#mtap_tit2.on {background-position:0px 0px; color:#665d5d; }
#mtap_tit1 span { display:block; padding-top:7px; }
#mtap_tit2 span { display:block; padding-top:7px; }

h2.tab {position:absolute; top:0px; left:0; background:url(/Images/main/main_btnTab.gif) no-repeat 0 0;text-align:center;}
h2.tab a {display:block;color:#444;font-size:12px;}
h2.tab.on a {font-weight:bold;}
h2.tab a:hover {color:#444;text-decoration:none;}

#mtap_area .contents {height:60px;}
#mtap_area .contents dt { font-weight:bold; margin-bottom:10px; margin-top:7px;}
#mtap_area .contents dt span { font-weight:normal; color:#04a600;}
#mtap_area .contents dd {width:290px;height:60px;overflow:hidden;}
#mtap_area .contents li { height:20px; background:url(/Images/main/main-iconli.gif) no-repeat 0 10px; padding-left:10px;}
#mtap_area .contents li span {color:#04a600;}

/* 공지사항 */
.mnotice li { height:23px; background:url(/Images/main/main-iconli.gif) no-repeat 0 10px; padding-left:10px;}
.mnotice li span {color:#04a600;}

/* right colum : 일지 휘호 갤러리 */
.mGallery { margin-top:18px;}
.GalleryBox { background:url(/Images/main/main-GalleryBox.gif) no-repeat; position:relative; width:290px; height:200px;}
.GalleryBox .btnPre { width:50px; height:120px; display:block; cursor:pointer; text-indent:-1000em; overflow:hidden; position:absolute; top:0px; left:0px; }
.GalleryBox .btnNext { width:50px; height:120px; display:block; cursor:pointer; text-indent:-1000em; overflow:hidden; position:absolute; top:0px; right:0px; }
.GalleryBox img { margin:3px 0 0 50px;}
.GalleryBox dl { margin:10px 30px 0 30px; text-align:center;}
.GalleryBox dt a { font-size:14px; font-weight:bold; color:#01b705;}
.GalleryBox dd { margin-top:5px;}
.GalleryBox dd a { font-size:11px; letter-spacing:-1px;}