body {color:#666666;font-family:굴림,Arial;font-size:12px; letter-spacing: -0.01em; } td {font-family:굴림,Arial;font-size:12px; letter-spacing: -0.01em; line-height:15pt; } img {border:0px none;} .text {color :#666666; font-size:12px;font-family:굴림,Arial; letter-spacing: -0.01em; line-height:17px }/* 기본색 */ .text_black {color :#333333; font-size:12px;font-family:굴림,Arial; letter-spacing: -0.01em; line-height:17px }/* 진한 회색 */ .btext {color :#666666; font-size:12px;font-family:굴림,Arial; letter-spacing: -0.01em; line-height:17px; font-weight:bold; }/* 기본색 볼드체 */ .text_blue {color :#0099FF; font-size:12px;font-family:굴림,Arial; letter-spacing: -0.01em; line-height:17px }/* 블루색 */ .text_small {font-size:10px;font-family:Arial; letter-spacing: -0.01em;}/* 기본글씨 크기보다 1px 적게 사용할때 */ .text_red {color :#CC0000; font-size:12px;font-family:굴림,Arial; letter-spacing: -0.01em; line-height:17px }/* 붉은색 */ .text_orange {color :#FF6600; font-size:12px;font-family:굴림,Arial; letter-spacing: -0.01em; line-height:17px }/* 오렌지색 */ .text_mid {color:#B77A39; font-size:12px;font-family:굴림,Arial; letter-spacing:-0.01em;}/* 갈색 */ .text14_orange {color :#FF6600; font-size:14px;font-family:굴림,Arial; letter-spacing: -0.05em; line-height:17px; font-weight:bold;}/*오렌지색14px*/ .text14_blue {color :#1980d8; font-size:14px;font-family:굴림,Arial; letter-spacing: -0.05em; line-height:17px; font-weight:bold;}/*블루색 14px*/ .text15_blue {color :#1980d8; font-family:굴림,Arial; letter-spacing: -0.05em; line-height:17px; font-weight:bold;} /*블루색 15px*/ /* 기본적으로 링크 연결할때 사용됨 */ a:link, a:visited, a:active {text-decoration: none ;color: #666666; font-family:굴림,Arial;} a:hover {text-decoration: none;color:#D04110; font-family:굴림,Arial;} /* 링크 연결하는 곳 색을 블루로 했을때 사용됨 */ a.link_blue:link, a.link_blue:visited, a.link_blue:active {text-decoration: none ;color: #0099FF;} a.link_blue:hover {text-decoration:underline; color:#0099FF;} /* 링크 연결하는 곳 색을 오렌지로 했을때 사용됨 */ a.link_orange:link, a.link_orange:visited, a.link_orange:active {text-decoration: none ;color: #FF6600;} a.link_orange:hover {text-decoration:none; color:#663300;} /* 회색 라인을 줄때 */ .line1 {background-color:#7f7f7f} .tb_line3 {background-color:#8DBAD7} /* 여백 주는데 사용 */ .contents {padding:0 0 30 20;} /* 서브페이지들(내용 구성) 전체 문단 여백 */ .stle_space {padding:10 0 20 0;} /* 아이콘이 붙은 소제목 위/아래 여백 정의 */ .tspace3 {padding-top:3px;} .tspace5 {padding-top:5px;} .tspace10 {padding-top:10px;} .lspace5 {padding-left:5px;} .lspace15 {padding-left:15px;} .lspace25 {padding-left:25px;} .rspace5 {padding-right:5px;} .rspace10 {padding-right:10px;} .space5 {padding-bottom:5px;} .space10 {padding-bottom:10px;} .space20 {padding-bottom:20px;} .space40 {padding-bottom:40px;} /* 회색 박스지정 소제목에 사용 */ .stle_bg {color :#333333;font-size:13px;font-family:굴림;background-color:#E6E6E6;padding:3 0 1 10;font-weight:bold;} .stle {font-size:13px;font-family:굴림;} /* 블루 박스지정(현대공통서비스 소개에서 사용) 소제목에 사용 */ .stle_bg {color :#333333;font-size:13px;font-family:굴림;background-color:#E6E6E6;padding:3 0 1 10;font-weight:bold;} .tb_l1_hcc {line-height:20px; font-size:12pt; font-weight:bold; padding:3 5 1 5; color:#FFFFFF; background-color:#53A0E2; text-align:center;} /* 연한그린 박스지정(현대카드M 소개에서 사용) 소제목에 사용 */ .stle_bg_m {color :#407A7A;font-size:13px;font-family:굴림;background-color:#E1EBEC;padding:3 0 1 10;font-weight:bold;} .tb_l1_m {line-height:20px; font-size:12pt; font-weight:bold; padding:3 5 1 5; color:#FFFFFF; background-color:#78BFC4; text-align:center;} /* 연한레드 박스지정(여우카드 소개에서 사용) 소제목에 사용 */ .stle_bg_fox {color :#E13F32;font-size:13px;font-family:굴림;background-color:#F2E7E7;padding:3 0 1 10;font-weight:bold;} .tb_l1_fox {line-height:20px; font-size:12pt; font-weight:bold; padding:3 5 1 5; color:#FFFFFF; background-color:#EA786F; text-align:center;} /* 연한블루 박스지정(플래티늄카드 소개에서 사용) 소제목에 사용 */ .stle_bg_platinum {color :#336699;font-size:13px;font-family:굴림;background-color:#DBE4EC;padding:3 0 1 10;font-weight:bold;} .tb_l1_platinum {line-height:20px; font-size:12pt; font-weight:bold; padding:3 5 1 5; color:#FFFFFF; background-color:#668CB3; text-align:center;} /* 팝업창 */ .popup_tle {height:40px;color :#000000;font-size:12px;font-family:굴림;background-color:#003459;} /* 타이틀 */ .popup {color :#666666;font-size:12px;font-family:굴림;background-color:#F2F2F2;padding:15 10 10 15;} /* 내용 */ .popup1 {color :#666666;font-size:12px;font-family:굴림;background-color:#F2F2F2;} /* 내용1 */ .popup_close {height:24px;color :#000000;font-size:12px;font-family:굴림;background-color:#CCCCCC;text-align:right;padding:0 17;} /* 닫기 */ .tb_p1 {line-height:20px; font-size:12pt; font-weight:bold; padding:3 2 1 2; color:#FFFFFF; background-color:#4F95C2; text-align:center;} /* 첫번째 - 제목 */ .tb_p2 {line-height:20px; font-size:12pt; padding:3 2 1 2; color:#666666; background-color:#FFFFFF; text-align:center;} /* 두번째행 - 내용 */ /* 테이블 형식 정의 */ .tb {width:744px; } /* 테이블 전체 길이 */ .tb_line {background-color:#c7c7c7} /* 테이블 한줄 라인(가로선) 칼라 정의 */ .tb_dot { height:1; background-image:url('/hdimg/common/tle_dotline.gif');} /* 테이블 한줄 Dot라인 */ .tb_rbtn {padding:5 5 5 0; text-align:right;} /* 버튼 정의 */ .tb_lbtn {padding:5 5 5 0; text-align:left;} /* 버튼 정의 */ .td_space {height:10;} /* 게시판 - 리스트 */ .tb_l1 {line-height:20px; font-size:12pt; font-weight:bold; padding:3 5 1 5; color:#FFFFFF; background-color:#4F95C2; text-align:center;} /* 첫번째 - 제목 */ .tb_l2 {line-height:20px; font-size:12pt; padding:3 5 1 5; color:#666666; background-color:#FFFFFF; text-align:center;} /* 두번째행 - 내용 */ .tb_l3 {line-height:16px; font-size:12pt; color:#666666; background-color:#FFFFFF; text-align:center;} /* 두번째행 - 내용1 */ .tb_l4 {line-height:20px; font-size:10pt; font-weight:bold; padding:3 5 1 5; color:#FFFFFF; background-color:#4F95C2; text-align:center;} /* 첫번째 - 제목 : 보험몰에서 쓰임 */ .tb_page {height:25px; font-size:12pt; padding:3 5 1 5; color:#666666; background-color:#E6E6E6; text-align:center;} /* 페이지리스트 */ .tb_line1 {background-color:#c7c7c7} /* 라인칼라 - 내용 */ .tb_line2 {background-color:#999999} /* 라인칼라 - 아래 부분(페이지리스트 바로 위) */ .tb_line3 {background-color:#FFFFFF} /* 라인칼라 - 아래 부분(페이지리스트 바로 위) */ .tb_br1 {border-right:1px solid #c7c7c7; } /* 라인칼라 - 오른쪽 수직선 */ .tb_br2 {border-right:1px solid #999999; } .tb_bl1 {border-left:1px solid #c7c7c7; } /* 라인칼라 - 왼쪽 수평선 */ .tb_bl2 {border-left:1px solid #999999; } .tb_br3 {border-right:1px solid #FFFFFF; } /* 라인칼라 - 오른쪽 수직선 */ /* 게시판 - 쓰기 / 폼입력양식 */ .tb_f1 {width:8px; line-height:22px; font-size:12pt; padding:0; color:#666666; background-color:#66CCFF;} /* 첫번째행 하늘색 박스 */ .tb_f2 {width:75px; line-height:22px; font-size:12pt; padding:3 5 1 25; color:#666666; background-color:#E6E6E6;} /* 두번째행 -제목 */ .tb_f3 {line-height:22px; font-size:12pt;padding:3 5 1 10; color:#666666; background-color:#F2F2F2;} /* 세번째행 - 내용 */ /* 게시판 - 읽기 */ .tb_r1 {line-height:20px; font-size:12pt; font-weight:bold; padding:3 0 1 10; color:#666666; background-color:#FFFFFF;} /* 제목 */ .tb_r2 {line-height:20px; font-size:12pt; padding:3 10 1 10; color:#666666; background-color:#F2F2F2;} /* gray 가로 칸 */ .tb_r3 {font-size:12pt; padding:10; color:#666666; background-color:#FFFFFF;} /* 내용 */ .text_rblue {color :#1980d8; font-size:12px;font-family:굴림,Arial; letter-spacing: -0.01em; line-height:17px; font-weight:bold;} /* 제목 글씨 칼라 */ /* 문단의 줄간견 */ .txt_lh16 { line-height:16px } .txt_lh18 { line-height:18px } /* 캘린더 칼라 */ .cal_tb { font-family:Arial; font-size:12px; color:#ffffff; background-color:#c7c7c7 } .cal_t1 { font-family:Arial; font-size:12px; color:#CC0000; background-color:#c7c7c7 } .cal_v1 { font-family:Arial, Helvetica; color:#696969; background-color:#e6e6e6; height:15px; width:21px; text-align:center; font-size:11px } .cal_v2 { font-size:10px; color:#666666; background-color:#F2F2F2 } /* 회색 박스 */ .tb_box3 {font-size:12pt;font-family:굴림,Arial; letter-spacing: -0.01em; line-height:17px; padding:5 0 2 0; color:#666666; background-color:#F5F5F5;} input {font:12px 굴림,Arial; color:#666666; padding:2 0 0 2;} .input_blue {font:12px 굴림,Arial; color:#000000; background:#D0EFFF;padding:2 0 0 2;}/* input box 배경색 블루 지정*/ select {font:12px 굴림,Arial; color:#333333} textarea {font:12px 굴림,Arial; color:#333333; padding:5;}