@charset "euc-kr";

@import url('board.css');

/* -----------------------------------------
	°øÅë
----------------------------------------- */

/* Æеù */
.paddingL20 {padding-left:20px;}
.paddingL57 {padding-left:57px;}
.paddingL74 {padding-left:74px;}
.paddingL335 {padding-left:335px;}
.paddingL279 {padding-left:279px;}
.paddingL286 {padding-left:286px;}
.paddingL400 {padding-left:400px;}

.paddingR5 {padding-right:5px;}
.paddingR10 {padding-right:10px;}
.paddingR20 {padding-right:20px;}

.paddingT3 {padding-top:3px;}
.paddingT4 {padding-top:4px;}
.paddingT10 {padding-top:10px;}
.paddingT15 {padding-top:15px;}
.paddingT20 {padding-top:20px;}
.paddingT25 {padding-top:25px;}
.paddingT50 {padding-top:50px;}
.paddingT52 {padding-top:52px;}
.paddingT55 {padding-top:55px;}
.paddingT70 {padding-top:70px;}
.paddingT235 {padding-top:235px;}

.paddingB10 {padding-bottom:10px;}
.paddingB12 {padding-bottom:12px;}
.paddingB15 {padding-bottom:15px;}
.paddingB20 {padding-bottom:20px;}
.paddingB25 {padding-bottom:25px;}
.paddingB30 {padding-bottom:30px;}
.paddingB40 {padding-bottom:40px;}
.paddingB45 {padding-bottom:45px;}
.paddingB60 {padding-bottom:60px;}
.paddingB75 {padding-bottom:75px;}
.paddingB90 {padding-bottom:90px;}
.paddingB200 {padding-bottom:200px;}
.paddingB210 {padding-bottom:210px;}
.paddingB250 {padding-bottom:250px;}

/* ¸¶Áø */
.marginR5 {margin-right:5px;}
.marginR10 {margin-right:10px;}
.marginR15{margin-right:15px;}
.marginR20{margin-right:20px;}
.marginR30{margin-right:30px;}

.marginL10{margin-left:10px;}
.marginL15{margin-left:15px;}
.marginL20{margin-left:20px;}
.marginL130 {margin-left:130px;}

.marginT5 {margin-top:5px;}
.marginT10 {margin-top:10px;}
.marginT15 {margin-top:15px;}
.marginT20 {margin-top:20px;}
.marginT25 {margin-top:25px;}
.marginT30 {margin-top:30px;}
.marginT40 {margin-top:40px;}
.marginT50 {margin-top:50px;}
.marginT70 {margin-top:70px;}


.marginB10 {margin-bottom:10px;}
.marginB20 {margin-bottom:20px;}
.marginB30 {margin-bottom:30px;}

.left {float:left;}
.right{clear:both;float:right;}
.center{text-align:center;}

