@charset "euc-kr"; @import url('global01.css'); @import url('layout01.css'); /* CSS Document 20091118 yko */ #mainmenu_area {position:relative; margin:0 0 0 205px; height:53px;} #mainmenu_area ul {float:left} #mainmenu_area ul li {float:left} #mymenu_area {overflow:hidden; height:35px; background:#6056b6 url("/images/front/main/bg_mainbar.gif") no-repeat 0 0;} #mymenu_area h2 span {padding:0 0 0 2px; font-family:dotum,sans-serif; letter-spacing:-1px; font-weight:500;} #mymenu_area h2 .sch {padding:0 0 0 4px;} #mymenu_area h2 a {color:#ffef3e;} /*#mymenu_area ul {float:left; margin:10px 0 0 10px; display:inline;} #mymenu_area li {float:left; padding:0 10px 0 6px; background:url('/images/front/common/ico_v1.gif') right 0 no-repeat;}*/ #mymenu_area .mymenu1, #mymenu_area .mymenu2 {float:left; margin:10px 0 0 10px; display:inline;} #mymenu_area .mymenu1 li {float:left; padding:0 10px 0 6px; background:url('/images/front/common/ico_v1.gif') right 0 no-repeat;} #mymenu_area .mymenu2 li {float:left; padding:0 10px 0 0; background:none;} #mymenu_area li.first {padding-left:10px;} #mymenu_area li.last {background:none;} #mymenu_area a {color:#fff;} #mymenu_area .event {display:inline; float:right; margin:10px 0 0 0; padding:0 0 0 8px; line-height:1.36;} #mymenu_area .event li {font-size:11px; letter-spacing:-1px; color:#e7e6f4;} #mymenu_area .search_up {} #mymenu_area .popular {position:absolute; top:107px; right:130px; width:31px; height:14px; background:url("/images/front/common/mnu_v1.gif") no-repeat; background-position:0 -240px; text-indent:-3000em;} #mymenu_area .mm_more {display:block; padding-right:12px; background:url("/images/front/common/ico_v1.gif") 50px -36px no-repeat;} #popular_new {position:absolute; right:35px; top:107px; height:12px;} #popular_new #popular_new_ul {width:135px;} #popular_new #popular_new_ul a {color:#e7e6f4;} #popular_new ul li {clear:both; background:none; width:120px; height:12px; padding:0 0 0 10px; font-size:11px; letter-spacing:-1px;} /* 2010.02.26 삭제예정 #setmymenu_area {z-index:1000; position:absolute; left:203px; top:130px; width:540px; background:url('/images/front/main/bg_boxtop_mm.gif') no-repeat left top;} #setmymenu_area h2 {width:168px; height:11px; margin:14px 0 6px 16px; background:url('/images/front/common/mnu_v1.gif') no-repeat 0 -800px; text-indent:-3000em; line-height:0; font-size:0;} #setmymenu_area .ctrl a.close {display:block; overflow:hidden; position:absolute; left:512px; top:12px; width:10px; height:0; padding-top:10px; background:transparent; text-indent:-3000em;} #setmymenu_area .topTxt {position:absolute; left:96px; top:14px; color:#d8d8ea;} #setmymenu {width:537px; overflow:hidden; background:url('/images/front/main/bg_boxbot_mm.gif') no-repeat left bottom;} #setmymenu #setmenuUl {float:left; width:515px; padding:10px 0 10px 16px; font-size:0.92em; letter-spacing:-0.1em; background:url('/images/front/main/bg_boxmid_mm.gif') repeat-y;} #setmymenu #setmenuUl li { background:none;} #setmymenu #setmenuUl li ul {} #setmymenu #setmenuUl li ul li {float:none; padding:0; background:none;} #setmenuUl .group01 {float:left; width:128px;} .group01 label, .group02 label, .group03 label, .group04 label {vertical-align:bottom;} #setmenuUl .group02 {float:left; width:122px; padding:0 0 0 7px; border-right:1px solid #dedede; border-left:1px solid #dedede;} #setmenuUl .group03 {float:left; width:122px; padding:0 0 0 7px; border-right:1px solid #dedede;} #setmenuUl .group04 {float:left; width:117px; padding:0 0 2px 7px;} .group04 .util {margin:10px 8px 10px 0; padding:10px 0 10px 0; line-height:1.55; border-top:1px solid #dedede; border-bottom:1px solid #dedede;} .group04 .totalView {display:block; color:#66c; padding:1px 0 0 5px; margin:10px 0 0 10px; font-weight:bold; background:url("/images/front/common/ico_v1.gif") no-repeat 0 -240px;} #mymenu_btn_area {clear:both; margin:10px 10px 0 10px; padding:5px 0 5px 0; height:30px; overflow:hidden; vertical-align:top; border-top:1px solid #dedede;} #mymenu_btn_area button.default {float:left; width:78px; height:20px; margin:0 0 10px 2px; text-indent:-9999em; border:none; cursor:pointer; background:url('/images/front/common/btn_v1.gif') 0 -320px no-repeat;} #mymenu_btn_area button.set {float:right; width:36px; height:20px; margin:0 5px 10px 0; padding:0; text-indent:-9999em; border:none; cursor:pointer; background:url('/images/front/common/btn_v1.gif') 0 -240px no-repeat;} #mymenu_btn_area button.cancel {float:right; width:36px; height:20px; margin:0 5px 10px 0; padding:0; text-indent:-9999em; border:none; cursor:pointer; background:url('/images/front/common/btn_v1.gif') 0 -280px no-repeat;}*/ /* [Main] - 메뉴설정 레이어 목록(0210.02.26 추가) */ #setmymenu_area {z-index:1000; position:absolute; left:203px; top:130px; width:540px; background:url('/images/front/main/bg_boxtop_mm.gif') no-repeat left top;} #setmymenu_area h2 {width:168px; height:11px; margin:14px 0 6px 16px; background:url('/images/front/common/mnu_v1.gif') no-repeat 0 -800px; text-indent:-3000em; line-height:0; font-size:0;} #setmymenu_area .ctrl a.close {display:block; overflow:hidden; position:absolute; left:512px; top:12px; width:10px; height:0; padding-top:10px; background:transparent; text-indent:-3000em;} #setmymenu_area .topTxt {position:absolute; left:96px; top:14px; color:#d8d8ea;} #setmymenu {overflow:hidden; width:517px; padding:10px; background:url('/images/front/main/bg_boxbot_mm.gif') no-repeat left bottom;} #setmenuUl {overflow:hidden; width:100%;} #setmenuUl li {float:left; margin-right:5px; border-right:1px solid #dedede;} #setmenuUl li.group01 {width:130px;} #setmenuUl li.group02 {width:120px;} #setmenuUl li.group03 {width:120px;} #setmenuUl li.group04 {width:125px;} #setmenuUl li.last-child {margin-right:0; border-right:none;} /* 마지막 목록 css 초기화 */ #setmenuUl li.group04 ul {padding-bottom:10px; border-bottom:1px solid #dedede;} #setmenuUl li.group04 ul.util {padding:10px 0;} #setmenuUl li.group04 ul.util li {padding-bottom:2px;} #setmenuUl li.group04 a {color:#000;} #setmenuUl li ul li {float:none; font-size:0.92em; letter-spacing:-1px; border-right:none;} #setmenuUl .totalView {display:block; color:#66c; padding:1px 0 0 7px; margin:10px 0 0 7px; font-weight:bold; color:#6666cc !important; background:url("/images/front/common/ico_v1.gif") no-repeat 0 -238px;} #mymenu_btn_area {clear:both; margin:10px 10px 0; padding:15px 0; height:10px; overflow:hidden; vertical-align:top; border-top:1px solid #dedede;} /* 하단 버튼 */ #mymenu_btn_area button.default {float:left; width:78px; height:20px; margin:0 0 10px 2px; text-indent:-9999em; border:none; cursor:pointer; background:url('/images/front/common/btn_v1.gif') 0 -320px no-repeat;} #mymenu_btn_area p.btn {float:right;} #mymenu_btn_area p.btn button {float:left; width:36px; height:20px; margin:0 5px 10px 0; padding:0; text-indent:-9999em; border:none; cursor:pointer;} #mymenu_btn_area button.set {background:url('/images/front/common/btn_v1.gif') 0 -240px no-repeat;} /* 확인 */ #mymenu_btn_area button.cancel {background:url('/images/front/common/btn_v1.gif') 0 -280px no-repeat;} /* 취소 */ /* search _ 검색어가길게들어갔을때/지우지마세요 */ #search {z-index:1000; width:309px; height:22px; position:absolute; top:100px; left:490px;} #search fieldset {width:309px; height:21px; padding:1px 0 0 0; position:absolute; top:1px; left:-5px;} #search .label {width:67px; height:20px; overflow:hidden; float:left; margin:2px 0px 0px 2px; color:#333; cursor:pointer;} #search .label input {position:absolute; top:-1000px; left:-20px;} #stype_title {display:block; float:left; width:125px; height:11px; padding:7px 2px 4px 0; color:#333;} #stype_list {position:absolute; top:23px; left:-3px; z-index:2000; width:126px ; border:1px solid #8b95d6; background-color:#fafafa;} #stype_list.hide {display:none;} #stype_list input {position:absolute; top:-1000px;} #stype_list ul {margin:0;} #stype_list li {position:relative; width:126px; padding:1px 0; background:none; cursor:pointer;} #stype_list label {display:block; width:100%; height:15px; overflow:hidden; padding:0 0 0 5px; line-height:15px; white-space:nowrap; font-family:gulim,sans-serif;} #search .inputs {float:left;} #search .txt {float:left; width:134px; height:14px; margin:2px 2px 2px 4px; padding:4px 0 0 2px; border:0; color:#333; font-family:dotum,gulim,sans-serif;} #search_submit {float:left; width:36px; height:21px; margin:2px 0 0 0; border:0; background:url("/images/front/common/btn_v1.gif") no-repeat 0 0; cursor:pointer;} #search_submit span {display:block; position:relative; z-index:-1; width:35px; height:17px; font-weight:bold; color:#4B5BCC;} /* left side */ .leftmenu_area {overflow:hidden; width:180px; min-height:95px; margin:0; padding:0; background:url('/images/front/main/bg_leftwrap.gif') repeat-y;} * html .leftmenu_area {height:95px;} .leftmenu_area ul {overflow:hidden; padding:0 0 4px 11px; background:url('/images/front/main/bg_left_div.gif') no-repeat 3px bottom;} *+html .leftmenu_area ul {display:inline-block;} * html .leftmenu_area ul {display:inline-block;} /* haslayout */ .leftmenu_area ul li {float:left; width:169px; padding:0 0 6px 0; margin:0; font-size:0; line-height:0;} .leftmenu_area ul .hit01 {display:inline-block; overflow:hidden; width:21px; height:0; margin-left:3px; padding-top:11px; text-indent:-9999em; vertical-align:bottom; background:url('/images/front/common/ico_v1.gif') 0 -120px no-repeat;} .leftmenu_area1 {overflow:hidden; width:180px; min-height:62px; margin:0; padding:0; background:url('/images/front/main/bg_leftwrap.gif') repeat-y;} * html .leftmenu_area1 {overflow:visible; height:62px;} .leftmenu_area1 h2 {overflow:hidden; width:42px; height:12px; margin:8px 0 2px 11px; background:url('/images/front/common/mnu_v1.gif') 0 -280px no-repeat; text-indent:-3000em;} .leftmenu_area1 ol {overflow:hidden; width:170px; margin:5px 0 0 10px;} .leftmenu_area1 ol li {overflow:hidden; float:left; width:77px; margin:2px 0 2px 0; padding:0 0 0 5px; background:url('/images/front/common/ico_v1.gif') 0px -160px no-repeat; letter-spacing:-1px;} .leftmenu_area2 {overflow:hidden; width:180px; min-height:62px; margin:0; padding:0 0 2px 0; background:url('/images/front/main/bg_leftwrap.gif') repeat-y;} * html .leftmenu_area2 {overflow:visible; height:62px;} .leftmenu_area2 h2 {width:42px; height:12px; margin:6px 0 4px 11px; background:url('/images/front/common/mnu_v1.gif') 0 -320px no-repeat; text-indent:-3000em; overflow:hidden; display:block;} .leftmenu_area2 h2 span {display:none;} .leftmenu_area2 ol {overflow:hidden; width:170px; margin:4px 0 0 10px;} .leftmenu_area2 ol li {overflow:hidden; float:left; width:77px; margin:2px 0 2px 0; padding:0 0 0 5px; background:url('/images/front/common/ico_v1.gif') 0px -160px no-repeat; letter-spacing:-1px;} .leftmenu_area3 {width:180px; min-height:58px; margin:0; padding:0 0 2px 0; background:url('/images/front/main/bg_leftwrap.gif') repeat-y;} * html .leftmenu_area3 {height:58px;} .leftmenu_area3 ol {margin:0; padding:5px 0 0 11px; background:url('/images/front/main/bg_left_div.gif') no-repeat 3px top;} .leftmenu_area3 ol li {margin-top:3px; padding-left:5px; background:url('/images/front/common/ico_v1.gif') 0px -160px no-repeat; letter-spacing:-1px;} #leftbanner_area {display:block; position:relative; width:180px; height:204px; padding:0 0 10px 0; background:url('/images/front/main/img_left01.gif') no-repeat;} a#banner01, a#banner02, a#banner03, a#banner04, a#banner05, a#banner06, a#banner07 {display:block; overflow:hidden; position:absolute; height:0; background:transparent;} a#banner01 {left:5px; top:4px; width:168px; padding-top:41px;} a#banner02 {left:5px; top:52px; width:80px; padding-top:45px;} a#banner03 {left:92px; top:52px; width:80px; padding-top:45px;} a#banner04 {left:5px; top:110px; width:80px; padding-top:40px;} a#banner05 {left:92px; top:110px; width:168px; padding-top:40px;} a#banner06 {left:5px; top:165px; width:168px; padding-top:40px;} /*a#banner07 {left:92px; top:165px; width:80px; padding-top:40px;}*/ a#banner01:hover, a#banner02:hover, a#banner03:hover, a#banner04:hover, a#banner05:hover, a#banner06:hover, a#banner07:hover {cursor:pointer;} /* 위탁실동아동전문기관 */ #leftad_area {position:relative; overflow:hidden; width:180px; min-height:159px; margin:0; padding:0 0 2px 3px; background:url('/images/front/main/bg_left_bottom.gif') no-repeat left bottom;} * html #leftad_area {height:159px;} #leftad_area h2 {width:114px; height:31px; margin:5px 0 5px 12px;} #leftad_area a {margin:1px 0 0 0;} #leftad_area iframe {overflow:hidden;} /* 인기검색어 */ #popkey_area {width:180px; height:248px; margin:7px 0 0 0; padding:10px 0 0 7px; background:url('/images/front/common/bg_box_v1.gif') no-repeat 0 -120px;} #popkey_area h2 {width:52px; height:12px; margin:0; padding:0; background:url('/images/front/common/mnu_v1.gif') no-repeat 0 -400px; text-indent:-3000em;} #popkey_area .popkey {float:left; overflow:hidden; width:166px; height:187px; padding:15px 3px 10px 1px; line-height:22px; color:#666;} * html #popkey_area .popkey {height:185px; padding:0 3px 8px 1px;} /* IE6 */ #popkey_area span.bd_bl {font-size:14px; font-weight:bold; color:#000;} #popkey_area span.no_bl {color:#000;} #popkey_area span.bd_gr {font-size:14px; font-weight:bold;} #popkey_area span.box {padding:4px 2px 2px 2px; font-weight:bold; background-color:#989aca; color:#fff;} #popkey_area .popkey a {padding:0 8px 0 0;} /* center */ /* popup_area */ #popup_area {position:relative; width:453px; height:125px; margin:0 0 14px 0;} #ctrl_area {float:left; margin:0 0 5px 0;} #ctrl_area h2 {overflow:hidden; float:left; width:35px; height:13px; margin:0 12px 0 6px; background:url('/images/front/common/mnu_v1.gif') no-repeat 0 -440px; text-indent:-3000em;} #ctrl_area button {float:left; width:14px; height:14px; margin:0 4px 0 0; padding:0; text-indent:-9999em; border:none;} #ctrl_area button#bnnrctrl_prev {cursor:pointer; background:url('/images/front/common/btn_v1.gif') 0 -40px no-repeat;} #ctrl_area button#bnnrctrl_stop {cursor:pointer; background:url('/images/front/common/btn_v1.gif') 0 -80px no-repeat;} #ctrl_area button#bnnrctrl_next {cursor:pointer; background:url('/images/front/common/btn_v1.gif') 0 -120px no-repeat;} #ctrl_area a.bnnrctrl_more {overflow:hidden; float:left; width:40px; height:14px; margin:0 0 0 4px; background:url('/images/front/common/btn_v1.gif') 0 -160px no-repeat; text-indent:-3000em;} #popup_area ul#popup_list {overflow:scroll; clear:both; position:relative; width:451px; height:106px; padding:0; margin:0;} /*#popup_area ul#popup_list li {min-height:106px; _height:106px;}*/ #popup_area ul#popup_list li img {vertical-align:bottom;} /* hotnews_area */ #hotnews_area {position:relative; width:451px; min-height:162px; margin:0 0 7px 0; padding:0; line-height:1.2;} * html #hotnews_area {height:162px;} #news {clear:both; overflow:hidden; width:450px;} #news .tab {float:left; overflow:hidden; width:451px; padding:0; background:url(/images/front/main/bg_tab1.gif) repeat-x;} #news .tab li {float:left;} #news .tab li img {display:block;} #news #news1 li, #news #news2 li {float:left; width:428px; margin:0 0 0 10px; padding:2px 0 2px 6px; background:url('/images/front/main/blt_dot_gray_2.gif') no-repeat left center;} * html #news #news1 li, #news #news2 li {margin:0 0 0 5px;} /* IE6 */ #news1 li.sty_none, #news2 li.sty_none {background:none!important;} #news #news1 li.topic, #news #news2 li.topic {float:left; padding:10px 0 0 0;} #news li a {float:left;} #news li span {float:right; font-size:0.9em; color:#999;} #news li.topic img {float:left; width:81px; height:50px; margin:0 10px 0 0;} #news li.topic p {float:left; width:336px; margin:0; padding:0 0 5px 0; line-height:1.45;} #news li.topic p.title {width:336px; float:left; margin:0 0 3px 0; padding:0; font-weight:bold; color:#656798; font-size:1.1em; letter-spacing:-1px;} #news li.topic p.title a:link, #news .topic p.title a:visited, #news li.topic p.title a:hover, #news .topic p.title a:active, #news li.topic p.title a:focus {color:#656798;} #news1 .btn, #news2 .btn {position:absolute; display:block; top:15px; right:0; width:29px; padding:0; background:url('/images/front/common/ico_v1.gif') 0 -208px no-repeat; text-indent:-3000em; cursor:pointer;} /* 시청각자료 */ #mvdata_area {clear:both; overflow:hidden; position:relative; width:451px; margin:0 0 7px 0; padding:0; background:url('/images/front/main/bg_boxtop_m1.gif') no-repeat left top;} /* 시청각자료 - 제목 */ #mvdata_area h2 {float:left; overflow:hidden; display:inline; width:90px; height:14px; margin:10px 0 6px 19px; font-size:0; line-height:0; background:url('/images/front/common/mnu_v1.gif') no-repeat 0 -480px; text-indent:-3000em;} #mvdata_area .ctrl {float:right; height:0;} #mvdata_area .ctrl a.close {display:block; overflow:hidden; position:absolute; left:419px; top:10px; width:11px; height:0; padding-top:10px; background:transparent;} #mvdata_area .ctrl a.open {display:block; overflow:hidden; position:absolute; left:432px; top:10px; width:11px; height:0; padding-top:10px; background:transparent;} /* 시청각자료 - 내용 */ #mvdata {clear:both; overflow:hidden; width:451px; padding:0 0 2px 0; background:url('/images/front/main/bg_boxbot_m1.gif') no-repeat left bottom;} #mvdata_div {float:left; width:451px; min-height:133px; padding:0 0 0 16px; background:url('/images/front/main/bg_boxmid_m1.gif') repeat-y;} * html #mvdata_div {height:133px;} /* 시청각자료 - 탭 */ #mvdata .tab {overflow:hidden; width:267px; padding:0; background:url(/images/front/main/bg_tab1.gif) repeat-x;} #mvdata .tab li {float:left;} #mvdata .tab li img {display:block;} /* 시청각자료 - 썸내일이미지 */ .newsimg_area {float:left; border:1px solid #ccc; padding:4px 4px 3px 4px; margin:14px 10px 0 0;} .newsimg_area span {font-size:11px;} .newsimg_area img {width:122px; height:80px; margin:0 0 4px 0;} /* 시청각자료 - 리스트 */ #data {float:left; width:267px; padding-top:13px;} #data1, #data2 {clear:both; width:267px; margin:10px 0 0 0; padding:0;} #data1 li, #data2 li {margin:0 0 0 5px; padding:0 0 2px 6px; background:url('/images/front/main/blt_dot_gray_2.gif') no-repeat 0 5px;} #data1 .btn, #data2 .btn {overflow:hidden; position:absolute; float:left; display:block; top:58px; right:25px; width:29px; padding:0; font-size:12px; line-height:100%; background:url('/images/front/common/ico_v1.gif') 0 -208px no-repeat; text-indent:-3000em; cursor:pointer;} #mvdata_area li.sty_none {height:0; line-height:0; font-size:0; background:none; padding:0 !important;} /* 주요공지 */ #notice_area {overflow:hidden; position:relative; width:451px; margin:0 0 7px 0; padding:0; background:url('/images/front/main/bg_boxtop_m1.gif') no-repeat left top;} /* 주요공지 - 제목 */ #notice_area h2 {float:left; overflow:hidden; width:104px; height:14px; margin:10px 0 6px 19px; display:inline; font-size:0; line-height:0; background:url('/images/front/common/mnu_v1.gif') no-repeat 0 -520px; text-indent:-3000em;} #notice_area .ctrl {float:right; height:0;} #notice_area .ctrl a.close {display:block; overflow:hidden; position:absolute; left:419px; top:10px; width:11px; height:0; padding-top:10px; background:transparent;} #notice_area .ctrl a.open {display:block; overflow:hidden; position:absolute; left:432px; top:10px; width:11px; height:0; padding-top:10px; background:transparent;} /* 주요공지 - 내용 */ #notice {clear:both; width:451px; padding:0 0 2px 0; background:url('/images/front/main/bg_boxbot_m1.gif') no-repeat left bottom;} #notice:after {content:" "; display:block; clear:both;} *+html #notice {display:inline-block;} * html #notice {display:inline-block;} #notice_div {overflow:hidden; width:435px; padding:0 0 8px 16px; background:url('/images/front/main/bg_boxmid_m1.gif') repeat-y;} /* 주요공지 - 탭 */ #notice .tab {overflow:hidden; width:415px; margin:14px 0 13px 0; padding:0; background:url(/images/front/main/bg_tab1.gif) repeat-x;} #notice .tab li {float:left;} #notice .tab li img {display:block;} /* 주요공지 - 리스트 */ #notice1, #notice2, #notice3, #notice4 {overflow:hidden; width:100%; margin:0; padding:0;} #notice1 li, #notice2 li, #notice3 li, #notice4 li {float:left; width:400px; margin:0 0 0 5px; padding:0 0 3px 6px; background:url('/images/front/main/blt_dot_gray_2.gif') no-repeat 0 5px;} #notice li a {float:left} #notice li span {float:right; font-size:0.9em; color:#999;} /* 날짜 */ /* 주요공지 - 리스트 중 more버튼 */ #notice li.sty_none {height:0; font-size:0; line-height:0; background:none; padding:0 !important;} #notice .btn {position:absolute; display:block; top:58px; overflow:hidden; right:20px; width:29px; padding:0 0 0 0; font-size:12px; line-height:100%; background:url('/images/front/common/ico_v1.gif') 0 -208px no-repeat; text-indent:-3000em; cursor:pointer;} /* right_wrap */ /* sizectrl_area:글자크기조정 */ #sizectrl_area {height:12px; width:100%;} #sizectrl_area ul {float:right;} #sizectrl_area li {float:left;} #sizectrl_area li a {display:block; height:12px; background:url('/images/front/common/mnu_v1.gif') no-repeat;} #sizectrl_area .introTitle {width:82px; margin:0 15px 0 0; background-position:0 -560px;} #sizectrl_area .plus {width:56px; margin:0 8px 0 0; background-position:0px -600px;} #sizectrl_area .minus {width:56px; margin:0 5px 0 0; background-position:0px -640px;} #rightimg_area {position:relative;} #rightnews_area {position:relative; height:164px; padding:0 0 1px 0; margin:0 0 7px 0;} * html #rightnews_area {padding:0;} /* 주간별핫이슈정책 */ #weeklyhot_area {overflow:hidden; position:relative; width:279px; margin:0 0 7px 0; padding:0; background:url('/images/front/main/bg_boxtop_r1.gif') no-repeat left top;} /* 주간별핫이슈정책 - 제목 */ #weeklyhot_area h2 {float:left; width:123px; height:14px; margin:10px 0 6px 19px; display:inline; text-indent:-3000em; font-size:0; line-height:0; background:url('/images/front/common/mnu_v1.gif') no-repeat 0 -679px;} #weeklyhot_area .ctrl {float:right;} #weeklyhot_area .ctrl a.close {display:block; overflow:hidden; position:absolute; left:247px; top:10px; width:11px; height:0; padding-top:10px; background:transparent;} #weeklyhot_area .ctrl a.open {display:block; overflow:hidden; position:absolute; left:260px; top:10px; width:11px; height:0; padding-top:10px; background:transparent;} /* 주간별핫이슈정책 - 내용 */ #weeklyhot {clear:both; overflow:hidden; width:279px; padding:0 0 2px 0; background:url('/images/front/main/bg_boxbot_r1.gif') no-repeat left bottom;} #weeklyhot_div {width:100%; background:url('/images/front/main/bg_weelkyhot.gif') repeat-y; padding-top:5px;} /* 주간별핫이슈정책 - 리스트 */ #weeklyhot ul {min-height:83px; padding:9px 9px 3px 18px;} * html #weeklyhot ul {height:83px;} #weeklyhot li {padding:3px 0 3px 0;} #weeklyhot li span.num {font-weight:bold; color:#cc0202;} /* 기관별사이트소개 */ #sosok_area {overflow:hidden; position:relative; width:279px; margin:0 0 7px 0; padding:0; background:url('/images/front/main/bg_boxtop_r1.gif') no-repeat left top} /* 기관별사이트소개 - 제목 */ #sosok_area h2 {float:left; width:125px; height:14px; margin:10px 0 6px 19px; display:inline; text-indent:-3000em; font-size:0; line-height:0; background:url('/images/front/common/mnu_v1.gif') no-repeat 0 -720px;} #sosok_area .ctrl {float:right;} #sosok_area .ctrl a.close {display:block; overflow:hidden; position:absolute; left:247px; top:10px; width:11px; height:0; padding-top:10px; background:transparent;} #sosok_area .ctrl a.open {display:block; overflow:hidden; position:absolute; left:261px; top:10px; width:11px; height:0; padding-top:10px; background:transparent;} /* 기관별사이트소개 - 내용 */ #sosok {clear:both; overflow:hidden; width:279px; padding:0 0 2px 0; background:url('/images/front/main/bg_boxbot_r1.gif') no-repeat left bottom;} #sosok_div {float:left; width:261px; min-height:147px; padding:2px 0 2px 18px; background:url('/images/front/main/bg_weelkyhot.gif') repeat-y;} * html #sosok_div {height:147px;} /* 기관별사이트소개 - 탭 */ #sosok ul#sosok_tab {float:left; width:241px; margin:13px 0 11px 1px; background:url('/images/front/main/bg_tab1.gif') repeat-x left bottom;} #sosok ul#sosok_tab li {float:left;} /* 기관별사이트소개 - 리스트 */ #sosok .inSite {float:left; padding:0 0 5px 0;} #sosok .inSite img {float:left; width:104px; height:82px; margin:0 9px 0 1px;} #sosok .inSite p {float:left; width:128px; margin:0; font-size:1em; line-height:120%; letter-spacing:-1px;} #sosok .inSite p.title {float:left; font-weight:bold; color:#000;} .btngoto {display:block; width:56px; height:18px; margin:1px 0 0 0; background:url('/images/front/common/btn_v1.gif') no-repeat 0 -200px; text-indent:-3000em;} #sosok #sosok3 {clear:both;} /* 탭 - 공감 */ #sosok_div .btn {position:absolute; display:block; top:58px; right:18px; width:29px; padding:0 0 0 0; background:url('/images/front/common/ico_v1.gif') 0 -208px no-repeat; text-indent:-3000em; cursor:pointer;} #mini_sympathy_ul li {margin:0 0 0 5px; padding:0 0 0 6px; background:url('/images/front/main/blt_dot_gray_2.gif') 0 5px no-repeat; line-height:130%;} #mini_sympathy_cover {overflow:hidden; width:241px; padding:0 0 5px 0;} * html #mini_sympathy_cover {padding-bottom:8px;} /* IE6 */ /* service_area */ #service_area {clear:both; overflow:hidden; position:relative; width:755px; margin:0 0 0 25px; background:url('/images/front/main/bg_boxtop_tv.gif') no-repeat left top;} * html #service_area {margin-left:18px;} /* IE6 */ #service_area h2 {overflow:hidden; width:300px; height:15px; margin:8px 0 6px 19px; background:url('/images/front/common/mnu_v1_service.gif') no-repeat 0 0; text-indent:-3000em;} #service_area .ctrl {float:right;} #service_area .ctrl a.close {display:block; overflow:hidden; position:absolute; left:722px; top:9px; width:11px; height:0; padding-top:10px; background:transparent;} #service_area .ctrl a.open {display:block; overflow:hidden; position:absolute; left:736px; top:9px; width:11px; height:0; padding-top:10px; background:transparent;} #service_data {overflow:hidden; width:737px; padding:0 0 1px 18px; background:url('/images/front/main/bg_boxbot_tv1.gif') left bottom no-repeat;} #service_data .ttt {float:left; min-height:214px; padding:6px 0 0 0; line-height:1.35;} #service_data ul.list1, #service_data ul.list2, #service_data ul.list3, #service_data ul.list4, #service_data ul.list5 {float:left;} #service_data ul.list1 {width:154px; padding:0; border-right:1px dotted #ccc;} #service_data ul.list2 {width:138px; padding:0 0 0 7px; border-right:1px dotted #ccc;} #service_data ul.list3 {width:132px; padding:0 0 0 7px; border-right:1px dotted #ccc;} #service_data ul.list4 {width:150px; padding:2px 0 0 7px; border-right:1px dotted #ccc;} #service_data ul.list5 {width:130px; padding:2px 0 0 7px;} #service_data ul .strong_v {font-weight:bold; font-size:1em; color:#6666cc; padding:4px 0 3px 0;} * html #service_data ul .strong_v {padding:4px 0 2px 0;} /* IE6 */ #service_data li.strong_b {font-weight:bold; font-size:0.9em; color:#333; letter-spacing:-1px; padding:0 0 3px 0;} #service_data li.strong_b {font-weight:bold; font-size:0.9em; color:#333; letter-spacing:-1px; padding:0 0 2px 0;} /* IE6 */ #service_data ul li ul {padding:3px 0 0 0;} * html #service_data ul li ul {padding:2px 0 0 0;} #service_data ul li li {font-weight:normal; background:url('/images/front/main/blt_dot_gray_3.gif') no-repeat 0 5px; padding:0 0 2px 5px;} #service_data ul li li span {color:#F00;} /* 레이어 팝업 */ .layerpopup {position:absolute; left:21px; top:152px; width:422px; height:186px; padding:20px 18px 0; background:url(/images/front/common/nswine_list_bg.gif) left top no-repeat;} * html .layerpopup {left:13px;} .layerpopup ul {} .layerpopup ul li {} .layerpopup .btn_wrap {overflow:hidden; width:100%; margin-top:6px;} .layerpopup p.btn_bl {float:left; margin-left:16px; display:inline;} .layerpopup p.btn_close {float:right; margin:2px 12px 0 0; display:inline;} .layerpopup p.btn_close button.button {display:block; width:35px; height:18px; vertical-align:top; cursor:pointer; border:none; background:url(/images/front/button/btn_close_3.gif) left top no-repeat;} /* 관련기관 select menu */ #site_wrap legend {display:none;} #site_wrap ul#selectlink {width:960px; padding:0; margin:0; overflow:hidden;} #site_wrap ul#selectlink li {float:left; display:inline;} #site_wrap ul#selectlink li select {float:left; margin:0 2px 0 0;} #site_wrap ul#selectlink li select {float:left; margin:0 1px 0 0;} /* IE6 */ #site_wrap ul#selectlink fieldset {float:left;} #site_wrap ul#selectlink input {float:left;} #site_wrap ul#selectlink li.first {width:196px;} #site_wrap ul#selectlink li.first select {width:152px;} #site_wrap ul#selectlink li.second {width:189px;} #site_wrap ul#selectlink li.second select {width:145px;} #site_wrap ul#selectlink li.third {width:199px;} #site_wrap ul#selectlink li.third select {width:155px;} #site_wrap ul#selectlink li.fourth {width:198px;} #site_wrap ul#selectlink li.fourth select {width:155px;} #site_wrap ul#selectlink li.fifth select {width:138px;} #site_wrap ul#selectlink li img {padding:0 0 1px 0;} /* //관련기관 select menu */ /*banner*/ .bot_banner {clear:both; width:960px; padding:10px 0 20px 0; overflow:hidden;} .bot_banner h2 {display:none;} .bot_banner ul {float:left;} .bot_banner li {float:left; padding-right:8px;} .bot_banner li.bot_btn {float:left; padding-right:0;}