@charset "utf-8";

/* main search 2009.09.14*/
#search_bg {float: left; width:1000px; height:92px; background:url(/image/search_bg3.gif) no-repeat}

div.search_link {margin:17px 0 0 360px; height:30px}
div.search_link dl{background:none}
div.search_link dd {float:left; padding:10px 6px 0 5px;_background-position:0 -496px;letter-spacing:-1px; text-align:center}
div.search_link dd a:link { text-decoration:none; color:#848e97; _color:#848e97} 
div.search_link dd  a:visited { text-decoration:none; color:#848e97;}
div.search_link dd  a:hover { text-decoration:underline; color:#283f52}
div.search_link dd a:active {text-decoration:none;}

img.search_tit_middle{vertical-align:middle; }

#msearch {height:40px; width:1000px; padding-top:0px;}
div.search {height:40px; z-index:1}
div.search .blue_window {display:-moz-inline-block; display:-moz-inline-box; display:inline-block; width:250px; _width /**/:256px; height:26px; _height /**/:32px; border:3px solid #67cae2; background-color:#fff}
div.search .input_text {width:220px; _width /**/:220px; height:20px; *height:23px; _height:23px; padding:5px 3px 0 6px; *padding-top:2px; _padding-top:3px; border:0 none; font-weight:bold; font-size:14px; color:#5c828e; *ime-mode:active}
div.search .btn {position:relative;z-index:10;margin-left:-4px;vertical-align:top}

/* main visual 2009.09.14*/
#Mvisual {width:1000px;  height:350px; margin-top:0px;}
/* #Mvisual img {margin-left:0px; margin-top:-13px;} */

/* 메인 contents */
#Contents {position:relative; width:848px;  margin-left:80px; *margin-left:8px; margin-top:105px; *margin-top:12px; _margin-top:0;}
#Contents div.sectionl{width:230px; float:left; display:inline; margin-top:-8px; _margin-top:5px}
#Contents div.sectionc {width:380px; float:left; display:inline; margin-top:-8px; _margin-top:5px; }
#Contents div.sectionr {width:230px; float:right; display:inline; margin-top:-12px; _margin-top:0}
#Contents div.sectionr div.img {margin:0 }

img.secRimg { margin: 0; float: left; vertical-align: middle}
img.infoLeft {margin-top:5px; _margin-top:5px}

/* 메인 contents-sectionl */
#Contents div.monline ul li, #Contents div.mhope ul li , #Contents div.minfo ul li {position:relative;  margin:10px }

/*길잡이넷이란*/
div.hope_info{  margin-top:5px ;text-align:left}

/* 메인 contents-sectionc  뉴스소식 */
div.board_tit {text-align:left;  margin-top:10px ; width:380px}

#Contents div.article-news, #Contents div.article-notice {position:relative; margin-bottom:15px; margin-top:5px; _text-align:left;  }
#Contents div #article-tab1,#Contents div #article-tab2,#Contents div #article-tab3  {width:380px; height:26px; font-size:8pt; background:url(/image/m_tab_bg.gif) repeat-x;  }
#Contents div.article-news #pds { clear:both; }/*보도자료 */
#Contents div #article-tab1 li, #Contents div #article-tab2 li, #Contents div #article-tab3 li {float:left; display:inline; width:97px; line-height:20px;  padding-right:1px; background:url(/image/m_tab.gif) no-repeat; _background:url(/image/m_tab.gif) no-repeat; line-height:30px; text-align:center; font-family:"굴림", "Malgun Gothic"; font-weight:bold; cursor:pointer; color:#E5E5E5; overflow:hidden}
#Contents div #article-tab1 li a {color:#c9c9c9}
#Contents div #article-tab2 li a {color:#c9c9c9}
#Contents div #article-tab3 li a {color:#c9c9c9}

#Contents div #article-tab1 li.on a, #Contents div #article-tab1 li a:hover,
#Contents div #article-tab2 li.on a, #Contents div #article-tab2 li a:hover,
#Contents div #article-tab3 li.on a, #Contents div #article-tab3 li a:hover
{float:left; display:inline; width:97px; height:29px; display:block; background:url(/image/m_tab_ov.gif) no-repeat; font-family:"굴림", "Malgun Gothic"; color:#063c89; line-height:28px; text-decoration:none; font-size:9pt; } 

#Contents div #article-tab1 li span, #Contents div #article-tab2 li span, #Contents div #article-tab3 li span { position:absolute; visibility:hidden; width:0; height:0; font-size:0; overflow:hidden;}
#Contents div.article-news div {margin-top:5px; color:#979797}

#Contents div.article-news div ul li {  width:360px; margin:2px 0 10px 10px; text-align:left; line-height:14px}
#Contents div.article-news div ul li a:link { text-decoration:none;} 
#Contents div.article-news div ul li a:visited { text-decoration:none;}
#Contents div.article-news div ul li a:hover { text-decoration:underline;}
#Contents div.article-news div ul li a:active {text-decoration:underline;}
#Contents div.article-news div ul li a { color:#979797; float:left; width:290px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#Contents div.article-notice h2 {width:303px; height:31px; padding-left:14px; line-height:29px; color:#493426;}
#Contents div.article-news div ul li span.date, #Contents div.article-notice ul li span.date {color:#484848; font-size:1em;}
#Contents div.article-news p.more a {position:absolute; top:11px; right:20px; margin:0; vertical-align:top;}/* more */

#Contents div.article-notice ul,  {margin-top:20px;} /*카툰등 */
#Contents div.mcartoon ul li  {position:relative;  margin:40px }

/*클릭*/
div.click{ width:380px;margin-top:20px ;}
div.click_tit { width:380px; height:20px ; vertical-align: bottom; border-bottom:1px solid #dddddd; border-top: none; border-left: none; border-right: none;}
div.click_tit_img {float:left;  text-align:left; display:inline; width:120px;  }
span.click_btn_loca{text-align:left; margin-left:200px}
img.click_btn {text-align:left; vertical-align: bottom }
img.click_btn2 {  text-align:left;  vertical-align: bottom }
div.click_list{padding-top:10px; font-size:11px}
div.click_list dt {float:left; width:20px; vertical-align:middle}
div.click_list dd{ text-align:left;  margin-left:20px;  color:#979797; line-height:16px; padding-bottom:7px; font-family: "돋움", "맑은 고딕" ; overflow:hidden; text-overflow:ellipsis;   }
div.click_list dd a:link { text-decoration:none; color:#979797;} 
div.click_list dd a:visited { text-decoration:none;  color:#979797;}
div.click_list dd a:hover, a:active{ text-decoration:underline;  color:#979797;}
span.click_b{ font-weight:bold; color:#575757; font-size:12px}


.addListForm_ser a, .addListForm_ser a:link {text-decoration:none; color:#7b7b7b; font-weight:bold;} 
.addListForm_ser a:hover, .addListForm_ser a:active {text-decoration:none; font-weight:bold; color:#5aa0d5;}



/* 메인 contents-sectionr */
#Contents div.rollb ul li , #Contents div.call129 ul li {position:relative;  margin-top:0px;}
div.pop_zone_tit {text-align:left;  margin-top:10px ; width:230px}

div.pop_num {float:left; text-align:right;  height:21px;  width:210px}
div.pop_img {float:left; padding-bottom:15px}

div.minsang_img{float:left; padding-bottom:2px;}

/*form */
.m_form { padding: 3px 2px 2px 2px; border-right: #d0d0d0 1px solid; border-top: #d0d0d0 1px solid; font-size: 8pt; border-left: #d0d0d0 1px solid; line-height: 20px; border-bottom: #d0d0d0 1px solid; font-family:  "굴림"; background-color: #ffffff; color: #666666; align: center }

/* #############11/18일 수정작업 ######################*/
div.rssbox {clear:both;padding-top:4px;text-align:left;}
/* familly site 위치변경 */
div.familly_site {line-height: 18px; padding-right: 18px; width: 210px; background-image: url(../image/family_bg.gif); background-repeat: no-repeat;	height: 47px; padding-top: 17px;vertical-align: bottom; align:left; }
.sel_form { padding: 3px 2px 2px 2px; border-right: #d0d0d0 1px solid; border-top: #d0d0d0 1px solid; font-size: 8pt; border-left: #d0d0d0 1px solid; line-height: 20px; border-bottom: #d0d0d0 1px solid; font-family:  "굴림"; background-color: #ffffff; color: #666666; align: center; vertical-align: bottom; }
a.familly_site_btn {line-height: 18px; margin-top:2px; background-position: bottom;vertical-align: bottom; }

div.section_left_align {text-align:left;padding-top:5px;}
div.title_img {height:49px;}
div.hope_list_box {background:url(../image/main_hope_bg.gif) no-repeat;width:210px;height:195px;}
div.hope_list_box_in {padding:10px 0 0 10px;width:191px;}
div.hope_list_box_in dl {margin:0;padding:0;}
div.hope_list_box_in dt {height:21px;overflow:hidden;cursor:pointer;}
div.hope_list_box_in dd {height:51px;overflow:hidden;}
div.hope_list_box_in ul {width:191px;margin:0;padding:5px 0 0 0;}
div.hope_list_box_in li {float:left;height:15px; }
div.hope_list_box_in li  a:link { text-decoration:none; color:#606060;} 
div.hope_list_box_in li  a:visited { text-decoration:none;  color:#606060;}
div.hope_list_box_in li  a:hover, a:active{ text-decoration:underline;  color:#606060;}
div.hope_list_box_in li.icon {width:33px;text-align:center;}
div.hope_list_box_in li.title {width:125px;padding-left:3px;font-size:11px;color:#606060;letter-spacing:-1px;font-family:dotum; overflow:hidden; text-overflow:ellipsis;}
div.hope_list_box_in li.key {width:25px;text-align:center;}

div.left_hope_box {padding-top:15px; padding-bottom:10px;}
div.left_hope_box .title {height:27px;}
div.hope_view_wrap {background:#FFFFFF;height:100px;}
div.hope_tab_area {padding-left:13px;   width:197px;  height:16px;border-bottom:solid 2px #d7d7d7;}
div.view_area {padding:5px 0 0 2px;}
div.view_area dl {margin:0;padding:0;}
div.view_area dt {width:90px;float:left;}
div.view_area dt img {width:82px;height:72px;border:solid 1px #979797;}
div.view_area dd {width:112px;font-size:11px;float:left;}
div.view_area dd.title {color:#5c5c5c;padding-bottom:5px;}
div.view_area dd.title a:link { text-decoration:none; color:#5c5c5c; _color:#5c5c5c} 
div.view_area dd.title  a:visited { text-decoration:none; color:#5c5c5c;}
div.view_area dd.title  a:hover { text-decoration:underline; color:#5c5c5c}
div.view_area dd.title a:active {text-decoration:none;}
div.view_area dd.comment {color:#5588b3;}
div.view_area dd.comment a:link { text-decoration:none; color:#5588b3; _color:#5c5c5c} 
div.view_area dd.comment  a:visited { text-decoration:none; color:#5588b3;}
div.view_area dd.comment  a:hover { text-decoration:underline; color:#5588b3}
div.view_area dd.comment a:active {text-decoration:none;}