/* 관리자모드 *****/ #mcategory_sub_add_box {position:absolute;z-index:20;background-color:#ffffff;} /* 홈페이지 *****/ /* VIEW LIST 180906 *****/ .member_info_top {overflow:hidden;} .member_info_top .img {float:left;width:180px;height:220px;padding:3px;border:1px solid #ddd;} .member_info_top .img img {width:100%;height:100%;} .member_info_top .info {padding:0 0 0 220px;} .member_info_top .info_title {font-size:20px;color:#333;line-height:26px;padding:10px 0;border-bottom:1px solid #666;} .member_info_top .info_title span {color:#999;font-size:14px;margin-left:7px;} .member_info_top dl {overflow:hidden;line-height:42px;border-bottom:1px solid #ddd;} .member_info_top dl dt {float:left;min-width:60px;text-indent:5px;color:#222;font-weight:500;} .member_info_top dl dd {padding-lefT:140px;} .member_mypage_font11 {font-size:11px;} .member_btn01 {display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #a0a0a0; font-size:12px;border:1px solid #999999;cursor:pointer; box-shadow:0 1px 0 #d9d9d9;} .member_btn02 {display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 5px;color:#fff;background: #a0a0a0; font-size:12px;border:1px solid #999999;cursor:pointer; box-shadow:0 1px 0 #d9d9d9;} .member_btn05 {display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;background:#fff; font-size:12px;color:#333;border:1px solid #999999;cursor:pointer; font-weight:normal;letter-spacing:0; box-shadow:0 1px 0 #e5e5e5;} .member_form_btn {display:inline-block;line-height:30px;padding:0 25px;color:#fff;background:#a0a0a0;border:1px solid #a0a0a0; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;} .member_form_btn02 {display:inline-block;line-height:30px;padding:0 25px;color:#fff;background:#3a65e0;border:1px solid #265caf; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;} .member_form_btn03 {display:inline-block;line-height:30px;padding:0 25px;color:#fff;background:#666;border:1px solid #333; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;} .member_qna_table {border-collapse:collapse; width:100%;table-layout:fixed;border-top:2px solid #252525;} .member_qna_table thead th {background-color:#F3F3F3;text-align:center;color:#222; padding:0; font-weight:bold; border:solid 1px #F3F3F3; border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;line-height:39px;letter-spacing:-1px;} .member_qna_table thead th:last-child {border-right:solid 1px #F3F3F3;} .member_qna_table tbody th {background-color:#F3F3F3;text-align:center;color:#595959; padding:5px;letter-spacing:-1px;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd; } .member_qna_table tbody th:last-child {border-right:solid 1px #fff;} .member_qna_table tbody td {background-color:#ffffff;padding:8px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; } .member_qna_table tbody td:last-child {border-right:1px solid #fff;} .member_port_table {border-collapse:collapse; width:100%;table-layout:fixed;border-top:2px solid #252525;} .member_port_table thead th {background-color:#F3F3F3;text-align:center;color:#222; padding:0; font-weight:bold; border:solid 1px #F3F3F3; border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;line-height:39px;letter-spacing:-1px;} .member_port_table thead th:last-child {border-right:solid 1px #F3F3F3;} .member_port_table tbody th {background-color:#ffffff;text-align:center;color:#595959; padding:5px;letter-spacing:-1px;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd; } .member_port_table tbody th:last-child {border-right:solid 1px #fff;} .member_port_table tbody td {background-color:#ffffff;padding:8px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; } .member_port_table tbody td:last-child {border-right:1px solid #fff;} .member_mypage_qna_head {overflow:hidden;text-align:center; color:#333; font-weight:bold; line-height:40px; background: #fff; border-top:2px solid #555;background:#F3F3F3;} .member_mypage_qna_head div.gubun {float:left;width:15%;} .member_mypage_qna_head div.title1 {float:left;width:55%;} .member_mypage_qna_head div.date {float:left;width:15%;} .member_mypage_qna_head div.status {float:left;width:15%;} .member_mypage_qna_cont {overflow:hidden;border-bottom:1px solid #ccc;} .member_mypage_qna_cont li {overflow:hidden;text-align:center; line-height:40px;padding:0;border-top:1px solid #ccc; } .member_mypage_qna_cont li .gubun {float:left;width:15%;color:#555;} .member_mypage_qna_cont li .title1 {float:left;width:55%;text-align:left; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; } .member_mypage_qna_cont li .date {float:left;width:15%;color:#555;} .member_mypage_qna_cont li .status {float:left;width:15%;color:#555;} .member_mypage_qna_cont li .info {display:none;} .member_mypage_qna_view_tit_wrap { padding:10px;border-top:2px solid #333;border-bottom:1px solid #ccc;text-align:left; background:#F3F3F3;overflow:hidden;} .member_mypage_qna_view_title {font-size:18px; line-height:140%; COLOR:#333; font-weight:bold;padding:8px 0 0 0;} .member_mypage_qna_view_name {color:#888;padding:4px 0 0 0; font-size:0.9em;} .member_mypage_qna_view_content {padding:30px 10px ; word-break:break-all; border-bottom:1px solid #ccc;} .member_mypage_qna_reply_title {font-size:18px; line-height:140%; COLOR:#333; font-weight:bold;padding:8px 0 10px 0;} .member_mypage_qna_reply_content {background:#dfdfdf;padding:10px 10px 30px 10px ; word-break:break-all; border-bottom:1px solid #ccc;} .member_mypage_box {overflow:hidden;color:#333;line-height:40px;background:#fff;border-top:2px solid #555;border-bottom:1px solid #ccc;} .member_mypage_box div.title {float:left;width:13%;font-weight:bold;text-align:center;} .member_mypage_box div.title_2 {float:left;width:calc(13% - 1px);font-weight:bold;text-align:center;border-left:1px solid #ccc;} .member_mypage_box div.content {float:left;width:calc(37% - 11px);border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.content_2 {float:left;width:calc(37% - 11px);border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.content_col {float:left;width:calc(87% - 11px);border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.title1 {float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ccc;} .member_mypage_box div.title1_2 {float:left;width:calc(13% - 1px);font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:1px solid #ccc;} .member_mypage_box div.content1 {float:left;width:calc(37% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.content1_col {float:left;width:calc(87% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.title2 {float:left;width:calc(13% - 1px);font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:1px solid #ccc;} .member_mypage_box div.content2 {float:left;width:calc(37% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .member_mypage_point_head {overflow:hidden;text-align:center; color:#333; font-weight:bold; line-height:40px; background: #fff; border-top:2px solid #555;border-bottom:1px solid #ccc;} .member_mypage_point_head div.date {float:left;width:15%;} .member_mypage_point_head div.year {float:left;width:15%;} .member_mypage_point_head div.cate {float:left;width:25%;} .member_mypage_point_head div.title {float:left;width:35%;} .member_mypage_point_head div.point {float:left;width:10%;} .member_mypage_point_cont {overflow:hidden;} .member_mypage_point_cont li {overflow:hidden;text-align:center; line-height:40px; padding:0;border-bottom:1px solid #ccc; } .member_mypage_point_cont li .date {float:left;width:15%;color:#555;} .member_mypage_point_cont li .year {float:left;width:15%;color:#555;} .member_mypage_point_cont li .cate {float:left;width:25%;text-align:left; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;} .member_mypage_point_cont li .title {float:left;width:35%;text-align:left; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; } .member_mypage_point_cont li .point {float:left;width:10%;color:#555;} .member_mypage_point_cont li .info02{display:none;} .member_mypage_program_head {overflow:hidden;text-align:center; color:#333; font-weight:bold; line-height:40px; background: #fff; border-top:2px solid #555;border-bottom:1px solid #ccc;} .member_mypage_program_head div.date {float:left;width:15%;} .member_mypage_program_head div.title {float:left;width:42%;} .member_mypage_program_head div.epoll {float:left;width:10%;} .member_mypage_program_head div.sisu {float:left;width:10%;} .member_mypage_program_head div.point {float:left;width:10%;} .member_mypage_program_head div.print {float:left;width:13%;} .member_mypage_program_cont {overflow:hidden;} .member_mypage_program_cont li {overflow:hidden;text-align:center;line-height:40px; padding:0;border-bottom:1px solid #ccc; } .member_mypage_program_cont li .date {float:left;width:15%;color:#555;} .member_mypage_program_cont li .title {float:left;width:42%;text-align:left; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; } .member_mypage_program_cont li .epoll {float:left;width:10%;color:#555;} .member_mypage_program_cont li .sisu {float:left;width:10%;color:#555;} .member_mypage_program_cont li .point {float:left;width:10%;color:#555;} .member_mypage_program_cont li .print {float:left;width:13%;color:#555;} .member_mypage_program_cont li .info02 {display:none;} .member_port_tabmenu_box {border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#f8f8f8; padding:12px 15px; overflow:hidden;margin-bottom:30px; } .member_port_tabmenu {min-height:30px; overflow:hidden; } .member_port_tabmenu li {float:left;font-weight:bold; } .member_port_tabmenu li a {display:inline-block;zoom:1;*display:inline;line-height:30px; color:#333; background:url("../image/icon01.png") no-repeat 0 9px;padding:0 20px 3px 15px; } .member_port_tabmenu li a:hover {color:#3f63d5;} .member_port_tabmenu li a.on {color:#3f63d5; } .gyowon_wrap {overflow:hidden;border-bottom:1px solid #ddd;} .gyowon_li {border-top:1px solid #ddd;padding:15px 10px;overflow:hidden;} .gyowon_img {float:left;width:130px;height:170px;} .gyowon_img img {width:100%;height:100%;} .gyowon_info {float:left;padding:10px 0 0 0;margin:0 0 0 30px;} .gyowon_subject {font-size:17px;color:#333;font-weight:bold;} .gyowon_subject span {font-size:12px;color:#aaa;padding-left:5px;} .gyowon_li ul {padding-top:7px;} .gyowon_li ul li {color:#555; background:url("../image/icon02.gif") no-repeat 0 9px;padding:0 0 3px 12px;} .gyowon_li .more {float:right;background:#19a788; font-size:12px;border:1px solid #018b6d;color:#fff;padding:5px 15px;margin-top:60px;} .gyowon_btn01 {display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #3a65e0; font-size:12px;border:1px solid #265caf;cursor:pointer;border-radius:2px; box-shadow:0 1px 0 #d9d9d9;} /* 파랑 작은 버튼 - 기본 */ .student_division_name {font-weight:bold;color:#111;} .student_division_cnt {color:#ff6600;} .student_division_title {font-weight:bold;font-size:25px;color:#990066;padding:10px 0px;} /* mobile screen 937px */ @media screen and (max-width:937px) { .member_mypage_qna_head div.gubun {display:none;} .member_mypage_qna_head div.title1 {float:left;width:80%;} .member_mypage_qna_head div.date {display:none;} .member_mypage_qna_head div.status {float:left;width:20%;} .member_mypage_qna_cont li .gubun {display:none;} .member_mypage_qna_cont li .title1 {float:left;width:80%;} .member_mypage_qna_cont li .date {display:none;} .member_mypage_qna_cont li .status {float:left;width:20%;} .member_mypage_qna_cont li .info {display:block;} .member_mypage_box div.title {float:left;width:25%;font-weight:bold;text-align:center;} .member_mypage_box div.title_2 {float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;} .member_mypage_box div.content {float:left;width:calc(75% - 11px);border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.content_col {float:left;width:calc(75% - 11px);border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.content_2 {float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.title1 {float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;} .member_mypage_box div.title1_2 {float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;} .member_mypage_box div.content1 {float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.content1_col {float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.title2 {float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;} .member_mypage_box div.content2 {float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .member_mypage_program_head div.date {float:left;width:25%;} .member_mypage_program_head div.title {float:left;width:75%;} .member_mypage_program_head div.cham {display:none;} .member_mypage_program_head div.epoll {display:none;} .member_mypage_program_head div.sisu {display:none;} .member_mypage_program_head div.point {display:none;} .member_mypage_program_head div.print {display:none;} .member_mypage_program_cont li {line-height:20px;} .member_mypage_program_cont li .date {float:left;width:25%;color:#555;} .member_mypage_program_cont li .title {float:left;width:75%;text-align:left; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; } .member_mypage_program_cont li .cham {display:none;} .member_mypage_program_cont li .epoll {display:none;} .member_mypage_program_cont li .sisu {display:none;} .member_mypage_program_cont li .point {display:none;} .member_mypage_program_cont li .print {display:none;} .member_mypage_program_cont li .info02 {display:block;} .member_mypage_point_head div.date {float:left;width:25%;} .member_mypage_point_head div.title {float:left;width:75%;} .member_mypage_point_head div.year {display:none;} .member_mypage_point_head div.cate {display:none;} .member_mypage_point_head div.point {display:none;} .member_mypage_point_cont li {line-height:20px;} .member_mypage_point_cont li .date {float:left;width:25%;color:#555;} .member_mypage_point_cont li .title {float:left;width:75%;text-align:left; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; } .member_mypage_point_cont li .year {display:none;} .member_mypage_point_cont li .cate {display:none;} .member_mypage_point_cont li .point {display:none;} .member_mypage_point_cont li .info02{display:block;} } /* screen 785 */ @media screen and (max-width:785px) { .gyowon_img {float:none;margin:0 auto;} .gyowon_info {float:none;margin:0;} .gyowon_li .more {float:none;width:150px;margin:10px auto 0 auto;text-align:center;} .member_info_top .img {float:none;width:150px;height:180px;margin:0 auto;} .member_info_top .info {padding:0;} .member_info_top .info_title {font-size:1.4em;text-align:center;} } /* mobile screen 480 */ @media screen and (max-width:480px) { .member_mypage_qna_head div.gubun {display:none;} .member_mypage_qna_head div.title1 {float:left;width:75%;} .member_mypage_qna_head div.date {display:none;} .member_mypage_qna_head div.status {float:left;width:25%;} .member_mypage_qna_cont li {line-height:30px;} .member_mypage_qna_cont li .gubun {display:none;} .member_mypage_qna_cont li .title1 {float:left;width:75%;} .member_mypage_qna_cont li .date {display:none;} .member_mypage_qna_cont li .status {float:left;width:25%;} .member_mypage_qna_cont li .info {display:block;} .member_mypage_box div.title {float:left;width:30%;font-weight:bold;text-align:center;} .member_mypage_box div.title_2 {float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;} .member_mypage_box div.content {float:left;width:calc(70% - 11px);border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.content_col {float:left;width:calc(70% - 11px);border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.content_2 {float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.title1 {float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;} .member_mypage_box div.title1_2 {float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;} .member_mypage_box div.content1 {float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.content1_col {float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .member_mypage_box div.title2 {float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;} .member_mypage_box div.content2 {float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .member_mypage_program_head div.date {float:left;width:30%;} .member_mypage_program_head div.title {float:left;width:70%;} .member_mypage_program_head div.cham {display:none;} .member_mypage_program_head div.epoll {display:none;} .member_mypage_program_head div.sisu {display:none;} .member_mypage_program_head div.point {display:none;} .member_mypage_program_head div.print {display:none;} .member_mypage_program_cont li .date {float:left;width:30%;color:#555;} .member_mypage_program_cont li .title {float:left;width:70%;text-align:left; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; } .member_mypage_program_cont li .cham {display:none;} .member_mypage_program_cont li .epoll {display:none;} .member_mypage_program_cont li .sisu {display:none;} .member_mypage_program_cont li .point {display:none;} .member_mypage_program_cont li .print {display:none;} .member_mypage_program_cont li .info02 {display:block;} .member_mypage_point_head div.date {float:left;width:30%;} .member_mypage_point_head div.title {float:left;width:70%;} .member_mypage_point_head div.year {display:none;} .member_mypage_point_head div.cate {display:none;} .member_mypage_point_head div.point {display:none;} .member_mypage_point_cont li .date {float:left;width:30%;color:#555;} .member_mypage_point_cont li .title {float:left;width:70%;text-align:left; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; } .member_mypage_point_cont li .year {display:none;} .member_mypage_point_cont li .cate {display:none;} .member_mypage_point_cont li .point {display:none;} .member_mypage_point_cont li .info02{display:block;} }