@import url(/css/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("/introduce/images/res/leftmenu_bg_on.gif") no-repeat; margin:0; padding-top:7px; display:block; color:#2c639f; font-size:14px; 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("/introduce/images/res/leftmenu_bg.gif") no-repeat; margin:0; padding-top:7px; display:block; color:#666666; font-size:13px; 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("/introduce/images/res/leftsub_bg_on.gif") no-repeat; margin-top:0px; margin-bottom:0px; padding-top:2px; color:#2c639f; font-size:12px; 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("/introduce/images/res/leftsub_bg.gif") no-repeat; margin-top:0px; margin-bottom:0px; padding-top:2px; color:#515151; font-size:12px; 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_lo_on {width:194px; height:38px; background:url("/introduce/images/res/leftsub_bg_on.gif") no-repeat; margin-top:0px; margin-bottom:0px; padding-top:2px; color:#2c639f; font-size:12px; 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("/introduce/images/res/leftsub_bg_long.gif") no-repeat; margin-top:0px; margin-bottom:0px; padding-top:2px; color:#515151; font-size:12px; 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;} /* 왼쪽메뉴의 서브메뉴들 */ #leftmenu01 {position:relative; width:194px; height:auto; margin:0; padding:0; display:block;} #leftmenu01 ul {margin:0px; padding:0px; list-style:none;} #leftmenu01 li {float:left;} #leftmenu01_sub {position:relative; width:164px; height:auto; padding-top:10px; margin:0; display:block;} #leftmenu01_sub ul {margin:0px; padding:0px; list-style:none;} #leftmenu01_sub li {float:left;} #leftmenu02 {position:relative; width:194px; height:auto; margin:0; padding:0; display:block;} #leftmenu02 ul {margin:0px; padding:0px; list-style:none;} #leftmenu02 li {float:left;} #leftmenu02_sub {position:relative; width:164px; height:auto; padding-top:10px; margin:0; display:block;} #leftmenu02_sub ul {margin:0px; padding:0px; list-style:none;} #leftmenu02_sub li {float:left;} #leftmenu03 {position:relative; width:194px; height:auto; margin:0; padding:0; display:block;} #leftmenu03 ul {margin:0px; padding:0px; list-style:none;} #leftmenu03 li {float:left;} #leftmenu03_sub {position:relative; width:164px; height:auto; padding-top:10px; margin:0; display:block;} #leftmenu03_sub ul {margin:0px; padding:0px; list-style:none;} #leftmenu03_sub li {float:left;} #leftmenu04 {position:relative; width:194px; height:auto; margin:0; padding:0; display:block;} #leftmenu04 ul {margin:0px; padding:0px; list-style:none;} #leftmenu04 li {float:left;} #leftmenu04_sub {position:relative; width:164px; height:auto; padding-top:10px; margin:0; display:block;} #leftmenu04_sub ul {margin:0px; padding:0px; list-style:none;} #leftmenu04_sub li {float:left;} #leftmenu05 {position:relative; width:194px; height:auto; margin:0; padding:0; display:block;} #leftmenu05 ul {margin:0px; padding:0px; list-style:none;} #leftmenu05 li {float:left;} #leftmenu05_sub {position:relative; width:164px; height:auto; padding-top:10px; margin:0; display:block;} #leftmenu05_sub ul {margin:0px; padding:0px; list-style:none;} #leftmenu05_sub li {float:left;} #leftmenu06 {position:relative; width:194px; height:auto; margin:0; padding:0; display:block;} #leftmenu06 ul {margin:0px; padding:0px; list-style:none;} #leftmenu06 li {float:left;} #leftmenu06_sub {position:relative; width:164px; height:auto; padding-top:10px; margin:0; display:block;} #leftmenu06_sub ul {margin:0px; padding:0px; list-style:none;} #leftmenu06_sub li {float:left;} #leftmenu07 {position:relative; width:194px; height:auto; margin:0; padding:0; display:block;} #leftmenu07 ul {margin:0px; padding:0px; list-style:none;} #leftmenu07 li {float:left;} #leftmenu07_sub {position:relative; width:164px; height:auto; padding-top:10px; margin:0; display:block;} #leftmenu07_sub ul {margin:0px; padding:0px; list-style:none;} #leftmenu07_sub li {float:left;} /** 컨텐츠 시작 **/ /** 가운데 타이틀 **/ #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:78px; 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 ****************/ #introduce {position:relative; width:620px; height:auto; padding:0; margin:0;} #introduce ul {margin:0; padding:0; list-style:none;} #introduce li {padding:0;} #introduce img {display:block;} #introduce .title_sm {color:#0798a1; font-size:12px; text-decoration:underline; font-weight:bold; float:left;} #introduce .point {color:#1e77d2; font-size:12px;} #introduce .pad10 {padding-top:10px; padding-bottom:10px;} #introduce h1 {position:relative; width:620px; height:auto; padding-bottom:10px; margin:0;} #introduce h2 {position:relative; width:500px; height:20px; padding-top:5px; padding-bottom:10px; margin:0;} #introduce h3 {position:relative; width:620px; height:20px; padding-top:10px; padding-bottom:10px; float:left;} #introduce h4 {position:relative; width:620px; height:auto; padding:0; margin:0;} #gray_bg {background-color:#f1f1f1; padding:10px; width:570px;} #introduce .imgpad {padding-top:8px; padding-bottom:8px;} /*중간타이틀*/ #intro_title_mid {position:relative; width:600px; padding-left:20px; margin:0;} #intro_title_mid ul {margin:0; padding:0; list-style: none;} #intro_title_mid li {padding-top:3px; padding-bottom:3px; color:#1e77d2; font-size:12px; font-weight:bold;} #intro_title_mid img {display:block; float:left; padding-top:5px;} /* 기본 텍스트*/ #intro_text {position:relative; width:620px; margin:0;} #intro_text ul {margin:0; list-style: none;} #intro_text ul li {list-style: none; padding-left:47px; line-height:20px;} #intro_text img {display:block;} #intro_text .padleft {padding-left:10px;} /*중간타이틀2*/ #intro_title_mid2 {position:relative; width:620px; height:25px; padding-left:0px; margin:0;} #intro_title_mid2 ul {margin:0; padding:0; list-style: none;} #intro_title_mid2 li {padding-top:3px; padding-bottom:3px; color:#1e77d2; font-size:12px; font-weight:bold;} #intro_title_mid2 img {display:block; float:left; padding-top:5px;} /* 기본 텍스트2*/ #intro_text2 {position:relative; width:620px; margin:0;} #intro_text2 ul {margin:0; list-style: none;} #intro_text2 ul li {list-style: none; padding-left:27px; line-height:20px;} #intro_text2 img {display:block;} #intro_text2 .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_2000 {position:relative; width:580px; height:auto; margin-left:20px; margin:0px; padding:0; list-style:none; display:block;} #history_1990 {position:relative; width:580px; height:auto; margin-left:20px; margin:0px; padding:0; list-style:none; display:block;} #history_1980 {position:relative; width:580px; height:auto; margin-left:20px; margin:0px; padding:0; list-style:none; display:block;} #history_1970 {position:relative; width:580px; height:auto; margin-left:20px; margin:0px; padding:0; list-style:none; display:block;} #history_book {position:relative; width:580px; height:auto; margin-left:20px; margin:0px; padding:0; list-style:none; display:block;} #history_numtitle {position:absolute; width:131px; height:auto; margin:0; padding:0;} #history_numtitle ul {margin:0; padding:0; list-style: none;} #history_numtitle li {padding-left:20px; padding-top:10px;} #history_numtitle_book {position:absolute; width:131px; height:auto; margin:0; padding:0;} #history_numtitle_book ul {margin:0; padding:0; list-style: none;} #history_numtitle_book li {padding-left:5px; padding-top:10px;} #history_num {position:absolute; width:125px; height:auto; margin-left:131px; 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:324px; height:auto; margin-left:256px; padding:0;} #history_text ul {margin:0; list-style: none;} #history_text li {padding-left:28px; line-height:29px; padding-top:2px;} #history_text_book {position:absolute; width:449px; height:auto; margin-left:131px; padding:0;} #history_text_book ul {margin:0; list-style: none;} #history_text_book li {padding-left:28px; line-height:29px; padding-top:2px;} .year_new01 {background:url("/introduce/images/res/his_bg01.gif")} .year_new02 {background:url("/introduce/images/res/his_bg02.gif")} .year_new03 {background:url("/introduce/images/res/his_bg03.gif")} .year_book {background:url("/introduce/images/res/his_bg_book.gif")} /* 강의실 및 회의실 */ #class {position:relative; width:620px; margin:0px; padding:0px;} #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;} /* 주요업무 */ #introduce .title_point {color:#0798a1; width:600px; padding-left:10px; font-size:12px; text-decoration:underline; line-height:20px; padding-bottom:30px;} /* 도서관 */ #intro_lib {position:relative; width:620px; margin:0px; padding:0px;} #intro_lib ul {margin:0; list-style: none;} #intro_lib li {padding:0;} #intro_lib .pad {padding-left:52px;} #intro_lib .pad2 {padding-left:78px;} #intro_lib .right {text-align:right;} #intro_lib .title_ex {color:#0798a1; font-size:12px; text-decoration:underline; font-weight:bold;} #intro_lib_left {position:relative; width:320px; margin:0; padding:0;} #intro_lib_left ul {margin:0; list-style: none;} #intro_lib_left li {padding:0;} #intro_lib_right {position:absolute; width:300px; margin-left:320px; padding:0;} #intro_lib_right ul {margin:0; list-style: none;} #intro_lib_right li {padding:0; float:left;} #intro_lib h5 {padding-bottom:10px; margin:0;} /* 조직도 */ .org01 {FONT: bold 14px dotum,sans-serif; color:#143697;} #org {position:relative; width:620px; margin-top:10px;} #org ul {margin:0; padding:0; list-style:none;} #org ul li {list-style:none; display:inline; margin:0; padding:0;} /*설명1*/ .info01 {width:620px; height:17px; background:url("/introduce/images/res/tab_bar01.gif") no-repeat; } .info02 {width:620px; background:url("/introduce/images/res/tab_bar03.gif"); font:8pt dotum,sans-serif; color:#555555;} .info03 {width:620px; height:15px; background:url("/introduce/images/res/tab_bar02.gif") no-repeat; } .info04 {font:8pt dotum,sans-serif; color:#555555;} .mpro {FONT: bold 12px dotum,sans-serif; color:#1e77d2; text-align:left;} .mpro_title {FONT: bold 12px dotum,sans-serif; color:#1e77d2; height:25px; background-color:#f1f1f1; padding-left:10px;} /*버튼*/ .button01 {background:url("/introduce/images/res/button01.gif") no-repeat; width:2px;line-height:20px; } .button03 {background:url("/introduce/images/res/button03.gif") no-repeat; width:2px;line-height:20px; } .button{FONT: 12px dotum,sans-serif; color:#ffffff; line-height:20px;background:url("/introduce/images/res/button02.gif");padding:0 3px 0 3px;} .button A:link {FONT: 12px dotum,sans-serif; color:#ffffff;line-height:20px; } .button A:visited {FONT: 12px dotum,sans-serif; color:#ffffff;line-height:20px;} .button A:hover {FONT: 12px dotum,sans-serif; color:#ffffff;line-height:20px;}