.color_red{color:#ff0000;}

.clear {clear:both;}

/* h4, h5 */
.Htitle1{clear:both;font-weight:600; font-size:16px;margin:20px 0 10px 0; padding:3px 0 4px 26px; background:url("../images/common/h4_bu.png") no-repeat 0 3px;letter-spacing:0px;}

/* List */
.bu_List {list-style:none;margin:3px 0;padding:0;text-align:left;}
.bu_List li{margin:0;padding:0 0 0 14px;background:url(../images/common/li_bu.png) no-repeat 0 3px;}

/* ±âº»Å×À̺í */
.tableType1{clear:both; width:100%; margin-bottom:30px; border-top:2px solid #ff6600; border-collapse:collapse;text-align:center; }
.tableType1 thead th{padding:10px 7px 7px 10px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f5f5f5;}
.tableType1 thead th.first{border-left:0px;}
.tableType1 thead th.thbg{background:#fafafa;}
.tableType1 tbody th{padding:10px 7px 7px 10px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#fbfaf8; font-weight:normal; color:#474747;}
.tableType1 tbody .first{border-left:0px;}
.tableType1 tbody td{padding:7px 7px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#474747; text-align:center;}
.tableType1 tbody .tdleft{text-align:left;}

/*ÅǸ޴º ul li */
/* ±âº»ÅǸ޴º - 1ÁÙ */
.tab_menu1{}
.tab_menu1 ul{clear:both;position:relative;width:100%;overflow:hidden;}
.tab_menu1 li{float:left;margin:0;padding:0 0 16px 0;border:0;}
.tab_menu1 li a{display:block;padding:6px 36px 8px 34px;background:#333;border:1px solid #cfcfcf;color:#fff;cursor:pointer;font-weight:bold;font-size:13px;text-decoration:none;white-space:nowrap;}
.tab_menu1 li:hover,
.tab_menu1 li:focus,
.tab_menu1 li.on{background:url("../images/common/tab_arrow.gif") no-repeat 50% 36px;}
.tab_menu1 li:hover a,
.tab_menu1 li:focus a,
.tab_menu1 li.on a{background:#ff6600;border:1px solid #ff6600;color:#fff;}

/*ÅǸ޴º -dt /dd */
.tab_type1 {position:relative;width:100%; overflow:hidden; float:left;margin-bottom:30px;}
.tab_type1 dd {display:inline-block;  margin-right:3px;margin-bottom:3px;width:16.25%} 
.tab_type1 dd a {display:inline-block; display:block; /*margin-left:-1px;*/ padding:9px 6px 7px 6px; border:1px solid #ddd; text-align:center; font-size:13px;}
.tab_type1 dd.on a {color:#fff; font-weight:bold; border:1px solid #ccc; background:#ff6600;} /*5170ad*/

/*¸Þ´º¸µÅ©¶ó¿îµå¹öÆ°*/
.r_btn {position:relative;}
.r_btn a{float:left;width:176px;height:50px;margin:0 9px 10px 0;background:url(../images/common/r_btn_bg.png) no-repeat;color:#fff;font-size:16px;line-height:49px;text-align:center;overflow:hidden;}
.r_btn .blue a{background-position:0 -50px;}
.r_btn .black a{background-position:0 -100px;}
.r_btn a:hover,
.r_btn a:focus{background-position:0 0;text-decoration:none;}

/*top ³ëƼ¼³¸í¹Ú½º*/
.noti_box{position:relative;width:760px; height:130px; border-top:1px dashed #999;  border-bottom:1px dashed #999; background:#f8f8f8;font-size:14px;line-height:21px;}
.noti_box .bg{float:left;position:absolute;left:25px;top:18px;width:90px;height:91px;background:url(../images/sub/noti_bg1.png) no-repeat;overflow:hidden;text-indent:-9999px;}
.noti_box .txt{float:right;padding:30px 20px 0 20px;width:600px;}

/*ÀÔ¼Ò»ó´ã*/
.noti_box .bg2{float:left;position:absolute;left:25px;top:18px;width:90px;height:91px;background:url(../images/sub/noti_bg2.png) no-repeat;overflow:hidden;text-indent:-9999px;}

/* -----------------------------------------
	contents
----------------------------------------- */

/*Àλ縻*/
.greeting {position:relative;width:770px;height:560px;/*background:url(../images/intro/greeting_bg.jpg) no-repeat right 10px;*/}
.greeting p.greeting_tit {width:770px;height:20px;margin:20px 0 0 0;padding:15px 0;background:url(../images/intro/greeting_tit_line.jpg) no-repeat top left;font-size:30px; letter-spacing:-2px; }
.greeting p.greeting_tit span{color:#ff6600;}
.greeting p.greeting_txt1 {margin:50px 0 0 0;font-size:14px;letter-spacing:-1px;line-height:23px;}
.greeting p.greeting_txt2 {margin:30px 0 0 0;font-size:14px;letter-spacing:-1px;line-height:23px;}
.greeting p.greeting_txt3 {margin:30px 0 0 0;font-size:14px;letter-spacing:-1px;line-height:23px;}
.greeting p.greeting_txt4 {margin:30px 0 0 0;font-size:14px;letter-spacing:-1px;line-height:23px;}
.greeting p.greeting_txt5 {margin:30px 0 0 0;font-size:14px;letter-spacing:-1px;line-height:23px;}
.greeting p.greeting_txt6 {margin:30px 0 0 0;font-size:14px;letter-spacing:-1px;line-height:23px;}
.greeting p.greeting_name {position:absolute;top:470px; right:0px;font-size:19px;font-weight:bold}

/*½Ã¼³¼Ò°³*/
.info {position:relative;float:left;clear:both;}
.info_top {clear:both;position:relative;float:left;}
.info_top .tit_txt {display:inline-block; margin:0; line-height:38px;letter-spacing:-2px;font-size:28px;}
.info_top .txt_01 {margin:20px 0;font-size:14px;line-height:21px;}

.info_photo {clear:both;position:relative;width:760px;  margin-top:0; }
.info_photo .slides_container{ width:760px !important; height:450px; display:inline-block; position:relative; }
.info_photo .slides_container li{ text-align:center; width:100% !important;  position:relative; height:450px; overflow:hidden; background:#fff; }
.info_photo .slides_container li a{ position:absolute; left:50%; top:370px; margin:0 0 0 88px; }
.info_photo .slides_container li .txt { clear:both;position:absolute;top:400px;width:100%;height:50px;text-align:left;background:#333;}
.info_photo .slides_container li .txt span {margin-left:20px;padding:20px 0;line-height:47px;}
.info_photo .slides_container li .txt .t1{color:#fff;font-size:18px;font-weight:600;}
.info_photo .slides_container li .txt .t2{margin-left:20px;padding:20px 0;line-height:47px;color:#fff;font-size:12px;}

.slideControl ul.pagination {background:#f2f2f2; height:120px;}
.slideControl ul.pagination li:first-child{margin-left:15px;}
.slideControl ul.pagination li a img {float:left;width:115px; height:90px; margin-top:15px;margin-right:7px;}
.slideControl ul.pagination li a:hover img{ float:left;width:115px; height:90px;border:2px solid #ef7408; }
/*control*/
.slideControl p.slide_lBt{z-index:9999;position:absolute; left:10px; top:210px; }
.slideControl p.slide_lBt a{display:inline-block; width:40px; height:40px; background:url(../images/intro/btn_prev.png)no-repeat; }
.slideControl p.slide_lBt a:hover{background:url(../images/intro/btn_prev_on.png) no-repeat; }
.slideControl p.slide_rBt{z-index:9999; position:absolute; right:10px; top:210px; }
.slideControl p.slide_rBt a{display:inline-block; width:40px; height:40px; background:url(../images/intro/btn_next.png) no-repeat; }
.slideControl p.slide_rBt a:hover{background:url(../images/intro/btn_next_on.png) no-repeat; }

/*ie7 ½½¶óÀ̵åhttp://www.mababy.or.kr/new/intro/info.php# ½æ³×ÀÏ Á¤·Ä hack*/
*+html body ul.pagination {margin-left:20px;float:left;clear:both;}
*+html body ul.pagination li {float:left;margin-top:7px;}

/*ã¾Æ¿À½Ã´Â±æ*/
.location{}
.location .txt_box{width:760px; height:120px; border-top:1px dashed #999;  border-bottom:1px dashed #999; background:#f8f8f8;}
.location .txt_box ul {padding:20px;}
.location .txt_box li {padding:3px;}

/*ÀԼҾȳ»*/
/*¼ø¼­µµ*/
.diagram01 {position:relative;clear:both;}
.diagram01 li {float:left; height:45px;}
.diagram01 li.dia_arrow {background:url(../images/sub/dia_arrow.png) right 16px no-repeat; padding-top:3px;}
.diagram01 li.dia_end {padding-top:3px}
.diagram01 li span {display:block; width:80px;border: 1px solid #D9D9D9; height:25px; padding:8px 10px 4px 10px; margin:0px 30px 0px  20px; background:#f6f6f6;text-align:center;}

/*ÇÁ·Î±×·¥*/
/*ÅǸ޴º*/
.pr_tab {position:relative;float:left; margin:0 20px 20px 0;width:740px; height:130px; border:1px dashed #999; background:#f8f8f8;}
.pr_tab h4 {position:absolute;top:13px;left:-14px;}
.pr_tab .tab_menu {clear:both;margin:24px 0 0 20px;position:relative;float:right;width:530px;}
.pr_tab .tab_menu li {float:left;display:inline;width:25%;margin:3px 0 5px 0;}
.pr_tab .tab_menu li a{ padding:0 0 0 18px;background:url("../images/program/pr_tab_li_bu.png") no-repeat 0 1px;}
.pr_tab .tab_menu .active{font-weight:bold;}
/*À̹ÌÁöÁ¤·Ä*/
.img_box {position:relative;float:left;width:245px; height:auto;margin:20px 8px 0px 0;}
.img_box .pic {display:block;margin:0; padding:0;width:245px;height:170px;}
.img_box .txt {height:30px;text-align:center;background:#f2f2f2;}
.img_box .txt span{padding:20px 0;line-height:27px;}

/*ÀÚÁÖÇÏ´ÂÁú¹®*/
.faq_box{position:relative;width:760px; height:120px; border-top:1px dashed #999;  border-bottom:1px dashed #999; background:#f8f8f8;font-size:14px;line-height:21px;}
.faq_box .bg{float:left;position:absolute;left:25px;top:18px;width:90px;height:91px;background:url(../images/community/faq_bg.png) no-repeat;overflow:hidden;text-indent:-9999px;}
.faq_box .txt{float:right;padding:30px 20px 0 20px;width:600px;}

.faq {clear:both;position:relative;width:100%;height:100%;float:left;margin-top:40px;margin-bottom:40px;font-size:13px;}
.faq_list {width:100%;border-top:2px solid #f3a64d;border-bottom:1px solid #ddd; border-bottom:0;}
.faq_list > li {border-bottom:1px solid #ddd;}
.faq_list > li > a {/*background:#e1e1e1;*/ display:block; margin:3px 0 7px 0;padding:10px 44px;}
.faq_list > li > div {border-top:1px dashed #ddd; background:#f2f2f2;padding:10px 20px;display:none;}
.faq_list li .q_area {margin-left:10px;background:url(../images/community/faq_q.png) no-repeat 2px 7px;}
.faq_list span.a_area {display:block;z-index:10;margin-left:-10px; min-height:50px;padding:0 44px;background:url(../images/community/faq_a.png) no-repeat top left;}

/*»çÀÌÆ®¸Ê*/
.sitemap {position:relative;margin-top:20px;height:300px;}
/*.sitemap  div:first-child{margin-left:30px;}*/
.sitemap .site_cont {float:left;display:block;width:200px;margin-left:40px;}
.sitemap .site_cont h4 {font-size:20px;margin-bottom:25px;letter-spacing:-2px;color:#ff6600;padding:3px 0 7px 24px;background:url("../images/common/h4_bu.png")no-repeat 0 2px;}
.sitemap li {border-bottom:1px dotted #999; padding:10px 0 7px 0;}
.sitemap li a {padding:2px 8px 0 12px; background:url("../images/common/li_bu.png") no-repeat 0 4px;}
.sitemap li a:hover {color:#fb6884;}

/*·Î±×ÀÎ*/
.login {position:relative; width:620px; margin:60px auto 0; border-top:2px solid #666; border-bottom:1px solid #a3a3a3; padding:30px 0 28px;  background:#f7f7f7 url(../images/common/img_login.png) no-repeat 10px 30px}
.login .title_wrap {width:450px; margin:0 0 30px 165px; padding-top:0;}
.login .title_wrap .title {display:inline-block; font-size:48px; line-height:48px; color:#2b2b2b; font-family:'NanumGothicBold';}
.login .title_wrap .desc {display:inline-block; margin-left:12px; color:#333;}
.login .title_wrap .desc2 {display:inline-block; margin:7px 0 10px -20px; color:#333; font-family:'NanumGothicBold';} 
.login .login_input {position:relative; overflow:hidden; width:355px; margin:0 0 0 190px;}
.login .login_input input {float:left; width:235px; height:26px; font-size:14px; color:#999; margin-bottom:7px;}
.login .login_input .login_button {position:absolute; top:0; right:0; display:block; width:96px; height:67px; border:1px solid #ff5500; border-bottom:2px solid #ff5500; background:#ff6600; color:#fff; font-family:'NanumGothicBold'; font-size:16px; cursor:pointer; border-radius:2px; overflow:visible; overflow-y:hidden;}