/* GeneSoft DesignTeam (http://www.genesofts.com/) version : 1.1 (080924 > 081006) Author : Kim SangYu */ @charset "utf-8"; * {font-family: "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size: small; color: #807c79; text-decoration: none;} body * {overflow: y;} body {margin: 0; background: url('/images/common/bg_body.gif') repeat-x left top;} img {border: none;} input {vertical-align: middle;} select {vertical-align: middle; _margin: 1px 0 0 0;} #wrap {width: 100%;} #header {position: relative; width: 920px; height: 150px; margin: 0 auto;} #gnb {width: 920px; height: 70px; background: url('/images/common/bg_gnb.gif') no-repeat left top;} #lnb {width: 920px; margin: 0 auto;} #colwrap {width: 100%; background: #f6f5f3 url('/images/common/bg_colwrap.gif') repeat-x left bottom;} #container {width: 920px; margin: 0 auto;}/* page name */ #snb {float: left; width: 170px; margin: 0; padding: 10px 0 0 0;} #colgroup {float: left; width: 750px; margin: 0; padding: 0; vertical-align: top;} #content {clear: both; width: 640px; margin: 0 auto; padding: 0 0 50px 0; line-height: 140%;} #footer {clear: both; position: relative; width: 740px; height: 120px; margin: 0 auto; padding: 0 0 30px 180px; background: url('/images/common/h2_footer_kepa.gif') no-repeat 40px 20px;} #header h1 {position: absolute; width: 190px; height: 40px; margin: 0; padding: 0; top: 17px; left: 0; overflow: hidden;} #header h1 a {display: block; width: 190px; height: 40px; margin: 0; padding: 40px 0 0 0; background: url('/images/common/kepa.gif') no-repeat left top;} #header .search {position: absolute; margin: 0; padding: 0; right: 305px; top: 8px;} #header .search input {vertical-align: top; _margin: -1px 0 0 0; border: 1px solid #e5e5e3; border-right: none; width: 150px; height: 14px;} #header .search img {vertical-align: top;} #header .search a {margin: 0 8px 0 0;} #gnb ul {float: right; margin: 10px 0 0 0; padding: 0; list-style: none;} #gnb li {float: left; padding: 0 10px; background: url('/images/common/par_h.gif') no-repeat left -20px} #gnb li.s1 {background: none;} #gnb li a {color: #808080; font-size: 85%; _font-size: 85%; text-decoration: none;} #gnb li a:active, #gnb li a:hover {color: #333333} #lnb {position: relative; width: 920px; height: 42px; background: url('/images/common/bg_lnb.gif') no-repeat left top; overflow: hidden;} #lnb h2 {display: none;} #lnb ul {display: block; position: absolute; margin:0; padding: 0; height: 42px; top: 0; left: 0; list-style: none;} #lnb li {float: left;} #lnb li a {display: block; height: 42px; padding: 84px 0 0 0;} #lnb li a:active, #lnb li a:hover {background-position: left -42px;} #lnb li a.selected {background-position: left -84px;} #lnb .s1 a {background: url('/images/common/btn_lnb_01.gif') no-repeat left top; margin-left: 25px; width: 48px;} #lnb .s2 a {background: url('/images/common/btn_lnb_02.gif') no-repeat left top; margin-left: 20px; width: 111px;} #lnb .s3 a {background: url('/images/common/btn_lnb_03.gif') no-repeat left top; margin-left: 20px; width: 100px;} #lnb .s4 a {background: url('/images/common/btn_lnb_04.gif') no-repeat left top; margin-left: 20px; width: 123px;} #lnb .s5 a {background: url('/images/common/btn_lnb_05.gif') no-repeat left top; margin-left: 20px; width: 88px;} #lnb .s6 a {background: url('/images/common/btn_lnb_06.gif') no-repeat left top; margin-left: 20px; width: 101px;} #lnb .s7 a {background: url('/images/common/btn_lnb_07.gif') no-repeat left top; margin-left: 51px; width: 48px;} #lnb .s8 a {background: url('/images/common/btn_lnb_08.gif') no-repeat left top; margin-left: 51px; width: 48px;} #header .nav {position: relative; width: 920px; height: 38px; background: url('/images/common/bg_lnb_02.gif') repeat-x left top;} #header .nav h3 {display: none;} #header .nav ul {position: absolute; height: 15px; margin: 0; padding: 0; top: 12px; left: 50px; list-style: none;} #header .nav li {float: left; height: 26px; padding: 0 10px; letter-spacing: -0.05em; background: url('/images/common/par_h.gif') no-repeat right -20px;} #header .nav li.last {background: none;} #header .nav li a {float: left; display: block; color: #808080; text-decoration: none; height: 26px;} #header .nav li a:active, #header .nav li a:hover {color: #333333; text-decoration: underline;} #header .nav li .selected {color: #b35947; background: url('/images/common/bg_lnb_03.gif') no-repeat 50% bottom;} #snb .nav {width: 170px; margin: 0; padding: 10px 0 10px 0; background: url('/images/common/bg_nav.gif') no-repeat left bottom;} #snb .nav ul {width: 135px; margin: 0 0 0 20px; padding: 0; list-style: none;} #snb .nav ul li {margin: 0; padding: 5px 0 5px 0; _padding: 6px 0 4px 0; background: url('/images/common/par_v.gif') repeat-x left bottom;} #snb .nav ul li.last {background: none;} #snb .nav ul li a {text-decoration: none; padding: 0 0 0 15px; height: 25px; background: url('/images/common/bul_snb_01.gif') no-repeat left top;} #snb .nav ul li a.selected {font-weight: bold; color: #4d4d4d;} #snb .nav li ul {margin: 5px 0 0 17px; padding: 0; width: 120px;} #snb .nav li ul li {margin: 0; padding: 0 0 2px 10px; _padding: 0 0 4px 10px; background: url('/images/common/bul_snb_02.gif') no-repeat left top;} #snb .nav li ul li a {margin: 0; padding: 0; text-decoration: none; background: none; letter-spacing: normal;} #snb .nav li ul li a:active, #snb .nav li ul li a:hover, #snb .nav li ul li a.selected{font-weight: normal; color: #b35947;} #colgroup .path {float: right; margin: 10px 0; padding: 0 0 0 9px; background: url('/images/common/bul_path.gif') no-repeat left top; color: #d9d8d7;} #colgroup .path a {margin: 0 5px; color: #807c79; text-decoration: none;} #colgroup .path a:active, #colgroup .path a:hover, #colgroup .path a.selected{text-decoration: underline;} #colgroup .spot {clear: both; width: 750px; height: 85px; margin: 0 auto; background: url('/images/common/bg_spot.gif') no-repeat left top;} #colgroup .spot h3 {margin: 0 0 0 35px; padding: 0 0 0 20px; height: 25px; font-size: 115%; letter-spacing: -0.1em; color: #4d4d4d; background: url('/images/common/bul_h3.gif') no-repeat left top;} #colgroup .spot p {margin: 0 0 0 35px; padding: 0 0 0 23px; font-style: normal;} #footer h2 {display: none;} #footer ul {margin: 0; padding: 20px 0 0 0; list-style: none;} #footer li {display: inline; padding: 0 10px 0 10px; font-weight: bold; letter-spacing: -0.1em; background: url('/images/common/par_h.gif') no-repeat left top;} #footer .info {margin: 10px 0; color: #b3b3b3;} #footer .info span {margin: 0 5px 0 0; padding: 0 7px 0 0; color: #b3b3b3; line-height: 1.5em; background: url('/images/common/par_h.gif') no-repeat right top;} #footer .copy {font: 88% "tahoma"; color: #b3b3b3;} #footer .copy a {font: 100% "tahoma"; color: #5ca1e5;} #footer .link {position: absolute; left: 530px; top: 5px;} .footer {position: relative; clear: both; margin: 0; width: 100%; min-height: 60px; _height: 60px;} .btn_l {position: absolute; margin: 0; padding: 0; left:0; top: 15px;} .btn_r {position: absolute; margin: 0; padding: 0; right:0;top: 15px;} .btn_c {margin: 15px 0 0 0; padding: 0; text-align: center;} .btn input, .btn img, .btn_c input, .btn_c img, .btn_l input, .btn_l img, .btn_r input, .btn_r img {vertical-align: middle;} .pag {padding: 15px 0 30px 0; text-align:center;} .pag * {margin: 0; padding: 0;} .pag a, .pag strong {_position:relative; display:inline-block; margin-right:-6px; padding:3px 10px 2px 11px; text-decoration:none !important; line-height:normal; font: 88% Tahoma, Serif; background: #f6f5f3 url(/images/common/par_h.gif) no-repeat 0 3px;} .pag strong {color:#b35947 !important;} .pag a:hover, .pag a:active, .pag a:focus {background-color:#fafaf8;} .pag a.prev, .pag a.prev_end, .pag a.next, .pag a.next_end {font: 88% "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;} .pag a.prev {padding: 4px 10px 2px 17px; background: url(/images/common/bul_pg1_l1.gif) no-repeat right 5px !important;} .pag a.prev_end {padding: 4px 10px 2px 16px; background: url(/images/common/bul_pg1_l2.gif) no-repeat right 5px !important;} .pag a.next {padding: 4px 18px 2px 11px; background: url(/images/common/bul_pg1_r1.gif) no-repeat left 5px !important;} .pag a.next_end {padding: 4px 16px 2px 9px; background: url(/images/common/bul_pg1_r2.gif) no-repeat left 5px !important;} .footer .search {margin: 0 auto; text-align: center;} .footer .search input {height: 15px; width: 150px; border: 1px solid #d9d8d7; border-right: none;} .footer .search select, .footer .search img {vertical-align: middle;} .tbtype01 {border-collapse: collapse; width: 100%;} .tbtype01 th {padding: 6px 5px; _padding: 7px 5px 5px 5px; border: 1px solid #d9d8d7;} .tbtype01 td {padding: 6px 5px; _padding: 7px 5px 5px 5px; border: 1px solid #d9d8d7; background: #ffffff;} h4 {margin: 20px 0 8px 0; padding: 0 0 0 10px; color: #4d4d4d; letter-spacing: -0.1em; background: url('/images/common/bul_h4.gif') no-repeat left top;} h4 span {margin: 0 0 0 10px; font-weight: normal;} h4 span strong {color: #b35947; font-weight: normal;} #content .btn input {width: 61px; height: 26px;} /* 텝버튼 디자인 */ .tbtn {width: 100%; font-family: "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size: small; font-weight: bold; letter-spacing: -0.1em;} .tbtn ul {float: left; width: 100%; margin: 0; padding: 0; list-style: none;} .tbtn li {float: left; margin: 0 0 0 3px; padding: 0;} .tbtn li a {float: left; display: block; padding: 8px 10px 5px 10px; text-align: center; text-decoration: none;} .tbtn .type01 {background: url('/images/common/tbtn_type01_00.gif') repeat-x left bottom;} .tbtn .type01 li {background: url('/images/common/tbtn_type01_01.gif') no-repeat left top;} .tbtn .type01 li a {background: url('/images/common/tbtn_type01_02.gif') no-repeat right top; border-bottom: 1px solid #d9d9d9; color: #666666;} .tbtn .type01 li a:hover, .tbtn .type01 li a:active {color: #fa576a;} .tbtn .type01 .selected {background: url('/images/common/tbtn_type01_21.gif') no-repeat left top;} .tbtn .type01 .selected a {background: url('/images/common/tbtn_type01_22.gif') no-repeat right top; border-bottom: 1px solid #ffffff; color: #666666;} .tbtn .type02 {background: url('/images/common/tbtn_type02_00.gif') repeat-x left bottom;} .tbtn .type02 li {background: url('/images/common/tbtn_type02_01.gif') no-repeat left top;} .tbtn .type02 li a {background: url('/images/common/tbtn_type02_02.gif') no-repeat right top; border-bottom: 1px solid #4595e6; color: #666666;} .tbtn .type02 li a:hover, .tbtn .type02 li a:active {text-decoration: underline;} .tbtn .type02 .selected {background: url('/images/common/tbtn_type02_21.gif') no-repeat left top;} .tbtn .type02 .selected a {background: url('/images/common/tbtn_type02_22.gif') no-repeat right top; border-bottom: 1px solid #4595e6; color: #ffffff;} /* 기본 테이블 */ .table_type01 {width: 100%; border-collapse: collapse; border: 1px solid #d9d9d9; line-height: 1.1em;} .table_type01 th {text-align: center; border: 1px solid #d9d9d9;} .table_type01 td {padding: 8px 8px 9px 8px; #padding: 8px 7px 7px 7px; border: 1px solid #d9d9d9;} .table_type02 {width: 100%; border-collapse: collapse; border: 1px solid #d9d9d9; line-height: 1.1em;} .table_type02 th {padding: 9px 8px 8px 8px; #padding: 8px 7px 7px 7px; text-align: center; border: 1px solid #d9d9d9; background: #ffffff;} .table_type02 td {padding: 9px 8px 8px 8px; #padding: 8px 7px 7px 7px; border: 1px solid #d9d9d9;} .table_type03 {width: 100%; border-collapse: collapse; border: 1px solid #d9d9d9; line-height: 1.1em;} .table_type03 th {padding: 9px 8px 8px 8px; #padding: 8px 7px 7px 7px; text-align: center; border: 1px solid #d9d9d9;} .table_type03 td {padding: 9px 8px 8px 8px; #padding: 8px 7px 7px 7px; border: 1px solid #d9d9d9; background: #ffffff;} /* 기본 필드셋 */ #fset_type01 fieldset {margin: 0; padding: 0; border: 1px solid #d9d9d9; border-bottom: none; background: url('/images/common/bg_fieldset_02.gif') repeat-y -850px top;} #fset_type01 fieldset p {margin: 0; padding: 9px 0 10px 0; #padding: 8px 0 9px 0; background: url('/images/common/bg_partition_h01.gif') repeat-x left bottom;} #fset_type01 fieldset p label {float: left; width: 140px; margin: 0 0 0 15px; padding: 1px 0 0 10px;} /* 기본 목록 */ .ul_type01 {margin: 0; padding: 0; list-style: none;} .ul_type01 li {margin: 0; padding: 0 0 10px 10px; background: url('/images/common/bul.gif') no-repeat left top; line-height: 1.2em;} .clear {clear: both;} .stress a {font-weight: bold; color: #b35947;}