FORM {display:inline;} /* 폼 한줄 안보이기*/ /* 인풋 박스 */ .input_01 {background-color:#ffffff; color:black; border:1x solid #b4b4b4; font-size:9pt;color:#595959;line-height: 10pt;} .input_02 {background-color:#ffffff; color:black; border:1x solid #C1B5AE; font-size:9pt;color:#595959;line-height: 10pt;} .input_03 {background-color:#ffffff; color:black; border:1x solid #c3c3c3; font-size:9pt;color:#595959;line-height: 10pt;} .input_04 {background-color:#FDFDFD; color:black; border:1x solid #D5D5D5; font-size:9pt;color:#595959;line-height: 10pt;} .input_05 {background-color:#ffffff; color:black; border:1x solid #9d9d9d; font-size:9pt;color:#9d9d9d;line-height: 10pt;} .input_06 {background-color:#ffffff; color:black; border:1x solid #d3d3d3; font-size:9pt;color:#595959;line-height: 10pt;} h5{margin:0 0 6px 0;padding-left:17px;background:url(/img/icon_h5.gif) no-repeat 0 0;font-size:12px;line-height:14px;font-weight:bold;color:#444;vertical-align:text-top;} .list_type31{width:100%;padding:0 4px 8px; text-align:left;line-height:22px} .list_type31 li{padding-left:10px;background:url(/img/icon_dot.gif) no-repeat 0 8px} .list_type31 li a {font-family:'Dotum', 'DotumChe'; font-size:9pt; color:#595959; text-decoration:none; letter-spacing:0;} /* background img */ .bg_map {background-image: url(/images/main_bg_map.gif); background-repeat: no-repeat; background-position: left top} .bg_port_01 {background-image: url(/images/main_port_bg_top.gif); background-repeat: repeat-x ; background-position: left top} .bg_port_02 {background-image: url(/images/main_port_bg_left.gif); background-repeat: repeat-y ; background-position: right top} .site_bg {background-image: url(/images/sitemap_bg.gif); background-repeat: repeat-x ; background-position: left top} .pro_bg {background-image: url(/images/shop_info_bg.gif); background-repeat: repeat-x ; background-position: left top} .line_bg {background-image: url(/images/title_line.gif); background-repeat: repeat-x ; background-position: left top} .left_bg {background-image: url(/images/sec_left_menu_line.gif); background-repeat: repeat-x ; background-position: left top} .copy_bg {background-image: url(/images/main_copy_bg.gif); background-repeat: repeat-x ; background-position: left top} .copy_left {background-image: url(/images/main_copy_left_bg.gif); background-repeat: repeat-x ; background-position: left top} .copy_right {background-image: url(/images/main_copy_right_bg.gif); background-repeat: repeat-x ; background-position: left top} .notice_bg {background-image: url(/images/main_notice_bg.gif); background-repeat: repeat-x ; background-position: left top} . /* font css */ .latest {position:relative; overflow:hidden; float:left; padding:0 10px 10px 0;} .latest h3 {float:left;} .latest h3 a {display:block; float:left; width:270px; height:27px; margin-top:2px; text-indent:-9999px;} .latest h3 a:hover, .latest h3.active a {background-position:0 0;} .latest .list {position:absolute; top:40px; left:0; overflow:hidden; width:100%; height:75px;} .latest .list li {padding:0 0 6px 18px; background:url('/images/ico_latest.gif') no-repeat 10px 5px; line-height:15px; text-overflow:ellipsis;overflow:hidden; white-space:nowrap;} .font0101 {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; font-style: normal; line-height: 15pt; color:#999999;} .font0101 a:link {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#999999;} .font0101 a:visited {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#999999;} .font0101 a:hover {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#000000;} /* 흰색 오버시 주황색 */ .font01 {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; font-style: normal; line-height: 15pt; color:#ffffff;} .font01 a:link {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#ffffff;} .font01 a:visited {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#ffffff;} .font01 a:hover {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#F26522;} /* 흰색 */ .font01_01 {font-family: '돋움', '돋움체'; font-size: 14pt; font-style: normal; line-height: 15pt; color:#414141;} .font01_01 a:link {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#414141;} .font01_01 a:visited {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#414141;} .font01_01 a:hover {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#3c7602;} /* 흰색 */ .font01_010 {font-family: '돋움', '돋움체'; font-size: 8pt; font-style: normal; line-height: 15pt; color:#8e8d88;} .font01_010 a:link {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#8e8d88;} .font01_010 a:visited {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#8e8d88;} .font01_010 a:hover {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#8e8d88;} /* 현재위치 */ .font01_011 {font-family: '돋움', '돋움체'; font-size: 8pt; font-style: normal; line-height: 15pt; color:#017571;font-weight:bold;} .font01_011 a:link {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#757575;} .font01_011 a:visited {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#757575;} .font01_011 a:hover {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#000000;} /* 현재위치 */ .font01_0110 {font-family: '굴림', '굴림체'; font-size: 9pt; font-style: normal; line-height: 15pt; color:#1a3588;font-weight:bold;} .font01_0110 a:link {font-family: '굴림', '굴림체'; font-size: 9pt; text-decoration: none; color:#1a3588;} .font01_0110 a:visited {font-family: '굴림', '굴림체'; font-size: 9pt; text-decoration: none; color:#1a3588;} .font01_0110 a:hover {font-family: '굴림', '굴림체'; font-size: 9pt; text-decoration: none; color:#000000;} .font01_0111 {font-family: '굴림', '굴림체'; font-size: 9pt; font-style: normal; line-height: 15pt; color:#737573;} .font01_0111 a:link {font-family: '굴림', '굴림체'; font-size: 9pt; text-decoration: none; color:#1a3588;} .font01_0111 a:visited {font-family: '굴림', '굴림체'; font-size: 9pt; text-decoration: none; color:#1a3588;} .font01_0111 a:hover {font-family: '굴림', '굴림체'; font-size: 9pt; text-decoration: none; color:#000000;} /* 진한회색 오버시 검정색 */ .font02 {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; font-style: normal; line-height: 10pt; color:#2e2e2e; font-weight:none;} .font02 a:link {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#929090;} .font02 a:visited {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#929090;} .font02 a:hover {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#929090; font-weight:none;} .font02_01 {font-family: '돋움', '돋움체'; font-size: 8pt; font-style: normal; line-height: 13.5pt; color:#707070; font-weight:none;} .font02_01 a:link {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#9b9b9b; font-weight:none;} .font02_01 a:visited {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#9b9b9b; font-weight:none;} .font02_01 a:hover {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#2b70a0; font-weight:none;} .font02_01_02 {font-family: '돋움', '돋움체'; font-size: 9pt; font-style: normal; line-height: 13.5pt; color:#f85f05; font-weight:bold;} .font02_01_02 a:link {font-family: '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#595959;} .font02_01_02 a:visited {font-family: '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#595959;} .font02_01_02 a:hover {font-family: '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#000000;} .font02_02 {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; font-style: normal; line-height: 14pt; color:#595959;} .font02_02 a:link {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#595959;} .font02_02 a:visited {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#595959;} .font02_02 a:hover {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#000000;} .font02_03 {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; font-style: normal; line-height: 18pt; color:#595959;} .font02_03 a:link {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#595959;} .font02_03 a:visited {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#595959;} .font02_03 a:hover {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#000000;} /* 영문 */ .font02_031 {font-family: 'Times New Roman','Serif'; font-size: 11pt; font-style: normal; line-height: 17pt; color:#595959;} .font02_031 a:link {font-family: 'Times New Roman','Serif'; font-size: 11pt; text-decoration: none; color:#595959;} .font02_031 a:visited {font-family: 'Times New Roman','Serif'; font-size: 11pt; text-decoration: none; color:#595959;} .font02_031 a:hover {font-family: 'Times New Roman','Serif'; font-size: 11pt; text-decoration: none; color:#000000;} /* 진한회색 */ .font02_04 {font-family: '굴림', '굴림체'; font-size: 9pt; font-style: normal; line-height: 14pt; color:#252525;} .font02_04 a:link {font-family: '굴림', '굴림체'; font-size: 9pt; text-decoration: none; color:#252525;} .font02_04 a:visited {font-family: '굴림', '굴림체'; font-size: 9pt; text-decoration: none; color:#252525;} .font02_04 a:hover {font-family: '굴림', '굴림체'; font-size: 9pt; text-decoration: none; color:#252525;} .font02_05 {font-family: '돋움', '돋움체'; font-size: 11pt; font-style: normal; line-height: 14pt; color:#252525;} .font02_05 a:link {font-family: '돋움', '돋움체'; font-size: 11pt; text-decoration: none; color:#252525;} .font02_05 a:visited {font-family: '돋움', '돋움체'; font-size: 11pt; text-decoration: none; color:#252525;} .font02_05 a:hover {font-family: '돋움', '돋움체'; font-size: 11pt; text-decoration: none; color:#252525;} /* 영문 이탤릭 */ .font02_06 {font-family: 'Times New Roman','Serif'; font-size: 19pt; font-weight:bold; font-style:italic; line-height: 17pt; color:#505050;} .font02_06 a:link {font-family: 'Times New Roman','Serif'; font-size: 19pt; font-weight:bold; font-style:italic; line-height: 17pt; color:#505050;} .font02_06 a:visited {font-family: 'Times New Roman','Serif'; font-size: 19pt; font-weight:bold; font-style:italic; line-height: 17pt; color:#505050;} .font02_06 a:hover {font-family: 'Times New Roman','Serif'; font-size: 19pt; font-weight:bold; font-style:italic; line-height: 17pt; color:#505050;} /* 회색 오버시 검정색 letter-spacing:-1px; */ .font02_07 {font-family: '돋움', '돋움체'; font-size: 9pt; font-style: normal; line-height: 11pt; color:#606060;} .font02_07 a:link {font-family: '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#606060;} .font02_07 a:visited {font-family: '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#606060;} .font02_07 a:hover {font-family: '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#000000;} .font02_08 {font-family: '돋움', '돋움체'; font-size: 8pt; font-style: normal; line-height: 10pt; color:#606060; letter-spacing:-1px;} .font02_08 a:link {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#606060; letter-spacing:-1px;} .font02_08 a:visited {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#606060; letter-spacing:-1px;} .font02_08 a:hover {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#000000; letter-spacing:-1px;} .font02_09 {font-family: '돋움', '돋움체'; font-size: 9pt; font-style: normal; line-height: 15pt; color:#707070; letter-spacing:-1px;} .font02_09 a:link {font-family: '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#606060; letter-spacing:-1px;} .font02_09 a:visited {font-family: '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#606060; letter-spacing:-1px;} .font02_09 a:hover {font-family: '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#000000; letter-spacing:-1px;} /* 영문 이탤릭 font-weight:bold; letter-spacing:-1px; */ .font02_10 {font-family: 'Times New Roman','Serif'; font-size: 16pt; font-weight:bold; font-style:italic; line-height: 17pt; color:#505050;letter-spacing:-1px;} .font02_10 a:link {font-family: 'Times New Roman','Serif'; font-size: 16pt; font-weight:bold; font-style:italic; line-height: 17pt; color:#505050;letter-spacing:-1px;} .font02_10 a:visited {font-family: 'Times New Roman','Serif'; font-size: 16pt; font-weight:bold; font-style:italic; line-height: 17pt; color:#505050;letter-spacing:-1px;} .font02_10 a:hover {font-family: 'Times New Roman','Serif'; font-size: 16pt; font-weight:bold; font-style:italic; line-height: 17pt; color:#505050;letter-spacing:-1px;} /* 검정 9pt */ .font03 {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; font-style: normal; line-height: 14pt; color:#000000;} .font03 a:link {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#000000;} .font03 a:visited {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#000000;} .font03 a:hover {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#000000;} /* 검정 8pt */ .font03_01 {font-family: '돋움', '돋움체'; font-size: 8pt; font-style: normal; line-height: 13pt; color:#000000;} .font03_01 a:link {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#000000;} .font03_01 a:visited {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#000000;} .font03_01 a:hover {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#000000;} /* 검정 13pt */ .font03_02 {font-family: '돋움', '돋움체'; font-size: 13pt; font-style: normal; line-height: 17pt; color:#000000;} .font03_02 a:link {font-family: '돋움', '돋움체'; font-size: 13pt; text-decoration: none; color:#000000;} .font03_02 a:visited {font-family: '돋움', '돋움체'; font-size: 13pt; text-decoration: none; color:#000000;} .font03_02 a:hover {font-family: '돋움', '돋움체'; font-size: 13pt; text-decoration: none; color:#000000;} /* 검정 9pt 오버시 밑줄*/ .font03_03 {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; font-style: normal; line-height: 14pt; color:#000000;} .font03_03 a:link {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#000000;} .font03_03 a:visited {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#000000;} .font03_03 a:hover {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: underline; color:#000000;} /* 검정 8pt letter-spacing:-1px; */ .font03_04 {font-family: '돋움', '돋움체'; font-size: 8pt; font-style: normal; line-height: 13pt; color:#000000; letter-spacing:-1px;} .font03_04 a:link {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#000000; letter-spacing:-1px;} .font03_04 a:visited {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#000000; letter-spacing:-1px;} .font03_04 a:hover {font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; color:#000000; letter-spacing:-1px;} /* 파란색, 밑줄 오버시 연한 파란색 */ .font04 {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration:underline; font-style: normal ;line-height: 17pt; color:#2B6097;} .font04 a:link {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration:underline; color:#2B6097;} .font04 a:visited {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration:underline; color:#2B6097;} .font04 a:hover {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration:underline; color:#5573CB;} /* 주황색, 오버시 다홍색 */ .font05 {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; font-style: normal ;line-height: 17pt; color:#ED7743;} .font05 a:link {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#ED7743;} .font05 a:visited {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#ED7743;} .font05 a:hover {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#ED4353;} /* 진하늘색, 오버시 진한파란색 */ .font06 {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; font-style: normal ;line-height: 17pt; color:#1A8BFF;} .font06 a:link {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#1A8BFF;} .font06 a:visited {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#1A8BFF;} .font06 a:hover {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; color:#005EBF;} /* 비취색, 밑줄 오버시 진한비취색 */ .font07 {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration:underline; font-style: normal ;line-height: 17pt; color:#12928D;} .font07 a:link {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration:underline; color:#12928D;} .font07 a:visited {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration:underline; color:#12928D;} .font07 a:hover {font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration:underline; color:#035A57;} /* 영문, 금색 */ .font08 {font-family: 'Times New Roman','Serif'; font-size: 11pt; font-style: normal; line-height: 17pt; color:948746;} .font08 a:link {font-family: 'Times New Roman','Serif'; font-size: 11pt; text-decoration: none; color:948746;} .font08 a:visited {font-family: 'Times New Roman','Serif'; font-size: 11pt; text-decoration: none; color:948746;} .font08 a:hover {font-family: 'Times New Roman','Serif'; font-size: 11pt; text-decoration: none; color:948746;} /* 빨간기미회색 오버시 주황색 font-weight: bold */ .font09 {font-family: '돋움'; font-size: 9pt; font-weight: bold; line-height: 15pt; color:#5b5454; letter-spacing:0; } .font09 a:link {font-family: '돋움'; font-size: 9pt; text-decoration: none; color:#5b5454;} .font09 a:visited {font-family: '돋움'; font-size: 9pt; text-decoration: none; color:#5b5454;} .font09 a:hover {font-family: '돋움'; font-size: 9pt; text-decoration: none; color:#F26522;} /* 빨간기미회색 오버시 주황색 */ .font09_01 {font-family: '돋움'; font-size: 9pt; font-weight: normal; line-height: 15pt; color:#5b5454; letter-spacing:0; } .font09_01 a:link {font-family: '돋움'; font-size: 9pt; text-decoration: none; color:#5b5454;} .font09_01 a:visited {font-family: '돋움'; font-size: 9pt; text-decoration: none; color:#5b5454;} .font09_01 a:hover {font-family: '돋움'; font-size: 9pt; text-decoration: none; color:#F26522;} /* 노란기미 밝은회색 */ .font10 {font-family: '돋움'; font-size: 9.5pt; font-style: normal; line-height: 15pt; color:#908c79; letter-spacing:2;} /* 노란기미 진회색 오버시 밑줄 */ .font11 {font-family: '돋움'; font-size: 9pt; font-style: normal; line-height: 15pt; color:#666252; letter-spacing:0; } .font11 a:link {font-family: '돋움'; font-size: 9pt; font-style: normal; text-decoration: none; line-height: 15pt; color:#666252; letter-spacing:0; } .font11 a:visited {font-family: '돋움'; font-size: 9pt; font-style: normal; text-decoration: none; line-height: 15pt; color:#666252; letter-spacing:0; } .font11 a:hover {font-family: '돋움'; font-size: 9pt; font-style: normal; text-decoration: underline;line-height: 15pt; color:#666252; letter-spacing:0; } /* 파란기미 밝은회색 */ .font12 {font-family: '돋움'; font-size: 9pt; font-style: normal; line-height: 15pt; color:#646668; letter-spacing:0; } /* 빨간기미 밝은회색 */ .font13 {font-family: '돋움'; font-size: 9pt; font-style: normal; line-height: 15pt; color:#5b5454; letter-spacing:0; } TD, TH {font-family:돋움,Gulim;font-size: 8pt; font-style: normal ;line-height: 13.5pt; color:#cbbfbd;} BODY, TEXTAREA,INPUT {font-family:돋움, Gulim; font-size:8pt; letter-spacing:1px; color:#929090;margin:0px; padding:0px; } --> html{overflow-y:scroll} body,p,h1,h2,h3,h4,h6,menu,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} menu,ul,ol{list-style:none} #snb{float:left;width:220px;height:350px;margin-top:-10px;padding-top:10px;background:url(/img/bg_snb.gif) no-repeat 100% 0} #snb #navi{} #snb #navi img{vertical-align:top} #snb #navi p{margin-bottom:8px;padding:0 4px 10px;background:url(/img/bg_navi.gif) no-repeat 0 100%} #snb #navi ul{} #snb #navi li{display:block;line-height:27px;} #snb #navi li a{overflow:hidden;display:inline-block;height:29px} #snb #navi li a img{padding:4px 0 4px 0;margin-top:-29px} #snb #navi li a.this img,#snb #navi li a.on img{margin-top:0} #snb #navi ul ul{margin:8px 12px 10px 15px} #snb #navi li li{margin:0px; line-height:16px;} #snb #navi li li a{overflow:hidden;display:inline-block;height:22px !important} #snb #navi li li a img{padding:4px 0 4px 0;margin-top:0 !important} #snb #navi li li a.this img,#snb #navi li li a.on img{margin-top:-22px !important} #snb .qnb{margin-top:25px} #snb .qnb a{float:left} /*채용*/ h3{} .locationArea{position:relative;} .location{position:absolute; right:0; top:10px; font-weight:normal; font-size:12px; color:#938883; } .location span{color:#453833} .location img{vertical-align:top; padding-top:0px; } .contentsArea{padding-top:0; font-size: 12px; color: #666; line-height:22px; } .contents{padding-top:30px; font-size: 12px; color: #666; line-height:22px; } .PAT3{padding-top:3px !important} .PAT5{padding-top:5px !important} .PAT10{padding-top:10px !important} .PAT15{padding-top:15px !important} .PAT20{padding-top:20px !important} .PAT25{padding-top:25px !important} .PAT30{padding-top:30px !important} .PAT35{padding-top:35px !important} .PAT40{padding-top:40px !important} .PAT45{padding-top:45px !important} .PAT50{padding-top:50px !important} .PAT55{padding-top:55px !important} .PAT60{padding-top:60px !important} .PAT65{padding-top:65px !important} .PAT70{padding-top:70px !important} .PAT75{padding-top:75px !important} .PAT80{padding-top:80px !important} .PAT85{padding-top:85px !important} .PAT90{padding-top:90px !important} .PAT95{padding-top:95px !important} .PAT100{padding-top:100px !important} .MAT2{margin-top:2px !important} .MAT3{margin-top:3px !important} .MAT5{margin-top:5px !important} .MAT6{margin-top:6px !important} .MAT7{margin-top:7px !important} .MAT10{margin-top:10px !important} .MAT13{margin-top:13px !important} .MAT15{margin-top:15px !important} .MAT20{margin-top:20px !important} .MAT25{margin-top:25px !important} .MAT30{margin-top:30px !important} .MAT35{margin-top:35px !important} .MAT40{margin-top:40px !important} .MAT45{margin-top:45px !important} .MAT50{margin-top:50px !important} .MAT55{margin-top:55px !important} .MAT60{margin-top:60px !important} .MAT65{margin-top:65px !important} .MAT70{margin-top:70px !important} .MAT75{margin-top:75px !important} .MAT80{margin-top:80px !important} .MAT85{margin-top:85px !important} .MAT90{margin-top:90px !important} .MAT95{margin-top:95px !important} .MAT100{margin-top:100px !important} .MAL0{margin-left:0px !important} .MAL5{margin-left:5px !important} .MAL8{margin-left:8px !important} .MAL10{margin-left:10px !important} .MAL13{margin-left:13px !important} .MAL15{margin-left:15px !important} .MAL17{margin-left:17px !important} .MAL20{margin-left:20px !important} .MAL25{margin-left:25px !important} .MAL30{margin-left:30px !important} .MAL32{margin-left:32px !important} .MAL35{margin-left:35px !important} .MAL40{margin-left:40px !important} .MAL45{margin-left:45px !important} .MAL50{margin-left:50px !important} .MAL55{margin-left:55px !important} .MAL60{margin-left:60px !important} .MAL65{margin-left:65px !important} .MAL70{margin-left:70px !important} .MAL75{margin-left:75px !important} .MAL80{margin-left:80px !important} .MAL85{margin-left:85px !important} .MAL90{margin-left:90px !important} .MAL95{margin-left:95px !important} .MAL100{margin-left:100px !important} .MAR5{margin-right:5px !important} .MAR7{margin-right:7px !important} .MAR10{margin-right:10px !important} .MAR15{margin-right:15px !important} .MAR20{margin-right:20px !important} .MAR25{margin-right:25px !important} .MAR30{margin-right:30px !important} .MAR35{margin-right:35px !important} .MAR40{margin-right:40px !important} .MAR45{margin-right:45px !important} .MAR50{margin-right:50px !important} .MAR55{margin-right:55px !important} .MAR60{margin-right:60px !important} .MAR65{margin-right:65px !important} .MAR70{margin-right:70px !important} .MAR75{margin-right:75px !important} .MAR80{margin-right:80px !important} .MAR85{margin-right:85px !important} .MAR90{margin-right:90px !important} .MAR95{margin-right:95px !important} .MAR100{margin-right:100px !important} .MAB5{margin-bottom:5px !important} .MAB10{margin-bottom:10px !important} .MAB15{margin-bottom:15px !important} .MAB20{margin-bottom:20px !important} .MAB25{margin-bottom:25px !important} .MAB30{margin-bottom:30px !important} .MAB35{margin-bottom:35px !important} .MAB40{margin-bottom:40px !important} .MAB45{margin-bottom:45px !important} .MAB50{margin-bottom:50px !important} .MAB55{margin-bottom:55px !important} .MAB60{margin-bottom:60px !important} .MAB65{margin-bottom:65px !important} .MAB70{margin-bottom:70px !important} .MAB75{margin-bottom:75px !important} .MAB80{margin-bottom:80px !important} .MAB85{margin-bottom:85px !important} .MAB90{margin-bottom:90px !important} .MAB95{margin-bottom:95px !important} .MAB100{margin-bottom:100px !important} .ftSize9{font-size:9px} .ftSize10{font-size:10px} .ftSize11{font-size:11px} .ftSize12{font-size:12px} .ftSize13{font-size:13px} .ftSize14{font-size:14px} .ftSize15{font-size:15px} .ftSize16{font-size:16px} .ftSize17{font-size:17px} .ftSize18{font-size:18px} .ftSize19{font-size:19px} .ftSize20{font-size:20px} .ftSize28{font-size:28px} .ftBold{font-weight:bold} input, p, textarea, fieldset, select{ margin:0; padding:0;} fieldset{border:none;} legend{padding:0; margin:0; border:0;} input{border:1px solid #cdcdcd; font-size:12px; color:#666; padding:3px; vertical-align:middle;} input[type="checkbox"]{border:0px; background-color:transparent;} input[type="radio"]{border:0px; background-color:transparent;} input[type="radio"] { position:relative; top:-1px; } input[type="image"]{border:0px;} label{ vertical-align:middle;} textarea{font-size:13px; height:35px; padding:5px 0;} img{vertical-align:middle; border:none} table{border-spacing:0; border-collapse:collapse;} select{border:1px solid #cccccc !important; font-size:12px; vertical-align:middle; height:23px;} .ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .hidden{display:none; position:absolute; top:-9999px; font-size:0; text-indent:-9999px;} /* 서비스소개_서비스의뢰 ( client/sub05.html ) */ .persnalInfo{ margin-top:10px} .infoObj{width:740px; height:120px; padding:10px 0 10px 10px; border:1px solid #e4e4e4; overflow:auto; overflow-x:hidden;} .space{width:10px; display:inline-block;} .btnArea{width:192px; margin:0 auto;} /* 이용약관, 개인정보 취급방침 (account / sub08.html, sub09.html) */ .privacyArea p{line-height:20px} .privacyArea .privacyTitle{font-size:14px; font-weight:bold; color:#28757c; padding:20px 0 10px 0} .privacyArea .paddingArea{padding:10px 0 0 20px} /* 서비스소개_고객추천사 ( client/sub06.html ) */ .dataLine{padding:20px 30px 20px 20px; border-bottom:1px solid #e6e6e6;} .dataLine.topLine{border-top:1px solid #d3d3d3;} .dataLine .title{padding-bottom:20px; font-weight:bold;} .dataLine .title a{color:#28757c} /* 라운드박스 샘플*/ .boxArea{background:url(../images/account/boxbg04.gif) repeat-y left top; width:100% } .boxArea .boxTop{background:url(../images/account/boxbg01.gif) repeat-x; height:21px; overflow:hidden} .boxArea .boxTop .topLeft{float:left; background:url(../images/account/boxImg01.gif) no-repeat left top; height:21px; width:21px} .boxArea .boxTop .topRight{float:right; background:url(../images/account/boxImg02.gif) no-repeat right top; height:21px; width:21px} .boxArea .boxBottom{background:url(../images/account/boxbg03.gif) repeat-x; height:21px; overflow:hidden} .boxArea .boxBottom .bottomLeft{float:left; background:url(../images/account/boxImg04.gif) no-repeat left bottom; height:21px; width:21px} .boxArea .boxBottom .bottomRight{float:right; background:url(../images/account/boxImg03.gif) no-repeat left bottom; height:21px; width:21px} .boxArea .boxContents{clear:both; background:url(../images/account/boxbg02.gif) repeat-y right top; } /* 말머리 세모 */ .arrow{background:url(../images/account/arrow_gray.gif) no-repeat left 5px; padding-left:10px} .circleArr{background:url(../images/about/arrowDot.gif) no-repeat left 5px; padding-left:10px} .txtCenter{text-align:center !important} .txtLeft{text-align:left !important} .txtRight{text-align:right !important} /* 공통 테이블 UI */ .commonTable{border-top:1px solid #1d97a2; width:100%; } .commonTable th{background:#f7fafa; border-top:1px solid #1d97a2; border-bottom:1px double #e4e4e4; } .commonTable tr{height:30px; line-height:30px; border-bottom:1px solid #e6e6e6;} .commonTable tr th{text-align:center; background:#f6fcfc; border-bottom:3px double #e4e4e4;} .commonTable tr td{*border-bottom:1px solid #e6e6e6;} .commonPageNavi{font-family:dotum,돋움; width:500px; margin:0 auto; overflow:hidden; text-align:center; font-size:11px; font-weight:bold; color:#7e858b} .commonPageLeftArrow{float:left;} .commonPageRightArrow{float:right;} .commonPageNavi .space{width:10px; display:inline-block; color:#b8b9b9;} .pageArrow{vertical-align:top; padding-top:1px;} .commonViewTable{border-top:1px solid #1d97a2; width:100%; } .commonViewTable .titleBack{background:#f7fafa; border-top:1px solid #1d97a2; border-bottom:1px double #e4e4e4; } .commonViewTable tr{height:30px; line-height:30px; border-bottom:1px solid #e6e6e6;} .commonViewTable tr th{text-align:center; background:#f6fcfc; border-bottom:3px double #e4e4e4;} .commonViewTable td{line-height:20px;} .commonViewTable .cnts{text-align:left; font-weight:normal;} .commonViewTable .viewBody{padding:20px; min-height:300px; vertical-align:top; *border-bottom:1px solid #e6e6e6;} .formTable{border-top:1px solid #d3d3d3; width:100%; } .formTable tr{height:30px; line-height:30px; } .formTable tr th{width:120px; text-align:left; padding-left:20px; background:#f0f0f0 ; border-bottom:1px solid #e6e6e6} .formTable tr td{padding:3px 5px 5px 10px;border-bottom:1px solid #e6e6e6} .required{color:#f18231; font-weight:normal;} .shotLineHeight{line-height:18px; padding-top:5px;}