@charset "utf-8";
	
@import "base.css"; 



/* ----------------------------------------------------------------------
		Page Setting
---------------------------------------------------------------------- */

#wrap {width:100%; float:left;}

#head {width:1124px; height:84px; margin:0 auto; position:relative;}
#head .logo {width:257px; height:63px; text-align:left; float:left; padding:20px 0 0 100px;}
#head .topMenu {top:15px; float:right; position:relative; right:0;}
#head .topMenu ul {float:right;}
#head .topMenu li {height:10px; display:inline;}
#head .top_btn_img {top:12px; float:right; font-weight:bold; position:relative;}
*:first-child+html #head .top_btn_img {top:0; right:240px;}
#head .top_btn_img ul {float:right;}
#head .top_btn_img ul li {height:18px; display:inline-block; float:left; padding:0 3px;}
#head .top_btn_img ul li input {border:1px #d3d4d3 solid; width:100px;}
#head .mainMenu {width:732px; height:73px; background:url(/images/menu_bg.gif) repeat-x; padding-top:3px; position:absolute; right:0; top:50px;}
#head .mainMenu .mainMenuBox {width:637px; float:left; padding:4px 0 0 85px; height:73px; position:relative;}
#head .mainMenu .menu_home {float:left; padding:4px 0 0 15px; position:absolute; left:0;}

