.table_blue01 { border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #1fb4a9; margin:0px 0 20px 0; } .table_blue01 thead th { border:1px solid #d9d9d9; text-align:center; padding:10px; background:#f3f3f3; color:#1b9c92; font-weight:500; font-size:1.2em;} .table_blue01 tbody th { border:1px solid #d9d9d9; text-align:center; padding:10px; background:#f3f3f3; color:#1b9c92; font-weight:500; font-size:1.2em;} .table_blue01 td { border:1px solid #d9d9d9; text-align:left; padding:10px 20px 10px 20px ; background:#fff; font-size:1.15em;} .table_blue01 td.center { text-align:center;} .table_blue01 span { color:#ff4800; } .table_blue01 b { color:#008e84; } .table_blue02 { border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #1fb4a9; margin:0px 0 20px 0; } .table_blue02 thead th { border:1px solid #d9d9d9; text-align:center; padding:10px; background:#e1f6f6; color:#1b9c92; font-weight:500; font-size:1.23em;} .table_blue02 thead td { border:1px solid #d9d9d9; text-align:center; padding:10px; background:#f3f3f3; color:#1b9c92; font-weight:500; font-size:1.2em;} .table_blue02 tbody th { border:1px solid #d9d9d9; text-align:center; padding:10px; background:#f3f3f3; color:#1b9c92; font-weight:500; font-size:1.2em;} .table_blue02 td { border:1px solid #d9d9d9; text-align:center; padding:10px; background:#fff; font-size:1.15em;} .table_blue02 td.left { text-align:left; padding-left:20px;} .table_blue02 span { color:#ff4800; } .table_blue02 b { color:#ff4800; } .table_blue03 { border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #5a88c6; margin:0px 0 20px 0;} .table_blue03 th { border-bottom:1px solid #222; text-align:center; padding:10px; background:#fff; font-size:1.5em; color:#222; font-weight:500;} .table_blue03 td { border-bottom:1px solid #d9d9d9; text-align:left; padding:10px; background:#fff; font-size:1.2em; COLOR:#7e7e7e;} .table_blue04 { border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #5a88c6; margin:0px 0 20px 0; } .table_blue04 thead th { border:1px solid #d9d9d9; text-align:center; padding:7px; background:#f3f3f3; color:#0035a0; font-weight:500; font-size:1.1em;} .table_blue04 tbody th { border:1px solid #d9d9d9; text-align:center; padding:7px; background:#f9f9f9; color:#222; font-weight:500; font-size:1.1em;} .table_blue04 td { border:1px solid #d9d9d9; text-align:left; padding:7px; background:#fff; font-size:1.1em;} .table_blue04 td.center {text-align:center;} .table_blue04 span { color:#1177c1; } .table_blue04 b { color:#ff4800; } .table_blue05 { border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #5a88c6; margin:0px 0 20px 0; } .table_blue05 thead th { border:1px solid #d9d9d9; text-align:center; padding:7px; background:#f3f3f3; color:#0035a0; font-weight:500; font-size:1.1em;} .table_blue05 tbody th { border:1px solid #d9d9d9; text-align:center; padding:7px; background:#f9f9f9; color:#222; font-weight:500; font-size:1.1em;} .table_blue05 td { border:1px solid #d9d9d9; text-align:center; padding:7px; background:#fff; font-size:1.1em;} .table_blue05 td.center {text-align:center;} .table_blue05 span { color:#1177c1; } .table_blue05 b { color:#ff4800; } .table_blue05 .yellow {background:#fcfcd9; font-weight:600;} .table_blue05 .yellow td {background:#fcfcd9; font-weight:600;} .table_blue05 td.yellow_v {background:#fcfcd9; font-weight:600;} .table_blue05 td.gray {background:#f3f3f3;} .table_blue05 td.textL {text-align:left; padding-left:20px;} .table_blue05 td.textL_yellow {text-align:left; padding-left:20px; background:#fcfcd9; font-weight:600;} .table_green { width:100%; border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #34a747; } .table_green thead th, .table_green thead td { border:1px solid #d9d9d9; text-align:center; padding:7px; background:#e7f6e3; font-size:1.25em; font-weight:700;} .table_green th { border:1px solid #d9d9d9; text-align:center; padding:7px; background:#f3f9f1; font-size:1.25em; line-height:1.6em; font-weight:700;} .table_green td { border:1px solid #d9d9d9; text-align:center; padding:7px; background:#fff; font-size:1.2em; line-height:1.6em;} .table_green td b {color:#00853e;} .table_green .line_left { text-align:left; padding-left:15px; } .table_green01 { border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #009944; border-bottom:1px solid #b0b0b0; * border:1px solid #d9d9d9 ; */ font-size:13px;} .table_green01 thead th {border:1px solid #d9d9d9; text-align:center; font-weight:600; padding:4px; background:#f3f3f3; color:#333333; } .table_green01 tbody th {border:1px solid #d9d9d9; text-align:center; font-weight:600; padding:4px; background:#f3f3f3; color:#333333; } .table_green01 td {border:1px solid #d9d9d9; text-align:left; padding:4px; background:#fff; } .table_green01 td.font01 {font-size:16px; color:#ea4700; font-weight:600;} .table_gray01 { border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #000000; border-bottom:1px solid #000000; /*border:1px solid #d9d9d9 ; */ } .table_gray01 > table { width:100%; } .table_gray01 thead th {border:1px solid #dddddd; text-align:center; font-weight:500; padding:7px; background:#f9f9fa; color:#000000; font-size:17px;} .table_gray01 tbody th {border:1px solid #dddddd; text-align:center; font-weight:500; padding:6px; background:#f9f9fa; color:#111111; font-size:16px;} .table_gray01 tbody th.bgc {border:1px solid #dddddd; text-align:center; font-weight:500; padding:6px; color:#007f41; background:#f9f9fa;} .table_gray01 td {border:1px solid #dddddd; text-align:left; padding:6px 6px 6px 10px; background:#fff; font-size:16px;} .table_gray01 td.line_center { text-align:left; padding:6px;} .table_gray01 td.line_right { border-right:1px solid #fff;} .table_gray01 td.line_bottom { border-bottom:1px solid #fff;} .table_gray01 td span {padding-right:10px;} .table_gray02 { border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #b0b0b0; /* border:1px solid #d9d9d9 ; */ } .table_gray02 thead th {border:1px solid #d9d9d9; text-align:center; font-weight:600; padding:5px 5px 5px 5px; background:#e1e1e1; color:#333333; font-size:16px;} .table_gray02 tbody th {border:1px solid #d9d9d9; text-align:center; font-weight:600; padding:5px 5px 5px 5px; background:#f6f6f6; color:#333333; font-size:16px;} .table_gray02 td {border:1px solid #d9d9d9; text-align:left; padding:5px 5px 5px 8px; background:#fff; font-size:15px;} .table_gray02 td.line_cen { text-align:center; padding-left:5px; font-size:15px;} .table_glay03 {border-collapse:collapse; clear:both; overflow:hidden; border:1px solid #d9d9d9 ; } .table_glay03 thead { text-align:center; font-weight:600; padding:8px; background:#e1e1e1; color:#333333;} .table_glay03 tbody th {padding:2px 4px ; border:1px solid #d9d9d9; line-height:18px; background:#f3f3f3; font-weight:600;} .table_glay03 td {border:1px solid #d9d9d9; text-align:center; padding:4px 4px ; line-height:18px;} .table_gray04 { border-collapse:collapse; clear:both; overflow:hidden; border-top:1px solid #000000; /*border-bottom:1px solid #000000;*/ /*border:1px solid #d9d9d9 ; */ } .table_gray04 thead th {border:1px solid #dddddd; text-align:center; font-weight:500; padding:10px; background:#f9f9fa; color:#000000; font-size:16px;} .table_gray04 tbody th {border:1px solid #dddddd; text-align:center; font-weight:500; padding:7px; background:#f9f9fa; color:#111111; font-size:16px;} .table_gray04 tbody th.bgc {border:1px solid #dddddd; text-align:center; font-weight:500; padding:7px; color:#007f41; background:#f9f9fa;} .table_gray04 td {border:1px solid #dddddd; text-align:center; padding:7px; background:#fff; font-size:15px;} .table_gray04 td.line_left { text-align:left; padding-left:14px; } .table_gray04 td.line_right { border-right:1px solid #fff;} .table_gray04 td.line_bottom { border-bottom:1px solid #fff;} .tbl_style03 {width:100%; border:1px solid #d7d7d7; border-spacing:0; border-top:1px solid #5e5e5e; } .tbl_style03 th {padding:8px 0px 8px 0px; font-size:12px; font-weight:600; line-height:16px; text-align:center; color:#333537; background:#f3f3f3; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; } .tbl_style03 td {text-align:center; padding:8px; font-size:12px; font-weight:normal; line-height:160%; color:#555; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7} .table_glay03_s {border-collapse:collapse; clear:both; overflow:hidden; border:0px solid; width:100%;} .table_glay03_s td {border:0px solid; text-align:right; padding:0px 4px 0px 4px ; line-height:18px;} .table_glay03_t {border-collapse:collapse; clear:both; overflow:hidden; border:0px solid; width:100%;} .table_glay03_t td {border:0px solid; text-align:center; padding:0px 0px 0px 0px ; line-height:18px;} .table_orange01 { border-collapse:collapse; clear:both; overflow:hidden; border-top:1px solid #d9d9d9; margin:0px 0 20px 0;} .table_orange01 th { border:1px solid #d9d9d9; text-align:left; padding:10px; background:#fb6f33; color:#fff; font-size:13px;} .table_orange01 td { border:1px solid #d9d9d9; text-align:left; padding:10px 10px 10px 15px ; background:#; font-size:13px;} .table_orange01 td.text_left { text-align:left; padding-left:10px;} .table_orange01 span {font-size:12px; color:#ff4800; } .table_orange01 b {font-size:12px; color:#ff4800; } .tbl_style02 {width:95%; border:1px solid #d7d7d7; border-spacing:0} .tbl_style02 th {padding:5px 0 4px; font-size:12px; font-weight:600; line-height:18px; text-align:center; color:#333537; background:#f3f3f3; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; } .tbl_style02 td {padding:6px; font-size:12px; font-weight:normal; line-height:180%; color:#555; text-align:center; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7} .tbl_style02 td.first{text-align:center;} .tbl_style02 td.lf{text-align:left; padding-left:10px;} .tbl_style022 {width:100%; border:1px solid #d7d7d7; border-spacing:0} .tbl_style022 th {padding:5px 0 4px; font-size:12px; font-weight:600; line-height:16px; text-align:center; color:#333537; background:#f3f3f3; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; } .tbl_style022 td {padding:6px; font-size:12px; font-weight:normal; line-height:180%; color:#555; text-align:center; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7} .tbl_style022 td.first{text-align:center;} .tbl_style022 td.lf{text-align:center; padding-left:10px;} .tbl_style01 {width:100%; border-top:1px solid #5e5e5e; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-spacing:0} .tbl_style01 th {padding:10px 0 10px 0px; font-size:17px; font-weight:600; line-height:16px; text-align:center; color:#333537; border-bottom:1px solid #d7d7d7; background:#f3f3f3} .tbl_style01 th.fist-child {border-left:none;} .tbl_style01 td {padding:8px 8px 8px 12px; font-size:16px; font-weight:normal; line-height:180%; color:#555; text-align:left; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; } .tbl_style01 td.list_title {text-align:center; letter-spacing:-1px; border-left:none;} .tbl_style01 td.ct {text-align:center; } /*.tbl_style01 td input {height:18px; font-size:12px; line-height:16px; padding-left:5px; margin:2px 0px 3px 0px; border:1px solid #bbb} .tbl_style01 td input.radio {border:none; padding:0px 3px 0px 0px; } .tbl_style01 td select {font-size:12px; margin:2px 0px 3px 0px; }*/ .tbl_style01 td img {margin-top:2px;} .tbl_style03 {width:100%; border:0; border-spacing:0} .tbl_style03 th {padding:5px 0 4px; font-size:14px; font-weight:600; line-height:16px; text-align:center; color:#333537; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; background:#f3f3f3} .tbl_style03 td {padding:6px; font-size:14px; font-weight:normal; line-height:16px; color:#555; text-align:center; border-bottom:1px solid #d7d7d7; } .tbl_style03 td.lf{text-align:left; padding-left:10px} .tbl_style03 td a:hover {text-decoration:underline} .tbl_Detail03 {width:100%; border-bottom:1px solid #a0a0a0} .tbl_Detail03 th {padding:12px 22px 10px; font-size:15px; font-weight:600; line-height:16px; color:#333; text-align:left; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; background:#f3f3f3} .tbl_style04 {width:100%; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; } .tbl_style04:after {display:block; content:""; clear:both} .tbl_style04 table {width:100%} .tbl_style04 table th {width:129px; padding-left:10px; text-align:left; border-bottom:1px solid #d7d7d7; border-right:1px solid #a0a0a0; background:#f3f3f3} .tbl_style04 table th:after {display:block; content:""; clear:both} .tbl_style04 table th strong {float:left; width:100px; margin-left:9px; padding:6px 0 5px; font-size:12px; font-weight:600; letter-spacing:-1px; line-height:20px; color:#333537; text-align:left; word-wrap:break-word} .tbl_style04 table th strong label {margin-left:0px} .tbl_style04 table td { font-size:12px; padding:5px 10px 5px ; border-bottom:1px solid #d7d7d7} .tbl_style04 table td input {height:18px; font-size:12px; line-height:16px; padding-left:10px; border:1px solid #bbb} .tbl_style04 table td.writer input {width:200px} .tbl_style04 table td.email input {width:200px} .tbl_style04 table td.passwd input {width:100px} .tbl_style04 table td.title input {width:98%} .tbl_style04 table td.file input {width:98%; border:none;} .tbl_style04 table td.fix {line-height:24px; padding-top:6px;} .tbl_style04 table td.fix input {width:100px} .tbl_style04 table th.last {border-bottom:none;} .tbl_style04 table td.last {border-bottom:none;} .tbl_style05 {width:100%; border:1px solid #dadada; margin:30px 0;} .tbl_style05 th {text-align:center; font-size:15px; font-weight:600; line-height:18px; color:#222; padding:6px 0 6px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; background:#f3f3f3} .tbl_style05 td {text-align:center; font-size:15px; font-weight:normal; line-height:18px; padding:6px; border-left:1px solid #dadada; border-right:1px solid #dadada;} .tbl_style05 tr {border-bottom:1px solid #d7d7d7; } .tbl_style05 tr.last {border-bottom:1px solid #dadada; } .tbl_style05 td.lf{text-align:left; padding-left:10px; color:#222222} .tbl_style05 td input {height:auto; font-size:14px; line-height:17px; padding-left:10px; border:1px solid #bbb} .tbl_style05 td a {display:block; color:#222222;} .tbl_style05 td a:hover {text-decoration:underline} /* .tbl_style06 {width:100%; border:1px solid #a0a0a0;} .tbl_style06 th {text-align:center; font-size:14px; font-weight:600; line-height:16px; color:#222; padding:5px 0 4px; border-bottom:1px solid #d7d7d7; border-left:1px solid #a0a0a0; background:#f3f3f3} .tbl_style06 td {text-align:center; font-size:14px; font-weight:normal; line-height:16px; padding:6px; border-left:1px solid #a0a0a0; border-right:1px solid #a0a0a0;border-bottom:1px solid #d7d7d7; } .tbl_style06 td.last {border-bottom:1px solid #a0a0a0; } .tbl_style06 th.last {border-bottom:1px solid #a0a0a0; } .tbl_style06 td.lf{text-align:left; padding-left:10px; } .tbl_style06 td input {height:18px; font-size:14px; line-height:16px; padding-left:10px; border:1px solid #bbb} .tbl_style06 td select {font-size:12px; } .tbl_style06 td .radio{border:none;} .tbl_style06 td a { color:#105284;} .tbl_style06 td a:hover {text-decoration:underline} */ .tbl_style06 {width:100%; border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #000000; border-bottom:1px solid #000000; /*border:1px solid #d9d9d9 ; */ } .tbl_style06 thead th {border:1px solid #dddddd; text-align:center; font-weight:500; padding:7px; background:#f9f9fa; color:#000000; font-size:17px;} .tbl_style06 tbody th {border:1px solid #dddddd; text-align:center; font-weight:500; padding:6px; background:#f9f9fa; color:#111111; font-size:16px;} .tbl_style06 tbody th.bgc {border:1px solid #dddddd; text-align:center; font-weight:500; padding:6px; color:#007f41; background:#f9f9fa;} .tbl_style06 td {border:1px solid #dddddd; text-align:left; padding:6px 6px 6px 10px; background:#fff; font-size:16px;} .tbl_style06 td.line_center { text-align:left; padding:6px;} .tbl_style06 td.line_right { border-right:1px solid #fff;} .tbl_style06 td.line_bottom { border-bottom:1px solid #fff;} .tbl_style06 td span {padding-right:10px;} /*.tbl_style06 td input {height:18px; font-size:14px; line-height:16px; padding-left:10px; border:1px solid #bbb} .tbl_style06 td select {font-size:12px; }*/ .tbl_style06 td .radio{border:none;} /*.tbl_style06 td a { color:#105284;}*/ /* display:block; */ .tbl_style06 td a:hover {text-decoration:underline} .tbl_style07 {width:100%; border:0; border-spacing:0} .tbl_style07 th {padding:5px 0 4px; font-size:14px; font-weight:600; line-height:16px; text-align:center; color:#333537; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#f3f3f3} .tbl_style07 td {padding:6px 6px 6px 10px; font-size:14px; font-weight:normal; line-height:16px; color:#555; text-align:left; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7} .tbl_style07 .top{border-top:1px solid #a0a0a0; } .tbl_style07 .btm{border-bottom:1px solid #a0a0a0; } .paging {margin:0 auto; text-align:center; padding-top:15px; } .paging a {display:inline-block; margin-left:12px; font-size:12px; line-height:30px; text-align:center; vertical-align:top} .paging > strong {display:inline-block; width:20px; height:20px; margin-left:5px; font-weight:bold; color:#e3413f; line-height:28px; text-align:center; } .paging .first, .paging .prev, .paging .next, .paging .last {width:20px; height:20px; margin-top:8px; } .paging .first {margin-left:0; background:url('../images/com/bg_paging_first.gif') no-repeat 4px 4px} .paging .prev {margin-left:2px; background:url('../images/com/bg_paging_prev.gif') no-repeat 4px 4px} .paging .next {margin-left:13px; background:url('../images/com/bg_paging_next.gif') no-repeat 4px 4px} .paging .last {margin-left:-4px; background:url('../images/com/bg_paging_last.gif') no-repeat 4px 4px} /*고객센터*/ .dftSearch{ padding:15px 0; margin-bottom:20px; text-align:center; border:5px solid #8cbbf0;} .dftSearch *{ margin:0; padding:0} .dftSearch input.text{ border:none; width:240px; height:15px; padding:4px; background-color:#f4f4f4;} .dftSearch img.btn{ vertical-align:middle;} .dftSearch img{ border:none;} ul.ListType1 .boardInfo{} .ListType1{ margin-top:5px; width:745px; border-top:3px solid #7b7b7b; border-bottom:1px solid #c5c5c5} .ListType1 li{width:100%; padding:20px 0; border-top:1px solid #ededed;} .ListType1 li.first{} .ListType1 li.none{ font-weight:600; font-size:14px; color:#668ce9; text-align:center; text-decoration:underline} .ListType1 h3{ padding:0 20px; font-size:14px; color:#47c353} .ListType1 h3 a,.ListType1 h3 a:hover,.ListType1 h3 a:active{ color:#47c353; text-decoration:underline} .ListType1 p.location{position:relative; padding:7px 60px 0 30px; font-size:11px; color:#b5b4b4; background:url(../images/com/his_icon.gif) 10px 7px no-repeat;} .ListType1 p.title{ padding:5px 0 0 20px; font-size:11px; font-weight:600; } .ListType1 p.txt{ padding-top:15px;} .ListType1 p.txt span{color:#ff9000;} .ListType1 dl{ margin-top:15px; width:710px; padding:10px 20px; font-size:11px; background-color:#f9f9f9} .ListType1 dt,.ListType1 dd{padding:5px;} .ListType1 dt{ width:40px; background:url(/images/common/sp2.gif) right center no-repeat} .ListType1 dd{ margin-top:-28px; padding-left:60px; } div.making-board {position:relative; float:left; width:100%; } div.making-board input {border:1px solid #cccccc; } div.making-board table.tit01 { float:left; /*background:url(/board/img/t_bg.gif) repeat-x; */ width:100%; text-align:center; vertical-align:middle; font-size:1.4em; /* border:1px solid #cbcbcb;*/ } div.making-board table.tit01 thead { vertical-align:middle; background-color:#f7f7f7; } div.making-board table.tit01 tr { vertical-align:middle; } div.making-board table.tit01 th { vertical-align:middle; /*height:30px;*/ padding:10px 0; border-top:2px solid #848484; border-bottom:1px solid #cbcbcb;/* font-size:13px; */ background-color:#f9f9f9;} div.making-board table.freeboard01 {position:relative; float:left; /*background:url(/board/img/t_bg.gif) repeat-x; */ width:100%; text-align:center; vertical-align:middle; font-size:1.15em; /* border:1px solid #cbcbcb;*/ } div.making-board table.freeboard01 thead { vertical-align:middle; background-color:#f9f9f9; /* background: url('/board/img/t_bg.gif') top repeat-x; */} div.making-board table.freeboard01 tr { vertical-align:middle; } div.making-board table.freeboard01 th { vertical-align:middle; /*height:28px;*/ padding:9px 0; border-top:2px solid #848484; border-bottom:1px solid #cbcbcb;} div.making-board table.freeboard01 td {/* padding:7px 3px 5px 7px;*/ /*height:27px;*/ padding:9px 0; vertical-align:middle; border-bottom:1px solid #c8c8c8;} div.making-board table.freeboard01 td.bosubject {text-align:left; vertical-align:middle; padding:0 0 0 2px; } div.making-board table.freeboard01 span.tit {font-weight:700; color:#d50008} .t_tit01_line01 {border-left:1px solid #cbcbcb; } .t_tit01_line02 {border-right:1px solid #cbcbcb; } div.making-board table.tit01 td {vertical-align:middle;} div.making-board table.board01 { float:left; width:100%; text-align:center; vertical-align:middle; font-size:1.15em; /*border-top:1px solid #cbcbcb;*/ border-bottom:2px solid #cbcbcb;} div.making-board table.board01 td { padding:7px 3px 5px 7px; vertical-align:middle; border-bottom:1px solid #c8c8c8;} div.making-board table.board01 td.bosubject {text-align:left; vertical-align:middle; } div.making-board table.board01 span.tit {font-weight:700; color:#d50008} .t_bg{ float:left; background:url(/board/img/t_bg.gif) repeat-x; text-align:center; vertical-align:middle; border:1px solid #cbcbcb; } .t_line01 {border-top:1px solid #cbcbcb; } .t_line02 {border-bottom:1px solid #cbcbcb; } .table_search { text-align:absmiddle;} /* 고객센터 search 부분 */ #board_search {margin:0; font-size:1.15em;} #board_search .top01 .pagebtn01{position:absolute; right:0; padding-left:9px; padding-right:30px; padding-bottom:30px; } #page_num1{float:left; text-align:center;width:100%; padding-top:15px; padding-bottom:15px;} #page_btn{float:left; text-align:right;width:100%; padding-top:3px; padding-bottom:3px;} #page_btn01{float:left; width:100%; text-align:right; margin:10px 0 10px 0 ; padding-bottom:50px; } #page_btn02{text-align:right;padding-top:3px; padding-bottom:3px; padding-right:20px;} .btn_search{padding-top:15px; width:45px; height:21px;} .font04 { font-weight: bold;color: red; } #search1{position: absolute; bottom:0; right:0;background:url(../images/search_bg1.gif) no-repeat; width:140px; height:20px; padding:1px 1px 0 3px;} #search1 .text{width:108px; height:15px; background:#f4f4f4;font-size:11px;padding:1px 0 0 5px; color:#666;} table.yatable {float:left; width:100%; /* border-top:1px solid #9c9c9c;*/ border-bottom:1px solid #9c9c9c; font-size:1.15em;} table.yatable th{width:100%; height:35px; background:url(/board/img/t_bg.gif); vertical-align:middle; border:1px solid #66d4d9;;} table.yatable td {/*height:26px;*/ padding:10px 0; border-bottom:1px solid #dedede; text-align:left;} table.yatable .pd5 {height:26px; padding-left:5px; padding-right:5px;} table.yatable .pd10 {/*height:26px;*/ padding:10px;} table.yatable .pd15 {/*height:26px;*/ padding-left:15px;} table.yatable .pdtb5 {padding-top:5px; padding-bottom:5px;} table.yatable .table_title {color:#ffffff; /*font-size:12px;*/ font-size:1.2em; padding:10px 0; padding-left:10px; font-weight:700; } .subject { color:dedede; /*font-size:11px; */font-weight:600; /*height:26px;*/ padding:10px 5px 10px 5px;} .subject01 { color:dedede; /*font-size:11px;*/ font-weight:600; height:150px; padding:0 5px 0 5px;} .table_contents { padding:10px;} #table01 { width:100%;} div.bo_search { WIDTH: 1154px; margin:20px auto 10px auto;text-align:center;} div.bo_search ul li{float:left;} div.bo_search li.list{ width:49%;text-align:center;} div.bo_search .InputImg{ vertical-align:bottom;} div.bo_search li.list_btn{ width:49%; text-align:right; } div.bo_search .bordercheckbox {border:0px;} div.bo_search .inputtext {border:1px solid #cccccc;} div.t_search01 {position:relative;float:left; width:725px; margin:5px 0; padding:10px; border:1px solid #ddd;} div.t_search01 label {padding-right:10px;} div.t_search {position:relative;float:left; width:725px; margin:5px 0; padding:10px; border:1px solid #ddd;} div.t_search ul {float:left; width:725px; padding:3px 0;} div.t_search ul li {width:80px; } div.t_search label {padding-right:10px;} div.write-form {float:left;width:100%; border-top:2px solid #848484;} div.write-form input {border:1px solid #cccccc;} div.write-form table.tableForm { float:left; width:100%; text-align:left; vertical-align:middle; border-bottom:1px solid #9c9c9c; font-size:1.15em;} div.write-form table.tableForm td {padding:5px 0 5px 10px; vertical-align:middle; border-bottom:1px solid #c8c8c8;} div.write-form table.tableForm td.titbold {font-weight:700; color:#7a7a7a} div.write-form table.tableForm td.formcontnet {padding:5px 0px 5px 0px;} div.write-form table.tableForm span.tit {font-weight:700; color:#d50008} #EditorTable { float:left; text-align:left; vertical-align:middle; border:1px solid #c8c8c8; margin:2px 2px 2px 2px; font-size:1.15em;} #EditorTable td {padding:2px 2px 2px 2px; vertical-align:middle; border:0px; font-size:1.15em;} #EditorTableTool { float:left; text-align:left; vertical-align:middle; margin:2px 2px 2px 2px;} #EditorTableTool td {padding:2px 2px 2px 2px; vertical-align:middle; border:0px;} #schedule_tit{position:relative; left:50%; height:50px; width:200px; margin-left:-100px; } *:first-child+html #schedule_tit{float:left; width:200px; padding-left:20px;} #schedule_tit ul li {float:left; vertical-align: middle; text-align:center;} #schedule_tit ul li.arrow01 { float:left; vertical-align: middle; text-align:center;} #schedule_tit ul li.arrow02 { float:right; vertical-align: middle; text-align:center;} #schedule_tit ul li.date{ width:150px; padding-right:1px; padding-left:1px; vertical-align: middle; text-align:center;} #schedule_tit ul li.date img{padding-right:2px; vertical-align: middle; text-align:center;} div.schedule-board {float:left;width:100%; margin-top:10px; margin-bottom:50px;} div.schedule-board table.schedulelist { float:left; /*background:url(/board/img/t_bg.gif) repeat-x; */ width:100%; height:35px; text-align:center; vertical-align:middle; /* border:1px solid #66d4d9;*/ } div.schedule-board table.schedulelist thead { vertical-align:middle;} div.schedule-board table.schedulelist tr { vertical-align:middle; } div.schedule-board table.schedulelist th {background:url(/board/img/t_bg.gif) top repeat-x; vertical-align:middle; height:40px; border-top:1px solid #0079d6; border-right:1px solid #dedede; font-size:1.1em;} div.schedule-board table.schedulelist td {vertical-align:top; border:1px solid #dedede; padding:10px; text-align:left; height:70px; font-weight:600; line-height:20px;} .date_right {width:100%; text-align:right;} /*.schedulefont01 {color:#84be13 ; line-height:13px; }*/ .schedulefont01 {color:#000000; line-height:13px; font-weight:normal; font-size:1.1em;} .schedulefont02 {color:#666666; font-weight:normal; line-height:13px; } div.schedule-board table.board01 { float:left; width:100%; text-align:center; vertical-align:middle; /*border-top:1px solid #9c9c9c;*/ border-bottom:2px solid #9c9c9c;} div.schedule-board table.board01 td { padding:8px 5px 8px 5px; vertical-align:middle; border-bottom:1px solid #c8c8c8;} div.schedule-board table.board01 td.bosubject {text-align:left; vertical-align:middle; } div.schedule-board table.board01 span.tit {font-weight:600; color:#d50008} .t_bg{ float:left; background:url(/board/img/t_bg.gif) repeat-x; text-align:center; vertical-align:middle; border:1px solid #66d4d9; } /*행사일정팝업*/ #pop_calendar{width:400px; float:left;} #pop_calendar h3{ float:left; width:360px; background:url(/Schedule/img/schedule_title_icon.gif) 0 5% no-repeat; padding:0 0 0 20px; margin:15px 0 5px 10px; font-size:16px; color:#3359c1; font-weight:600;} #pop_inner{width:360px; margin-top:5px; float:left; border:1px solid #82bde3; background-color:#eef5f9; padding:10px; margin-left:10px;} #pop_inner h1 {color:#1379e1;font-size:12px; font-weight:600; height:28px;} #pop_calendar_close{width:40px; height:30px; float:left; margin-left:345px; margin-top:15px;} .pop_edit{width:370px; height:170px; background-color:#FFFFFF; padding:10px; overflow:auto;} .pop_edit ul li {height:28px;} .pop_edit label {padding-right:10px;} /*행사일정팝업*/ /*사진갤러리*/ #gallery_list { WIDTH: 1200px; margin-top:10px;margin:auto;text-align:center; font-size:1.2em;} #gallery_list ul{ float:left; padding-bottom:10px;} #gallery_list li { float:left; WIDTH: 290px; padding:0px 5px 10px 5px;} #gallery_list li .photo_img {WIDTH: 290px; HEIGHT: 217px; border:1px solid #ddd;overflow:hidden;} #gallery_list li .photo_img img {width:100%; HEIGHT:auto; border:1px solid #ddd;overflow:hidden;} #gallery_list li .photo_subject {text-align:center; line-height: 1.4; padding-top:5px;word-break:break-all; height:65px; } #gallery_list01 { float:left; WIDTH: 100%; margin-top:10px;} #gallery_list01 ul{ float:left; padding-bottom:10px;} #gallery_list01 li { float:left; WIDTH: 160px; padding:0px 40px 0px 40px;} /*사진갤러리 ActivityPhoto5 청소년활동프로그램*/ #gallery_list03 { WIDTH: 1200px; margin-top:10px;margin:auto;text-align:center; font-size:1.2em;} #gallery_list03 ul{ float:left; padding-bottom:10px;} #gallery_list03 li { float:left; WIDTH: 290px; padding:0px 5px 10px 5px;} #gallery_list03 li .photo_img {WIDTH: 290px; HEIGHT: 408px; border:1px solid #ddd;overflow:hidden;} #gallery_list03 li .photo_img img {width:100%; HEIGHT:auto; border:1px solid #ddd;overflow:hidden;} #gallery_list03 li .photo_subject {text-align:center; line-height: 1.4; padding-top:5px;word-break:break-all; height:65px; } /*#gallery_list li.photo_zone{WIDTH: 160px; HEIGHT: 150px; }*/ #gallery_list01 li .photo_img {WIDTH: 170px; HEIGHT: 127px; border:1px solid #ddd;overflow:hidden;} #gallery_list01 li .photo_subject {text-align:center; line-height: 1.4; padding-top:5px; } /*사진갤러리*/ #sosik_list { float:left; WIDTH: 100%; margin-top:10px;} #sosik_list ul{ float:left; padding-bottom:10px;} #sosik_list li { float:left; WIDTH: 150px; padding:0 15px 10px 15px; } /*#gallery_list li.photo_zone{WIDTH: 160px; HEIGHT: 150px; }*/ #sosik_list li .photo_img {WIDTH: 150px; HEIGHT: 200px; text-align:center; border:1px solid #ddd;} #sosik_list li .photo_subject {text-align:center; line-height: 1.4; padding-top:5px; } /* #gallery_list { float:left; WIDTH: 100%; margin-top:10px;} #gallery_list ul{ float:left; padding-bottom:10px;} #gallery_list li { float:left; WIDTH: 160px; padding:0 9px 10px 9px; } #photo_zone{WIDTH: 160px; HEIGHT: 150px; } .photo_img {WIDTH: 160px; HEIGHT: 121px; border:1px solid #ddd;} .photo_subject {text-align:center; line-height: 1.8; padding-top:5px; } */ /* Business */ #Business_list { float:left; WIDTH: 100%; margin-top:10px;} #Business_list ul{ float:left; padding-bottom:10px;} #Business_list li { float:left; WIDTH: 220px; padding:0 15px 0 5px; } #Banner_zone{float:left; WIDTH: 220px; border-top:2px solid #0096db; border-bottom:1px solid #0096db;} .Banner_img {WIDTH: 200px; HEIGHT: 53px; border:1px solid #ddd; margin:7px 10px 7px 10px; } #Banner_zone ul.Banner_subject {float:left; width:220px; line-height: 1.8; } #Banner_zone ul.Banner_subject li {float:left; width:220px; padding:1px 2px 0px 2px; border-bottom:1px dashed #ddd;} #Banner_zone ul.Banner_subject li label {float:left; width:65px; background:url(../images/business/icon_01.gif) 0px 5px no-repeat; padding:3px 0 5px 12px;} #Banner_zone ul.Banner_subject li span{float:left; width:150px;} #business_pup {float:left; width:560px;} #business_pup h3 {float:left; width:540px; padding:10px; border-bottom:2px solid #0096db; margin:0 0 10px 0;} #business_pup ul li {float:left; width:272px; height:22px; padding:1px 2px 0px 2px; border-bottom:1px dashed #ddd; margin:0 0 0 3px; } #business_pup li label {float:left; width:70px; background:url(../images/business/icon_01.gif) 0px 5px no-repeat; padding:3px 0 5px 12px;} #business_pup li span{float:left; width:174px; padding-top:3px;} #business_pup p {text-align:right; padding:10px 10px 10px 0} #business_pup div.viewimg {float:left; width:520px; padding:20px;} /* Info List */ .info_list{border-top:2px solid #0079d6; float:left; width:100%; margin-top:10px;} .info_list li{/*overflow:hidden;height:1%;*/ border-bottom:1px solid #d7d7d7; padding:10px 0 10px 0; } .info_banner{float:left; width:160px; margin:15px 30px 15px 20px; border:1px solid #dbdbdb; } .info_info{float:left; width:525px;; *width:100%;} .info_info dl{/*overflow:hidden;height:1%; */padding-bottom:10px;} .info_info dl dt{float:left;clear:both; width:75px; height:17px; padding:5px 0px 3px 10px; border-bottom:1px solid #b1b1b1; font-weight:600; background:url(../info/img/tit_icon.gif) 0px 7px no-repeat;} .info_info dl dd{float:left; width:410px; height:17px; padding:5px 0px 3px 10px; background:url(../info/img/dt_r_line.gif) 0px 8px no-repeat; border-bottom:1px solid #b1b1b1;} .info_info dl dd a.info:link , a.info:visited , a.info:focus, a.info:active{color:#ff6900; text-decoration: none;} .info_info dl dd a.info:hover {color: #7b8c00;text-decoration: none;} /* 이벤트 스토리 */ .event_list{border-top:2px solid #b84a3d; float:left; width:100%; margin:0px 0px 10px 0px;} .event_list li{/*overflow:hidden;height:1%;*/ border-bottom:1px solid #d7d7d7; padding:10px 0 7px 0;} .event_banner{float:left; width:220px; margin-right:50px;margin-left:50px; border:1px solid #dbdbdb;} .event_info{float:left; width:400px;} .event_info dl{ border-bottom:1px solid #ececec;} .event_info dl dt strong{display:inline-block;width:300px; padding-top:15px; line-height:140%;} .event_info dl dl{overflow:hidden;height:1%; padding-bottom:5px;padding-top:10px;width:200px;;} .event_info dl dl dt{float:left;clear:both;padding-top:5px;width:80px;} .event_info dl dl dd{float:left;padding-top:5px;} .event_ing{position:relative;} .event_ing img{vertical-align:top;} .event_tit{padding-left:18px;padding-bottom:5px;} .event_detail{text-align:center;padding:10px 0;position:relative;} .preNext_list{overflow:hidden;height:1%;border:1px solid #d7d7d7;} .preNext_list dt{float:left;clear:both;width:130px;padding:5px 0 5px 15px;border-right:1px solid #d7d7d7;border-bottom:1px solid #fff;background:#707070;} .preNext_list dd{float:left;width:528px;padding:5px 0 5px 30px;border-bottom:1px solid #d7d7d7;} .event_detail img { vertical-align: top;} .btn_right{text-align:right;padding-top:8px;} .btn_right a{margin-left:5px;} .btn_right02 {text-align:right;padding-right:30px;} /* 설문조사 */ .Poll_view {float:left; width:100%} .Poll_view h3 {float:left; width:100%; padding:10px 0 5px 0; font-weight:600; font-size:12px; color:#272727;} .Poll_view ul li {float:left; width:100%; padding-left:20px;} .Poll_view label{display:inline-block; padding-left:50px;} .Poll_view span {float:left; padding-top:20px;} .Poll_btn {float:left; text-align:center; width:100%; padding:15px 0 15px 0;} .Poll_btn img {padding:0 3px 0 3px;} /*달력 팝업*/ #pop_calendar_mini{width:300px; height:200px; text-align:center;} #calendar_mini_month{width:90%; height:30px; font-weight:600; color:#369b18; margin-top:20px; margin-bottom:0px; } #mini_calender_table{ float:left;width:300px; margin:10px 5px 0px 0px; float:left; margin:0 auto; } #mini_calender_table th{text-align:center; height:15px; font-size:11px; margin-bottom:5px;} #mini_calender_table td{text-align:center; height:20px; font-size:11px;} .scheduel{color:#ffffff;font-size:12px;} .schedue2{color:#1d3dc6;font-size:12px;} .schedue3{color:#e15511;font-size:12px;} .schedue4{color:#e15511;font-size:12px; font-weight:600;} .schedue5{color:#ffffff;font-size:12px; font-weight:600;} /*달력 팝업*/ /* 자주묻는 질문 리스트 */ .faq_list {position:relative; float:left; width:100%; margin:10px 0;} /*.faq_list .faq_tip {height:20px;position:relative;} .faq_list .faq_tip strong {color:#282828;} .faq_list .faq_tip .result_num {position:absolute;top:0;right:0;} .faq_list .faq_tip .result_num span {font-weight:600;} */ .faq_list .faq {border-top:3px solid #7b7b7b;border-bottom:1px solid #b1b1b1; margin-top:5px;} .faq_list .faq dt {position:relative;*zoom:1;border-bottom:1px solid #e4e4e4;padding:10px 15px 5px 63px;color:#282828;font-weight:normal;} .faq_list .faq dt .qus {position:absolute;top:8px;left:25px;} .faq_list .faq dt a {color:#282828;font-weight:normal;} .faq_list .faq dt a.on {color:#282828;font-weight:600;} .faq_list .faq dt span {color:#6d6d6d;font-weight:normal;padding-right:10px;} .faq_list .faq dd {border-bottom:1px solid #e4e4e4;} .faq_list .faq .cont {position:relative;*zoom:1;border:1px solid #d7d7d7;padding:15px 50px 20px 62px;margin:15px 0;letter-spacing:-1px;line-height:24px;color:#282828;} .faq_list .faq .cont .ans {position:absolute;top:17px;left:25px;} .faq_list .faq .last {border-bottom:none;} .faq_list .other_faq {position:absolute;top:0;right:0;} .faq_list .nodata {text-align:center;} /*list*/ .t_list{position:relative; float:left; width:100%; z-index:3; border-top:2px #cbcbcb solid; } .t_list thead th { padding:7px 0 5px 0; text-align:center; font-size:12px; font-weight:600; color:#333; border-top:2px #cbcbcb solid; border-bottom:1px #cbcbcb solid; } .t_list tbody td { padding:15px 10px; border-bottom:1px #e2e2e2 solid; line-height:1.5em; } .t_list tbody td.num { padding:6px 0; text-align:center; font-size:11px; } .t_list tbody td p img { padding:1px 2px; } .t_list tbody td p { font-weight:600; color:#333; margin:4px 0; display:block;} .t_list tbody td p a { color:#333; font-weight:600;} .t_list tbody td p a:hover { color:#336699;} .t_list tbody td.last { border-bottom:1px #4c70a3 solid;} .t_list .notice_img { border:solid #cccccc 1px; width:120px; height:90px;overflow:hidden;} /*view*/ .t_view { width:660px; font-size:11px; border-top:1px #4c70a3 solid; border-bottom:1px #4c70a3 solid;} .t_view th, .t_view td { text-align:left; } .t_view thead th { padding:4px 20px; font-weight:600; color:#003399; border-bottom:1px #b4b4b4 solid; font-size:12px; } .t_view tbody th { padding:2px 20px 0 20px; border-bottom:1px #e2e2e2 solid; color:#444; font-weight:600; background:#f8f8f8;} .t_view tbody td { padding:2px 0 0 10px; border-bottom:1px #e2e2e2 solid; background:#f8f8f8;} .t_view tbody td.text { padding:20px; background:#fff; font-size:12px; } .t_view tbody td.last { border-bottom:1px #b4b4b4 solid; } .t_view tfoot th { padding:4px 0 3px 20px; border-top:1px #e2e2e2 solid; font-weight:600;} .t_view tfoot th img { margin-top:7px; } .t_view tfoot td { padding:4px 10px 3px 10px; border-top:1px #e2e2e2 solid; } p.btn { width:660px; text-align:right; margin-top:12px;} /*write*/ .t_write { width:660px; border-top:1px #4c70a3 solid; border-bottom:1px #4c70a3 solid; clear:both;} .t_write th, .t_write td { text-align:left; } .t_write tbody th { padding:2px 20px 0 20px; border-bottom:1px #e2e2e2 solid; color:#444; background:#f7f7f7;} .t_write tbody th img { margin-top:3px;} .t_write .last{border-bottom:1px #4c70a3 solid;} .t_write tbody td { padding:7px 10px; text-align:left; border-bottom:1px #e2e2e2 solid;} .t_write tbody td input{padding:2px 0 1px;} .t_write tbody td.radio input{margin-left:15px;} .t_write tbody td textarea{width:520px; height:200px;} .t_write tbody td input{padding:2px 0 1px;} p.important_txt {float:right; margin-bottom:5px; color:#666; font-size:11px;} p.important_txt img { margin-top:5px;} div.board-title { width:100%; float:left; padding:0px 0px 3px 0px; vertical-align:middle; text-align:right; } div.board-title .text01 { padding-top:4px; padding-left:10px; } /* popup layout */ #pop_wrap{} #pop_header{ background:url(../images/member/bg_top.gif) no-repeat right 0; height:54px; position:relative; } #pop_header .logo{background:#d7182a} #pop_header .title{padding:13px 0 0px 33px; background:url(../images/member/bg_title.gif) no-repeat 16px 16px;} #pop_header .title2{padding:13px 0 0px 33px; background:url(../images/member/bg_title3.gif) no-repeat 16px 16px;} #pop_header .title3{padding:13px 0 0px 33px; background:url(../images/member/bg_title4.gif) no-repeat 16px 16px;} #pop_header .leftBg{ position:absolute; left:0; top:0; background:url(../images/member/bg_left_top.gif) no-repeat 0 0; width:10px; height:54px;} #pop_header .close{ position:absolute; right:16px; top:21px;} #pop_container{height:100%; border:6px solid #e5e5e5; border-top:none;padding:17px 10px 20px 10px ;} #pop_container .zip_text_box {line-height:20px; padding-bottom:10px; text-align:center;} /* 우편번호 검색 */ #pop_container .letterText{color:#959595;line-height:15px} #pop_container .letterText strong{font-size:13px;color:#777;letter-spacing:-1px} #pop_container .addressBox{overflow-y:scroll;height:90px;padding:10px;border:1px solid #e5e5e5} #pop_container .addressBox a{display:block; color:#a1a1a1;} #pop_container .ZipTblTit {width:320px; height:22px; border-top:2px solid #333333; border-bottom:1px solid #333333; font-size:12px; font-weight:600;} #pop_container .ZipTblTit td {background-color:#E0E0E0; text-align:center; padding-top:4px;} #pop_container .ZipDivCon {width:320px; height:219px; font-size:11px; position:relative; overflow:auto; background-color:#EFEFEF; text-align:left; border-bottom:1px solid #333333;} #pop_container .ZipTblCon {width:303px; height:218px;} #pop_container .ZipTblList {width:100%;} #pop_container .ZipTblList td { height:20px; background-color:#F2F2F2; border-bottom:1px solid #CCCCCC; padding-top:4px; font-size:11px;} /* 직원게시판 */ .mem-pass {float:left; margin-top:30px; /*margin-left:80px; padding-top:50px; */ text-align:center; width:98%; height:200px;} .mem-pass > .font001 {font-size:15px; font-weight:600;} /* 후원자원봉사 */ .support-form01 {float:left;width:100%; } .support-form01 table { float:left; width:100%; text-align:left; vertical-align:middle; line-height:20px; border-top:3px solid #2d69e3; border-bottom:1px solid #2d69e3; font-size:1.1em; /*border-top:2px solid #6282c2; border-bottom:1px solid #6282c2; */} .support-form01 table td {padding:8px 10px 8px 10px; color:#3b3b3b; vertical-align:middle; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;} .support-form01 table td.titbold {font-weight:600; color:#3b3b3b; background-color: #f4f4f4;} .support-form01 table td.text01 {font-weight:600; color:#3b3b3b; background-color: #f4f4f4; /*height:40px;*/ text-align:center;} .support-form01 table span.tit {font-weight:600; color:#d50008;} .support-form01 table.board01 { float:left; width:100%; text-align:left; vertical-align:middle; line-height:18px; border:0px solid #dedede; } .support-form01 table.board01 td {padding:2px 0 ; vertical-align:middle; border:0px solid #dedede; } .support-form01 table.board01 td.titbold {font-weight:600; color:#7a7a7a; } .support-form01 table.board01 span.tit {font-weight:600; color:#d50008} .support-form01 #CMSDetail table.board02 { float:left; width:100%; text-align:left; vertical-align:middle; line-height:18px; border:1px solid #dedede; } .support-form01 #CMSDetail table.board02 td {padding:5px 5px 5px 5px; vertical-align:middle; border-top:1px solid #dedede; font-size: 0.9em; } .support-form01 #CMSDetail table.board02 td.titbold {font-weight:600; color:#7a7a7a; } .support-form01 #CMSDetail table.board02 span.tit {font-weight:600; color:#d50008} .support-form01 table.board03 { float:left; width:100%; text-align:left; vertical-align:middle; line-height:18px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; } .support-form01 table.board03 th {padding:5px 5px 5px 5px; height:25px; vertical-align:middle; border:1px solid #dedede; } .support-form01 table.board03 th.titbold {font-weight:600; color:#3b3b3b; background-color: #f4f4f4;} .support-form01 table.board03 td {padding:5px 5px 5px 5px; vertical-align:middle; /* border-bottom:1px solid #c8c8c8;*/} .support-form01 table.board03 td.titbold {font-weight:600; color:#3b3b3b; /*background-color: #e1f3ff;*/} .support-form01 table.board03 span.tit {font-weight:600; color:#d50008} .cart-btn{float:left; margin-top:40px; width:100%; height:35px; text-align:center; } .cart-btn .bosearch {margin-top:10px; width:50%; text-align:left;} .cart-btn .pagebtn01{position:absolute; right:0; padding-left:9px; padding-right:30px; padding-bottom:30px; } /* 로그인 */ #mem-login-top {margin:0 auto; padding:0px 0px 15px 15px; width:100%; text-align:center;} .member_01 { width:100%; } .mem-login {max-width:780px; height:200px; margin:0px auto; background-color:#f5f5f5; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;} .mem-login fieldset {position:relative; width:400px; margin:0px auto; } .mem-login fieldset ul {margin-top:40px; } .mem-login fieldset ul li {float:left; vertical-align:middle; margin:0px; padding:5px 0px; } .mem-login fieldset ul li label {display:inline-block; width:80px;} .mem-login fieldset ul li input.text {width:165px; border:1px solid #cfcfcf; background:#fff; color:#313131; margin-right:30px; } .mem-login fieldset .login-btn { top:0px; right:0px; *position:absolute; *top:42px; *right:20px;} .mem-login fieldset div {margin:3px 0 0 56px; color:#858585; font-size:11px;} .mem-login fieldset div input { vertical-align:-2px; *vertical-align:-1px; } .login-list { width:400px; margin:0px auto; padding:20px 0px 0px 0px; } .login-list li {float:left; margin-top:6px; } *+html ul.login-list li {margin-top:2px;} ul.login-list li span {float:left; width:280px; color:#898989; font-size:11px; } ul.login-list li a {float:right;} /* 회원가입 */ .member_01 h3 {width:100%; font-weight:600; color:#6d7700; margin:15px 0; font-size:15px; line-height:22px;} .member_01 h5{background:url(../images/member/icon_arrow.gif) no-repeat 0 3px; margin-top:20px;padding-left:15px;font-size:14px;color:#333; padding-bottom:10px;} .member_01 p{line-height:160%;} .box{background:#f2f2f2;width:800px;padding:10px 15px;word-break:keep-all; line-height:160%;} .member_01 > .btn {float:left; width:100%; text-align:center; margin-top:30px;height:30px; } .member_01 > .stitle { float:left; padding:0px; width:98%; margin-left:5px; } .member_01 > .agree { float:left; width:98%; text-align:left; vertical-align:middle; /*border:1px solid #ddd; */ padding:10px; margin-bottom:10px;} .member_01 > .agree-btn{float:left; width:100%; text-align:center; padding:20px 0 50px 0; } /* .tbl_style01 {width:100%; border-top:1px solid #5e5e5e; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-spacing:0} .tbl_style01 th {padding:10px 0 10px 0px; font-size:12px; font-weight:600; line-height:16px; text-align:center; color:#333537; border-bottom:1px solid #d7d7d7; background:#f3f3f3} .tbl_style01 th.fist-child {border-left:none;} .tbl_style01 td {padding:8px 8px 8px 12px; font-size:12px; font-weight:normal; line-height:180%; color:#555; text-align:left; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; } .tbl_style01 td.list_title {text-align:center; letter-spacing:-1px; border-left:none;} .tbl_style01 td.ct {text-align:center; } .tbl_style01 td input {height:18px; font-size:12px; line-height:16px; padding-left:5px; margin:2px 0px 3px 0px; border:1px solid #bbb} .tbl_style01 td input.radio {border:none; padding:0px 3px 0px 0px; } .tbl_style01 td select {font-size:12px; margin:2px 0px 3px 0px; } .tbl_style01 td img {margin-top:2px;} */ /*======================= PC 1205 px ~ =======================*/ @media only screen and (min-width:1025px){ }/* @media only screen and (min-width:1025px) */ /*======================= Tablet 1024 px ~ =======================*/ @media only screen and (max-width:1024px){ div.bo_search { WIDTH:100%; margin:20px auto 10px auto;text-align:center;} #gallery_list { WIDTH:100%; margin-top:10px;margin:auto;text-align:center;} #gallery_list li { float:left; WIDTH: 170px; padding:0px 7px 7px 7px;} #gallery_list li .photo_img {WIDTH: 100%; HEIGHT: 132px; border:1px solid #ddd;overflow:hidden;} #gallery_list li .photo_subject {font-size:13px; text-align:center; line-height: 1.4; padding-top:5px;word-break:break-all; } #board_content__view img {max-width:100%;height:auto;} .subject { font-size:17px; font-weight:600; height:26px; padding:0 5px 0 5px;} }/* @media only screen and (max-width:1024px) */ /*======================= Tablet 850 px ~ =======================*/ @media only screen and (max-width:850px){ table.yatable td { height:26px; border-bottom:1px solid #dedede; text-align:left;padding:5px 0px 5px 0px; } table.yatable td:nth-child(1), table.yatable td:nth-child(2), table.yatable td:nth-child(3), table.yatable td:nth-child(4){ float:left;width:100%;height: auto; } table.yatable .viewsubject { float:left;width:22%;} table.yatable .pd10 {height:26px; padding:10px 0px 10px 0px;} .table_blue03 { } .table_blue03 th {font-size:1.25em; } .table_blue03 td { font-size:1.05em;} }/* @media only screen and (max-width:850px) */ /*======================= Mobile 768 px ~ =======================*/ @media only screen and (max-width:768px){ }/* @media only screen and (max-width:768px) */ /*======================= Mobile 680 px ~ =======================*/ @media only screen and (max-width:680px){ .table_green thead th, .table_green thead td { font-size:1.05em;} .table_green th {font-size:1.05em; line-height:1.25em; } .table_green td {font-size:1.05em; line-height:1.25em;} /* 게시판 */ div.making-board table.tit01 thead { vertical-align:middle; background-color:#f7f7f7; } div.making-board table.tit01 tr { vertical-align:middle; } div.making-board table.tit01 th { vertical-align:middle; height:30px; border-top:2px solid #848484; border-bottom:1px solid #cbcbcb; font-size:15px; background-color:#f9f9f9; } table.freeboard01 th:nth-child(n+3), table.freeboard01 td:nth-child(n+3) { display: none; } div.write-form table.tableForm td { border-bottom: 0px; } div.write-form table.tableForm td:nth-child(1){ float:left;width:100%; } div.write-form table.tableForm td:nth-child(2){ float:left;width:100%;border-bottom: 1px solid #c8c8c8; } table.yatable td { height:26px; border-bottom:1px solid #dedede; text-align:left;padding:5px 0px 5px 0px; } table.yatable td:nth-child(1), table.yatable td:nth-child(2), table.yatable td:nth-child(3), table.yatable td:nth-child(4){ float:left;width:100%;height: auto; } table.yatable .viewsubject { float:left;width:22%;} table.yatable .pd10 {height:26px; padding:10px 0px 10px 0px;} div.bo_search li.list { width: 99%; height:35px; } div.bo_search li.list_btn { width: 99%; float: right; text-align: right; } .subject { color:dedede; font-size:14px; font-weight:600; height:26px; padding:0 5px 0 5px;} #board_content__view img {max-width:100%;height:auto;} /* 프로그램신청 */ div.support-form01 table td{ float:left;width:100%; } div.member_01 table th{ float:left;width:100%; } div.member_01 table td{ float:left;width:96%; } /* .table_gray01 { border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #000000; border-bottom:1px solid #000000; } .table_gray01 thead th {border:1px solid #dddddd; text-align:center; font-weight:500; padding:7px; background:#f9f9fa; color:#000000; font-size:17px;} .table_gray01 tbody th {border:1px solid #dddddd; text-align:center; font-weight:500; padding:6px; background:#f9f9fa; color:#111111; font-size:16px;} .table_gray01 tbody th.bgc {border:1px solid #dddddd; text-align:center; font-weight:500; padding:6px; color:#007f41; background:#f9f9fa;} .table_gray01 td {border:1px solid #dddddd; text-align:left; padding:6px 6px 6px 10px; background:#fff; font-size:16px;} .table_gray01 td.line_center { text-align:left; padding:6px;} .table_gray01 td.line_right { border-right:1px solid #fff;} .table_gray01 td.line_bottom { border-bottom:1px solid #fff;} .table_gray01 td span {padding-right:10px;} */ .table_gray01 tbody th:nth-child(1){ float:left;width:100%; text-align:left; } .table_gray01 tbody th:nth-child(2){ float:left;width:100%; text-align:left; } .table_gray01 tbody td:nth-child(1){ float:left;width:100%; text-align:left; } .table_gray01 tbody td:nth-child(2){ float:left;width:100%; text-align:left; } .tbl_style06 tbody th:nth-child(1){ float:left;width:100%; text-align:left; } .tbl_style06 tbody th:nth-child(2){ float:left;width:100%; text-align:left; } .tbl_style06 tbody td:nth-child(1){ float:left;width:100%; text-align:left; } .tbl_style06 tbody td:nth-child(2){ float:left;width:100%; text-align:left; } }/* @media only screen and (max-width:680px) */ /*======================= Mobile 640 px ~ =======================*/ @media only screen and (max-width:640px){ .table_gray04 thead th {font-size:14px;} .table_gray04 tbody th { font-size:14px;} .table_gray04 td {font-size:13px;} }/* @media only screen and (max-width:640px) */ /*======================= Mobile 520 px ~ =======================*/ @media only screen and (max-width:520px){ #gallery_list { WIDTH:100%; margin-top:10px;margin:auto;text-align:center;} #gallery_list li { float:left; WIDTH: 45%; padding:0px 7px 7px 7px;} #gallery_list li .photo_img {WIDTH: 100%; HEIGHT: 127px; border:1px solid #ddd;overflow:hidden;} #gallery_list li .photo_img img {width:100%; HEIGHT:auto; border:1px solid #ddd;overflow:hidden;} #gallery_list li .photo_subject {font-size:13px; text-align:center; line-height: 1.4; padding-top:5px;word-break:break-all; } #board_content__view img {max-width:100%;height:auto;} }/* @media only screen and (max-width:520px) */ /*======================= Mobile 480 px ~ =======================*/ @media only screen and (max-width:480px){ /* #gallery_list li { float:left; WIDTH: 160px; padding:0px 7px 7px 7px;} #gallery_list li .photo_img {WIDTH: 160px; HEIGHT: 120px; border:1px solid #ddd;overflow:hidden;} */ /* 로그인 */ #mem-login-top {margin:0 auto; padding:0px 0px 15px 15px; width:100%; text-align:center;} .member_01 { width:100%; } .mem-login {max-width:780px; height:306px; margin:0px auto; background-color:#f5f5f5; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;} .mem-login fieldset {position:relative; width:100%; margin:0px auto; text-align:center; } .mem-login fieldset ul {margin-top:40px; } .mem-login fieldset ul li {float:left; vertical-align:middle; margin:0px; padding:5px 0px; } .mem-login fieldset ul li label {display:inline-block; width:80px;} .mem-login fieldset ul li input.text {width:165px; border:1px solid #cfcfcf; background:#fff; color:#313131; margin-right:30px; } .mem-login fieldset .login-btn { top:0px; right:0px; *position:absolute; *top:42px; *right:20px;} .mem-login fieldset div {margin:3px 0 0 56px; color:#858585; font-size:11px;} .mem-login fieldset div input { vertical-align:-2px; *vertical-align:-1px; } .login-list { width:95%; margin:0px auto; padding:20px 0px 0px 0px; } .login-list li {float:left; margin-top:6px; } *+html ul.login-list li {margin-top:2px;} ul.login-list li span {float:left; width:280px; color:#898989; font-size:11px; } ul.login-list li a {float:left;} }/* @media only screen and (max-width:480px) */ /*======================= Mobile 400 px ~ =======================*/ @media only screen and (max-width:400px){ #gallery_list li { float:left; WIDTH: 160px; padding:0px 7px 7px 7px;} #gallery_list li .photo_img {WIDTH: 160px; HEIGHT: 120px; border:1px solid #ddd;overflow:hidden;} }/* @media only screen and (max-width:400px) */