@import url(index2.css); /********************* left css *********************/ /* 왼쪽메뉴 */ #left_menu {position:relative; width:194px; height:auto; margin:0px; padding:0px; display:block;} #left_menu ul {margin:0; padding:0; list-style:none;} #left_menu li {float:left;} #left_menu h1 {margin:0; padding:0; width:194px; height:92px; display:block;} /* 왼쪽메뉴 오버/오버아닐때 */ #left_menu .menu_on {width:194px; height:28px; background:url("/eng/about/images/res/leftmenu_bg_on.gif") no-repeat; margin:0; padding-top:7px; display:block; color:#2c639f; font-size:12px; font-weight:bold;} #left_menu .menu_on a:link {color:#2c639f; text-decoration:none; padding-left:25px;} #left_menu .menu_on a:visited {color:#2c639f; text-decoration:none; padding-left:25px;} #left_menu .menu_on a:hover {color:#2c639f; text-decoration:none; padding-left:25px;} #left_menu .menu {width:194px; height:28px; background:url("/eng/about/images/res/leftmenu_bg.gif") no-repeat; margin:0; padding-top:7px; display:block; color:#666666; font-size:12px; font-weight:bold;} #left_menu .menu a:link {color:#666666; text-decoration:none; padding-left:25px;} #left_menu .menu a:visited {color:#666666; text-decoration:none; padding-left:25px;} #left_menu .menu a:hover {color:#2c639f; text-decoration:none; padding-left:25px;} .plus {position:absolute; margin:0; padding:0; left:170px; display:block; z-index:5; padding-top:2px;} /* 왼쪽메뉴의 서브메뉴 */ #left_menu .submenu_on {width:194px; height:19px; background:url("/eng/about/images/res/leftsub_bg_on.gif") no-repeat; margin-top:0px; margin-bottom:0px; padding-top:2px; color:#2c639f; font-size:11px; display:block; font-weight:normal;} #left_menu .submenu a:link {color:#515151; text-decoration:none; padding-left:35px;} #left_menu .submenu a:visited {color:#515151; text-decoration:none; padding-left:35px;} #left_menu .submenu a:hover {color:#2c639f; text-decoration:none; padding-left:35px;} #left_menu .submenu {width:194px; height:auto; background:url("/eng/about/images/res/leftsub_bg.gif") no-repeat; margin-top:0px; margin-bottom:0px; padding-top:2px; color:#515151; font-size:11px; display:block; font-weight:normal;} #left_menu .submenu_on a:link {color:#2c639f; text-decoration:none; padding-left:35px;} #left_menu .submenu_on a:visited {color:#2c639f; text-decoration:none; padding-left:35px;} #left_menu .submenu_on a:hover {color:#2c639f; text-decoration:none; padding-left:35px;} #left_menu .submenu_long {width:194px; height:40px; background:url("/eng/about/images/res/leftsub_bg_long.gif") no-repeat; margin-top:0px; margin-bottom:0px; padding-top:2px; color:#515151; font-size:11px; display:block; font-weight:normal;} #left_menu .submenu_long a:link {color:#515151; text-decoration:none; padding-left:35px;} #left_menu .submenu_long a:visited {color:#515151; text-decoration:none; padding-left:35px;} #left_menu .submenu_long a:hover {color:#2c639f; text-decoration:none; padding-left:35px;} #left_menu .submenu_long_on {width:194px; height:40px; background:url("/eng/about/images/res/leftsub_bg_on.gif") no-repeat; margin-top:0px; margin-bottom:0px; padding-top:2px; color:#2c639f; font-size:11px; display:block; font-weight:normal;} #left_menu .submenu_long_on a:link {color:#2c639f; text-decoration:none; padding-left:35px;} #left_menu .submenu_long_on a:visited {color:#2c639f; text-decoration:none; padding-left:35px;} #left_menu .submenu_long_on a:hover {color:#2c639f; text-decoration:none; padding-left:35px;} /* 왼쪽메뉴의 서브메뉴 두줄일때 */ #left_menu .submenu_lo_on {width:194px; height:38px; background:url("/eng/about/images/res/leftsub_bg_on.gif") no-repeat; margin-top:0px; margin-bottom:0px; padding-top:2px; color:#2c639f; font-size:11px; display:block; font-weight:normal;} #left_menu .submenu_lo a:link {color:#515151; text-decoration:none; padding-left:35px;} #left_menu .submenu_lo a:visited {color:#515151; text-decoration:none; padding-left:35px;} #left_menu .submenu_lo a:hover {color:#2c639f; text-decoration:none; padding-left:35px;} #left_menu .submenu_lo {width:194px; height:auto; background:url("/eng/about/images/res/leftsub_bg_long.gif") no-repeat; margin-top:0px; margin-bottom:0px; padding-top:2px; color:#515151; font-size:11px; display:block; font-weight:normal;} #left_menu .submenu_lo_on a:link {color:#2c639f; text-decoration:none; padding-left:35px;} #left_menu .submenu_lo_on a:visited {color:#2c639f; text-decoration:none; padding-left:35px;} #left_menu .submenu_lo_on a:hover {color:#2c639f; text-decoration:none; padding-left:35px;} #left_menu .pad {padding-left:35px;} /********************* 게시판관련 css *********************/ /*게시판 리스트*/ .board_top{background:url("/eng/about/images/res/board_top01.gif"); height:8px;} .board_top2{background:url("/eng/about/images/res/board_top02.gif"); height:8px; } .board_top3{background:url("/eng/about/images/res/top_bar.gif") no-repeat 0 50%; width:1px; background-color:#ffffff;} .board_topleft{background-color:#88b4df; width:2px;} .board_topright{background-color:#d0d1d2; width:2px;} .board_bottom{background:url("/eng/about/images/res/board_bottom.gif"); height:6px;} .board_title{background-color:#ffffff; FONT: bold 12px dotum,sans-serif; color:#2c639f; text-align:center; padding-top:5px; padding-bottom:5px;} .board_center{line-height:28px; text-align:center; } .board_line{background-color:#E5E5E5;height:1px; } .board_list{FONT: 12px dotum,sans-serif; color:#555555; line-height:26px; } .board_list A:link {FONT: 12px dotum,sans-serif; color:#555555; text-decoration:none ;line-height:26px; } .board_list A:visited {FONT: 12px dotum,sans-serif; color:#555555; text-decoration:none;line-height:26px;} .board_list A:hover {FONT: 12px dotum,sans-serif; color:#2c639f; text-decoration:none; line-height:26px;} /*게시판 뷰*/ .view_line{background-color:#d0d1d2; height:1px;} .view_con{padding:20px;} .view_subject{padding:0 0 0 20px; background:url("/eng/about/images/res/top_bar.gif") no-repeat 0 50%;} .view01{background-color:#8eb0d4;height:2px;} .view02{background-color:#8eb0d4;height:1px;} /*게시판 쓰기*/ .write_top{background:url("/eng/about/images/res/board_writetop.gif"); height:2px;} .write_title{background-color:#ffffff; FONT: bold 12px dotum,sans-serif; color:#2c639f; line-height:26px; text-align:center;} .write_subject{padding-left:20px; padding-top:5px; padding-bottom:5px; background:url("/eng/about/images/res/top_bar.gif") no-repeat 0 50%;} .write_subject_lo{padding-left:20px; padding-top:5px; padding-bottom:5px; background:url("/eng/about/images/res/top_bar.gif") no-repeat 0 50%;} /*버튼*/ .button01 {background:url("/eng/about/images/res/button01.gif") no-repeat; width:16px;height:19px;} .button03 {background:url("/eng/about/images/res/button03.gif") no-repeat; width:9px; height:19px;} .button{FONT:12px dotum,sans-serif; color:#ffffff; background:url("/eng/about/images/res/button02.gif") repeat-x; padding:0 2px 0 2px;} .button A:link {FONT: 12px dotum,sans-serif; color:#ffffff;line-height:22px; text-decoration:none;} .button A:visited {FONT: 12px dotum,sans-serif; color:#ffffff;line-height:22px; text-decoration:none;} .button A:hover {FONT: 12px dotum,sans-serif; color:#ffffff;line-height:22px; text-decoration:none;} /*넘버링 링크*/ .number{FONT: 12px dotum,sans-serif; color:#555555; line-height:30px; letter-spacing:1pt;padding:0 3px 0 3px;} .number A:link {FONT: 12px dotum,sans-serif; color:#555555; text-decoration:none ;line-height:30px;padding:0 3px 0 3px; } .number A:visited {FONT: 12px dotum,sans-serif; color:#555555; text-decoration:none;line-height:30px;padding:0 3px 0 3px;} .number A:hover {FONT: 12px dotum,sans-serif; color:#0A43A2; text-decoration:none;line-height:30px;padding:0 3px 0 3px;} .number_hyun {FONT: bold 13px gulim,sans-serif; color:#0A43A2;} /* 글자 효과 */ .type_yel {FONT: bold 12px gulim,sans-serif; color:#F1721D;} /** 컨텐츠 시작 **/ /** 가운데 타이틀 **/ #middle_title {position:absolute; margin:0; padding-top:45px; padding-left:20px; z-index:2;} #middle_title ul {margin:0; padding:0; list-style:none;} #middle_title li {text-align:right; color:#295484; font-size:16px; font-weight:bold;} /** 페이지 위치 **/ #middle_locat {position:relative; width:630px; height:10px; padding:0; margin:0; display:block; z-index:5;} #middle_locat ul {margin:0; padding:0; list-style:none;} #middle_locat li {float:right; padding-top:5px;} #middle_locat .type {font-size:11px;} #middle_locat .type a:link {color:#515151; text-decoration:none;} #middle_locat .type a:visited {color:#515151; text-decoration:none;} #middle_locat .type a:hover {color:#11539c; text-decoration:none;} /** 타이틀 이미지 **/ #middle_img {position:relative; width:630px; height:88px; padding:0; margin:0; display:block; z-index:0;} #middle_img ul {margin:0; padding:0; list-style:none;} #middle_img li {float:left; padding-top:7px;} /************ 외교안보연구원소개에 관한 기본 css ****************/ #about_con {position:relative; width:620px; height:auto; padding:0; margin:0;} #about_con ul {margin:0; padding:0; list-style:none;} #about_con li {padding:0;} #about_con img {display:block;} #about_con .title_sm {color:#0798a1; font-size:12px; text-decoration:underline; font-weight:bold; float:left;} #about_con .point {color:#1e77d2; font-size:12px;} #about_con .pad10 {padding-top:10px; padding-bottom:10px;} #about_con h1 {position:relative; width:620px; height:auto; padding-bottom:20px; margin:0;} #about_con h2 {position:relative; width:500px; height:20px; padding-top:20px; padding-bottom:20px; margin:0;} #about_con h3 {position:relative; width:620px; height:20px; padding-top:10px; padding-bottom:10px; float:left;} #gray_bg {background-color:#f1f1f1; padding:10px; width:570px;} #about_con .padleft {padding-left:10px;} #about_con .class_pic {padding-left:10px; padding-top:5px; padding-bottom:5px;} /*중간타이틀*/ #about_title_mid {position:relative; width:620px; padding:0; margin:0;} #about_title_mid ul {margin:0; padding:0; list-style: none;} #about_title_mid li {padding-top:5px; padding-bottom:5px; color:#1e77d2; font-size:12px; font-weight:bold;} #about_title_mid img {display:block; float:left;} /* 기본 텍스트*/ #about_text {position:relative; width:620px; margin:0;} #about_text ul {margin:0; list-style: none;} #about_text ul li {list-style: none; padding-left:23px; line-height:22px;} #about_text img {display:block;} #about_text .padleft {padding-left:10px;} /************ 외교안보연구원소개의 각 컨텐츠 css ****************/ /* 인사말 텍스트 */ #greeting {position:relative; width:418px; margin-left:202px; padding-top:10px;} #greeting ul {margin:0; list-style: none;} #greeting ul li {padding:0;} #greeting .sign {padding-left:235px;} /* 약력 */ #history {position:relative; width:620px; height:auto; padding:0; margin:0;} #history ul {margin:0; padding:0; list-style:none;} #history li {padding:0;} #history_2000 {position:relative; width:620px; height:auto; margin:0px; padding:0; list-style:none; display:block;} #history_1990 {position:relative; width:620px; height:auto; margin:0px; padding:0; list-style:none; display:block;} #history_1980 {position:relative; width:620px; height:auto; margin:0px; padding:0; list-style:none; display:block;} #history_1970 {position:relative; width:620px; height:auto; margin:0px; padding:0; list-style:none; display:block;} #history_publication {position:relative; width:620px; height:auto; margin:0px; padding:0; list-style:none; display:block;} #history_publication h5 {padding:0; margin:0;} #history_numtitle {position:absolute; width:80px; height:auto; margin:0; padding:0;} #history_numtitle ul {margin:0; padding:0; list-style: none;} #history_numtitle li {padding-top:10px;} #history_num {position:absolute; width:125px; height:auto; margin-left:80px; padding:0;} #history_num ul {margin:0; list-style: none;} #history_num li {padding-left:30px; color:#438eda; font-weight:bold; line-height:29px; padding-top:2px;} #history_text {position:relative; width:415px; height:auto; margin-left:205px; padding:0;} #history_text ul {margin:0; list-style: none;} #history_text li {padding-left:10px; line-height:29px; padding-top:2px;} #history_public_text {position:relative; width:540px; height:auto; margin-left:80px; padding:0;} #history_public_text ul {margin:0; list-style: none;} #history_public_text li {padding-left:10px; line-height:29px; padding-top:2px;} /* 강의실 및 회의실 */ #class {position:relative; width:620px; margin:0; padding:0;} #class ul {margin:0; list-style: none;} #class li {padding:0;} #class .pad {padding-left:52px;} #class .pad2 {padding-left:78px;} #class .right {text-align:right;} #class .title_ex {color:#0798a1; font-size:12px; text-decoration:underline; font-weight:bold;} #class_left {position:relative; width:380px; margin:0; padding:0;} #class_left ul {margin:0; list-style: none;} #class_left li {padding:0;} #class_right {position:absolute; width:220px; margin-left:380px; padding:0;} #class_right ul {margin:0; list-style: none;} #class_right li {padding:0; float:left;} /* 주요업무 */ #about .title_point {color:#0798a1; width:600px; padding-left:10px; font-size:12px; text-decoration:underline; line-height:20px; padding-bottom:30px;} /****** Museum table ******/ #mu_table {position:relative; width:620px; height:auto; margin:0; padding:0; display:block; border-width:1px; border-top-width:2px; border-style:solid; border-top-color:#88b4df; border-right-color:#88b4df; border-left-color:#ffffff; border-bottom-color:#88b4df;} #mu_table th {border-width:1px; border-style:solid; border-top-color:#ffffff; border-left-color:#c3d9ef; border-right-color:#ffffff; border-bottom-color:#c3d9ef; padding-top:5px; padding-bottom:5px; padding-left:2px; padding-right:2px;} #mu_table td {text-align:left; border-width:1px; border-style:solid; border-bottom-color:#c3d9ef; border-left-color:#c3d9ef; border-top-color:#ffffff; border-right-color:#ffffff; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:2px;} #mu_table .mu_img {text-align:center; padding-top:5px; padding-bottom:5px;} /**** Museum tab ****/ #about_tab {position:relative; width:620px; height:36px; margin-top:20px; margin:0; padding:0;} #about_tab ul {margin:0; padding:0; list-style: none;} #about_tab li {float:left;} #about_tab img {display:block;} #about_tab02 {position:relative; width:404px; height:36px; margin-top:10px; margin-bottom:20px; margin:0; padding-bottom:50px;} #about_tab02 ul {margin:0; padding:0; list-style: none;} #about_tab02 li {float:left;} #about_tab02 img {display:block;} /* library */ #guide {position:relative; width:620px; height:auto; padding-top:20px; margin:0;} #guide ul {margin:0; padding:0; list-style:none;} #guide li {padding:0;} #guide img {display:block;} #guide_tab {position:relative; width:580px; height:36px; margin-top:20px; margin-bottom:20px; margin-left:45px; padding:0;} #guide_tab ul {margin:0; padding:0; list-style: none;} #guide_tab li {float:left;} #guide_tab img {display:block;} #guide_pic {position:absolute; width:50px; height:94px; margin-left:20px; padding:0;} #guide_pic ul {margin:0; padding:0; list-style: none;} #guide_pic li {padding:0; float:left;} #guide_pic img {display:block;} #guide_text {position:relative; width:620px; height:auto; margin:0; padding:0;} #guide_text ul {margin:0; padding:0; list-style: none;} #guide_text li {padding:0; margin-left:140px; margin-right:20px;} #guide_text img {display:block;} #guide_text .pad5 {padding-bottom:5px;} #museum {position:relative; width:620px; height:135px; padding:0; margin:0;} #museum ul {margin:0; padding:0; list-style: none;} #museum li {float:left;} #museum .mu_right {padding-left:10px;} .year_new01 {background:url("/eng/about/images/res/his_bg01.gif")} .year_new02 {background:url("/eng/about/images/res/his_bg02.gif")} .year_new03 {background:url("/eng/about/images/res/his_bg03.gif")} .year_publication {background:url("/eng/about/images/res/his_bg_publication.gif")} .year_new01_long {background:url("/eng/about/images/res/his_bg01_long.gif")} .year_new02_long {background:url("/eng/about/images/res/his_bg02_long.gif")} .year_new03_long {background:url("/eng/about/images/res/his_bg03_long.gif")} .year_new04 {background:url("/eng/about/images/res/his_bg04.gif")} .year_new04_long {background:url("/eng/about/images/res/his_bg04_long.gif")}