table {width:100%; } table.data {border-top:2px solid #bf0010 !important; border:1px solid #e3e3e3; border-bottom:0; border-collapse:separate; } table.data thead th {background:#f7f7f7; text-align:center; font-size:15px; padding:12px 0; color:#333; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-weight:500;} table.data thead th:last-child {border-right:0;} table.data tbody th {background:#f7f7f7; text-align:center; font-size:14px; padding:12px 0; color:#666; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-weight:500;vertical-align:middle; line-height:1.5} table.data td {vertical-align:middle; text-align:center; font-size:14px; line-height:1.5 ;padding:10px; color:#666; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-weight:400; } table.data td.taLeft {text-align:left; padding-left:20px;} table.data .last {border-right:1px solid #e3e3e3 !important;} table.data tr.sectionEnd th, table.data tr.sectionEnd td, table.data th.sectionEnd, table.data td.sectionEnd {border-bottom:1px solid #aaa;} /*컨텐츠 표 영역*/ table.contentsTable {width:100%; border-top:2px solid #bf0010; margin-top:10px;font-size: 14px;} table.contentsTable thead {font-weight:500; background:#f7f7f7;} table.contentsTable thead th {text-align:center; font-size:15px; padding:12px 0; color:#333; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-weight:500;} table.contentsTable thead th:last-child {border-right:0} table.contentsTable tbody {vertical-align:middle; color:#666;} table.contentsTable tbody tr {border-bottom:1px solid #ddd;} table.contentsTable tbody tr th {background:#f7f7f7; text-align:center; font-size:15px; padding:12px 0; color:#666; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-weight:500;vertical-align:middle; line-height:1.5} table.contentsTable tbody tr th:last-child {border-right:none;} table.contentsTable tbody tr td {vertical-align:middle; text-align:left; font-size:14px; line-height:1.5 ;padding:10px 20px; color:#666; border-right:1px solid #dedede; border-bottom:1px solid #dedede; font-weight:400; } table.contentsTable tbody tr td:last-child {border-right:0} table.contentsTable tbody tr td ul li {position: relative; padding-left: 12px;line-height: 1.6;margin-bottom: 6px;} table.contentsTable tbody tr td ul li:last-child {margin-bottom: 0;} table.contentsTable tbody tr td ul li:before {position: absolute; content:""; background-color: #bf0010; width: 6px; height: 2px; top: 10px; left: 0;} table.data tbody tr td a img, table.contentsTable tbody tr td a img {vertical-align: middle;} table.contentsTable.tdcenter tbody tr td {text-align:center;} /* 임원현황 */ /* table.director {border-top:1px solid #999 !important; border:1px solid #e3e3e3 } table.director thead th {background:#f3f3f3; text-align:center; font-size:15px; font-weight:500; padding:10px 0; color:#333; border-bottom:1px solid #999;} table.director td {vertical-align:middle; background:#fff; text-align:center; font-size:13px; font-weight:400; padding:10px 15px; color:#6d6e71; border-right:1px solid #dedede;} table.director .last {border-right:1px solid #e3e3e3 !important;} table.director td.directorTitle {background:#f3f3f3; font-size:15px; font-family:"nanumB"; border-top:1px solid #999; border-bottom:1px solid #999;} */ table.data2 td {background:#fff; text-align:left; font-size:13px; padding:10px 10px; color:#6d6e71; border-right:1px solid #dedede; border-bottom:1px solid #dedede;} table tr.no_bottom_border * {border-bottom:none;} table {/*table-layout:fixed;*/ border-collapse:collapse; border-top:1px solid #bf0010; width:100%; font-size:14px;} caption {font-size:13px; line-height:0; text-align: right !important;} /* 기본 게시판 */ table.board_list {text-align:center; border-top:1px solid #999; } table.board_list thead th,table.board_list tbody th {background:#fafafa; padding:12px 0; color:#333; font-size:14px; vertical-align:middle; border-bottom:1px solid #dedede;} table.board_list tbody td {border-bottom:1px solid #dedede; padding:12px 0; color:#6d6e71; line-height:150%} table.board_list tbody td.subject {text-align:left; padding-left:11px;} table.board_list tbody td.subject a {color:#6d6e71; font-size:14px;} table.board_list tbody td.gray {color:#a3a3a3} table.board_list tbody tr.notice_list {background-color: #f8f8f8;} table.padding7 tbody td {padding:7px 0;} table.board_list tbody td.category {color:#178ecb} table.board_list tbody td.subject * {vertical-align:middle;} table.board_list tbody td {vertical-align:middle;} table.r_border thead th,table.board_list tbody th {border-right:1px solid #dedede;} table.r_border tbody td {border-right:1px solid #dedede;} /* board_list 와 같으나 키컬러가 블루인 경우 */ table.customer_board tbody th{color:#333 !important;} table.customer_board tbody td{text-align:left !important; padding-left:10px;} table.blue_ver {border-top:2px solid #0067b5; } table.blue_ver thead th,table.board_list tbody th {color:#0067b5;} table.write_board {margin-top:6px; line-height:18px; border-top:2px solid #bf0010} table.write_board tbody th {background:#fafafa; border-bottom:1px solid #dedede; padding:10px 7px; font-weight:bold; vertical-align:top; text-align:left; color:#7e7e7e;} table.write_board tbody th.compulsory {background: url('http://html.ahndesign.kr/404.html') 7px 16px no-repeat #fafafa; padding-left:18px;} table.write_board tbody td {border-bottom:1px solid #dedede; padding:8px 9px; color:#7e7e7e} table.write_board tbody td * {vertical-align:middle;} table.view_list {margin:0 0 20px;border-top:1px solid #999;} table.view_list thead th {background:#fafafa; border-bottom:1px solid #dedede; padding:15px 30px; font-weight:bold; text-align:left; color:#333; font-size:16px;} table.view_list > tbody th {border-bottom:1px solid #dedede; padding-left:37px; text-align:left; line-height:18px; color:black;} table.view_list > tbody th b {font-weight:bold;} table.view_list > tbody th i {font-style: italic;} table.view_list tbody td { border-bottom:1px solid #dedede; padding:12px 30px; color:#6d6e71; line-height:180%;} table.view_list tbody td.writing {background:none; padding:26px 20px;} table.view_list tbody th.writing {font-weight:normal;} table.view_list th * {vertical-align:middle;} table.view_list th img.reply {padding-right:10px} table.view_list tbody td.writing img {max-width:100%;} table.view_list tbody td span.txt_sub_title {display:inline-block; width:60px; background:url("../../images/board/bg_gray_line.gif") no-repeat 100% 50%; margin-right:25px; font-weight: bold;} table.view_list tbody td img {max-width:100%;} table.view_list02 {margin:0 0 20px;border-top:1px solid #999;} table.view_list02 thead th {background:#fafafa; border-bottom:1px solid #dedede; padding:10px 10px; font-weight:bold; text-align:left; color:#333; font-size:15px;} table.view_list02 > tbody th {border-bottom:1px solid #dedede; padding-left:37px; text-align:left; line-height:18px; color:black;} table.view_list02 > tbody th b {font-weight:bold;} table.view_list02 > tbody th i {font-style: italic;} table.view_list02 tbody td { border-bottom:1px solid #dedede; padding:10px 10px; color:#6d6e71; line-height:180%;} table.view_list02 tbody td.writing {background:none; padding:26px 20px;} table.view_list02 tbody th.writing {font-weight:normal;} table.view_list02 th * {vertical-align:middle;} table.view_list02 th img.reply {padding-right:10px} table.view_list02 tbody td.writing img {max-width:100%;} table.view_list02 tbody td span.txt_sub_title {display:inline-block; width:60px; background:url("../../images/board/bg_gray_line.gif") no-repeat 100% 50%; margin-right:25px} table.view_list02 tbody td img {max-width:100%;} /* 상담 게시판 (기본 + 상담) */ table.board_list tbody td span.counsel_no {display:inline-block; border:1px solid #246a98; margin:0 3px; padding:0 3px; width:70px; font-size:12px; font-weight:bold; line-height:16px; color:#0e4b74;} table.board_list tbody td span.counsel_yes {display:inline-block; border:1px solid #ef8116; margin:0 3px; padding:0 3px; width:70px; font-size:12px; font-weight:bold; line-height:16px; color:#ef8116;} /* 갤러리 게시판 */ ul.gallery_list {font-weight:300; overflow:hidden; padding-top:25px; border-top:1px solid #bf0010; border-bottom:1px solid #999;} ul.gallery_list li {float:left; margin:0 25px 30px 0;} ul.gallery_list li img{width:220px; height:150px;} ul.gallery_list li .subject {display:block; margin-top:10px; text-align:center;} ul.gallery_list li .subject img {vertical-align:-4px;} ul.gallery_list li a {color:#333; font-size:14px;} ul.gallery_list li.no_writing {width:100%; margin-left:0px; text-align:center;} ul.magazine_list {overflow:hidden; border-top:2px solid #2faeee; border-bottom:1px solid #dcdcdc; margin-top:22px; padding-bottom:25px;} ul.magazine_list li {float:left; width:150px; margin:20px 0 0 30px;} ul.magazine_list li .thumb {border:1px solid #dadada; padding:4px;} ul.magazine_list li .subject {display:block; margin-top:10px;} ul.magazine_list li a:hover {font-weight:bold; letter-spacing:-1px;} ul.magazine_list li.no_writing {width:100%; margin-left:0px; text-align:center;} ul.movie_list {overflow:hidden; border-top:2px solid #2faeee; border-bottom:1px solid #dcdcdc; margin-top:22px; padding-bottom:25px;} ul.movie_list li {float:left; width:325px; margin:30px 0 0 40px;} ul.movie_list li .subject {display:block; margin-top:10px;} ul.movie_list li .subject img {vertical-align:-4px;} ul.movie_list li a {color:#7e7e7e;} ul.movie_list li a:hover {font-weight:bold; letter-spacing:-1px;} ul.movie_list li.no_writing {width:100%; margin-left:0px; text-align:center;} /* 댓글 게시판 */ table.view_reply {margin-top:48px;} table.view_reply thead th {border-bottom:1px solid #cacaca; padding:15px 10px; font-weight:bold; text-align:left; color:#212121;} table.view_reply thead th .reply {display:inline-block; background: url('http://html.ahndesign.kr/404.html') no-repeat; width:35px; height:20px; margin-top:-6px; padding:3px 0 0 5px; color:white;} table.view_reply tbody td {background:#fbfbfb; border-bottom:1px solid #cacaca; padding:17px 26px;} table.view_reply tbody td * {vertical-align:middle;} /* 칭찬합니다. 쓰기 페이지 */ div.praise_top {background: url('http://html.ahndesign.kr/404.html') no-repeat; margin:30px 0 27px 0; padding-left:150px;} /* 건의합니다. 쓰기 페이지 */ div.suggest_top {background: url('http://html.ahndesign.kr/404.html') no-repeat; margin:30px 0 27px 0; padding-left:150px;} /* 건강정보 (블로그 피드 게시판) */ div.feed_list {background: url('http://html.ahndesign.kr/404.html') left 14px no-repeat; border-top:2px solid #2faeee; border-bottom:1px solid #2faeee; margin-top:35px;} div.feed_list dt {margin-top:18px; font-size:14px; font-weight:bold; color:#4c4c4c;} div.feed_list dd {border-bottom:1px solid #dedede; margin-top:13px; padding-bottom:20px;} div.feed_list dd .date {display:block; margin-top:12px; text-decoration:underline;} /* 이전글 다음글 */ table.prevnext {border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin-top:28px; color:#7e7e7e} table.prevnext th, table.prevnext td {padding:10px 0; color:#7e7e7e} table.prevnext th {padding-left:46px; text-align:left; color:#7e7e7e} table.prevnext td {padding-left:29px;} table.prevnext td a {color:#6a6a6a;} table.prevnext td {background: url('../../images/board/bg_board_tab.gif') left center no-repeat ;} table.prevnext .prev th {background: url('../../images/board/bg_prev_writing.gif') 30px center no-repeat ; border-bottom:1px solid #dedede; color:#7e7e7e} table.prevnext .prev td {border-bottom:1px solid #dedede;} table.prevnext .next th {background: url('../../images/board/bg_next_writing.gif') 30px center no-repeat ; color:#7e7e7e} /* 게시글 비밀번호 */ div.pass_board {border:1px solid #dedede; border-top:1px solid #2faeee; padding:50px 0 50px 135px;} div.pass_board form {overflow:hidden; margin-top:30px;} div.pass_board form label {float:left; background: url('http://html.ahndesign.kr/404.html') left center no-repeat; margin-top:8px; padding-left:10px;} div.pass_board form input[type="text"] {width:175px;} div.pass_board form .btn {float:left; margin:0px 0 0 15px;} /* 개별 크로스브라우징 */ td.vertical * {vertical-align:middle;} td input[type="text"], td input[type="password"] {border:1px solid #dedede; padding:3px 0 3px 5px; padding: 8px 5px; box-sizing:border-box; background-color: #f8f8f8;} td input::placeholder {color: #999; font-size: 13px;} select {border:1px solid #dedede; padding: 8px 30px 8px 5px; box-sizing:border-box; background-color: #f8f8f8;} textarea {border:1px solid #dedede;padding:5px; max-width:100%; background-color: #f8f8f8;height: 150px;} input[type="radio"] {margin-right:5px;} td.check input[type="radio"] {width:13px; height:13px; margin-left:22px; vertical-align:middle;} td.check input[type="radio"]:first-child {margin:0;} td.check input[type="checkbox"] {width:13px; height:13px; margin-left:22px; vertical-align:middle;} td.check input[type="checkbox"]:first-child {margin:0;} td.check label {position:relative; top:1px;} td.write textarea {background:#fafafa; border:1px solid #dedede; width:100%; height:124px;} /*.section td a.btn {display:inline-block; background:#808080; border:1px solid #404040; margin:0 4px; padding:4px 7px; line-height:12px; color:white;}*/ /* 페이징 */ .paging {text-align:center; margin:50px 0 0 0; } /*.paging * {vertical-align:bottom;}*/ .paging span.back {float:left;} .paging .number {display:inline-block; margin:0 15px;} .paging .number a {display:inline-block; width:25px; height:25px; text-align: center; line-height: 23px; border:1px solid #ddd;margin: 0 1px;} .paging .number a:hover, .paging .number a.on {color:#bf0010; border:1px solid #bf0010;} /* 게시판 검색 수정 */ .board_search {background:#fafafa; border:1px solid #dedede; margin-top:40px; padding:15px 0; text-align:center; } .board_search select {border:1px solid #dedede; padding:0 10px;width:68px;height: 40px;line-height:40px;box-sizing:border-box;vertical-align:top;font-size:14px;color:#333;background-color:#fff;background-position:80% 50%;} .board_search input[type="text"] {margin:0px 5px; padding:2px 5px; width:270px; height:40px; border:1px solid #dedede; box-sizing:border-box;} .board_search input[value="검색"] {background:#6d6e71; width:68px; height: 40px;line-height: 40px; border:0px; font-weight:400; text-align:center; color:white;vertical-align: top;box-sizing:border-box;} .board_search02 {border:1px solid #dedede; padding:8px; } .board_search03 {text-align:left; padding:10px; padding:15px !important; margin-top: 0;margin-top: 50px;} .board_search03 select {font-size: 15px;background-color: #fff;background-position:95% 50%;} .input_search {width:150px; height:36px; background:#464646; color:#fff; border:none;} /* 게시판 작성, 수정 */ input.form-control { display: inline-block; } input.form-control.inline-form-control {width: 30%;} .view_board select {width: 100%;} /* 버튼 */ /*.btn {margin-top:12px;}*/ .btn a {display:inline-block; font-weight:bold; text-align:center; color:white;} .btn input {display:inline-block; border:none; vertical-align:-1px; padding:10px 15px 8px;} .btn_style01 {background:#7e7e7e; padding:13px 22px;} /* Gray */ .btn_style02 {background:#bf0010; padding:13px 22px; font-weight:bold; color:white;} /* Pink */ .btn_small {padding:6px 15px;} .btn_table_in {display:inline-block; background:#b4b4b4; padding:2px 9px; color:#fff !important;} .btn_view {padding:2px 10px; border:1px solid #777777; background:#7e7e7e; color:#fff; margin-left:10px;} .btnWrap {text-align: center; margin-top: 50px;} .btnWrap a {display:inline-block; width: 250px; height: 50px; margin: 0 5px; font-size: 16px; line-height: 50px; text-align: center; background-color: #666; color: #fff;transition:all 0.25s;} .btnWrap.korean_paper a {width: 180px;} .btnWrap a:hover {background-color: #585858; color: #fff;} .btnWrap .grayBtn {background-color: #666;} .btnWrap .grayBtn02 {background-color: #999;} .btnWrap .grayBtn03 {background-color: #333;} .btnWrap .redBtn {background-color: #bf0010; color: #fff;} .btnWrap .greenBtn {background-color: #008A00;color: #fff;} .btnWrap .greenBtn:hover {background-color: #006F00;color: #fff;} .btnWrap .blackBtn {background-color: #333; color: #fff;} .btnWrap a.blackBtn:hover {background-color: #000; color: #fff;} .btnWrap a.contentsBtn {display:inline-block; padding:7px 30px; color:#338bab; border:1px solid #338bab; border-radius:3px;} .btnWrap a.contentsBtn:hover {background:#338bab; color:#fff; transition:all 0.2s ease-out;} .btnWrap.btnWrap2 {display:inline-block; font-size:13px; margin-left:10px;} .btnWrap a.galleryBtn {display:inline-block; width:100%; line-height:30px; color:#338bab; border:1px solid #338bab; border-radius:3px; text-align:center;} .btnWrap a.galleryBtn:hover {background:#338bab; color:#fff; transition:all 0.2s ease-out;} .btnWrap {display:block;} .btnWrap.taCenter {text-align:center; margin:0 auto;} .demoBtn {display:inline-block;text-align: center;color: #fff;background-color: #999;font-size: 13px;border-radius:3px;padding: 3px 8px;vertical-align: middle; margin-left: 10px;} .demoBtn img {margin-right: 5px;margin-bottom: -1px;} .downloadBtn {display:inline-block;text-align: center;color: #bf0010;border:1px solid #bf0010;font-size: 14px;border-radius:3px;padding: 8px 15px;vertical-align: middle; transition:all 0.3s;} .downloadBtn:hover {background-color: #bf0010; color: #fff;} .section.board .btn-area a {margin: 0 5px;} .td-bottom-area .btn-area-admin { margin: 0 0 15px; padding: 10px 0; text-align: center; border: 1px solid #dfdfdf; border-radius: 5px; background-color: #f0f0f0; } /* 공통버튼 */ .btn_wrap {text-align: center; margin-top: 50px;} .btn_wrap a {display:inline-block; width: 250px; height: 50px; margin: 0 5px; font-size: 16px; line-height: 50px; text-align: center; color: #fff;} .btn_wrap.sm-btn a {display:inline-block; width: 80px; height: 40px; margin: 0 5px; font-size: 16px; line-height: 45px; text-align: center; color: #fff;} .btn_box {display:inline-block; width:90px; height:40px; text-align:center; line-height:36px; color:#fff; font-weight:400; color:#fff !important} .blue_box {background:#5eb5c6;} .gray_box {background:#808080;} .orange_box {background:#fb9239;} .btn_list {background:#999; color:#fff !important} .btn_modify {background:#bf0010;} .btn_modify2 {background:#666; border-radius:0px;} .btn_delete {background:#444;} .btn_delete02 {background:#717171; padding:8px 45px !important; color:#fff;} .btn_gray {border:1px solid #dedede; background:#e7e7e8;} .btn_supply {background:#bf0010;} .btn_write {background:#bf0010;} .btn_confirm {background:#bf0010;} .btn_pass_search {background:#e7e7e8; color:#595959 !important; border:1px solid #d2d2d2; padding:0 20px} .btn_cancel {background:#e7e7e8; color:#7e7e7e !important; border:1px solid #d2d2d2; height:33px; line-height:34px; margin-top:-1px} .counsel_incomplete {color:#bf0010 !important; width:70px; height:10px; border:1px solid #bf0010; padding:5px 10px ; font-weight:bold;} .counsel_complete {color:#7e7e7e !important; width:70px; height:10px; border:1px solid #7e7e7e; padding:5px 10px ; font-weight:bold;} .bg_pink {background:#fafafa !important;} .btn_class_supply{background:#bf0010; width:145px; padding:5px 10px} .btn_login {position:absolute; left:290px; top:6px; *top:1px; background:#bf0010; border:none; width:103px; padding:17px 0; font-size:17px; line-height:17px; text-align:center; color:#fff !important;} .btn_zip {background-color: #666; color: #fff; height: 40px; line-height: 40px; padding: 0 10px; margin-left: 10px; display: inline-block;} .btn_zip.btn_delete {height: 30px ;line-height: 30px; border:1px solid #ccc; color: #999; background-color: #f5f5f5;} .btn_zip.btn_add {height: 30px ;line-height: 30px; border:1px solid #bf0010; color: #bf0010; background-color: #fff;} .answer_id {padding:10px 20px; background:#fafafa; width:500px; margin:auto;} /* 페이징 + 버튼 */ .pagebtn_box {position:relative; height:30px; margin-top:23px;} .pagebtn_box .btn_ar {position:absolute; right:0; top:-11px;} .pagebtn_box .btn_ar a {display:inline-block; width:67px; font-weight:bold; text-align:center; color:white;} /* 기타 */ .board_top_txt {margin-top:35px; text-align:right;} /* 문장 + 버튼 */ .txtbtn_box {overflow:hidden; margin-top:10px;} .txtbtn_box p {float:left;} .txtbtn_box .btn {float:right; margin:0;} /*////////////////////////////////////////////////////////////////////////////////*/ /* 게시판 외 스타일 */ /* 제목 */ h4.join_step {font-family:"nanum"; font-size:30px; font-weight:bold; line-height:30px; color:#bf0010;} /* 로그인 */ /* .login_box {position:relative; background: url('../images/form/bg_login.gif') left 17px no-repeat; height:246px; padding:17px 0;} .login_box form {position:absolute; left:250px; top:69px; border-bottom:1px solid #dedede; width:398px; padding-bottom:21px;} .login_box form table.login {border:none; width:284px;} .login_box form table.login th {background: url('../images/form/bul_dot.gif') left 12px no-repeat; padding:6px 7px; font-family:NanumGothic; font-size:14px; font-weight:bold; text-align:left; color:#757575;} .login_box form .login_input {border:1px solid #dfdfdf; width:99%; height:16px; padding:2px 0;} .login_box .menu {position:absolute; left:250px; top:167px;} .login_box .menu li {background: url('../images/form/bul_dot02.gif') left 10px no-repeat; margin-top:6px; padding-left:5px;} .login_box .menu li span {display:inline-block; width:260px; *padding-bottom:4px;} .login_box .menu li a {display:inline-block; background:#e7e7e8; border:1px solid #d2d2d2; width:134px; padding:3px 0; font-weight:bold; text-align:center; color:#7e7e7e;} */ .login_box {position:relative; } #contents .login_box .txt {font-size:20px ;font-family: "nanumB";text-align: center;margin-bottom: 20px;} .login_box .login_box_con {float:left; padding:25px; width:316px; height:215px; border-right:1px solid #d8d8d8;} .login_box .login_box_con h2{margin-bottom:8px; font-size:18px; font-family:"nanumB"; color :#6d6e71; } .login_box .login_box_con a{display:inline-block; text-align:center;height: 45px;line-height: 45px;} .login_box .login_box_con input {display:block;width:100%; margin-bottom:5px;height:40px; border:1px solid #e3e3e3;text-indent:10px;} .login_box .login_box_con .btn {color:#fff; font-size:17px; background:#0099cc;display: block;} .login_box .login_box_con .btn_list {background: none;text-align: center;margin-top: 10px;} .login_box .login_box_con .btn_list li{display: inline-block;position: relative;padding: 0 6px;} .login_box .login_box_con .btn_list li:after {content: "";display: block;width: 1px;height: 12px;background: #333;position: absolute; left:0; top:5px;} .login_box .login_box_con .btn_list li:first-child:after {display: none;} .login_box .login_box_con .btn_list a{display: inline-block;width: auto;color: #333;height: auto;line-height:1.5;} .login_box .login_box_con02 {text-align: center;} .login_box .login_box_con02 p {margin-bottom: 15px;} .login_box .login_box_con02 a{display: inline-block;width: 155px;height: 45px;line-height: 45px;color: #fff;background: #444;} .login_box .login_box_con02 a.official {background:#666;} .login_box_ex {position:relative; margin:0 auto; width:740px; padding:50px; height:200px; border-top:2px solid #000; border-bottom:1px solid #d8d8d8; } .login_box_ex .login_box_con {text-align:center;} .login_box_ex .login_box_con h2{margin-bottom:8px;font-size:25px; font-family:"nanumB"; line-height:140% } .login_box_ex .login_box_con a{display:inline-block; padding:10px; width:300px !important; text-align:center; border:1px solid #dedede; background:#e7e7e8;} .login_box_ex .login_box_con input { display:block; margin-bottom:5px; width:400px; height:25px; border:1px solid #e3e3e3} .login_box_ex .login_box_con .btn {position:absolute; top:116px; left:590px; width:110px !important; padding:48px 0 !important; color:#fff; font-size:17px; background:#bf0010;} .login_box_ex .login_box_con .btn_list a{float:left; width:131px !important; margin:10px 5px 0 0;} .login_box_ex .login_box_con ul li{text-align:left !important;} /*ID/PW확인*/ .idpw_box h3{margin-bottom:5px; font-size:19px; font-weight:bold; color:#333;} .idpw_box .idpw_box_con {position:relative; padding:40px 80px; border:5px solid #eee; overflow:hidden;} /* .idpw_box .idpw_box_con a {display:inline-block; padding:10px; text-align:center; border:1px solid #dedede; background:#e7e7e8;} */ .idpw_box .idpw_box_con input { display:inline-block; margin-left:10px; width:210px; height:25px; border:1px solid #e3e3e3} .idpw_box .idpw_box_con a.btn {display:block; text-align:center; float:right; width:100px; height:70px; line-height:70px; color:#fff; font-size:17px; background:#bf0010; margin-top:0px;} .idpw_box .idpw_box_con a.btn.btn02 {height:100px; line-height:100px;} .idpw_box .idpw_box_con input.btn {display:block; text-align:center; float:right; width:100px; height:60px; line-height:50px; color:#fff; font-size:17px; background:#bf0010; margin-top:0px; margin-left: 0;border-radius: 5px;} .idpw_box .idpw_box_con input.btn.btn02 {height:90px; line-height:80px; margin-left: 0;border-radius: 5px;} .idpw_box .idpw_box_con ul {float:left; width:500px;} .idpw_box .idpw_box_con ul li {padding:3px 0;} .idpw_box .idpw_box_con ul li span.title {display:inline-block; width:60px;} /* 박스 */ .gray_box02 {background:#f6f6f6; margin-top:13px; padding:20px 11px;} .gray_box02 * {vertical-align:middle;} /* 라인 박스 */ .gray_lbox {border:1px solid #dcdcdc; margin-top:28px; padding:11px 8px;} .box_tb_lbox {border:1px solid #dcdcdc; border-top:2px solid #bf0010; margin-top:29px; padding:36px 0; text-align:center; color:#3c3c3c;} /* 스크롤 박스 */ .scroll_box {overflow-y:scroll; background:#f8f8f8; border:1px solid #dedede; height:165px; margin-top:10px; padding:20px; line-height:150%; color:#666;} .scroll_box > ol > li {margin:20px 0;} .scroll_box > ol, .scroll_box > ul {margin:20px} .scroll_box > ol > li p.big {font-size: 16px;line-height: 1.5;} .scroll_box .borderBox {background:#fff;} .scroll_box .borderBox input {margin-left:20px;} .scroll_box .borderBox input:first-child {margin-left:0} /* 스크롤 박스 */ .scroll_box02 {overflow-y:scroll; background:#f8f8f8; border:1px solid #dedede; height:40px; padding:20px; line-height:150%; -ms-overflow-y:scroll;display: inline-block; } .scroll_box02 > ol > li {margin:20px 0;} /* 검색창 */ .section.board .td-bottom-area { text-align: center !important; } .section.board .search-area .board-search-radio { float: left; margin: 7px 10px 0 0; font-size: 14px; } .section.board .search-area .board-search { float: left; margin: 5px 0 0 10px; } .section.board .search-area { display: inline-block; margin: 0 auto; } .section.board .search-area .board-search .form-control { display: inline-block; width: 200px; vertical-align: middle; } .form-control { /*height: 30px !important;*/ padding: 3px 6px; font-size: 13px; border-radius: 2px; box-shadow: none; } .btn-sm, .btn-group-sm > .btn { border-radius: 2px !important; } /*.btn-sm, .btn-group-sm > .btn.grayBtn {*/ /* background-color: #666;*/ /* color: #ffffff;*/ /*}*/ /* 약관 동의 */ div.agree_title {overflow:hidden; margin-top:30px;} div.agree_title h5 {float:left;} div.agree_title a {float:right; background: url('http://html.ahndesign.kr/404.html') left center no-repeat; padding-left:7px; color:#bf0010;} span.check {display:block; margin-top:10px; text-align:center;} /* 회원가입 완료 */ .txt_complete {border-bottom:1px solid #e1e1e1; width:85%; margin:0 auto; padding-bottom:29px; font-family:NanumGothic; font-size:35px; font-weight:bold;} .chk_joinid {margin-top:35px; font-size:14px;} /* 아이디 비밀번호 찾기 */ table.idpwsch {border:1px solid #dedede; border-top:2px solid #bf0010; width:100%; margin-top:10px; font-size:12px;} table.idpwsch th {background:#fafafa; border-bottom:1px solid #dedede; padding:9px 20px; font-size:12px; font-weight:bold; text-align:left; color:#7e7e7e;} table.idpwsch td {border-bottom:1px solid #dedede; padding:9px 20px; background:#fff;} #member {border-top:2px solid #bf0010; border-bottom:1px solid #dedede; font-size:12px;} #member label {display:block;} #member .b {font-weight:bold;} #member .login {position:relative; width:450px; margin:0 auto;} #member .login * {vertical-align:middle;} #member .login .btn_login {position:absolute; right:0; top:0; *top:1px; display:block; background:#2384c6; width:126px; padding:25px 0; text-align:center; font-size:14px; font-weight:bold; color:white;} #member .login_util {border-top:1px solid #ecedef; margin:20px auto 0 auto; padding-top:20px;} #member .login_util_menu {width:450px; margin:5px auto 0 auto;} #member .login_util_menu li {position:relative; background: url('http://html.ahndesign.kr/404.html') left 4px no-repeat; margin-top:15px; padding-left:9px;} #member .btn {position:absolute; top:-7px; right:0; display:block; background:#a2a4b1; width:125px; padding:7px 0; text-align:center; font-weight:bold; color:white;} #member .fs11 {font-size:11px;} #member .text_box {line-height:20px;} .text_box {line-height:20px;} /* 회원탈퇴 */ .withdrow {padding:0 20px; text-align:left;} .withdrow .list {margin-top:20px;} .withdrow .list li {margin-top:10px;} /*비밀번호 입력*/ .password {width:100%; height:260px; background:#f7f7f7 url('../../images/common/icon_password.gif')no-repeat 23% 50%; border:1px solid #dedede; font-family:nanum;} .password_copy {margin:50px 0 0 460px;} .password_copy h2 {font-size:30px; font-weight:bold; color:#333;line-height:100%;} .password_copy h2 span.eng {font-size:18px; color:#808080;} .password_copy p {font-size:14px; line-height:150%; color:#6d6e71; margin:15px 0; } .password_input {width:150px;} /* 20131224 장성호*/ .board_title {padding:3px 12px; border-radius:4px; background:#5f94c5;border:1px solid #5e85b9; color:#fff; font-size:12px;font-family:"돋움"; display:inline-block; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; } /* history */ table.history {color:#4c4c4c;} table.history th {background:#f8f8f8; text-align:center; padding:20px; border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1} table.history td {background:#fff; text-align:left; padding:20px; border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1;} table.history td li {line-height:180%; padding-left:8px; background:url("http://html.ahndesign.kr/404.html") no-repeat 0 50%;} table.data_table {color:#7e7e7e; border-top:2px solid #bf0010} table.data_table th {background:#fafafa; text-align:left; padding:15px; border-bottom:1px solid #fee9eb; border-left:1px solid #d1d1d1} table.data_table td {background:#fff; text-align:left; padding:20px; border-bottom:1px solid #fee9eb;border-left:1px solid #d1d1d1; color:#7e7e7e} table.data_table td .input[type="text"]{width:130px} table.data_table td li {line-height:180%; padding-left:8px; background:url("http://html.ahndesign.kr/404.html") no-repeat 0 50%;} table.data_table th .title {font-size:14px; font-family:"nanumB"; background:url("http://html.ahndesign.kr/404.html") no-repeat 0 50%;display:block; padding-left:10px;} /* supply */ table.supply {color:#7e7e7e; border-top:2px solid #bf0010} table.supply th {background:#fafafa; text-align:left; padding:10px 5px; border:1px solid #fee9eb; border-left:1px solid #fee9eb; border-top:1px solid #fee9eb; text-align:center;} table.supply td {background:#fff; text-align:left; padding:10px 5px; border:1px solid #fee9eb;border-left:1px solid #fee9eb; color:#7e7e7e; border-top:1px solid #fee9eb} table.supply td .input[type="text"]{width:130px} table.supply td li {line-height:180%; padding-left:8px; background:url("http://html.ahndesign.kr/404.html") no-repeat 0 50%;} table.supply th .title {font-size:14px; font-family:"nanumB"; background:url("http://html.ahndesign.kr/404.html") no-repeat 0 50%;display:block; padding-left:10px;} .full {width:100% !important} .supply .table_wrap {margin-bottom:50px} .supply h3 {margin-bottom:10px; font-weight:bold;} /* map */ table.desc {color:#4c4c4c; } table.desc th {background:#f8f8f8; text-align:left; padding:20px; border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; color:#333333; font-family:"nanumB"; font-size:14px;} table.desc th .title {padding-left:10px ; background:url("http://html.ahndesign.kr/404.html") no-repeat 0 50%;} table.desc td {background:#fff; text-align:left; padding:20px; border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1;} table.desc td li {line-height:180%; padding-left:8px; background:url("http://html.ahndesign.kr/404.html") no-repeat 0 50%;} /* student_suggest */ table.student_suggest { margin-bottom:20px} table.student_suggest tbody th {color:#535353; text-align:left; padding:12px; vertical-align:middle;} table.student_suggest tbody td {text-align:left; padding:12px;vertical-align:middle;} .data_box .btn_wrap {text-align:right;} .data_box .btn_wrap a {padding:10px 25px; display:inline-block; color:#fff; margin-left:4px} .data_box .btn_wrap a.submit {background:#008589;} .data_box .btn_wrap a.cancel {background:#cfcfcf; color:#333} .warning { text-align:right;} .student_suggest_confirm {background:url("http://html.ahndesign.kr/404.html") no-repeat 50% 30%; height:300px; border:1px solid #d1d1d1; border-top:1px solid #bf0010;position:relative;} .student_suggest_confirm .btn_wrap {position:relative; top:200px;} /* 상담신청 */ .calendar {width:40px; height:20px; background:#808080; color:#fff; border:1px solid #404040; text-align:center; line-height:20px;display:inline-block; margin:0 5px} .ui-datepicker-calendar {border-top:none !important} .ui-datepicker-calendar th {color:#333 !important} .student_counsel_confirm {background:url("http://html.ahndesign.kr/404.html") no-repeat 50% 30%; height:300px; border:1px solid #d1d1d1; border-top:1px solid #bf0010;position:relative;} .student_counsel_confirm .btn_wrap {position:relative; top:200px;} /* faq */ .faq {border-top:1px solid #999;} .faq dd {padding:20px 10px 20px 30px;border-bottom:1px solid #e3e3e3} .faq dt {background:url("../../images/board/icon_close.png") no-repeat 95% 50%; ;border-bottom:1px solid #dedede; } .faq dt a {background:url("../../images/board/icon_q.png") no-repeat 20px 50%; display:block;padding:25px 10px 25px 70px; color:#525252; font-size:14px; font-family:"nanumB";} .faq dd {background:#f4f4f4; color:#6d6e71; font-size:13px; line-height:180%; display:none; font-family:"nanum"; } /* job_info */ table.job_info {margin-bottom:20px} /* REPLY */ /* reply */ /*.reply {border-top:1px solid #dedede;border-bottom:1px solid #dedede; background:#f8f8f8;}*/ .section.board .reply {color: #5bc0de;} .section.board .reply a {font-size: 14px;color:#27a2c5;} .reply .btn_reply {width:90px; height:50px; text-align:center; background:#bf0010; color:#fff; line-height:50px;} .reply .btn_reply_confirm {width:90px; height:20px; text-align:center; background:#bf0010; color:#fff; line-height:20px;} .reply .btn_reply_cancel {width:90px; height:20px; text-align:center; background:#bf0010; color:#fff; line-height:20px;} .reply_list li {background:none; padding:12px 0; border-bottom:1px dashed #6d6e71; } .reply_list .btn_reply_modify {padding-right:14px; background:url("http://html.ahndesign.kr/404.html") no-repeat 100% 50%; color:#bf0010} .reply_list .btn_reply_delete {padding-right:14px; background:url("http://html.ahndesign.kr/404.html") no-repeat 100% 50%; color:#bf0010} .reply_list .gray {color:#808080;} .reply_textarea {padding-bottom:15px; border-bottom:1px dashed #6d6e71;} .reply p {font-size:12px; margin-bottom:0} /* 전체모집과정 */ .invite {font-family:"nanumB";} .condition_box {display:inline-block; width:88px; height:33px; text-align:center; line-height:33px; color:#fff; font-family:"돋움";font-weight:bold;} .purple_box {background:#7341cc;} .blue_box {background:#bf0010;} .gray_box {background:#808080;} .white_gray_box {background:#cfcfcf; color:#333} .green_box {background:#008589;} .red_box {background:#e2452b;} /* btn_wrap */ /* pw */ .pw {margin-top:10px; width:100%; height:260px; border:1px solid #dedede; border-top:2px solid #bf0010; background:url("http://html.ahndesign.kr/404.html") no-repeat 50% 50px ; margin-left:-1px; font:12px "돋움" ;color:#525252} .pw * {vertical-align:middle;} .pw #user_PW{border:1px solid #dedede;} .pw .form #user_PW {margin:0 10px; vertical-align:middle} .pw .form * {vertical-align:middle;} .pw .form {width:490px; margin:180px auto} .pw .btn {text-align:right; margin-bottom:20px} .pw .btn_center {text-align:center; margin-bottom:20px} .btn_confirm {background:#008589;} /* gallery_view */ /* application */ table.application tbody td {text-align:left; padding-left:20px} table.application tbody th {text-align:left; padding-left:20px; vertical-align:middle;} .btn_big {width:200px; height:60px; font-size:20px; line-height:60px; font-weight:bold;} /* 갤러리게시판 */ /* #contents .media_list04 {padding-top:25px; border-top:1px solid #999; border-bottom:1px solid #dedede; overflow:hidden;} */ #contents .media_list {overflow:hidden;} #contents .media_list img {border:none; border-bottom:1px solid #ddd; width: 100%;} #contents .media_list li { display:inline-block; width:244px; float:left; margin:0 15px 20px 0; border:1px solid #ddd;} #contents .media_list li:nth-child(3n) {margin-right: 0;} #contents .media_list li a {display: block;} #contents .media_list .txt_box {padding: 15px;text-align:center;} #contents .media_list .txt_box .title { font-weight:400; line-height:1.4; font-size:15px; color:#333; margin: 0;} #contents .media_list .txt_box .date {font-size: 14px; color: #999;display: block; margin-top: 5px;} #contents .media_list .txt_box p {margin-top: 10px;} #contents .media_list li.last-child {margin-right:0;} /* 논문집 */ #contents .media_list.essays_list img {height:320px;} .search_year {background-color: #f8f8f8; border:1px solid #ddd; padding: 15px 25px; text-align: left; margin-bottom: 20px; overflow: hidden;} .search_year span {font-size: 16px; width: 60%;float: left;padding-top: 12px;} .search_year .select_wrap {float: right; width: 40%;text-align: right;} .search_year .select_wrap select {width: 180px; height: 45px; border:1px solid #ddd; padding: 10px; font-size: 15px;background-color: #fff;} .search_year .select_wrap .input_search {height: 45px; line-height: 45px;width: 100px; background-color: #444; font-size: 15px; background-color: #bf0010;} /* 학회저널 */ #contents .media_list.journal_list img {height:260px;} #contents .media_list.journal_list li { display:inline-block; width:244px; float:left; margin:0 15px 20px 0; border:1px solid #ddd;} #contents .media_list.journal_list li:nth-child(3n) {margin-right: 0;} #contents .media_list.journal_list .txt_box {padding-top:10px;} #contents .media_list.journal_list .txt_box .title {font-weight: 500;} /* 실내디자인뉴스 */ #contents .media_list.news_gallery_list img {height:200px;} #contents .media_list.news_gallery_list .txt_box .title {height: 45px;} #contents .media_list.news_gallery_list .txt_box p {display: none;} /* media_list01 */ #contents .media_list01 {border:none; overflow:hidden; margin-bottom:20px; border-bottom:1px solid #d9d9d9;} #contents .media_list01 .menu_txt {padding:15px; height:85px;} #contents .media_list01 img {border:none; height:220px;} #contents .media_list01 li {background-color:#ebebeb; width:360px; float:left; margin:0 7px 20px 0;} #contents .media_list01 li span.date {color:#6d6e71;} #contents .media_list01 li h4 {font-family:"nanumB"; font-weight:bold; font-size:16px; color:#333; margin:0 0 8px 0;} #contents .media_list01 li p {font-size:13px; line-height:140%; color:#6d6e71;} #contents .media_list01 li.last-child {margin-right:0;} /* media_list02 */ #contents .media_list02 {border:none; overflow:hidden; margin-bottom:20px; border-bottom:1px solid #d9d9d9;} #contents .media_list02 li {width:238px; height:302px;border-bottom:5px solid #e6e6e6; margin:0 16px 30px 0; float:left;} #contents .media_list02 li a {width:236px; height:300px; background-color:#f7f7f7; border:1px solid #d9d9d9; display:block;} #contents .media_list02 li img{padding:10px;} #contents .media_list02 li .menu_txt {padding:0 10px;} #contents .media_list02 li h4 {font-family:"nanumB"; font-weight:bold; font-size:16px; color:#333; margin-bottom:5px;} #contents .media_list02 li span.com_name{color:#6d6e71;} #contents .media_list02 li.last-child {margin-right:0;} /* media_list03 */ #contents .media_list03 {border:none; overflow:hidden;} #contents .media_list03 .menu_txt { height:95px; margin:0 10px} #contents .media_list03 img {border:1px solid #dldldl !important; width:100%;height:246px;} #contents .media_list03 li {background-color:#ebebeb; display:inline-block; width:246px; float:left; margin:0 15px 20px 0;} #contents .media_list03 li span.date {color:#6d6e71; display:block;text-align:center; font-size:13px;} #contents .media_list03 li h4 {font-family:"nanumB"; font-size:14px; color:#333; margin:8px 0; text-align:center; line-height: 1.2;} #contents .media_list03 li p {font-size:13px; line-height:140%; color:#6d6e71;} #contents .media_list03 li.last-child {margin-right:0;} /* selectbox */ .selectBox{float:left; width:170px; height:33px; border:1px solid #d8d9db; background:#fff url('../../images/board/bt_select.gif') 100% 50% no-repeat; z-index:100; text-align:left; vertical-align:middle; display:inline-block; position:static; } /* */ .selectBox p{padding:0 15px 0 5px; height:33px; line-height:25px; color:#333; cursor:pointer; overflow:hidden; z-index:100;} .selectBox ul {display:none; position:absolute; top:25px; left:-1px; width:100%; height:66px; overflow-y:auto; border:1px solid #d8d9db; background:#fff; z-index:120;} .selectBox li a{display:block; padding-left:5px; height:22px; color:#333; line-height:22px; overflow:hidden;} .selectBox li a:hover{background:#d8dce3;} /* 개요리스트 */ table.outline {border:1px solid #e3e3e3 } table.outline thead th {background:#f3f3f3; text-align:center; font-size:15px; padding:10px 0; color:#404040; border-right:1px solid #dedede; border-top:1px solid #dedede;} table.outline td {vertical-align:middle; background:#fff; text-align:left; font-size:13px; padding:10px 15px; color:#6d6e71; border-right:1px solid #dedede;} table.outline .last {border-right:1px solid #e3e3e3 !important;} table.outline td.directorTitle {background:#f3f3f3; font-size:15px; border-top:1px solid #999; border-bottom:1px solid #999;} select {-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("../../images/board/select_arrow.png");background-repeat:no-repeat;background-position:95% 50%;} select::-ms-expand{display: none;}