* {
margin:0;
padding:0;
}
html, body {height:100%; width:100%; font-size:12px; font-family:dotum ,Arial; color:#898989; background:url(../../images/bg.gif) repeat-x; line-height:120%; background-color:#ffffff;}
a{selector-dummy:expression(this.hideFocus=true); margin:0px; padding:0px;}
td{font-size:12px; font-family:dotum ,Arial ; color:#626262; line-height:140%;}
img{border:none;}
Form {display:inline; margin:0; padding:0;}
table {margin:0; padding:0;}
div, ul, ol, dl, li, dd, dt {margin:0; padding:0; list-style-type:none;}
img{border:none; vertical-align:middle;}
html { overflow-y:scroll; }
legend {display:none;}
hr {padding:0; margin:0; display:none;}
.AlignCenter {text-align:center !important;}
.AlightRight {text-align:right !important;}
.AlignRight {text-align:right !important;}
.ValignTop {vertical-align:top !important;}
/* layout */
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.ajax_error{color:#ff3300;}
.ajax_success{color:#0033ff;}
input.error, textarea.error{ border:1px dashed red; }
label.error{ display:none; margin-left:10px; color:red; }
/* default_Link */
a:link{font-family:dotum ,Arial ; color:#898989; font-size:12px; text-decoration:none;}
a:visited{font-family:dotum ,Arial ; color:#898989; font-size:12px; text-decoration:none;}
a:active{font-family:dotum ,Arial ; color:#898989; font-size:12px; text-decoration:none;}
a:hover{font-family:dotum ,Arial ; color:#458cbe; font-size:12px; text-decoration:none;}
/* 아이디/패스워드/회원가입 메인링크 */
.a01 a:link{font-family:dotum ,Arial ; color:#ffffff; font-size:12px; text-decoration:none;}
.a01 a:visited{font-family:dotum ,Arial ; color:#ffffff; font-size:12px; text-decoration:none;}
.a01 a:active{font-family:dotum ,Arial ; color:#ffffff; font-size:12px; text-decoration:none;}
.a01 a:hover{font-family:dotum ,Arial ; color:#a6f5ff; font-size:12px; text-decoration:none;}
.a02 a:link{font-family:dotum ,Arial ; color:#ef2222; font-size:12px; text-decoration:none;}
.a02 a:visited{font-family:dotum ,Arial ; color:#898989; font-size:12px; text-decoration:none;}
.a02 a:active{font-family:dotum ,Arial ; color:#898989; font-size:12px; text-decoration:none;}
.a02 a:hover{font-family:dotum ,Arial ; color:#008dd5; font-size:12px; text-decoration:none;}
/* 메인 //게시판 테이블정의*/
.M_TABLE {
padding:0;
border-spacing:0px;
border-collapse:collapse;
border:1px #000 solid;
}
.M_TABLE th {padding-top:3px; font-size:12px; height:25px; text-align:left; border-bottom:1px #dedede solid;}
.M_TABLE td {padding-top:3px; font-size:11px; height:17px;}
/************************** DB ******************************/
/* 게시판 테이블정의*/
.TABLE {
padding:0;
border-spacing:0px;
border-collapse:collapse;
}
.LOGIN_TABLE {
padding:0;
border-spacing:0px;
border-collapse:collapse;
border:1xp #000 solid;
.LOGIN_TABLE th {background:url(/images/icon_plus.gif) no-repeat; border:1px #dedede solid;}
.LOGIN_TABLE td {}
}
/* 게시판 리스트 테이블정의*/
.TABLE_NOTICE {
padding:0;
border-spacing:0px;
border-collapse:collapse;
width:100%;
text-align:center;
}
.TABLE_NOTICE th {height:23px; font-size:12px; font-weight:bold; padding-top:7px;}
.TABLE_NOTICE td {padding:10px 0; height:20px; border-bottom:1px #ededed solid;}
/* 게시판 보기,쓰기 테이블정의*/
.TABLE_WRITE {
padding:0;
border-spacing:0px;
border-collapse:collapse;
width:100%;
text-align:center;
}
.TABLE_WRITE th {height:23px; font-size:12px; font-weight:bold; border-bottom:1px #ededed solid; text-align:center;}
.TABLE_WRITE td {border-bottom:1px #ededed solid; text-align:left;padding:10px 10px 10px 20px;}
/* 게시판 FAQ*/
.TABLE_FAQ {
padding:0;
border-spacing:0px;
border-collapse:collapse;
width:100%;
text-align:center;
}
.TABLE_FAQ th {height:23px; font-size:12px; font-weight:bold; border-bottom:1px #ededed solid; padding:10px 0;}
.TABLE_FAQ td {border-bottom:1px #ededed solid; padding:10px 10px 10px 0;}
/* 게시판 box 기타 css 정의 */
.notice_bar {width:665px; height:35px; background:url(/images/notice_bar.gif) no-repeat; font-size:12px; color:#3097c4;}
.notice_list {width:665px; clear:both;}
.bg_fafafa {background:#fafafa;}
/* 백그라운드 박스 */
.box {width:665px;}
.box .join_t_img {padding-bottom:10px;}
.box .box_top {background:url(/images/box_top.gif) no-repeat; width:665px; height:17px;}
.box .box_bottom {background:url(/images/box_bottom.gif) no-repeat; width:665px; height:17px;}
.box .box_bg {background:url(/images/box_bg.gif) repeat-y; width:625px; height:100%; padding:0 20px; overflow:hidden;}
/* id,pass찾기 */
.box .box_bg .boxid {padding:0 20px; width:250px; float:left;}
.box .box_bg .boxid .t_img {padding:10px 0;}
.box .box_bg .boxid .box_content {padding-top:10px;}
.box .box_bg .boxid .btn_img {text-align:right;}
/* 회원가입 박스 컨텐츠 */
.box .box_bg h1 {padding:10px 0;}
.box .box_bg h2 {padding:10px 0 5px 0; font-size:12px; color:#5bc3c9; font-weight:bold; letter-spacing:-0.01em;}
.box .box_bg h3 {padding:15px 0 25px 0; font-size:12px; color:#898989; font-weight:normal; letter-spacing:-0.01em; text-align:center;}
.box .box_bg .box_border {border:1px #dbdbdb solid; width:625px; padding-left:5px;}
.box .box_bg .box_btn {padding:25px 0; text-align:center;}
.box_line {background:url(/images/box_line.gif) no-repeat; width:30px; height:132px; float:left;}
.box_line2 {background:url(/images/box_line2.gif) no-repeat; width:30px; height:155px; float:left;}
/* 컨텐츠 세부내용 그룹 */
.INFO {width:665px;}
.INFO h1 {padding:0 0 10px 0; font-size:12px; color:#5bc3c9; font-weight:bold; letter-spacing:-0.01em;}
.INFO h2 {padding-top:20px; text-align:center; }
.INFO h3 {padding:5px 0 5px 8px; font-size:12px; color:#5bc3c9; font-weight:bold; letter-spacing:-0.01em;}
.INFO_ready {background:url(/images/ready_bg.gif) no-repeat; display:table; width:665px; height:380px; position: relative; overflow: hidden;
font-size:18px; font-weight:bold; letter-spacing:-0.05em; color:#4c4c4c; line-height:140%;}
.INFO_ready_text {display:table-cell; vertical-align:middle; text-align:center;}
/* 토씨의 중요성 */
.INFO_content {font-size:12px; color:#545353; font-weight:normal; letter-spacing:-0.01em; line-height:180%; text-align:justify; padding:10px; }
.INFO_eng {font-size:12px; color:#828282; font-weight:normal; letter-spacing:-0.01em; line-height:180%; text-align:left; padding:10px; background-color:#f9f9f9;}
.INFO_kor {font-size:12px; color:#828282; font-weight:normal; letter-spacing:-0.01em; line-height:180%; text-align:left; padding:10px; background-color:#ffffff;}
.INFO_bot {font-size:12px; color:#828282; font-weight:normal; letter-spacing:-0.01em; line-height:130%; text-align:right; padding:5px;}
/* 토씨의 탭메뉴 */
.INFO_TAb {width:665px; overflow:hidden;}
.INFO_TAb h1 {padding:0 0 10px 0; font-size:12px; color:#5bc3c9; font-weight:bold; letter-spacing:-0.01em;}
.INFO_TAb ul {padding:0 0 10px 0;}
.INFO_TAb li {float:left;}
.INFO_TEXT {clear:both; line-height:160%;text-align:justify}
.INFO_TEXT h1 {padding:0 0 10px 0;}
.INFO_TEXT h2 {font-size:12px; color:#5bc3c9; font-weight:bold; letter-spacing:-0.01em; padding-top:10px;}
.INFO_TEXT h3 {font-size:12px; letter-spacing:-0.01em; font-weight:normal; line-height:140%;}
.INFO_TEXT li {background:url(/images/icon_o.gif) no-repeat 1px 5px; padding-left:8px;}
.INFO_TEXT dl {padding-top:10px;}
.INFO_TEXT dt {background:url(/images/icon_one.gif) no-repeat 0 0; padding-left:18px; font-size:15px; font-weight:bold; color:#5b5b5b;}
.INFO_TEXT dd {padding-left:18px; padding-top:10px;}
/* 정보입력란 */
.TABLE_INFO {
padding:0;
border-spacing:0px;
border-collapse:collapse;
width:100%;
border-top:1px #a8d2e8 solid;
}
.TABLE_INFO .img {vertical-align:middle;}
.TABLE_INFO h1 {padding:10px 0 5px 0; font-size:12px; color:#5bc3c9; font-weight:bold; letter-spacing:-0.01em;}
.TABLE_INFO th {padding:8px 0 8px 10px; font-size:12px; color:#71a0bd; border-bottom:1px #ededed solid; background-color:#f6fbfe; text-align:left; font-weight:normal;}
.TABLE_INFO td {padding:8px 0 8px 5px; border-bottom:1px #ededed solid; text-align:left; font:12px Dotum; color:#898989; line-height:160%;}
.icon_plus {background:url(/images/icon_plus.gif) no-repeat; padding-left:10px;}
/* 표,테이블란 */
.TABLE_CHART {
padding:0;
border-spacing:0px;
border-collapse:collapse;
width:100%;
border-top:1px #a8d2e8 solid;
border-left:1px #ededed solid;
text-align:center;
}
.TABLE_CHART .img {vertical-align:middle;}
.TABLE_CHART h1 {padding:10px 0 5px 0; font-size:12px; color:#5bc3c9; font-weight:bold; letter-spacing:-0.01em;}
.TABLE_CHART h2 {}
.TABLE_CHART th {padding:5px; height:30px; font-size:12px; color:#71a0bd; border-right:1px #ededed solid; border-bottom:1px #ededed solid; background-color:#f6fbfe; font-weight:normal;}
.TABLE_CHART td {padding:5px; border-bottom:1px #ededed solid; border-right:1px #ededed solid; font:12px Dotum; color:#8e8e8e; line-height:160%;}
/****************** #content over시 스크립트 공통네비게이션 css *************/
/****************** 전체보기*************/
/*
#totalView {position:absolute; left:50%; top:54px; z-index:999; overflow:hidden; _zoom:1; width:982px; height:393px; margin:0; margin-left:-491px; padding:0; background:url('/images/totalView/bgTotalView.gif') no-repeat left top; font-size:0.96em;}
*/
#over_navi {display:none;background-color:#ffffff; overflow:hidden; padding:5px 10px 15px 20px; border-bottom:1px #b6e3f6 solid; border-right:1px #b6e3f6 solid; border-left:1px #b6e3f6 solid; color:#898989; width:820px; position:absolute; left:50%; margin-left:-430px; top:116px; z-index:2;}
#over_navi .over_link {float:left;}
#over_navi .over_link ul li {padding-top:10px; font-size:12px; width:126px; letter-spacing:-0.05em; background:url(/images/icon_grey.gif) no-repeat 0 10px; padding-left:8px;}
#over_navi .navi_icon {padding-top:10px; float:left;}
/* 사이트맵 */
.sitemap {background:url(/images/sitemap_bg.gif) no-repeat; width:665px; height:460px;}
.sitemap .site_group {clear:both; padding-bottom:10px; overflow:hidden;}
.sitemap .site_group .site_navi {float:left; margin-right:15px; margin-bottom:20px;}
.sitemap .site_group .site_navi dt {}
.sitemap .site_group .site_navi dd {padding-top:10px; background:url(/images/icon_grey.gif) no-repeat 2px 10px; padding-left:8px; letter-spacing:-0.05em;}
/************************** textarea, input, select ***************************/
textarea{
margin:0;
font:12px Dotum,Gulim;
color:#333;
border: #DCDCDC ;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
width:99%;
height:99%;
padding:3px;
}
.textarea1{
margin:0; font:12px Dotum,Gulim; color:#898989;
border: #DCDCDC ;
border-style: solid;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
padding:10px 0 20px 0;
}
.input_A{
margin:0;
height:16px;
font:12px Dotum;
background-color:#ffffff;
color:#a2a2a2;
border:#017db4 ;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
vertical-align:middle;
padding-top:2px;
}
.input_B{
margin:0;
height:16px;
font:12px Dotum;
background-color:#ffffff;
color:#898989;
border:#dedede ;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
vertical-align:middle;
}
.input_D{
margin:0;
height:16px;
font:12px Dotum;
background-color:#ffffff;
border:#ffffff ;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
vertical-align:middle;
}
select {font-family:"돋움"; font-size:12px;
margin:0; font:12px Dotum,Gulim; color:#898989;
border: #DCDCDC ;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.input-nocell {
border:0px solid;
}
/*bgcolor*/
.bg_f7f7f7 {background-color:#f7f7f7;}
/*텍스트얼라인*/
.text-left {text-align:left;}
.text-right {text-align:right;}
/* 인풋버튼 백그라운드 이미지 ************************************************************************************************/
.green_44 {cursor; hand; width:44px; height:18px; font-size:11px; text-align:center; padding-top:2px; color:#ffffff; border:#ffffff 0 solid; background:#ffffff; background-image:url(/images/green01_btn.gif);}
.grey_44 {cursor; hand; width:44px; height:18px; font-size:11px; text-align:center; padding-top:2px; color:#ffffff; border:#ffffff 0 solid; background:#ffffff; background-image:url(/images/grey01_btn.gif);}
.green_74 {cursor; hand; width:74px; height:18px; font-size:11px; text-align:center; padding-top:2px; color:#ffffff; border:#ffffff 0 solid; background:#ffffff; background-image:url(/images/green02_btn.gif);}
.grey_74 {cursor; hand; width:74px; height:18px; font-size:11px; text-align:center; padding-top:2px; color:#ffffff; border:#ffffff 0 solid; background:#ffffff; background-image:url(/images/grey02_btn.gif);}
.green_100 {cursor; hand; width:100px; height:18px; font-size:11px; text-align:center; padding-top:2px; color:#ffffff; border:#ffffff 0 solid; background:#ffffff; background-image:url(/images/green03_btn.gif);}
.grey_100 {cursor; hand; width:100px; height:18px; font-size:11px; text-align:center; padding-top:2px; color:#ffffff; border:#ffffff 0 solid; background:#ffffff; background-image:url(/images/grey03_btn.gif);}
.grey_130 {cursor; hand; width:130px; height:18px; font-size:11px; text-align:center; padding-top:1px; color:#ffffff; border:#ffffff 0 solid; background:#ffffff; background-image:url(/images/grey04_btn.gif);}
.login_btn {cursor; hand; width:51px; height:45px; font-size:12px; text-align:center; padding-top:2px; color:#ffffff; border:#ffffff 0 solid; background:#ffffff; background-image:url(/images/login_btn.gif);}
/* 패딩값 정의시작 ************************************************************************************************/
.top_5
{padding-top:5px;}
.top_10
{padding-top:10px;}
.top_15
{padding-top:15px;}
.top_20
{padding-top:20px;}
.top_25
{padding-top:25px;}
.top_30
{padding-top:30px;}
.top_35
{padding-top:35px;}
.top_50
{padding-top:50px;}
.left_5
{padding-left:5px;}
.left_10
{padding-left:10px;}
.left_15
{padding-left:15px;}
.left_20
{padding-left:20px;}
.left_25
{padding-left:25px;}
.left_30
{padding-left:30px;}
.left_35
{padding-left:35px;}
.left_40
{padding-left:40px;}
.left_45
{padding-left:45px;}
.left_50
{padding-left:50px;}
.left_60
{padding-left:60px;}
.right_3
{padding-right:3px;}
.right_5
{padding-right:5px;}
.right_10
{padding-right:10px;}
.right_15
{padding-right:15px;}
.right_20
{padding-right:20px;}
.right_25
{padding-right:25px;}
.right_30
{padding-right:30px;}
.right_40
{padding-right:40px;}
.bottom_2
{padding-bottom:2px;}
.bottom_3
{padding-bottom:3px;}
.bottom_5
{padding-bottom:5px;}
.bottom_10
{padding-bottom:15px;}
.bottom_15
{padding-bottom:15px;}
.bottom_20
{padding-bottom:20px;}
.bottom_25
{padding-bottom:25px;}
.bottom_30
{padding-bottom:30px;}
.bottom_60
{padding-bottom:60px;}
.bottom_85
{padding-bottom:85px;}
.pad_01
{padding:25px 0 0 20px;}
.pad_02
{padding:10px 20px 10px 20px;}
.pad_03
{padding:10px 5px 10px 0;}
.pad_04
{padding:10px 0;}
.pad_05
{padding:0 25px;}
.pad_06
{padding:10px 0 0 10px;}
.pad_07
{padding:20px 0 5px 0;}
.pad_08
{padding:0 20px;}
.pad_09
{padding:0 3px;}
/* 폰트 */
.white {font-size:12px; color:#ffffff; letter-spacing:-0.05em;}
.white_b {font-size:15px; font-weight:bold; color:#ffffff; letter-spacing:-0.05em;}
.orange_b {font-size:12px; color:#f08944; font-weight:bold; letter-spacing:-0.01em;}
.grey {font-size:12px; color:#898989; letter-spacing:-0.01em;}
.sky_b {font-size:12px; color:#5bc3c9; font-weight:bold; letter-spacing:-0.01em;}
.black_b {font-size:12px; color:#666565; font-weight:bold; letter-spacing:-0.01em;}
.black_t {font-size:13px; color:#2b3038; font-weight:bold; letter-spacing:-0.01em;}
.brown_b {font-size:12px; color:#715c46; font-weight:bold; letter-spacing:-0.01em;}
.orange {font-size:12px; color:#f08944; letter-spacing:-0.01em;}
.yellow_b {font-size:12px; color:#ffb911; font-weight:bold; letter-spacing:-0.01em;}
.red {font-size:11px; color:#d21515; letter-spacing:-0.01em;}
.red_b {font-size:12px; color:#d21515; font-weight:bold; letter-spacing:-0.01em;}
.green_b {font-size:12px; color:#00a23b; font-weight:bold; letter-spacing:-0.01em;}
.blue2_b {font-size:12px; color:#4b6bc6; font-weight:bold; letter-spacing:-0.01em;}
.blue_tt {font-size:12px; color:#2f90cf; font-weight:bold; letter-spacing:-0.01em;}
.blue_t {font-size:12px; color:#009dd2; font-weight:bold; letter-spacing:-0.01em;}
.blue {font-size:12px; color:#009dd2; letter-spacing:-0.01em;}
.grey_b {font-size:12px; color:#898989; font-weight:bold; letter-spacing:-0.01em;}
.grey_t {font-size:11px; color:#898989; letter-spacing:-0.01em;}