.table_blue01 { position:relative; border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #5a88c6; margin:0px 0 20px 0;} .table_blue01 thead th { border:1px solid #d9d9d9; text-align:center; padding:13px 10px; background:#e3ecf8; color:#222; font-weight:600; font-size:20px;} .table_blue01 tbody th { border:1px solid #d9d9d9; text-align:center; padding:10px; background:#f5f9ff; color:#222; font-weight:600; font-size:19px;} .table_blue01 tbody .col01 {background:#f9e2f6;} .table_blue01 tbody .col02 {background:#fff1db;} .table_blue01 tbody .col03 {background:#fff9c2;} .table_blue01 tbody .col04 {background:#bdf6f0;} .table_blue01 tbody .col05 {background:#c8faca;} .table_blue01 tbody .col06 {background:#f2ecfb;} .table_blue01 td { border:1px solid #d9d9d9; text-align:center; padding:7px; background:#fff; font-size:19px;} .table_blue01 .line01 {border-bottom:2px solid#bbb;} .table_blue01 td.line_left { text-align:left; padding-left:10px;} .table_blue01 span { color:#ff4800; } .table_blue01 b { color:#ff4800; } .table_blue02 { position:relative; border-collapse:collapse; clear:both; overflow:hidden; border-top:0px solid #406eb6; margin:0px 0 20px 0;} .table_blue02 thead th { border:1px solid #d9d9d9; text-align:center; padding:13px 10px; background:#406eb6; color:#fff; font-weight:600; font-size:20px;} .table_blue02 tbody th { border:1px solid #d9d9d9; text-align:center; padding:10px; background:#406eb6; color:#fff; font-weight:600; font-size:20px;} .table_blue02 td { border:1px solid #d9d9d9; text-align:center; padding:15px; background:#fff; font-size:19px; line-height:24px;} .table_blue02 td.col01 {background:#f9e2f6;} .table_blue02 td.line_left { text-align:left; } .table_blue02 b { color:#1d2088; font-weight:800; font-size:1.1em; } .table_blue03 { position:relative; border-collapse:collapse; clear:both; overflow:hidden; border-top:0px solid #406eb6; margin:0px 0 20px 0;} .table_blue03 thead th { border:1px solid #d9d9d9; text-align:center; padding:13px 10px; background:#406eb6; color:#fff; font-weight:600; font-size:20px;} .table_blue03 tbody th { border:1px solid #d9d9d9; text-align:center; padding:10px; background:#a3bed3; color:#fff; font-weight:600; font-size:20px;} .table_blue03 td { border:1px solid #d9d9d9; text-align:center; padding:15px; background:#fff; font-size:19px; line-height:24px;} .table_blue03 td.col01 {background:#f9e2f6;} .table_blue03 td.line_left { text-align:left; } .table_blue03 b { color:#1d2088; font-weight:800; font-size:1.1em; } .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_blue05 { border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #5a88c6; border-bottom:1px solid #d9d9d9; margin:0px 0 20px 0; } .table_blue05 thead th {/* border:1px solid #d9d9d9;*/ border-bottom:1px solid #d9d9d9; text-align:center; padding:10px; background:#f3f3f3; color:#0035a0; font-weight:600; font-size:19px;} .table_blue05 tbody th { border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center; padding:10px; background:#f9f9f9; color:#222; font-weight:600; font-size:19px;} .table_blue05 td { /*border:1px solid #d9d9d9;*/border-bottom:1px solid #d9d9d9; text-align:left; padding:10px 10px 10px 20px; background:#fff; font-size:16px;} .table_blue05 td.center {text-align:center;} .table_blue05 span { color:#1177c1; } .table_blue05 b { color:#ff4800; } .table_green { position:relative; 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 { position:relative; border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #3c875e; /* border:1px solid #d9d9d9 ; */ } .table_green01 thead th {border:1px solid #d9d9d9; text-align:center; font-weight:600; padding:14px; background:#6cba8f; color:#fff; font-size:20px;} .table_green01 tbody th {border:1px solid #d9d9d9; text-align:center; font-weight:600; padding:12px; background:#f9f9f9; color:#333333; font-size:20px;} .table_green01 td {border:1px solid #d9d9d9; text-align:center; padding:10px; background:#fff; font-size:19px;} .table_green01 td.line_left {text-align:left; padding-left:20px;} .table_green01 td.font01 {font-size:16px; color:#ea4700; font-weight:600;} .table_green01 td ul {float:left; width:100%; text-align:left; padding:5px 0 5px 20px; box-sizing:border-box;} .table_green01 td ul li {float:left; width:100%; padding:0 0 5px 0px; list-style-type:disc;} .table_gray01 { position:relative; border-collapse:collapse; clear:both; overflow:hidden; /*border-top:1px solid #000000;*/ border-bottom:1px solid ##cbcbcb; /*border:1px solid #d9d9d9 ; */ } .table_gray01 > table { width:100%; border-top:2px solid #111; } /* .table_gray01 > table > colgroup > col:nth-child(1){ width:16%; } .table_gray01 > table > colgroup > col:nth-child(2){ width:*; } @media only screen and (max-width:680px){ .table_gray01 > table > colgroup > col:nth-child(1){ width:30%; } .table_gray01 > table > colgroup > col:nth-child(2){ width:*; } } */ .table_gray01 thead th {border:1px solid #dddddd; text-align:center; font-weight:600; padding:7px; background:#f9f9fa; color:#000000; font-size:19px;} .table_gray01 tbody th {border:1px solid #dddddd; text-align:center; font-weight:600; padding:10px; background:#f9f9fa; color:#111111; font-size:19px;} .table_gray01 td {border:1px solid #dddddd; text-align:center; padding:10px 15px; background:#fff; font-size:19px;} .table_gray01 td.line_left { text-align:left; padding-left:20px;} .table_gray01 .bg01 {background: #e6cdf5;} .table_gray01 .bg02 {background: #e3f4e3;} .table_gray01 .bg03 {background: #fafabf;} .table_gray01 .bg04 {background: #fce1ff;} .table_gray01 .bg05 {background: #e3ffb0;} .table_gray02 { position:relative; border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #222; /* border:1px solid #d9d9d9 ; */ } .table_gray02 thead th {border:1px solid #d9d9d9; text-align:center; font-weight:600; padding:10px ; background:#e1e1e1; color:#222; font-size:20px;} .table_gray02 tbody th {border:1px solid #d9d9d9; text-align:center; font-weight:600; padding:10px ; background:#f6f6f6; color:#222; font-size:20px;} .table_gray02 td {border:1px solid #d9d9d9; text-align:center; padding:10px; background:#fff; font-size:20px; line-height:28px;} .table_gray02 td h3 {padding-bottom:10px; font-size:20px; color:#0061af;} .table_gray02 td.line_center {text-align:center;} .table_gray02 .import_bp {background: #d5aad5;} .table_gray02 .import_bg {background: #e3f4e3;} .table_gray02 .import_by {background: #fafabf;} .table_gray02 .import_bp1 {background: #ffe1e1;} .table_gray03 { position:relative; border-collapse:collapse; clear:both; overflow:hidden; border-top:2px solid #000000;} .table_gray03 thead th {border:1px solid #dddddd; text-align:center; font-weight:500; padding:10px; background:#f9f9fa; color:#000000; font-size:16px;} .table_gray03 tbody th {border:1px solid #dddddd; text-align:center; font-weight:500; padding:10px; background:#f9f9fa; color:#111111; font-size:16px;} .table_gray03 tbody th.bgc {border:1px solid #dddddd; text-align:center; font-weight:500; padding:10px; color:#007f41; background:#f9f9fa;} .table_gray03 td {border:1px solid #dddddd; text-align:left; padding:10px 15px 10px 25px; background:#fff; font-size:15px;} .table_gray03 td.line_center { text-align:center; padding:10px; } .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;} .table_calendar { border-collapse:collapse; clear:both; overflow:hidden; border-bottom:1px solid ##cbcbcb; /*border:1px solid #d9d9d9 ; */ } .table_calendar > table { width:100%; border-top:2px solid #cbcbcb; } .table_calendar thead th {border:1px solid #dddddd; text-align:center; font-weight:600; padding:15px; background:#9a9a9a; color:#fff; font-size:17px;} .table_calendar tbody th {border:1px solid #dddddd; text-align:center; font-weight:600; padding:10px; background:#f9f9fa; color:#111111; font-size:17px;} .table_calendar td {border:1px solid #dddddd; text-align:left; padding:10px 15px; background:#fff; font-size:17px;} .table_calendar td .fc01 {color:#ff0000;} .table_calendar td .fc02 {color:#77800e;} .table_calendar td.line_center { text-align:center; padding-left:2px; font-size:12px;} .table_calendar .bg01 {background: #e97f7f; color:#fff;} .table_calendar .bg02 {background: #c6ce6c; color:#fff;} .table_calendar .bg03 {background: #fafabf;} .table_calendar .bg04 {background: #fce1ff;} .table_calendar .bg05 {background: #e3ffb0;} .table_sangdam01 { border-collapse:collapse; clear:both; overflow:hidden; border-bottom:1px solid #000000; /*border:1px solid #d9d9d9 ; */ } .table_sangdam01 > table { width:100%; border-top:2px solid #000000; } .table_sangdam01 thead th {border:1px solid #dddddd; text-align:center; font-weight:500; padding:7px; background:#f9f9fa; color:#000000; font-size:15px;} .table_sangdam01 tbody th {border:1px solid #dddddd; text-align:left; font-weight:500; padding:6px; background:#f9f9fa; color:#111111; font-size:14px;} .table_sangdam01 td {border:1px solid #dddddd; text-align:center; padding:10px 6px; background:#fff; font-size:14px;} .table_sangdam01 .bg01 {background: #e6cdf5;} .table_sangdam01 .bg02 {background: #e3f4e3;} .table_sangdam01 .bg03 {background: #fafabf;} .table_sangdam01 .bg04 {background: #fce1ff;} .table_sangdam01 .bg05 {background: #e3ffb0;} .table_sangdam01 .title_num { float:left;width:35px;height:30px;line-height:30px;font-size:15px; font-weight:500;color:#fff;border-radius:10px;background:#80bd18;text-align: center;margin-right: 10px; } .table_sangdam01 label {display: none !important;} .table_sangdam01 input[type="checkbox"] { transform:scale(1.4, 1.4); margin:0; padding:0; vertical-align:middle !important; } .table_sangdam01 input[type="radio"] { transform:scale(1.4, 1.4); margin:0; padding:0; vertical-align:middle !important; } .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:15px; 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:14px; 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; } /************************************************************************************************/ /*교육신청*/ .table_sty{display:table;width:100%;border-top:1px solid #ededed; } .table_sty .row{display:table-row;vertical-align:middle;border-bottom:1px solid #ededed; float:left; position:relative; width:100%; padding:0 0 10px 0; } .table_sty .row ul li {float:left;width: 25%;text-align:center;} .table_sty .row ul li.center {float:left; width:50%; margin:10px 0 0px 0; text-align:left; padding:0 0 0 0px;} .table_sty .cell{display:table-cell;width:140px;padding:20px 10px;vertical-align:middle;word-wrap:break-word; } .table_sty .cell img{width:130px;height:98px;border:1px solid #e0e0de;box-sizing:border-box;vertical-align:top} .table_sty .title{margin-bottom:20px;font-size:16px;color:#0d6ba8;font-weight:600;} .table_sty dl{float:left;overflow:hidden;font-size:12px;color:#545454} .table_sty dt, .table_sty dd{float:left;width:70px;margin-bottom:3px} .table_sty dt{color:#0d6ba8} .table_sty dd{float:none;width:auto;margin-left:70px} .table_sty dd span{color:#f18522} .table_sty button{display:block;width:88px;height:34px;margin:0 auto; margin-top:50px; background:#959595;line-height:34px;color:white;font-size:13px;font-weight:bold;cursor:pointer; padding:0px; border:0px; } .table_sty .join{background:#f18522} .table_sty .finish{background:#0d6ba8} .table_sty .back01 {background:#f7f7f7;} .table_sty .back02 {background:#fafafa;} .table_sty p { width:100%; } .table_sty .infobtn { display:none; } .btn_group{/*margin:30px 0;*/text-align:center ; float:center;overflow:;} .btn_group button, .btn_group a{display:inline-block;width:auto;height:30px;padding:5px 25px;color:white;background:#0d6ba8;line-height:30px;font-size:14px;font-weight:600;cursor:pointer;margin:0 5px;} .btn_group .confirm{margin:0 5px;background:#f18522} .btn_group .print{position:relative;background:#585858;text-align:left;/* text-indent:15px*/ } .btn_group .join{background:#f18522} .btn_group .sin{background:#f18522} .btn_group .sin:hover {background:#ededed; border:1px solid #ddd; color:#222;} .btn_group .cancel{background:#aaa;} .btn_group .cancel:hover {background:#ededed; border:1px solid #ddd; color:#222;} .btn_group .print:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/coms/ico_print.png) no-repeat 15px center} /*.btn_group a{float:right;}*/ .completion {float:left; position:relative; width:90%; margin:10% 5% 5% 5%; color:#222; font-family:'HY견명조','HYMyeongJo', 'NanumMyeongjo';} .completion .no1 {float:left; position:relative; width:100%; text-align:left; height:70px ; font-size:20px; line-height:25px; font-weight:400; } .completion h1 {position:relative; text-align:center; font-size:50px; font-weight:700; margin:30px 0; line-height:50px; width:100%;} .completion .confirm {float:left; position:relative; width:100%; margin:10% 0% 10% 2%; font-size:23px; font-weight:600; line-height:34px; font-family:'HY견명조','HYMyeongJo', 'NanumMyeongjo';} /*.completion .confirm ul li {float:left; width:100%; padding:10px 0; }*/ .completion p {position:relative; text-align:center; margin:60px 0; line-height:55px;} .completion .text01 {font-size:28px; font-weight:600;} .completion .text02 {font-size:37px; font-weight:600;} .completion .text03 {font-size:38px; font-weight:600;text-align:center; letter-spacing:-1px;} .completion td { font-family:'HY견명조','HYMyeongJo', 'NanumMyeongjo'; vertical-align:top; padding:5px 0px 5px 0px;font-size:21px;} /* 참가 확이증 */ .completion .text04 {font-size:28px; font-weight:600;margin:30px 0;} .completion .text05 {font-size:37px; font-weight:600;} /* 교육신청 신청폼 */ #education_form { display:none;width:650px;height:500px;background:#ffffff; } #eduiframe { width:650px;height:500px; } #education_confrime { display:none;width:500px;height:240px;background:#ffffff;padding:5px; } table.tit01 { float:left; width:100%; text-align:center; vertical-align:middle; /* border:1px solid #cbcbcb;*/ /*background:url(/board/img/t_bg.gif) repeat-x; */ } table.tit01 thead { vertical-align:middle; background-color:#f7f7f7; } table.tit01 tr { vertical-align:middle; } table.tit01 th { vertical-align:middle; height:45px; border-top:2px solid #4175b1; border-bottom:1px solid #cbcbcb; font-size:15px;} table.tit01 th.font01 {font-size:17px; color:#0d6ba8;} table.tit02 { float:left; width:100%; text-align:center; vertical-align:middle; } table.tit02 thead { vertical-align:middle; background-color:#f7f7f7; } table.tit02 tr { vertical-align:middle; } table.tit02 th { vertical-align:middle; height:45px; border-top:1px solid #4175b1; border-bottom:1px solid #cbcbcb; font-size:15px;} table.tit02 th.font01 {font-size:16px; color:#0d6ba8;} /************************************************************************************************/ 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.1em;/* 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:16px; 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.1em; /* 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:5px 0 5px 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; } .list_line01 {width: 100%;height: 25px;overflow: hidden;line-height: 25px;font-size:1.1em; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break: break-all; } 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_num1 a {padding:5px 10px; /*border:1px solid #dfdfdf ;*/} #page_num1 a:hover {padding:5px 10px; /*border:1px solid #dfdfdf ; background:#efefef;*/} #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: 600; color: #009688;} #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:1.2em; padding:10px 0; padding-left:10px; font-weight:700; } table.yatable .subject { color:#000000; font-weight:600; padding:10px 5px 10px 5px;} table.yatable .subject01 { color:#000000; font-weight:600; height:150px; padding:0 5px 0 5px;} table.yatable .table_contents { padding:10px;} table.yatable .viewsubject { float:left;width:100px;} #table01 { width:100%;} div.bo_search { float:left; WIDTH: 100%; margin:20px auto 20px 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.bo_search_top { float:left; WIDTH: 100%; margin:20px auto 20px auto;text-align:center;} div.bo_search_top ul li{float:left;} div.bo_search_top li.list{ width:99%;text-align:center;} div.bo_search_top .InputImg{ vertical-align:bottom;} div.bo_search_top li.list_btn{ width:49%; text-align:right; } div.bo_search_top .bordercheckbox {border:0px;} div.bo_search_top .inputtext {border:1px solid #cccccc;} div.bo_search_top .select { width: 10%; max-width:100px; height: 40px; padding: 10px 20px 10px 20px; border-radius: 8px; border: 1px solid #c8c8c8; font-size: 16px; line-height: 18px; background: url(../board/img/search_icon.png) no-repeat right 6px center; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; } div.bo_search_top .sctxt { width: 15%; max-width:190px; height: 40px; margin: 0; padding: 0 12px; border-radius: 8px; border: 1px solid #c8c8c8; background-color: #fff; text-align: left; } 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:20px; font-weight:normal; font-size:1.1em;} .schedulefont02 {color:#666666; font-weight:normal; line-height:13px; } .schedulemenu_font01 { /*color:#000000;*/ line-height:1.5em; font-weight:normal; font-size:1.0em;} 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; } /*메인 이달의 행사*/ .main_popup_table {width:500px;border:0px solid #cccccc;} .main_popup_table .td01 {width:100%;height:30px;font-size:12px;line-height:15px;font-weight: bold;text-align: center;background:#158ffc;color:#ffffff;padding:5px; } .main_popup_table .td02 {padding:10px;height:150px;vertical-align: top;border-bottom:1px solid #cccccc;} .main_popup_table .td03 {padding:10px;text-align:center;} .main_popup_table .popup_cancel {position: relative;padding:5px 15px 5px 15px ;vertical-align: top;background: #cccccc;color:#000000;} /*이달의 행사*/ .cal_table_content { position:relative; } .cal_tb_content { width:100%; margin-top:20px;border:1px solid #cccccc; } .cal_tb_content th { padding:6px 0 6px 0; text-align:center; color:#424242; border-color:#efefef; border-style:none none solid none; border-width:0 1px 1px 0;font-size:1.1em !important; line-height:1.3;} .cal_tb_content td { height:100px; box-sizing:border-box; border-color:#efefef; border-style:none none solid none; border-width:0 1px 1px 0; text-align:center; color:#444; font-size:1.05em !important; font-weight:400;vertical-align:top;padding-top:5px; } .cal_tb_content td a { display:block; padding:4px 0; text-align:center; background:#fff; color:#555; font-size:0.9em; } .cal_tb_content td a:hover { background:#ff797c; color:#fff } .cal_tb_content th.sun, .cal_tb td.sun { color:#f13c1e } .cal_tb_content th.sat, .cal_tb td.sat { color:#1e8bf1 } .cal_tb_content td.today { background:#f1f1f1 } .cal_tb_content td.today a { display:block; padding:; text-align:center; background:#f1f1f1; color:#000; font-size:0.9em; } .cal_tb_content td.today a:hover { background:#ff797c; color:#fff } /*.cal_tb_content td.today a:hover { background:#f13c1e; color:#fff }*/ .popup_table {width:500px;border:0px solid #cccccc;} .popup_table .td01 { width:100%;height:30px;font-size:14px;line-height:15px;text-align:center;background:#158ffc;color:#ffffff;padding:5px; } .popup_table .td02 { padding:10px;height:150px;vertical-align:top;border-bottom:1px solid #cccccc; } .popup_table .td03 { padding:10px;text-align:center; } .popup_table .popup_cancel { position:relative;padding:5px 15px 5px 15px;vertical-align:top;background:#cccccc;color:#000000; } #schedule_tit1 {position:relative;float:left; left:50%; height:50px; width:200px; margin-left:-120px; } *:first-child+html #schedule_tit1{float:left; width:200px; padding-left:20px;} #schedule_tit1 ul li {float:left; vertical-align: middle; text-align:center;} #schedule_tit1 ul li.arrow01 { float:left; vertical-align: middle; text-align:center;} #schedule_tit1 ul li.arrow01 img { margin-top:40%; } #schedule_tit1 ul li.arrow02 { float:right; vertical-align: middle; text-align:center;} #schedule_tit1 ul li.arrow02 img { margin-top:40%; } #schedule_tit1 ul li.date{ width:150px; padding-right:1px; padding-left:1px; vertical-align: middle; text-align:center;font-size: 30px; font-weight: bold;} #schedule_tit1 ul li.date img{padding-right:2px; vertical-align: middle; text-align:center;} /*행사일정팝업*/ #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: 100%; margin-top:10px;margin:auto;text-align:center; font-size:1.0em;} #gallery_list ul{ float:left; width:100%; padding-bottom:10px;} #gallery_list li { float:left; WIDTH: 23%; padding:0px 1% 1% 1%;} #gallery_list li.photo_zone{WIDTH:100%; HEIGHT:auto; } #gallery_list li .photo_img {WIDTH: 100%; HEIGHT: auto; border:1px solid #ddd;position:relative;left:0;right:0; margin:0 auto} #gallery_list li .photo_img:before {WIDTH:100%;HEIGHT:0; text-align:center; border:1px solid #ddd; content:"";display:block;padding-top:75%;} #gallery_list li .photo_img img {position:absolute; width:100%; HEIGHT:100%; left:0; top:0; } #gallery_list li .photo_subject {text-align:center; line-height: 1.4; padding-top:5px;word-break:break-all; height:65px; } #gallery_list li .photo_subject .photo_subject_title { float:left;width:100%;height: 25px;line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; } #gallery_list li .photo_subject .photo_subject_date { float:left;width:100%;height: 25px;line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; } /* 구분 탭 */ #gallery_list > .tb4_top_tab {float:left;width:100%;/*border-bottom:1px solid #cccccc;margin:20px 0px;*/ font-size:16px; font-family:'Youth','NanumSquareRound','NanumSquare','NotoSansKR','NanumGothic',sans-serif;font-weight:600;} #gallery_list > .tb4_top_tab > ul > li {width:150px;padding:0px;} #gallery_list > .tb4_top_tab > ul .on {float:left;width: 70%; background:#167fc4;padding:5% 10%;color:#ffffff;border:1px solid #167fc4; margin:0 1% 2% 0; border-radius:20px; } #gallery_list > .tb4_top_tab > ul .off {float:left;width: 70%; background:#ffffff;padding:5% 10%;color:#000000;border:1px solid #cccccc; margin:0 1% 2% 0; border-radius:20px;} #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_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; width:100%; padding-bottom:10px;} #sosik_list li { float:left; WIDTH:23%; padding:0 1% 2% 1%; } #sosik_list li.photo_zone{WIDTH:100%; HEIGHT:auto; } #sosik_list li .photo_img {WIDTH:100%;HEIGHT:auto; text-align:center; border:1px solid #ddd; position:relative; left:0; right:0; margin:0 auto;} #sosik_list li .photo_img:before {WIDTH:100%;HEIGHT:0; text-align:center; border:1px solid #ddd; content:"";display:block;padding-top:150%;} #sosik_list li .photo_img img {position:absolute;WIDTH:100%;HEIGHT:100%;left:0;top:0;} #sosik_list li .photo_subject {text-align:center; line-height: 1.4; padding-top:5px; } @media screen and (max-width:680px){ #sosik_list li { float:left; WIDTH:49%; padding:0 1% 2% 1%; box-sizing:border-box;} } @media screen and (max-width:450px){ #sosik_list li { float:left; WIDTH:98%; padding:0 1% 2% 1%; box-sizing:border-box;} } /* #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 0px 5px 50px;color:#282828;font-weight:normal;word-break: break-all;} .faq_list .faq dt .qus {position:absolute;top:15px;left:20px;} .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 0px 20px 50px;margin:15px 0;letter-spacing:-1px;line-height:24px;color:#282828;} .faq_list .faq .cont .ans {position:absolute;top:17px;left:20px;} .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;} /* 심리방역 */ .write_gubun2 { width:99%; margin-top:10px; } .write_gubun2 li { float:left; list-style:none; width:16%; } 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:30px 0px 100px 0px; padding:50px 0px 0px 0px; text-align:center; width:100%; height:120px;} .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 .inputtxt150 { width:98%; max-width:150px;margin:3px } .support-form01 .inputtxt250 { width:98%; max-width:250px;margin:3px } .support-form01 .inputtxt550 { width:98%; max-width:550px; } .support-form01 .subtit1 { float: left;width: 100%;margin: 20px 0px 10px 0px;font-size: 16px; } .support-form01 .subtit2 { float: left;width: 100%;margin: 20px 0px 10px 0px;font-size: 20px;font-weight: bold; } .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; } /* 회원단 공통 */ #MemBody {width:100%; padding:0px 0; margin-top:0px; position:relative;} #MemBody caption {display:none;} #MemBody textarea { width:100%; height:200px;border:1px solid #ddd; color:#666; overflow-x:hidden; padding:5px; box-sizing:border-box;} /* 로그인 */ .login #MemBody {padding:20px 0 50px;} /*.login #MemBody .login_title {margin-bottom:25px; padding-top:145px; background:url('/images/member/icon_login02.png') no-repeat center 0; text-align:center;} .login #MemBody .login_title h4 {font-size:36px; font-weight:600; color:#222; letter-spacing:-0.25px;} .login #MemBody .login_title p {padding-top:20px; font-size:19px; font-weight:300; letter-spacing:-0.2px;} .login #MemBody .login_con {width:440px; margin:0 auto;} .login #MemBody .login_con table {width:100%;} .login #MemBody .login_con table input.text {width:285px; height:38px; background:#f9f9f9;} .login #MemBody .login_con .login_util {border-top:1px solid #bfbfbf; margin-top:20px; padding-top:20px; overflow:hidden;} .login #MemBody .login_con .login_util ul {float:left;} .login #MemBody .login_con .login_util ul li {display:inline-block; padding-left:11px; margin-left:10px; background:url('/images/member/login_gap.gif') no-repeat 0 center; font-size:14px; letter-spacing:-0.2px; line-height:30px;} .login #MemBody .login_con .login_util ul li:first-child {padding-left:0; margin-left:0; background:none;} .login #MemBody .login_con .login_util ul li:hover a {text-decoration:underline;} .login #MemBody .login_con .login_util .btn_black {float:right;} .login .save {margin-top:-3px; margin-right:6px;} */ .login #MemBody .tit {max-width:100%; margin:0 auto; text-align:center; font-size:17px; padding-bottom:40px;} .login #MemBody .login-box { max-width:400px; margin:0 auto; } .login #MemBody .login-box .inp-area {font-size:0; } .login #MemBody .login-box .inp-area > div { position:relative; margin-bottom:10px; } .login #MemBody .login-box .inp-area > div i { position:absolute; left:20px; top:15px; width:19px; height:20px; background-position:left top; background-repeat:no-repeat; } .login #MemBody .login-box .inp-area > div i.id { background-image:url("/images/com/icon_login_id.png"); } .login #MemBody .login-box .inp-area > div i.pw { background-image:url("/images/com/icon_login_pw.png"); } .login #MemBody .login-box .inp-area > div i.email { background-image:url("/images/com/icon_email.png"); } .login #MemBody .login-box .inp-area > div i.jumun { background-image:url("/images/com/icon_jumun01.png"); } .login #MemBody .login-box .inp-area input { width:100%; box-sizing:border-box; border:0; height:50px; padding:0 20px 0 50px; font-size:16px; background:#f5f5f5; border:1px solid #dfdfdf ;} .login #MemBody .login-box .save-find-area { position:relative; height:56px; line-height:56px; } .login #MemBody .login-box .save-find-area label { font-size:16px; color:#666; } .login #MemBody .login-box .save-find-area a { font-size:16px; color:#666; position:absolute; right:0; top:50%; height:30px; line-height:30px; margin-top:-15px; } .login #MemBody .login-box .btns-area { padding-top:10px; } .login #MemBody .login-box .btns-area > div + div { margin-top:10px; } .login #MemBody .login-box .btns-area input { height:58px; line-height:58px; width:100%; text-align:center; font-size:20px; border:1px solid #aaa; } .login #MemBody .login-box .btns-area input.btn_login { color:#fff; background:#970f39; border-color:#970f39; } .login #MemBody .login-box .btns-area input.btn-join { color:#fff; background:#666; cursor:pointer;} @media screen and (max-width:640px){ .login #MemBody { padding:0; } .login #MemBody .login-box .inp-area input , .login #MemBody .login-box .save-find-area label , .login #MemBody .login-box .save-find-area a { font-size:15px; } .login #MemBody .login-box .btns-area input { font-size:19px; } .login #MemBody .login-box .inp-area > div i.id { background-image:url("/images/com/icon_login_id_m.png"); background-size:contain; } .login #MemBody .login-box .inp-area > div i.pw { background-image:url("/images/com/icon_login_pw_m.png"); background-size:contain;} } /* 아이디/비번 찾기 */ #findIdpw {float:left; text-align:center; width:380px; border:3px solid #dfdfdf ; padding:20px;} #findIdpw .close{ position:absolute; right:16px; top:21px;} #findIdpw h4 {margin:0px 0 20px; font-size:25px; font-weight:800; text-align:left; color:#222; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic', 맑은 고딕,'Nanum Gothic', Sans-serif;} #findIdpw .over {overflow:hidden;} #findIdpw .find { display:inline-block; vertical-align:top; width:380px; /* height:260px; */ background:#fff; padding:0px 50px; } #findIdpw .find p {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #c3c3c3; font-size:16px; color:#666; line-height:22px; letter-spacing:-0.8px; text-align:left; } #findIdpw .find p .blue {text-decoration:underline; color:#6585bf;} #findIdpw .findTable {width:100%;} #findIdpw .findTable th, #findIdpw .findTable td {padding:5px 0px;} #findIdpw .findTable td input.text {width:100%; height:50px; background:#f5f5f5; border:0; box-sizing:border-box; padding:0 19px; } #findIdpw .btn_idpw01 {width:100%; height:60px; line-height:60px; text-align:center; } #findIdpw .btn_idpw02 {width:100%; height:60px; line-height:60px;} #findIdpw.idpw_result .find {display:block; width:auto; height:auto; margin:0 auto; text-align:center;} #findIdpw.idpw_result .find {padding-bottom:20px;} #findIdpw.idpw_result .btnArea {width:280px; margin:0 auto;} #findIdpw .writeBtnArea table input.btn_login { background:#6585bf; color:#fff; font-size:20px; border-radius:0; } #findIdpw .writeBtnArea table input.btn_login { background:#b2b285; border-radius:0; } .sub #contents .titleArea.idpw h3 { font-family: 'Noto Serif KR'; } #findIdpw.idpw_result .find p { text-align:center; padding-top:50px; padding-bottom:50px; border-top: 1px dashed #c3c3c3; margin-bottom:40px; } #findIdpw.idpw_result .btnArea { width:100%; } @media screen and (max-width:1143px){ #findIdpw .find + .find { margin-top:50px; } } @media screen and (max-width:640px){ #findIdpw h4 { font-size:25px; } #findIdpw .find p { font-size:15px; } #findIdpw .find { padding:0; width:100%; } .sub #contents .titleArea.idpw h3 { font-size:25px; } #findIdpw.idpw_result .btnArea { font-size:0; } #findIdpw.idpw_result .btnArea a { display:inline-block; vertical-align:top; width:49.5%; } #findIdpw.idpw_result .btnArea a + a { margin-left:1%; } } /* 로그인 */ #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: 25%; padding:0px 7px 7px 7px; box-sizing:border-box;} #gallery_list li .photo_img {WIDTH: 100%; 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;} .table_blue01 td.br01 {display:none;} }/* @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;} .table_blue01 {position:relative; float:left; width:100%;} /* .table_blue01 .tablewrap:before { content: ""; margin-top: -40px; margin-left: -40px; width:90px; height:90px; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index:11; background-image: url('/images/com/tablescroll.png'); background-color: #fff; background-position: center center; background-repeat: no-repeat; } .table_blue01 .tablewrap:after { content: ""; width:100%; height:100%; position: absolute; top: 0; left: 0; z-index:10; background-color: rgba(0,0,0,0.2); } */ .tablewrapover:before { content: ""; margin-top: -40px; margin-left: -40px; width:90px; height:90px; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index:11; background-image: url('/images/com/tablescroll.png'); background-color: #fff; background-position: center center; background-repeat: no-repeat; } .tablewrapover:after { content: ""; width:100%; height:100%; position: absolute; top: 0; left: 0; z-index:10; background-color: rgba(0,0,0,0.2); } .tablewrapover01:before { content: ""; margin-top: -40px; margin-left: -40px; width:90px; height:90px; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index:11; background-image: url('/images/com/tablescroll.png'); background-color: #fff; background-position: center center; background-repeat: no-repeat; } .tablewrapover01:after { content: ""; width:100%; height:100%; position: absolute; top: 0; left: 0; z-index:10; background-color: rgba(0,0,0,0.2); } }/* @media only screen and (max-width:850px) */ /*======================= Mobile 768 px ~ =======================*/ @media only screen and (max-width:768px){ .table_blue01 thead th , .table_blue01 tbody th , .table_blue01 td {word-break:break-all; padding:3px; font-size:17px; font-family:'pretendard','Noto Sans KR','Malgun Gothic', AppleSDGothic, Century Gothic, Dotum, Helvetica, Sans-serif;} .table_blue01 td.line_left { padding-left:3px;} .table_blue02 thead th , .table_blue02 tbody th , .table_blue02 td {word-break:break-all; padding:3px; font-size:17px; font-family:'pretendard','Noto Sans KR','Malgun Gothic', AppleSDGothic, Century Gothic, Dotum, Helvetica, Sans-serif;} /* .table_gray01 thead th , .table_gray01 tbody th , .table_gray01 td {word-break:break-all; padding:3px; font-size:17px; font-family:'pretendard','Noto Sans KR','Malgun Gothic', AppleSDGothic, Century Gothic, Dotum, Helvetica, Sans-serif;} .table_gray01 td.line_left { padding-left:3px;} */ .table_green01 thead th , .table_green01 tbody th , .table_green01 td {word-break:break-all; padding:3px; font-size:17px; font-family:'pretendard','Noto Sans KR','Malgun Gothic', AppleSDGothic, Century Gothic, Dotum, Helvetica, Sans-serif;} .table_green01 td.line_left { padding-left:3px;} }/* @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;} .table_green01 td ul li {font-size:0.9em;} /* 게시판 */ 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:18px; background-color:#f9f9f9; } table.freeboard01 th:nth-child(n+3), table.freeboard01 td:nth-child(n+3) { display: none; } table.freeboard01 colgroup > col:nth-child(n+3), table.freeboard01colgroup > col: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; } div.write-form table.tableForm colgroup > col:nth-child(1), div.write-form table.tableForm td:nth-child(2) { width:100%; } 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;} .tablewrapover640:before { content: ""; margin-top: -40px; margin-left: -40px; width:90px; height:90px; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index:11; background-image: url('/images/com/tablescroll.png'); background-color: #fff; background-position: center center; background-repeat: no-repeat; } .tablewrapover640:after { content: ""; width:100%; height:100%; position: absolute; top: 0; left: 0; z-index:10; background-color: rgba(0,0,0,0.2); } }/* @media only screen and (max-width:640px) */ /*======================= Mobile 580 px ~ =======================*/ @media only screen and (max-width:580px){ .tablewrapover580:before { content: ""; margin-top: -40px; margin-left: -40px; width:90px; height:90px; border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index:11; background-image: url('/images/com/tablescroll.png'); background-color: #fff; background-position: center center; background-repeat: no-repeat; } .tablewrapover580:after { content: ""; width:100%; height:100%; position: absolute; top: 0; left: 0; z-index:10; background-color: rgba(0,0,0,0.2); } /*======================= Mobile 520 px ~ =======================*/ @media only screen and (max-width:520px){ .br520 {display:block;} #gallery_list { WIDTH:100%; margin-top:10px;margin:auto;text-align:center;} #gallery_list li { float:left; WIDTH: 50%; padding:0px 7px 7px 7px; box-sizing:border-box;} #gallery_list li .photo_img {WIDTH: 100%; 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) */ .Board_type01 {width:100%; border-top:1px solid #333; overflow:hidden; } .Board_type01 table {width:100%;} .Board_type01 th {width:12%; box-sizing:border-box; padding-left:20px; background:#f8f8f8; font-size:19px; border-bottom:1px solid #eee; text-align:left; line-height:20px; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; } .Board_type01 th.alignC {padding-left:0;} .Board_type01 td {/*width:88%; *//*display:flex;*/ box-sizing:border-box; padding:13px 20px; border-bottom:1px solid #eee; text-align:left; font-size:16px; } /*.Board_type01 .subject .text {width:60%;} .Board_type01 .subject span {margin-left:10px;} .Board_type01 .require { color:#e00000; font-style:normal;} .Board_type01 textarea {width:100%; box-sizing:border-box;} .Board_type01 td .mem_post {width:103px; margin-left:5px;} .Board_type01 td .address1 {width:559px; margin-left:5px;} .Board_type01 td .address2 {width:100%; margin-top:5px;} .Board_type01 td .btn_gray {text-align:center; vertical-align:middle; text-decoration:none;} .Board_type01 td input.team_name {width:272px; margin-left:5px;} .Board_type01 td .btn_area {float:right;} .Board_type01 td .btn_area a {margin-left:7px; text-decoration:none;} .Board_type01 td .btn_area a:first-child {margin-left:0;} .Board_type01 td .LabelArea {margin-top:-20px; padding:5px 0;} .Board_type01 td .LabelArea label {display:inline-block; margin-right:20px; margin-top:20px;} .Board_type01 td .LabelArea label:last-of-type {margin-right:10px;} .Board_type01 td .LabelArea input.etc {width:272px;} .Board_type01 td .InputArea {margin-top:5px;} .Board_type01 td .InputArea:after {display:block; content:""; clear:both;} .Board_type01 td .InputArea input.text {float:left; width:682px;} .Board_type01 td .InputArea .btn_red {float:right; width:88.6px; padding:0; text-decoration:none;} */ .Board_type01 input[type=checkbox], .Board_type01 input[type=radio] { display:none;} .Board_type01 input[type=checkbox] + label, .Board_type01 input[type=radio] + label {float:left; border:1px solid #d7d7d7; width:120px; height:40px; padding:0px 0px; font-size:16px; color:#666; border-radius:5px; text-align:center; line-height:38px; margin-right:10px; font-weight:500; cursor:pointer; margin-top:0; margin-bottom:10px;} .Board_type01 input[type=checkbox]:checked + label, .Board_type01 input[type=radio]:checked + label { color:#6585bf; border-color:#6585bf;} .Board_type01 input[type=radio] + label.Board_radio01 {float:left; border:1px solid #d7d7d7; width:auto; height:40px; padding:0px 20px; font-size:16px; color:#666; border-radius:5px; text-align:center; line-height:38px; margin-right:10px; font-weight:500; cursor:pointer; margin-top:0; margin-bottom:10px;} .Board_type01 input[type=radio]:checked + label.Board_radio01 { color:#6585bf; border-color:#6585bf;} .Board_type01 input[type="text"], .Board_type01 input[type="password"]{width:30%; padding-left:20px; border:1px solid #dcdcdc; border-radius:7px; line-height:40px; font-size:19px; color:#333} .Board_type01 input.wid01 {width:100%; } .Board_type01 input.wid02 {width:50%; margin-bottom:10px;} .Board_type01 input[type="button"] { width: 120px; height: 36px; border-radius: 18px; color: #fff; font-size: 15px; background: #555; border: none;} .Board_type01 textarea{padding:20px; width:100%; height:300px; border:1px solid #dcdcdc; border-radius:7px !important; font-size:19px; line-height:1.3; color:#333; -webkit-box-shadow:none; box-shadow:none; resize:none} .Board_type01 select{/*width:50%; height:50px;*/ padding:0 20px; border:1px solid #dcdcdc; border-radius:7px; font-size:15px; line-height:50px; color:#666; height:40px; line-height:40px; width:220px; } .Board_type01 select + select { margin-left:10px;} /*.Board_type01 select.sel01 { height:40px; line-height:40px; border-radius:5px; width:250px; font-size:15px; color:#666;}*/ .Board_type01 .btn { width:100%; text-align:center; margin:30px 0;} @media only screen and (max-width:1200px){ .Board_type01 select { width:190px; font-size:14px; } .Board_type01 select + select { margin-left:5px;} } @media only screen and (max-width:850px){ .Board_type01 th {font-size:17px; width:20%; padding-left:10px;} .Board_type01 select + select { margin-left:0px;} } @media only screen and (max-width:680px){ .Board_type01 th {float:left; width:100%; padding:10px; box-sizing:border-box;} .Board_type01 td {float:left; width:100%;} .Board_type01 colgroup col {float:left; width:100%;} .Board_type01 input[type=checkbox] + label, .Board_type01 input[type=radio] + label {width:22%;} } @media only screen and (max-width:450px){ .Board_type01 input[type=checkbox] + label, .Board_type01 input[type=radio] + label {width:29.3%;} }