﻿/* 메뉴 */
.toplogo{ position:absolute; left:0; top:0;}
.topLogin { background:url(/Images/layout/loginBg.gif) no-repeat bottom right; padding-bottom:0px; height:24px;}
.Tmailto { background:url(/Images/layout/bt_mailtoBg.gif) no-repeat top left; padding:2px 5px 0px 73px; margin-left:15px; height:24px; width:97px; text-align:left; color:#e5ffe2; font-size:11px; float:right;}
.Tmailto strong { font-weight:bold; color:#fff;  }

.topmenu { padding:14px 0 10px 0;}
.topmenu span{margin:0 25px;}


/* 서브메뉴 백그라운드 컬러 변경 */
.topSubmenu { z-index:100; position:absolute; top:68px; left:0; background:url(/Images/sub/topBg03.png) no-repeat left; width:930px; } /*기본 색상 : width값은 서브용임*/
.topSubmenu ul li{ float:left; margin-right:25px; margin-top:7px; font-weight:bold; color:#595959; }
.topSubmenu2 ul li{ float:left; margin-right:25px; margin-top:7px; font-weight:bold; color:#595959; }
.topSubmenu3 ul li{ float:left; margin-right:25px; margin-top:7px; font-weight:bold; color:#595959; }
.topSubmenu4 ul li{ float:left; margin-right:25px; margin-top:7px; font-weight:bold; color:#595959; }
.topSubmenu5 ul li{ float:left; margin-right:25px; margin-top:7px; font-weight:bold; color:#595959; }
.topSubmenu6 ul li{ float:left; margin-right:25px; margin-top:7px; font-weight:bold; color:#595959; }
.topSubmenu7 ul li{ float:left; margin-right:25px; margin-top:7px; font-weight:bold; color:#595959; }
.topSubmenu2 { z-index:100; position:absolute; top:68px; left:0; background:url(/Images/sub/topBg02.png) no-repeat left; width:930px;} /*일지희망공원*/
.topSubmenu3 { z-index:100; position:absolute; top:68px; left:0; background:url(/Images/sub/topBg03.png) no-repeat left; width:930px;} /*일지블로그*/
.topSubmenu4 { z-index:100; position:absolute; top:68px; left:0; background:url(/Images/sub/topBg04.png) no-repeat left; width:930px;} /*일지희망편지*/
.topSubmenu5 { z-index:100; position:absolute; top:68px; left:0; background:url(/Images/sub/topBg05.png) no-repeat left; width:930px;} /*희망TV*/
.topSubmenu6 { z-index:100; position:absolute; top:68px; left:0; background:url(/Images/sub/topBg06.png) no-repeat left; width:930px;} /*희망광장*/
.topSubmenu7 { z-index:100; position:absolute; top:68px; left:0; background:url(/Images/sub/topBg06.png) no-repeat left; width:930px;} /*희망광장*/

/*.topSubmenu ul li a:hover{ color:#ff4c4c;}*/



/* 서브메뉴 백그라운드 컬러 변경 */


/* 팝업 */
.popWrap{padding:10px;}
.popWrapBG{padding:15px; background-color:#fff; border:1px solid #cccccc;}
.popWrite { border-left:3px solid #383f4d; border-right:3px solid #383f4d; border-bottom:3px solid #383f4d; margin-top:-2px; _margin-top:-2px; padding-top:13px;}
.popWrite02 { border-left:3px solid #383f4d; border-right:3px solid #383f4d; margin-top:-2px; _margin-top:-2px; padding-top:13px; padding-bottom:0;}

/* 팝업 : 이메일로 컨텐츠 선물하기*/
.mailP {padding:5px; }
.mailP p { margin:20px 0 5px 0;}
.mailP p strong { color:#2b2b2b;}
.mailP .red { color:#ff4545;}
h3.mailPtit {background:url(/Images/sub/pop_iconTit.gif) no-repeat top left; font-size:14px; font-weight:bold; color:#00ad2d; border-bottom:2px solid #000; padding:0 0 10px 30px; margin-bottom:25px; margin-top:5px;}

.inputBox {background:url(/Images/sub/pop_boxBg01.gif) no-repeat top left;  padding:10px 5px 12px 15px; _padding:10px 15px 12px 15px; }
.inputBox2 {background:url(/Images/sub/pop_boxBg02.gif) no-repeat top left;  padding:10px 5px 13px 15px; _padding:10px 15px 13px 15px; }
.inputBox3 {background:url(/Images/sub/pop_boxBg03.gif) no-repeat top left;  padding:23px 0 25px 20px; _padding:23px 0 25px 20px; }
.inputBox31 {background:url(/Images/sub/pop_boxBg03.gif) no-repeat top left; padding:13px 0 25px 20px; _padding:13px 0 25px 20px; }
.inputBox4 {background:url(/Images/sub/pop_boxBg04.gif) no-repeat top left; padding:14px 0 14px 20px; }

.popCon {padding:5px;}
.popGiftList th { background-color:#f1f1f1; font-size:12px; color:#030303; font-weight:bold; padding:7px;}
.popGiftList td { border-bottom:1px solid #f0f0f0; padding:5px; text-align:center;}

/* 팝업 : 인쇄하기 */
.popTableFix{width:100%;}
.contentHeadPop{position:relative; overflow:hidden; height:37px; background:url(/images/sub/pop_print_bg.gif) repeat-x}
.division{width:100%; position:relative}
*:first-child+html .letterprint {width:490px; padding-left:3px;} /*ie7 전용*/
.letterprint {width:490px; padding-left:4px;}


/* 희편 보기 본문 */
.mmcontentsLetter {padding:0;margin:0 0 0 0px;min-height:100px;} 
.letterNN_T {background:url(/images/email/mail_bgTop.gif) no-repeat;width:600px;height:14px;} /*N신규_view Skin*/
.letterNN_M {background:url(/images/ilchiLetterstCbg.gif);width:600px;} /*N신규_view Skin*/
.letterNN01_B {background:url(/images/email/mailBottomBg01.gif) no-repeat bottom;width:580px; padding:30px 0px 30px 20px;} /*N신규_view Skin*/
.letterNN_F {background:url(/images/email/mail_bgBotton.gif) no-repeat;width:600px;height:14px;} /*N신규_view Skin*/

.letterN_T {background:url(/images/letter_view02_t1.jpg) no-repeat;width:600px;height:124px;} /*신규_view Skin*/
.letterN_M {background:url(/images/letter_view02_m1.jpg) repeat-y;padding:0 0 1px 59px;} /*신규_view Skin*/
.letterN_B {background:url(/images/letter_view02_b1.jpg) no-repeat;width:600px;height:189px;} /*신규_view Skin*/

.letterT {background:url(/images/letter_view_t1.jpg) no-repeat;width:600px;height:159px;} /*Old_view Skin*/
.letterM {background:url(/images/letter_view_m1.gif) repeat-y;padding:25px 51px 0 54px;} /*Old_view Skin*/
.letterB {background:url(/images/letter_view_b1.jpg) no-repeat;width:600px;height:71px;} /*Old_view Skin*/

.letterM p {line-height: 200%;}
.letterbtn {float:left; width:300px; text-align:left;}



/* 화답하기 */
.hwadap_go { height:25px; vertical-align:middle; padding-top:8px; margin-top:15px; text-align:center; background-color:#efefef; font-size:12px; font-weight:bold; }

/* 팝업 : 희망명상 신청하기 */
.myungsangP01 {float:left; padding:5px; font-weight:bold; color:#689e00;}
.myungsangP02 {float:left; padding:5px 30px;}
.myungsangP03 {clear:both; padding:5px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }

/* 팝업 : 희망기자 신청하기 */
.gizaP01 {float:left; padding:5px; font-weight:bold; color:#689e00;}
.gizaP01 p {height:30px;}
.gizaP02 {float:left; padding:5px 5px;}
.gizaP02 p {height:30px;}
.gizaP03 {clear:both; padding:5px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }


/* 희망편지에 바란다 */
.surveyBox { border:4px solid #ededed; background-color:#f9f9f9;}
.surveyBox .wBox { background:url(/Images/sub/ilchiLetter_survey02.gif) no-repeat top left; padding:15px 5px 17px 30px; color:#fff; font-weight:bold;}
.surveyBox .inpl { padding-left:27px;}
.surveyBox .scoreComment { background:url(/Images/sub/ilchiLetter_survey02.gif) no-repeat top left; padding:15px 5px 23px 20px; margin-bottom:5px; }
.surveyBox .scoreComment textarea { width:510px; height:45px;  margin-right:8px; margin-top:12px;}
.surveyBox .scoreComment .btSurvey { background:url(/Images/sub/ilchiLetter_survey05.gif) no-repeat top left; margin-top:10px; width:74px; height:45px;  border:none; cursor:pointer;}
.surveyBox .score { margin:15px 0 40px 16px; }


/* 희망TV 메뉴 */

#TvBoxtop01 { width:440px; height:161px; padding:0; float:left; }
#TvBoxtop01 dl { margin:0 13px; padding-top:3px; }
#TvBoxtop01 dt { float:right; width:245px; margin:0; padding:0; font-size:12px; }
#TvBoxtop01 dd { margin:0; padding:0; font-size:12px; line-height:1.5em; }
#TvBoxtop01 dd.img img { float:left; margin-right:15px;}

.peopleBox { background:url(/Images/Hopetv_img/bg_peopleBox.gif) no-repeat; width:240px; height:227px; padding:15px 0 0 13px; }
.peopleBox strong { padding:15px 0 0 25px; color:#04a600;}

.boxtop01 { background:url(/Images/Hopetv_img/title_toptv_bg.gif) no-repeat; height:34px; }
.boxbg01 { clear:both; position:relative; background:url(/Images/Hopetv_img/toptv_bg.gif) no-repeat; height:117px; }
.boxbg01 dt { height:28px;}
.boxbg01 dl .txt01 { position:absolute; top:38px; left:184px; width:245px;}
.boxbg01 dl .txt02 { position:absolute; top:95px; left:184px;}
.boxbottom01 { background:url(/Images/Hopetv_img/toptv_bottom.gif) no-repeat; height:10px; }
.boxtop02 { background:url(/Images/Hopetv_img/title_beforetv_bg.gif) no-repeat; height:38px; }
.boxbg02 { clear:both; background:url(/Images/Hopetv_img/beforetv_bg.gif) no-repeat; height:113px; }
.boxbg02 ul { padding-top:10px; padding-left:13px; }
.boxbg02 li { line-height:20px; }
.boxbottom02 { background:url(/Images/Hopetv_img/beforetv_bottom.gif) no-repeat; height:10px; }

#TvBoxtop02 { width:255px; height:161px; padding:0; float:right; }
#TvBoxtop03 { border:2px solid #c7dc75; height:148px; }

.diarybox { float:left; width:430px; height:144px; }
.diarytit { margin:13px; padding-bottom:10px; border-bottom:1px solid #ccc; }

.speechbox { float:right; width:250px; height:144px; }
.speechtit { margin:13px; padding-bottom:10px; border-bottom:1px solid #ccc; }

#ilchidiary { width:404px; padding:0; float:left; margin:0 10px; }
#ilchidiary dl { margin:0; }
#ilchidiary dt { float:right; width:275px; margin:0; padding:0; font-size:12px; }
#ilchidiary dd { margin:0; padding:0; font-size:12px; line-height:1.5em; }
#ilchidiary dd.img img { float:left; margin-right:12px; margin-left:5px;}

#hopeucc { width:440px; padding:0; float:left; }
#hopeucc dl { margin:10px 0; }
#hopeucc dt { float:right; width:316px; margin:0; padding:0; font-size:12px; }
#hopeucc dd { margin:0; padding:0; font-size:12px; line-height:1.5em; }
#hopeucc dd.img img { float:left; margin-right:12px;}

.left_menu { float:left; width:225px; }
.left_menu ul { list-style:none; padding-left:0; padding-bottom:10px; }
.left_menu li { padding:0; margin:0; }
.left_menu .depth02 { padding:10px 0 10px 10px; }
.left_menu .depth03 { padding:12px 0; }
.left_menu .depth04 { padding:5px 0 5px 10px; background:none; border:none; margin:0;}

.tv_contents { float:left; width:705px; margin-top:20px;}
.con01 { height:145px; margin-bottom:6px; border:2px solid #c7dc75;}
.contents_box01 { float:left; width:450px; height:100%; border-right:1px solid #ccc; }

.contents_box01 span { padding:0 10px; }
.contents_box01 dd a { line-height:1.5em; }
.contents_box01 dt { padding-bottom:8px; letter-spacing:-1px; font-size:12px; font-weight:bold; color:#221d1d; }
.contents_box01 dt span { font-size:12px; font-weight:normal; color:#6bb226; padding:0; }
.contents_box02 { float:left; width:250px; height:100%; }

.con02 { margin-top:15px; }
.con_same01 { float:left; width:440px; padding-top:20px; }
.con_same01 dt { padding-bottom:8px; letter-spacing:-1px; font-weight:bold; color:#221d1d; }
.con_same01 dd a { line-height:1.5em; }

.con_same02 { float:left; width:240px; }
.con_same03 { float:left; width:454px; height:215px; border:1px solid #d7d7d7; }
.con_same03 span { font-size:11px; font-weight:normal; color:#6bb226; }
.con_same03 dt a { font-weight:bold; line-height:2.5em; }
.catagory { font-size:12px; font-weight:normal; color:#6bb226; }

.con_same04 { float:right; width:240px; }
.con_same05 { clear:both; border-top:1px solid #ccc; padding-top:3px; }
.con_same05 ul {padding-top:5px;}
.con_same05 ul li { margin-bottom:5px; }
.tv_banner { float:right; width:240px; padding-top:20px; }

.data_info { font-size:11px; line-height:2.0em; font-family:"돋움",Dotum,Sans-serif; color:#ccc; }
.data_info span { padding:0 10px; }

.tv_speach { }
.tv_speach li a { clear:both; float:left; height:22px; }
.tv_speach li span { float:right; color:#999;}

.ucc_top { clear:both; border-top:1px solid #a8a8a8; border-bottom:1px solid #e9e9e9; }

.ucc_list ul { clear:both; margin-top:15px; }
.ucc_list li { float:left; margin-right:25px; font-weight:bold; }
.ucc_list li.last { float:left; margin-right:0;}

.cont_more01 { float:right; margin:15px;}
.cont_more02 { float:right; margin-top:3px; }
.cont_padd01 { float:left; padding-bottom:12px; }
.cont_padd02 { float:right; width:130px; }
.cont_padd03 { float:left; width:130px; padding-right:20px; }

.dashline { border-top:1px dashed #ccc; padding-bottom:10px; }

.ucclistM ul { list-style:none; float:left; }
.ucclistM li { float:left; padding:0; margin-right:2px; }


/* 희망광장 */

.sq_con01 { position:relative; float:left; width:436px; height:151px; border:2px solid #c7dc75; }
.sq_con01 dl dt span { position:absolute; top:10px; right:10px; }
.sq_con01 dd.script { line-height:1.5em; margin-top:10px; margin-bottom:5px; }
.sq_con02 { position:relative; float:right; width:240px; height:153px; border:1px solid #eaeaea; background-color:#f5f5f5; }
.sq_con02 .more { position:absolute; top:13px; right:10px; }
.sq_conLeft { position:relative; float:left; width:440px; }
.sq_conLeft .more { position:absolute; top:7px; right:0px; }
.sq_conLeft .btn { position:absolute; top:0px; right:0px; }
.sq_conRight { position:relative; float:right; width:242px; }
.sq_conRight .more { position:absolute; top:7px; right:0px; }
.sq_conRight .tab01 { float:left; margin-bottom:15px; background:url(/images/sub/sq_btntab01.gif) no-repeat; text-align:center; width:125px; height:22px; padding-top:3px; }
.sq_conRight .tab02 { float:left; margin-bottom:15px; background:url(/images/sub/sq_btntab.gif) no-repeat;  text-align:center; width:115px; height:22px; padding-top:3px; }
.sq_con03 { position:relative; float:left; width:330px; margin:5px 10px 10px 10px; }
.sq_con03 .more { position:absolute; top:7px; right:10px; }
.sq_banner { float:right; padding-right:10px; padding-top:5px; padding-bottom:5px; text-align:center; vertical-align:middle; }
.sq_tab01 { border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; width:123px; height:22px; padding-top:3px; }
.con_margin { clear:both; width:705px; padding-top:30px; }
.sq_list { clear:both; }
.sq_list li { padding-left:8px; background:url(/images/sub/sq_mdot.gif) no-repeat 0 50%; }


/* 회원가입 */
.ageCheck { width:623px; margin:0 auto; padding-top:44px; }
.ageCheckBtn { padding:44px 0 40px 15px; }
.memContent { width:705px; margin:0 auto; padding-top:25px; }
.memGray { color:#8d8d8d;}
.checkBox { background:url(/Images/sub/mem_box01.gif) no-repeat top left; width:705px; height:75px; margin-top:20px; font-weight:bold; color:#2c2c2c; padding:28px 0 0 0px;}
.memberiframe01{width:690px; height:215px; padding-left:10px; overflow-x:hidden; border:2px solid #e3e3e3;}
.memberlogin{ background:url(/images/sub/mem_loginBg.jpg) no-repeat top left; width:705px; height:263px; padding-top:57px; margin-top:30px;  }
.memberloginbox{margin:0 55px 0 325px; }
.memberloginbox th{ color:#2c2c2c; text-align:left; padding:3px 3px 3px 10px; width:40px;}
.memberloginbox td{ padding:3px;}
.memberlogintxt{padding:35px 55px 0 278px;}
.memberloginsearch{margin:10px 0 0 15px;}
  *html .memberloginsearch{margin:0 0 0 15px;}
.memberloginsearch td{padding:3px; }
input.btnlogin{ width:87px; height:55px; background:url(/images/sub/bt_memLogin.gif) no-repeat top left; border:none; color:#fff; font-weight:bold; padding-left:10px; }
.loginTxt { font-size:14px; font-family:Verdana, dotum;  font-weight:bold; padding:3px 4px;}

/*우편번호 검색*/
.postSearch { width:520px; height:240px; overflow-y:auto; padding:6px; border:1px solid #e3e3e3; }
.postSearch ul { margin-top:5px;}
.postSearch li { border-bottom:1px solid #f0f0f0; padding:7px;}
.postSearch li a:hover { color:#ff4747; font-weight:bold;}

.passbg { background:url(/images/reply_passbg.gif) no-repeat;  border:none; height:17px; width:89px; margin-right:10px; margin-left:3px; }
.passbgW {border-top:solid 1px #808080; border-right:solid 1px #d4d0c8; border-left:solid 1px #808080; border-bottom:solid 1px #d4d0c8; height:15px; width:89px; font-size:12px; padding:3px 0 0 2px; margin:1px 10px 0 3px;}


/* 수신거부 */
.refuseBox { width:670px; margin:65px auto; }
.refuseBox input { border:none;}
.refuseBg { background:url(/images/sub/refuse_bg.jpg) no-repeat; width:670px; margin:0 auto; padding:165px 0 40px 0; }

/* 희망편지 소개페이지 */

.nameBg {border-top:solid 1px #808080; border-right:solid 1px #d4d0c8; border-left:solid 1px #808080; border-bottom:solid 1px #d4d0c8; font-size:12px; padding:3px 0 0 2px; font-weight:bold; }

/* 게시판 레스트번호 */
.boardlistno01 { font-size:12px; color:#979898; font-weight:normal;}
.boardlistno02 { font-size:12px; color:#979898; }
.boardlistno03 { font-size:12px; color:#d1d1d1; font-weight:normal; }

/* 총장님께 편지쓰기 */
.letterwriteBg01 {width:670px; height:660px; background:url(/Images/sub/letterwriteBg01.jpg) no-repeat; padding:20px 15px;}
.letterwriteBg02 { height:299px; background:url(/Images/sub/letterwriteBg02.jpg) repeat left bottom; padding:0 35px 0 50px; }
.letterwriteBg03 { height:87px; background:url(/Images/sub/letterwriteBottom.jpg) no-repeat; padding:65px 180px 55px 71px }

