@charset "euc-kr"; /*** 제작자 : (주)제윤 웹접근성팀 김영하, 석병훈 작성일 : 2009년 11월 9일 수정일 : 최종 수정된날짜 저작권 : 본 CSS 파일은 제작자 동의없이 일체의 수정을 금지합니다. 제작자 동의없이 내용이 수정되었을 경우 제작자는 오류 및 버그에 대한 일체의 책임을 지지 않습니다. ***/ /** 공통적용요소 **/ p{margin:0;} .skip{display:none;} ul{margin:0; padding:0; list-style:none;} li{margin:0; padding:0;} dl{margin:0; padding:0;} dt{margin:0; padding:0;} dd{margin:0; padding:0;} .both{clear:both; margin:0; line-height:0; display:none;} .clear{clear:both; float:left;} .nobg{background:none;} .tooltip{width:300px; background:#e8e8e8; border:1px solid #ccc; padding:5px;} /* normal table */ .normal{clear:both; width:98%; border-collapse:collapse; border-spacing:0; border:0; empty-cells:show; margin:0 0 0 1px;} .normal th{padding:5px; color:#734916; border:1px solid #d5d5d5; border-bottom:0; background:#f5f0d5;} .normal td{padding:4px; color:#666; text-align:center; background:#fff; border:1px solid #d5d5d5;} .normal td.con{text-align:left; padding:4px 5px 2px 5px;} .normal td.title{font-weight:bold;} .normal td.gray{background:#fafafa;} .normal .cate{background:#f6f6f6;} .normal ul li{padding:0 0 0 6px; background:url(/source/korean/images/common/ico_red.gif) no-repeat 0 0.5em;} /** 공통레이아웃 **/ #mainContainerBox{float:left; width:100%; background:url(/source/china/images/main/bg.gif) repeat-x;} #subContainerBox{float:left; width:100%;} #mainContainer{float:left; width:927px; background:url(/source/china/images/main/container_bg.gif) no-repeat;} #subContainer{float:left; width:927px;} #headArea{float:left; width:100%; height:117px;} #headArea h1{float:left; margin:0; padding:14px 0 0 38px;} #global{float:right; padding:35px 10px 0 0;} #global li{float:left; padding:0 3px 0 0; font-size:90%; font-weight:bold;} #global li.global_menu{padding:0 5px 0 7px; background:url(/source/china/images/common/global_ico.gif) no-repeat 0 9px;} #global li a:link, #global li a:visited{color:#333; font-size:90%;} #global li a:active, #global li a:hover{color:#555; font-size:90%;} /* 메인메뉴 */ #mainmenu{clear:both; position:absolute; top:68px; left:470px;} #mainmenu li{float:left; font-weight:bold; font-size:115%; background:url(/source/china/images/common/mainmenu/menu_bar.gif) no-repeat 0 12px;} #mainmenu li.first-child{background:none;} #mainmenu li a:link, #mainmenu li a:visited{display:block; padding:10px 22px 10px 22px; color:#333;} #mainmenu li a:active, #mainmenu li a:hover{display:block; padding:10px 22px 10px 22px; color:#ff4200;} #mainmenu li.current_on a{display:block; padding:10px 22px 10px 22px; color:#ff4200;} /* 하단정보 */ #foot{clear:both; width:927px; padding:15px 0 20px 0; background:#fff;} #foot .left{float:left; padding:0 0 10px 40px;} #foot .left address{font-style:normal;} #foot .valid{float:right; padding:5px 10px 0 0;} #foot .valid li{float:left; padding:0 5px 4px 0;} #foot fieldset{width:100%;} #foot fieldset select{background:#fff; font-size:90%;} /** 메인레이아웃 **/ #mainContent{clear:both; position:relative; overflow:hidden; width:877px; height:530px; padding:25px 0 0 50px;} #mainLeft{float:left; width:390px;} #mainRight{float:left; width:440px;} /* 의장인사말 */ #greeting{float:left; width:370px;} #greeting h3{padding:0 0 5px 0; font-size:105%; color:#333; height:20px; background:url(/source/china/images/main/dot.gif) repeat-x 0 10px;} #greeting h3 .title{float:left; display:block; width:60px; padding:0 0 0 7px; background:url(/source/china/images/main/ico_greeting.gif) no-repeat 0 6px #fff;} #greeting h3 .more{float:right; display:block; width:35px; padding:5px 0 0 0; text-align:right; background:#fff;} #greeting dl dt{float:left; width:160px;} #greeting dl dt .pic{display:block; width:147px; height:162px; padding:3px; background:#dbdbdb;} #greeting dl dt .name{display:block; width:140px; padding:10px 0 0 10px; font-weight:bold;} #greeting dl dt .pic img{border:1px solid #fff;} #greeting dl dd{float:left; width:200px; font-size:90%; line-height:1.3em;} /* 퀵메뉴 */ #quick{clear:both; float:left; width:273px; height:51px; margin:50px 0 0 0; padding:25px 0 0 90px; background:url(/source/china/images/main/quick_bg.jpg) no-repeat} #quick li{float:left; font-weight:bold; line-height:1.2em;} #quick li.last-child{padding:0 0 0 95px;} #quick li .title{display:block; width:80px;} #quick li .btn{display:block; padding:5px 0 0 0;} /* 배너 */ #banner{clear:both; float:left; width:380px; margin:77px 0 0 0;} #banner ul li{float:left; padding:0 2px 0 0;} #banner ul li.last-child{padding:0;} #banner ul li img{display:block; width:124px; height:43px;} /* 상임위원회 */ #standing{float:left; width:455px;} #standing h3{padding:0 0 5px 0; font-size:105%; color:#333; background:url(/source/china/images/main/dot.gif) repeat-x 0 10px;} #standing h3 span{display:block; width:75px; padding:0 0 0 7px; background:url(/source/china/images/main/ico_standing.gif) no-repeat 0 6px #fff;} #standing dl{clear:both; float:left; width:455px; margin:0 0 15px 0;} #standing dl dt{float:left; width:115px;} #standing dl dd{float:left; width:340px; font-size:90%; line-height:1.3em;} #standing dl dd span{font-size:110%; font-weight:bold;} #standing dl dd img{vertical-align:middle;} /* 메인카피 */ #mainCopy{clear:both; float:left; margin:65px 0 0 0;} * html #mainCopy{clear:both; float:left; margin:70px 0 0 0;} /** 서브레이아웃 **/ #subContent{clear:both; position:relative; overflow:hidden; width:900px; padding:0 0 0 27px;} .content_top{width:900px; height:22px; background:url(/source/china/images/common/content_top.gif) no-repeat;} .content_bg{clear:both; float:left; width:850px; padding:0 25px 0 25px; background:url(/source/china/images/common/content_bg.gif) repeat-y;} .content_bottom{clear:both; width:900px; height:22px; background:url(/source/china/images/common/content_bottom.gif) no-repeat;} #subLeft{float:left; width:196px;} #subRight{float:right; width:635px;} #subVisual{width:635px; height:103px; background:#fafafa;} /* 서브메뉴 */ #submenu{width:174px; padding:53px 0 0 0; background:url(/source/china/images/common/submenu/sm_bg.jpg) no-repeat right top;} #submenu h2{width:174px; height:59px; margin:0 0 5px 0; padding:5px 0 0 0; font-size:150%; color:#c80000; border-bottom:25px solid #c80000; line-height:1.6em;} #submenu h2 span{font-size:150%;} #submenu ul li{font-size:90%; border-bottom:1px solid #ededed;} #submenu ul li.current a:link, #submenu ul li.current a:visited{display:block; padding:7px 3px 5px 3px; background:url(/source/china/images/common/submenu/sm_ico.gif) no-repeat right;} #submenu ul li.current a:active, #submenu ul li.current a:hover{color:#c80000;} #submenu ul li.current_on a{display:block; padding:7px 3px 5px 3px; color:#c80000; background:url(/source/china/images/common/submenu/sm_ico.gif) no-repeat right;} /* 문서제목 */ .pageTitle{width:615px; height:29px; margin:18px 0 20px 0; padding:11px 0 0 20px; font-size:100%; color:#000; background:url(/source/china/images/common/subtitle/st_bg.gif) no-repeat;} /* 기본페이지 */ #sub_default{clear:both; position:relative; overflow:hidden; width:635px; margin:0 auto;} .con_title{padding:0 0 7px 48px; font-weight:bold; font-size:120%; background:url(/source/china/images/common/ico_orangeCircle.gif) no-repeat 30px 0.2em;} /* menu1 */ #sub_menu1{position:relative; overflow:hidden; width:570px; margin:0 auto;} #sub_menu1 dt{float:left; width:246px;} #sub_menu1 dd{float:right; width:318px; padding:0 0 12px 0;} #sub_menu1 dd .sign{font-weight:bold; font-size:120%;} /* menu2 */ #sub_menu02_2{position:relative; overflow:hidden; width:580px; margin:0 auto;} #sub_menu02_2 .info{height:65px; margin:0 0 20px 0; padding:10px 0 0 110px; background:url(/source/china/images/menu2/info_bg.gif) no-repeat;} #sub_menu02_2 dl{clear:both; float:left; margin:0 0 20px 0; padding:12px 20px; border:2px solid #eaeaea;} #sub_menu02_2 dl.history1{background:url(/source/china/images/menu2/history_bg1.gif) no-repeat 11px 12px;} #sub_menu02_2 dl.history2{background:url(/source/china/images/menu2/history_bg2.gif) no-repeat 11px 12px;} #sub_menu02_2 dl.history3{background:url(/source/china/images/menu2/history_bg3.gif) no-repeat 11px 12px;} #sub_menu02_2 dl dt{padding:32px 0 35px 0;} #sub_menu02_2 dl dd{float:left; padding:0 0 0 2px;} #sub_menu02_2 dl dd li{float:left; width:530px; padding:6px 0 4px 0; border-bottom:1px solid #ccc;} #sub_menu02_2 dl dd li.last-child{border:0;} #sub_menu02_2 dl dd li .year{float:left; width:75px;} #sub_menu02_2 dl dd li .detail{float:left; width:420px; padding:0 0 0 10px; border-left:1px solid #ccc;} #sub_menu02_3 dd{padding:0 0 20px 0;} #sub_menu02_3 .normal .first-child{background:#f9f9f9} #sub_menu02_3 .normal .third-child{border-bottom:2px solid #d5d5d5;} #sub_menu02_5 p{margin:0 0 20px 0;} #sub_menu02_5 .way{height:407px; padding:20px 0 0 33px; background:url(/source/china/images/menu2/bg.gif) no-repeat;} #sub_menu02_5 .way li{padding:0 0 12px 0;} /* menu3 */ #sub_menu03{position:relative; overflow:hidden; width:600px; margin:0 auto;} #sub_menu03 li{float:left; width:150px; padding:0 0 15px 0; text-align:center;} #sub_menu03 li dt{width:119px; padding:6px; border:1px solid #e1e1e1;} #sub_menu03_2 .con_title1{position:absolute; top:0; left:0; padding:6px 0 0 0; background:none;} #sub_menu03_2 .con_title2{position:absolute; top:524px; left:0; padding:6px 0 0 0; background:none;} #sub_menu03_2 .con_title3{position:absolute; top:758px; left:0; padding:6px 0 0 0; background:none;} #sub_menu03_2 .con{float:right; width:487px; margin:0 0 20px 0;} #sub_menu03_2 .con .top{width:487px; height:21px; background:url(/source/china/images/menu3/box_top.gif) no-repeat 0 bottom;} #sub_menu03_2 .con .bottom{width:487px; height:21px; background:url(/source/china/images/menu3/box_bottom.gif) no-repeat;} #sub_menu03_2 .con .bg{width:452px; padding:0 20px 0 22px; background:url(/source/china/images/menu3/box_bg.gif) repeat-y;} #sub_menu03_2 .con .bg dt{padding:0 0 3px 20px; font-weight:bold; background:url(/source/china/images/menu3/ico_arrow.gif) no-repeat 0 0.25em;} #sub_menu03_2 .con .bg dd{padding:0 0 13px 0;} /* menu4 */ #sub_menu04 .con_title{color:#ff6d15;} #sub_menu04 dd{padding:0 0 20px 0;} #sub_menu04 .top{width:635px; height:12px; background:url(/source/china/images/menu4/box_top.gif) no-repeat 0 bottom;} #sub_menu04 .bottom{clear:both; width:635px; height:12px; background:url(/source/china/images/menu4/box_bottom.gif) no-repeat;} #sub_menu04 .bg{float:left; width:595px; padding:5px 20px; background:url(/source/china/images/menu4/box_bg.gif) repeat-y;} #sub_menu04 .member{float:left; width:280px; margin:0 15px 20px 0;} #sub_menu04 .member dt{float:left; padding:6px; border:1px solid #ccc;} #sub_menu04 .member dd{float:right; width:135px; padding:3px 0 3px 0; border-bottom:1px solid #ccc;} #sub_menu04 .member dd .subject{float:left; width:40px;} #sub_menu04 .member dd .detail{float:left; width:70px;} #sub_menu04 .bg ul{float:left; padding:15px 0 15px 0;} #sub_menu04 .bg li{clear:both;} #sub_menu04 .bg li p{clear:both; border:1px solid red;} #sub_menu04 .bg li .no{float:left; width:45px;} #sub_menu04 .bg li .detail{float:right; width:550px;}