/* ----------------------------------------------------------------------
		MainMenu
---------------------------------------------------------------------- */
.mmenu{cursor:pointer; padding-right:20px; color:#111111; float:left; height:26px; display:inline-block;} 
.smenu{top:31px; margin-top:0px; position:absolute; color:#111111; width:650px; height:22px; padding:8px 0 0 70px;} 


#contain { width:1124px; margin:0 auto; }
#contain .mainContents {width:1124px; float:left; padding-top:25px;}
#contain .mainContents .mcLeft {width:510px; float:left; padding-top:20px;}
#contain .mainContents .mcRight {width:602px; float:right; padding-top:30px;}
#contain .mainContents .mcRight .nowmizy {width:370px; float:left;}
#contain .mainContents .mcRight .mcl_tit { width:370px; float:left; text-align: left; margin:0; border-bottom:1px #dbdbdb solid; padding-bottom:5px;}
#contain .mainContents .mcRight .mcl_tit li.tit {width:407px; height:25px; display:inline-block; text-align:left; float:left;}
#contain .mainContents .mcRight .mcl_tit li.btn {width:38px; height:18px; padding-top:7px; display:inline-block; text-align:left; float:left;}
#contain .mainContents .mcRight .mcl_photo {width:93px; height:147px; padding:8px 10px 0 0; float:left;}
#contain .mainContents .mcRight .mcl_txt {width:265px; height:141px; padding-top:8px; float:left;}
#contain .mainContents .mcRight .mcl_txt li {width:265px; display:inline-block; list-style:none; text-align:left; float:left; background:url(/images/bullet_main.gif) no-repeat 0 3px; padding-left:8px;}
#contain .mainContents .mcRight .mcl_txt li.stit {color:#97252c; padding-bottom:10px;}
#contain .mainContents .mcRight .mcl_txt li.stxt {color:#999; font-size:11px; line-height:14px; text-align:justify; height:55px; overflow:hidden; margin-bottom:5px;}
#contain .mainContents .mcRight .mcl_txt li.nextMisy {color:#828282; font-weight:bold; padding-bottom:5px;}
#contain .mainContents .mcRight .calendar_tit {width:217px; float:right; padding-bottom:5px;}
#contain .mainContents .mcRight .calendar {width:217px; height:141px; float:right; background:url(/images/calendar_bg.gif) no-repeat 0 0; text-align:center;}
#contain .mainContents .mcRight .calendar table {width:182px; border-collapse:collapse; display:inline-block;}
#contain .mainContents .mcRight .calendar table th {height:18px; color:#ffffff; padding:1px 0 8px 0;}
#contain .mainContents .mcRight .calendar table td {line-height:15px;}
#contain .mainContents .mcRight .calendar table .calendar_top {}
#contain .mainContents .mcRight .calendar table .sat {color:#0096c1;}
#contain .mainContents .mcRight .calendar table .sun {color:#ee3b04;}
#contain .mainContents .mcRight .calendar .mth {font-weight:bold; padding:10px 0 5px 0; display:inline-block;}
#contain .mainContents .tab{clear:both;}
.tab {float:left; padding:7px 0 0 7px; background: url('/images/tab_bg.gif') no-repeat 0 0; width:602px; height:110px;}
.tab img {border:0;}
.tab .tab_list {width:602px; border-bottom:1px #61b9d7 solid; height:21px;}
.tab .tab_list li {float:left; padding-right:1px; list-style:none;}
.tab #tbl1,
.tab #tbl2 {display:block; width:602px; padding:14px 0 11px 0;}
.tab #tbl1 li,
.tab #tbl2 li {padding:0 0 8px 10px; background: url('/images/bullet_main.gif') no-repeat 0 5px; position:relative; list-style:none;}
.tab #tbl1 li .date,
.tab #tbl2 li .date {position:absolute; right:0;}
.tab2 {float:left; padding:0; width:602px; height:170px;}
.tab2 .tab_list {width:602px; border-bottom:1px #61B9D7 solid; height:21px;}
.tab2 .tab_list li {float:left; padding-right:1px; list-style:none;}
.tab2 #tbl2_1,
.tab2 #tbl2_2 {clear:both; width:602px; padding:14px 0 11px 0; float:left;}
.tab2 #tbl2_2 .tab2_photo {float:left;}
.tab2 #tbl2_2 .tab2_txt ul {list-style:none; clear:both;}
.tab2 #tbl2_2 ul {margin:0; padding:0;}
.tab2 .tbl2_img_list {float:left; width:140px; padding-right:5px;}
.tab2 .photoList {width:140px; float:left;}
.tab2 .photoList ul li {list-style:none;}
.mbanner {padding-bottom:10px;}
.main_twitter {background: url('/images/twitter_bg.gif') no-repeat 0 0; width:456px; height:111px; padding:1px 0 0 145px;}
.twtr-hd, .twtr-ft {display:none;}

/*
#contain .mainContents .mcLeft {width:470px; height:200px; padding-top:30px; background:url(/images/mDivision_line.gif) no-repeat right bottom; float:left;}
#contain .mainContents .mcLeft .mcl_tit { width:445px; float:left; text-align: left; }
#contain .mainContents .mcLeft .mcl_tit li.tit {width:407px; height:25px; display:inline-block; text-align:left; float:left;}
#contain .mainContents .mcLeft .mcl_tit li.btn {width:38px; height:18px; padding-top:7px; display:inline-block; text-align:left; float:left;}
#contain .mainContents .mcLeft .mcl_photo {width:160px; height:147px; padding:28px 10px 0 0; float:left;}
#contain .mainContents .mcLeft .mcl_txt {width:275px; height:141px; padding-top:34px; float:left;}
#contain .mainContents .mcLeft .mcl_txt li {width:275px; display:inline-block; list-style:none; text-align:left; float:left;}
#contain .mainContents .mcLeft .mcl_txt li.stit {color:#97252c; padding-bottom:10px;}
#contain .mainContents .mcLeft .mcl_txt li.stxt {color:#999; font-size:11px; line-height:14px; text-align:justify; padding-bottom:10px;}
#contain .mainContents .mcLeft .mcl_txt li.nextMisy {color:#828282; font-weight:bold; padding-bottom:5px;}
* html #contain .mainContents .mcLeft .mcl_photo {width:160px; height:147px; padding:24px 10px 0 0; float:left;}
* html #contain .mainContents .mcLeft .mcl_txt { width:275px; height:141px; padding-top:30px; float:left; overflow: visible; }
* html #contain .mainContents .mcLeft .mcl_txt li.stit {color:#97252c; padding-bottom:8px;}
* html #contain .mainContents .mcLeft .mcl_txt li.stxt {color:#999; font-size:11px; line-height:14px; text-align:justify; padding-bottom:10px;}
* html #contain .mainContents .mcLeft .mcl_txt li.nextMisy {color:#828282; font-weight:bold; padding-bottom:3px;}
#contain .mainContents .mcRight {width:410px; height:200px; padding:30px 0 0 50px; float:left;}
#contain .mainContents .mcRight .mcr_tit {width:410px; padding-bottom:25px; text-align:left; float:left;}
#contain .mainContents .mcRight .mcr_txt {width:410px; float:left;}
#contain .mainContents .mcRight .mcr_txt li {width:410px; display:inline-block; list-style:none; text-align:left; float:left;}
#contain .mainContents .mcRight .mcr_txt li.stit { color:#828282; font-weight:bold; padding-bottom:1px; height: 18px; }
#contain .mainContents .mcRight .mcr_txt li.stxt {
	color:#828282;
	line-height:15px;
	text-align:justify;
	padding-bottom:10px;
}
#contain .mainContents .mcRight .mcr_photo {width:410px; text-align:left; float:left;}
* html #contain .mainContents .mcRight .mcr_txt li.stit {color:#828282; font-weight:bold;}
* html #contain .mainContents .mcRight .mcr_txt li.stxt {color:#828282; line-height:14px; text-align:justify; margin-top:-1px; padding-bottom:17px;}

#contain .Left {width:510px; padding-top:10px; float:left;}
#contain .Left .boardBoxL {width:350px; float:left;}
#contain .Left .boardBoxR {width:350px; height:210px; padding-left:20px; float:left;}
#contain .Left .boardBoxL .boardTit,
#contain .Left .boardBoxR .boardTit {width:350px; height:28px; border-bottom:#b2b9b0 2px solid; float:left;}
#contain .Left .boardBoxL .boardTit li,
#contain .Left .boardBoxR .boardTit li {list-style:none; display:inline-block; float:left;}
#contain .Left .boardBoxL .boardTit li.bTit,
#contain .Left .boardBoxR .boardTit li.bTit {width:250px; padding-left:6px; text-align:left;}
#contain .Left .boardBoxL .boardTit li.bBtn,
#contain .Left .boardBoxR .boardTit li.bBtn {width:88px; padding-right:6px; text-align:right;}
#contain .Left .boardBoxL .boardTxt,
#contain .Left .boardBoxR .boardTxt {width:310px; padding:17px 20px 0 20px; float:left;}
#contain .Left .boardBoxL .boardTxt li,
#contain .Left .boardBoxR .boardTxt li {background:url(/images/ico_cir_blue.gif) no-repeat 0px 4px; width:300px; padding:0 0 10px 10px; text-align:left; list-style:none; float:left;}
* html #contain .Left .boardBoxL .boardTxt li,
* html #contain .Left .boardBoxR .boardTxt li {background:url(/images/ico_cir_blue.gif) no-repeat 0px 4px; width:300px; padding:0 0 8px 10px; text-align:left; list-style:none; float:left;}
#contain .Left .boardBoxL .boardPxt {width:334px; padding:4px 8px 0 8px; float:left;}
#contain .Left .boardBoxL .boardPxt .PxtList {width:334px; height:57px; padding:8px 0; border-bottom:#cccccc 1px solid; float:left;}
#contain .Left .boardBoxL .boardPxt .PxtList .photo {width:57px; padding-right:21px; text-align:left; float:left;}
#contain .Left .boardBoxL .boardPxt .PxtList .txt {width:256px; text-align:left; float:left;}
#contain .Left .boardBoxL .boardPxt .PxtList .txt li { list-style:none;}
#contain .Left .boardBoxL .boardPxt .PxtList .txt li.stit {font-weight:bold; color:#828282; text-align:left; padding:4px 0 7px 0;}
#contain .Left .boardBoxL .boardPxt .PxtList .txt li.stxt {color:#828282; text-align:justify; line-height:16px;}
* html #contain .Left .boardBoxL .boardPxt .PxtList .txt li.stit {font-weight:bold; color:#828282; text-align:left; padding:4px 0 6px 0; list-style:none;}

#contain .Left .boardBoxR .boardPhoto {width:348px;  padding:6px 1px 0 1px; border-bottom:#cccccc 1px solid; float:left;}
#contain .Left .boardBoxR .boardPhoto .photoList {width:107px; padding-left:9px; float:left;}
#contain .Left .boardBoxR .boardPhoto .photoList li { list-style:none;}
#contain .Left .boardBoxR .boardPhoto .photoList li.photo {width:97px; height:97px; float:left;}
#contain .Left .boardBoxR .boardPhoto .photoList li.stit {width:97px; padding-top:12px; color:#828282; text-align:left; letter-spacing:-1px; float:left;}
#contain .Left .boardBoxR .boardPhoto .photoList li.sdate { width:97px; padding-top:3px; color:#d84200; text-align:center; float:left; padding-bottom: 5px; }


#contain .Left .mBanner .bannerList {width:156px; padding-top:7px; float:left;}
#contain .Left .mBanner .bannerList li { list-style:none;}
#contain .Left .mBanner .bannerImg {width:558px; padding-top:6px; text-align:left; float:left;}


#contain .Left  .widget li{ float: left; list-style-type: none; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; }

#contain .Right { width:601px; padding:30px 0 0 0px; float:right; }
#contain .Right .mizyProgram {width:175px; padding:20px 10px 0 10px; background:url(/images/rightBox.gif) no-repeat; float:left;}
#contain .Right .mizyProgram .tit {width:175px; text-align:left; float:left;}
#contain .Right .mizyProgram .programBox {width:175px; height:254px; padding:12px 0 6px 0; float:left; text-align:left;}
#contain .Right .mizyProgram .programBox .btn_program_next {width:177px; height:13px; background:url(/images/program_list_next.gif) no-repeat; text-indent:-1000em; overflow:hidden; border: 0; margin: 0; padding: 0; cursor: pointer; float:left;}
#contain .Right .mizyProgram .programBox .btn_program_prev {width:177px; height:13px; background:url(/images/program_list_prev.gif) no-repeat; text-indent:-1000em; overflow:hidden; border: 0; margin: 0; padding: 0; cursor: pointer; float:left;}

#contain .Right .mizyProgram .programBox li,
#contain .Right .mizyProgram .programBox dl { white-space:nowrap; overflow:hidden; list-style:none; width:177px; float: left; }

#contain .Right .mizyProgram .programBox li.list_1,
#contain .Right .mizyProgram .programBox li.list_1 a { font-weight:bold; font-size:13px; line-height:20px; padding-top:5px;}
#contain .Right .mizyProgram .programBox li.list_2,
#contain .Right .mizyProgram .programBox li.list_2 a {font-weight:bold; font-size:12px; line-height:22px; color:#000; padding-bottom:5px;}
#contain .Right .mizyProgram .programBox li.list_3,
#contain .Right .mizyProgram .programBox li.list_3 a {}
#contain .Right .mizyProgram .programBox li.list_4,
#contain .Right .mizyProgram .programBox li.list_4 a {font-weight:bold; font-size:12px; line-height:22px; color:#000; padding-top:5px;}
#contain .Right .mizyProgram .programBox li.list_5,
#contain .Right .mizyProgram .programBox li.list_5 a {font-weight:bold; font-size:13px; line-height:20px;}
#contain .Right .mizyProgram .programBox div.list_3_bg {background:url(/images/program_list_bg.gif) no-repeat; width:147px; height:95px; padding:15px;}

#contain .Right .mizyProgram .programBox dl.title { font-weight:bold; font-size:12px; color:#000; line-height:20px; margin-bottom:5px; width:140px;}
#contain .Right .mizyProgram .programBox dl.memo {line-height:16px; color:#9F9F9F; width:140px;}

#contain .Right .programFind {width:95px; height:86px; background:url(/images/box_programFind.gif) no-repeat; padding:42px 0 0 100px; float:left;}
#contain .Right .programFind li {height:16px; list-style:none; float:left; line-height:16px;}

#contain .Right .mrBanner {width:195px; padding-top:8px; background:none; float:left;}
#contain .Right .mrBanner li{width:195px; padding-bottom:3px; list-style:none; float:left;}
* html #contain .Right { padding:20px 0 0 13px; float:left;}
* html #contain .Right .mizyProgram .programBox {width:175px; height:254px; padding:12px 0 4px 0; float:left;}
* html #contain .Right .programFind li { height:16px; margin-bottom:-2px; list-style:none; float:left;}
*/

#foot {width:100%; padding-top:10px; float:left; border-top:1px #d9d9d9 solid; margin-top:15px;}
#foot .bottomBox {width:1100px; margin:0 auto;}
#foot .bottomBox .familySite {width:300px; height:62px; float:right;}
#foot .bottomBox .familySite .familyBox1 {width:300px; padding-top:10px; display:inline-block; float:left;}

#foot .bottomBox .familySite .familyBox1 li { list-style:none;}
#foot .bottomBox .familySite .familyBox1 li.btnPrev {width:23px; padding-top:10px; text-align:left; float:left;}
#foot .bottomBox .familySite .familyBox1 li.banner {height:27px; padding:0 10px; float:left;}
#foot .bottomBox .familySite .familyBox1 li.btnNext {width:23px; padding-top:10px; text-align:right; float:left;}

#foot .bottomBox .familySite .familyBox2 {width:287px; padding-top:12px; text-align:center; float:left;}
#foot .bottomBox .familySite .familyBox2 li {padding-left:25px; list-style:none; float:left}
#foot .bottomBox .copyright {width:1100px; height:67px; padding:13px 0; float:left;}
#foot .bottomBox .copyright .copyLogo {width:434px; padding:6px 0 0 53px; text-align:left; float:left;}
#foot .bottomBox .copyright .copyBtn {width:200px; height:20px; text-align:left; padding-top:16px; float:left; padding-left:30px;}
#foot .bottomBox .copyright .copyBtn li {display:inline-block; list-style:none; float:left;}
#foot .bottomBox .copyright .copyBtn li.btn {display:inline-block; padding-top:4px; float:left;}
#foot .bottomBox .copyright .copyAddr { width:680px; padding:9px 0 0 0; text-align:left; float:left; font: 8pt Tahoma, Geneva, sans-serif; }





/* ----------------------------------------------------------------------
		공통
---------------------------------------------------------------------- */

.png {_display:inline-block;}
.png img {_filter:progid:DXimageTransform.Microsoft.Alpha(opacity=0);}

.btnML0 {padding-left:0px; float:left;}
.btnML1 {padding-left:1px; float:left;}
.btnML2 {padding-left:2px; float:left;}
.btnML3 {padding-left:3px; float:left;}
.btnML4 {padding-left:4px; float:left;}
.btnML5 {padding-left:5px; float:left;}
.btnML10 {padding-left:10px; float:left;}

a:link, a:active, a:visited, a:hover { text-decoration:none; color:#666;}

/* main edit */