@charset "utf-8"; /* Table */ .al { text-align:left;} .ar { text-align:right;} .ac{ text-align:center;} /* with */ .w_50{ width:50px !important;} .w_60{ width:60px !important;} .w_100{ width:100px !important;} .w_175{ width:175px !important;} .w_200{ width:200px !important;} .w_215{ width:215px !important;} .w_250{ width:250px !important;} .w_300{ width:300px !important;} .w_350{ width:355px !important;} .w_400{ width:400px !important;} /*boardlist css onmouseover='this.style.backgroundColor="#F1F1F3"' onmouseout='this.style.backgroundColor="#FFFFFF"'*/ .boardlist {clear:both; width:100%; border-top:1px solid #DDDEE2;border-left:1px solid #DDDEE2;text-align:left; margin-bottom:15px; border-spacing: 0; border-collapse: collapse;} .boardlist caption { display:none;} .boardlist tr {padding-top:0px;height:32px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2;text-align:center;} .boardlist .tr2 {padding-top:0px;height:32px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; text-align:center; background:#F1F1F3;} .boardlist th {padding-top:5px;height:32px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#F1F1F3; text-align:center; font-weight:bold; color:#000000;} .boardlist td {padding:2px 5px;height:32px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#ffffff;} .boardlist td.w {padding:2px 5px;height:32px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#ffffff;} .boardlist .tdbg1_1 {background:#D0D0D0; text-align:center;} .boardlist .th {padding-top:2px;height:32px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#4586DC; text-align:center; font-weight:bold; color:#FFFC00;} .boardlist .td {padding:2px 5px;height:32px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#F1F1F3;} .table {clear:both; width:100%; border-top:1px solid #DDDEE2;border-left:1px solid #DDDEE2;text-align:left; margin-bottom:15px; border-spacing: 0; border-collapse: collapse;} .table tr {padding-top:0px;height:38px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; font-size:14px;} .table .tr2 {padding-top:0px;height:38px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; text-align:center; background:#F1F1F3; font-size:14px;} .table th {padding-top:2px;height:38px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#F1F1F3; text-align:center; font-weight:bold; color:#000000; font-size:14px;} .table td {padding:2px 5px;height:38px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#ffffff; font-size:14px;} .table td.w {padding:2px 5px;height:38px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#ffffff; font-size:14px;} .table .tdbg1_1 {background:#D0D0D0; text-align:center;} .table .th {padding-top:2px;height:38px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#4586DC; text-align:center; font-weight:bold; color:#FFFC00; font-size:14px;} .table .td {padding:2px 5px;height:38px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#F1F1F3; font-size:14px;} .table span { color:#EE0E0B; padding-left:3px; } .table_no {clear:both; border-spacing: 0; border-collapse: collapse; } .table_no table {border-top:0px solid #ffffff;border-left:0px solid #ffffff;text-align:left;} .table_no tr {height:26px;border-right:0px solid #ffffff;border-bottom:0px solid #ffffff; } .table_no .tr_b {height:34px;border-bottom:1px dotted #C1C1C1;} .table_no .td_w {padding:0px; height:26px;border-right:0px solid #ffffff;border-bottom:0px solid #ffffff; background:#ffffff;} .table_no td {padding:0px; height:26px;border-right:0px solid #ffffff;border-bottom:0px solid #ffffff; background:#ffffff;} .table_no .td_r {padding:0px 20px 0px 0px; height:26px;border-right:1px solid #cccccc;} .table ul {margin-bottom:10px; padding-bottom:10px;} .table ul li { list-style:none;} .table ul li label {margin-right:10px; font-weight:bold;} .table ul li.p2 {margin:10px 0px 10px 15px;} .table_s {clear:both; width:100%; border-top:1px solid #DDDEE2;border-left:1px solid #DDDEE2;text-align:left; border-spacing: 0; border-collapse: collapse;} .table_s tr {padding-top:0px;height:30px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2;} .table_s .tr2 {padding-top:0px;height:30px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; text-align:center; background:#000; } .table_s .bg_title {padding-top:0px;height:30px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#E7F0F6; } .table_s .bg_total {padding-top:0px;height:30px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#EDC7A5; } .table_s th {padding-top:2px;height:28px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#F1F1F3; text-align:center; font-weight:bold; color:#000000;} .table_s td {padding:2px 5px;height:26px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#ffffff;} .table_s .bg {background:#ffffff;} .table_s .bg2 {background:#F4F4E4;} .table_s .noline {border-right:1px solid #DDDEE2; border-bottom:1px dotted #ffffff; background:#ffffff;} .table_s .total { font-weight:bold; color:#DE0202;} .table_s .blue { color:blue;} .table .c {padding-top:4px;padding-left:0px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; text-align:center; border-spacing: 0; border-collapse: collapse;} .table .r {padding-top:4px;padding-right:10px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; text-align:right;} .table .c_no {width:45px;padding-top:4px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; text-align:center;} .table .title {padding-top:4px;padding-left:0px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; text-align:center; color:#1777B7;} .table .c_title {padding-top:4px;padding-left:0px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; text-align:center; color:#1777B7;} .table .r_price {width:50px;padding-top:4px;padding-right:10px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; text-align:right;color:#D61400;} .table .c_date {width:85px;padding-top:4px;padding-left:0px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; text-align:center; color:#757575;} .table .c_term {width:60px;padding-top:4px;padding-left:0px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; text-align:center;} .table .c_bu {width:45px;padding-top:4px;padding-left:0px;;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; text-align:center;} .table a:link { text-decoration: none; color: #0150A1; } .table a:visited { text-decoration: none; color: #0150A1; } .table a:active { text-decoration: none; color: #0150A1; } .table a:hover { text-decoration:none; color:#D51900; } .table .total { font-weight:bold; color:#DE0202;} .table .l10 {padding-left:10px;} .table_top {clear:both; width:100%; border-left:1px solid #DDDEE2;text-align:left; border-spacing: 0; border-collapse: collapse;} .table_top tr {padding-top:0px;height:30px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2;} .table_top th {padding-top:2px;height:28px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#F1F1F3; text-align:center; font-weight:bold; color:#000000;} .table_top td {padding:2px 5px;height:26px;border-right:1px solid #DDDEE2;border-bottom:1px solid #DDDEE2; background:#ffffff;} .table_top textarea { width:99%; border:1px solid #DDDEE2;background:#FFFFFF; overflow-y:scroll;} .table textarea { width:99%; border:1px solid #DDDEE2;background:#ffffff; overflow-y:scroll;} .tablebox {clear:both; width:100%; border-top:1px solid #7CC6F7;border-left:1px solid #7CC6F7;text-align:left; border-spacing: 0; border-collapse: collapse;} .tablebox tr {padding-top:0px;height:30px;border-right:1px solid #7CC6F7;border-bottom:1px solid #7CC6F7; } .tablebox th {padding-top:2px;height:28px;border-right:1px solid #7CC6F7;border-bottom:1px solid #7CC6F7; background:#F1F1F3; text-align:center; font-weight:bold; color:#000000;} .tablebox td {padding:2px 5px;height:26px;border-right:1px solid #7CC6F7;border-bottom:1px solid #7CC6F7;} .tablebox .c {padding-top:4px;padding-left:0px;border-right:1px solid #7CC6F7;border-bottom:1px solid #7CC6F7; text-align:center;} .tablebox .r {padding-top:4px;padding-right:10px;border-right:1px solid #7CC6F7;border-bottom:1px solid #7CC6F7; text-align:right;} .tablebox .c_no {width:45px;padding-top:4px;border-right:1px solid #7CC6F7;border-bottom:1px solid #7CC6F7; text-align:center;} .tablebox .c_title {padding-top:4px;padding-left:0px;border-right:1px solid #7CC6F7;border-bottom:1px solid #7CC6F7; text-align:center; color:#1777B7;} .tablebox .r_price {width:50px;padding-top:4px;padding-right:10px;height:28px;border-right:1px solid #7CC6F7;border-bottom:1px solid #7CC6F7; text-align:right;color:#D61400;} .tablebox .c_date {width:85px;padding-top:4px;border-right:1px solid #7CC6F7;border-bottom:1px solid #7CC6F7; text-align:center; color:#757575;} .tablebox .c_team {width:60px;padding-top:4px;border-right:1px solid #7CC6F7;border-bottom:1px solid #7CC6F7; text-align:center;} .tablebox .c_bu {width:45px;padding-top:4px;border-right:1px solid #7CC6F7;border-bottom:1px solid #7CC6F7; text-align:center;} .tablebox .blue { width:50px; height:22px; margin:0px; padding:2px 0px 0px 0px; border:0px; background:#fff url('/images/board_write.gif') no-repeat top; font-weight:bold;color:#fff;} .tablebox a:link { text-decoration: none; color: #0150A1; } .tablebox a:visited { text-decoration: none; color: #0150A1; } .tablebox a:active { text-decoration: none; color: #0150A1; } .tablebox a:hover { text-decoration:none; color:#D51900; } .table_nos {clear:both; border-spacing: 0; border-collapse: collapse; } .table_nos table {border-top:0px solid #ffffff;border-left:0px solid #ffffff;text-align:left;} .table_nos tr {height:26px;border-right:0px solid #ffffff;border-bottom:0px solid #ffffff; } .table_nos .tr_b {height:34px;border-bottom:1px dotted #C1C1C1;} .table_nos td {padding:0px; height:26px;border-right:0px solid #ffffff;border-bottom:0px solid #ffffff; background:#ffffff;} .table_nos .td_r {padding:0px 20px 0px 0px; height:26px;border-right:1px solid #cccccc;} /*board common*/ .tablebox .white{padding:0px 15px; BACKGROUND-COLOR: #4F4F4F; BORDER-BOTTOM: #002959 1px solid; BORDER-LEFT: #002959 1px solid; BORDER-RIGHT: #002959 1px solid; BORDER-TOP: #002959 1px solid;} .tablebox .input { width:95%; height:18px; border:1px solid #C1C1C1;} .tablebox .input_50 { width:50px; height:18px; border:1px solid #C1C1C1;} .tablebox .input_100 { width:100px; height:18px; border:1px solid #C1C1C1;} .tablebox .input_200 { width:200px; height:18px; border:1px solid #C1C1C1;} .tablebox .input_300 { width:300px; height:18px; border:1px solid #C1C1C1;} .tablebox textarea { width:95%; border:1px solid #C1C1C1;} .tablebox hr { clear:both; border-top:1px solid #C1C1C1;} /*boardlist css*/ #search { float:left; padding: 0px 0px 8px 0px; margin:0 auto; overflow:hidden;} .boardsearch { float:left; margin-right:10px; overflow:hidden;} .boardsearch legend { display:none;} .boardsearch label { vertical-align:middle; } .boardsearch select { height:21px; margin-right:2px;} .boardsearch .input_txt { width:200px; margin:0px; padding:0px; border:1px solid #B0B0B0; height:19px; } .boardsearch .input_txt2 { width:150px; margin:0px; padding:0px; border:1px solid #B0B0B0; height:19px; } .boardsearch .hidden { width:0; height:0; position:absolute; top:0; left:0; visibility:hidden; line-height:0; font-size:0;} .boardsearch img {vertical-align:middle;} .etc2 {float:left; margin-top:10px; overflow:hidden;} .etc {float:right; overflow:hidden; background:#fff;} #search span { font-weight:bold; color:#CE0000; font-size:12px;} .boardinfo { float:right; overflow:hidden; padding:0px 10px 0px 0px; font-size:12px; text-align:right; background:#fff;} .boardinfo span, .boardinfo em { font-weight:bold; color:#F60;} .boardinfo_l { float:left; overflow:hidden; padding:0px 10px 10px 10px; font-size:12px; text-align:right; background:#fff;} .boardinfo_l span, .boardinfo_l em { font-weight:bold; color:#F60;} /*board common*/ .info { display:block; height:20px; padding:10px 0; vertical-align:bottom;} .boardsearch { float:left; width:450px;padding-bottom:10px;} .boardsearch legend { display:none;} .boardsearch label { vertical-align:middle; } .boardsearch select { height:20px; margin-right:2px;} .boardsearch .input_txt { width:200px; margin:0px; padding:0px; border:1px solid #B0B0B0; height:19px; } .boardsearch .blue { width:50px; height:21px; margin-top:0px; padding-top:6px; border:0px; background:#fff url('/images/board_search.gif') no-repeat top; color:#fff;} .boardsearch .hidden { width:0; height:0; position:absolute; top:0; left:0; visibility:hidden; line-height:0; font-size:0;} .boardinfo { float:right; width:440px; padding:7px 10px 0px 0px; font-size:11px; text-align:right;} .boardinfo span, .boardinfo em { font-weight:bold; color:#F60;} .boardsearch2 { float:left; width:780px;padding-bottom:10px;} .boardinfo2 { float:right; width:100px; padding:7px 10px 0px 0px; font-size:11px; text-align:right;} #board p.boardbtn { padding-top:5px; text-align:right;} .boardbtn .blue { width:50px; height:25px; margin:0px; padding-top:8px; border:0px; background:#fff url('/images/board_write.gif') no-repeat top; font-weight:bold;color:#fff;} #board p.boardbtn2 { padding-top:10px; text-align:center;} .boardbtn2 .blue { width:50px; height:25px; margin:0px; padding-top:8px; border:0px; background:#fff url('/images/board_write.gif') no-repeat top; font-weight:bold;color:#fff;} #board p.boardbtn2 span { padding-top:0px; float:right;} #contents .boardbtn { margin-bottom:20px; padding-top:20px; text-align:right;} /* 본문 유투브 영상 박스 자동 100% */ .video-container { margin-top:-10px ; padding-bottom: 56%; max-width: 100%; height: 0; position: relative; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /*boardlist .boardlist { width:100%; clear:both; background:url(/ok_member/images/boardBar_right.gif) no-repeat 100% top;} .boardlist caption { display:none;} .boardlist th { height:33px; padding:3px 0px 0px 0px; background: url(/ok_member/images/boardBar_line.gif) no-repeat left center; font-weight:bold; color:#000; text-align:center; vertical-align:middle; white-space:nowrap; } .boardlist th.first { background: url(/ok_member/images/boardBar_left.gif) no-repeat left top;} .boardlist tr:hover { background-color:#F1F1F3;} .boardlist .bar:hover {background-color:transparent;} .boardlist td { padding:7px 0px 5px 0px; border-bottom:1px solid #C1C1C1; height:15px; white-space:nowrap; vertical-align:middle;text-align:center;} .boardlist .bname { padding:0px 0px 0px 5px; text-align:left;color:#014DBE;} .boardlist .notice td { font-weight: bold;/* [disabled]background-color:#f4f4f4; */ } .boardlist td img { padding-left:4px; vertical-align:middle;} .boardlist .button { width:44px; height:22px; margin:0px; padding-top:3px; border:0px; background:#fff url('/ok_member/images/board_bu.gif') no-repeat top; font-weight:normal;color:#41494E;} css*/ .boardlist .ac {text-align:center;} .boardlist .al {text-align:left;} .ar {text-align:right;} .boardlist .c_no {width:50px;text-align:center;} .boardlist .c_license {width:250px;text-align:center;} .boardlist .r_price {width:50px;text-align:right; padding: 0px 10px 0px 0px; color:#D61400;} .boardlist .r_volume {width:80px;text-align:right; padding: 0px 10px 0px 0px; color:#D61400;} .boardlist .c_date {width:70px;text-align:center; color:#757575;} .boardlist .c_term {width:140px;text-align:center;} .boardlist .c_hit {width:45px;text-align:center; color:#F22402;} .boardlist .c_bu {width:45px;text-align:center;} .boardlist .txt_red {color:#EF2E1F;} #board a:link { text-decoration: none; color: #0150A1; } #board a:visited { text-decoration: none; color: #0150A1; } #board a:active { text-decoration: none; color: #0150A1; } #board a:hover { text-decoration:none; color:#D51900; } /* Table */ .tablebox {clear:both; width:100%; border-top:1px solid #A6BFE7;border-left:1px solid #A6BFE7;text-align:left;} .tablebox tr {padding-top:4px;height:25px;border-right:1px solid #A6BFE7;border-bottom:1px solid #A6BFE7; } .tablebox th {padding-top:4px;height:25px;border-right:1px solid #A6BFE7;border-bottom:1px solid #A6BFE7; background:#F4F8FE; text-align:center; font-weight:bold; color:#000000;} .tablebox td {padding-top:4px;padding-left:5px;height:25px;border-right:1px solid #A6BFE7;border-bottom:1px solid #A6BFE7;} .tablebox .c {padding-top:4px;padding-left:0px;height:25px;border-right:1px solid #A6BFE7;border-bottom:1px solid #A6BFE7; text-align:center;} .tablebox .r {padding-top:4px;padding-right:10px;height:25px;border-right:1px solid #A6BFE7;border-bottom:1px solid #A6BFE7; text-align:right;} .tablebox .c_no {width:60px;padding-top:4px;padding-left:0px;height:25px;border-right:1px solid #A6BFE7;border-bottom:1px solid #A6BFE7; text-align:center;} .tablebox .title {padding-top:4px;padding-left:0px;height:25px;border-right:1px solid #A6BFE7;border-bottom:1px solid #A6BFE7; text-align:center; color:#1777B7;} .tablebox .r_price {width:50px;padding-top:4px;padding-right:10px;height:25px;border-right:1px solid #A6BFE7;border-bottom:1px solid #A6BFE7; text-align:right;color:#D61400;} .tablebox .c_date {width:85px;padding-top:4px;padding-left:0px;height:25px;border-right:1px solid #A6BFE7;border-bottom:1px solid #A6BFE7; text-align:center; color:#757575;} .tablebox .c_term {width:150px;padding-top:4px;padding-left:0px;height:25px;border-right:1px solid #A6BFE7;border-bottom:1px solid #A6BFE7; text-align:center;} .tablebox .c_bu {width:65px;padding-top:4px;padding-left:0px;height:25px;border-right:1px solid #A6BFE7;border-bottom:1px solid #A6BFE7; text-align:center;} .tablebox a:link { text-decoration: none; color: #0150A1; } .tablebox a:visited { text-decoration: none; color: #0150A1; } .tablebox a:active { text-decoration: none; color: #0150A1; } .tablebox a:hover { text-decoration:none; color:#D51900; } /*tablelist css*/ .tablelist { width:100%; clear:both; no-repeat 100% top;padding:7px 5px 5px 5px; border:1px solid #C1C1C1; text-align:center; height:15px; white-space:nowrap; vertical-align:middle;} .tablelist2 { clear:both; no-repeat 100% top;padding:7px 5px 5px 5px; border:1px solid #C1C1C1; text-align:center; height:15px; white-space:nowrap; vertical-align:middle;} .tablelist caption { display:none;} /*.boardlist input{ width:15px; vertical-align:middle;}*/ .tablelist th { height:32px;padding:7px 5px 5px 5px; border:1px solid #C1C1C1; font-weight:bold; color:#000; text-align:center; vertical-align:middle; white-space:nowrap; } .tablelist th.first { background: url(/ok_member/images/boardBar_left-.gif) no-repeat left top;} .tablelist tr:hover { background-color:#f4f4f4;} .tablelist .bar:hover {background-color:transparent;} .tablelist td { padding:7px 5px 5px 5px; border:1px solid #C1C1C1; text-align:center; height:15px; white-space:nowrap; vertical-align:middle;} .tablelist .title { width:100%; padding-left:10px; white-space:normal; text-align:left; } .tablelist .notice td { font-weight: bold;/* [disabled]background-color:#f4f4f4; */ } .tablelist td img { padding-left:4px; vertical-align:middle;} .tablelist .c {text-align:center;} .tablelist .l {text-align:left;} .tablelist .r {text-align:right;} /* Pagination */ .pagination { clear:both; margin:0 auto; padding-top:10px; text-align:center; } .pagination a, .pagination strong { position:relative; color:#323232; 12px/14px Tahoma, Sans-serif; vertical-align:top; display:inline-block; text-decoration:none; padding:2px 2px 0px 2px; } .pagination a:hover, .pagination a:active, .pagination a:focus{color:#ff8600;} .pagination strong{ color:#008EFF;} .pagination .prev, .pagination .next { border:none; vertical-align:middle;} .board_ac{position:relative;width:100%;margin-top:10px; text-align:center;} .board_ar{position:relative;width:100%;margin-top:10px; text-align:right;} .board_al{position:relative;width:100%;margin-top:10px; text-align:left;} /* button ---------------------------------------------- */ .button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 12px/100% Arial, Helvetica, sans-serif; font-weight:bold; padding: .4em 1em .44em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .0em; -moz-border-radius: .0em; border-radius: .0em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; }