sp1000je
171 lines
10 KiB
CSS
171 lines
10 KiB
CSS
@charset "utf-8";
|
|
|
|
/* 공통 */
|
|
h3.tit{padding:10px 0;font-size:20px;color:#000;letter-spacing:-0.075em;}
|
|
|
|
.add_num{width:100%;box-sizing:border-box;}
|
|
.add_num li{position:relative;height:20px;padding:10px 5px;font-size:13px;line-height:20px;border-top:1px dashed #d9d9d9;}
|
|
.add_num li:first-child{border-top:0;}
|
|
.add_num li input{vertical-align:middle;}
|
|
.add_num li strong{color:#01bac5;}
|
|
.add_num li a{position:absolute;top:50%;right:5px;margin-top:-5px;width:auto!important;height:auto!important;border-right:0!important;background:none;}
|
|
|
|
.sentlist{width:100%;font-size:0;line-height:0;box-sizing:border-box;}
|
|
.sentlist li{display:inline-block;position:relative;width:210px;padding:0 15px;margin-bottom:30px;text-align:center;}
|
|
.sentlist li .ct{overflow-y:scroll;height:88px;padding:20px;margin-bottom:15px;border:1px solid #dbdbdb;border-radius:10px;background:#fff;font-size:12px;line-height:18px;color:#666;text-align:left;}
|
|
.sentlist li .info{overflow:hidden;padding-bottom:15px;font-size:12px;line-height:20px;}
|
|
.sentlist li .info dt{float:left;font-weight:bold;color:#000;letter-spacing:-0.05em;clear:both;}
|
|
.sentlist li .info dd{float:right;text-align:right;}
|
|
.sentlist li .info dd.receiver{font-weight:bold;color:#6168fe;}
|
|
.sentlist li .btngroup{display:inline-block;}
|
|
.sentlist li .btngroup li{width:auto;margin-left:3px;padding:0!important;}
|
|
|
|
.ico_success,
|
|
.ico_fail,
|
|
.ico_ing{position:absolute;top:-10px;right:10px;width:29px;height:29px;}
|
|
.ico_success{background:url(/img/sub/ico_success.png) no-repeat;}
|
|
.ico_fail{background:url(/img/sub/ico_fail.png) no-repeat;}
|
|
.ico_ing{background:url(/img/sub/ico_ing.png) no-repeat;}
|
|
|
|
.paginate{padding:30px 0;text-align:center;}
|
|
.paginate ul{display:inline-block;margin:0 10px;font-size:0;line-height:0;vertical-align:middle;}
|
|
.paginate ul li{display:inline-block;width:30px;height:30px;margin-left:-1px;border:1px solid #ccc;background:#fff;font-family:'tahoma';font-size:11px;line-height:30px;color:#666;}
|
|
.paginate ul li a{display:block;}
|
|
.paginate ul li a.active{background:#808080;color:#fff;}
|
|
.paginate a.prev,
|
|
.paginate a.next{display:inline-block;width:40px;height:30px;padding:0 10px;border:1px solid #ccc;line-height:30px;vertical-align:middle;}
|
|
.paginate a.prev{background:url(/img/sub/btn_paginate_prev.gif) no-repeat 10px 50% #fff;text-align:right;}
|
|
.paginate a.next{background:url(/img/sub/btn_paginate_next.gif) no-repeat 85% 50% #fff;text-align:left;}
|
|
|
|
.essential{display:block;text-align:right;}
|
|
.essential strong{display:inline-block;padding-left:20px;background:url(/img/sub/ico_essential.gif) no-repeat 0 50%;font-size:14px;color:#ec6161;letter-spacing:-0.075em;}
|
|
|
|
/* 버튼공통 */
|
|
.btngroup{display:block;font-size:0;line-height:0;text-align:center;}
|
|
.btngroup li{display:inline-block;width:auto;padding:0;margin:0;text-align:center;vertical-align:middle;}
|
|
.btngroup li a,
|
|
.btngroup li input{display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.075em;vertical-align:middle;border:0 none;}
|
|
|
|
.btngroup .column1 li{width:20%;}
|
|
.btngroup .column1 li a{border-radius:3px;}
|
|
|
|
.btngroup .column2 li{width:50%;}
|
|
.btngroup .column2 li:nth-child(1) a,
|
|
.btngroup .column2 li:nth-child(1) input{border-radius:3px 0 0 3px;}
|
|
.btngroup .column2 li:nth-child(2) a,
|
|
.btngroup .column2 li:nth-child(2) input{border-radius:0 3px 3px 0;}
|
|
|
|
.btngroup .column3 li{width:33%;}
|
|
.btngroup .column3 li:first-child{width:34%;}
|
|
.btngroup .column3 li:nth-child(1) a{border-radius:3px 0 0 3px;}
|
|
.btngroup .column3 li:nth-child(3) a{border-radius:0 3px 3px 0;}
|
|
|
|
.btngroup .btn_sm a{display:inline-block;height:20px;padding:0 10px;font-size:12px;line-height:20px;color:#fff;}
|
|
.btngroup .btn_sm a.sm1{background:#6168fe;}
|
|
.btngroup .btn_sm a.sm2{background:#9c9ec3;}
|
|
|
|
.btngroup .btn_nrm a,
|
|
.btngroup .btn_nrm input{height:45px;font-size:14px;line-height:45px;color:#fff;vertical-align:middle;}
|
|
.btngroup .btn_nrm a.nrm1,
|
|
.btngroup .btn_nrm input.nrm1{background:#6168fe;}
|
|
.btngroup .btn_nrm a.nrm2,
|
|
.btngroup .btn_nrm input.nrm2{background:#9ea0c1;}
|
|
.btngroup .btn_nrm a.nrm3,
|
|
.btngroup .btn_nrm input.nrm3{background:#00c9d5;}
|
|
.btngroup .btn_nrm li:nth-child(3){border-left:1px solid #b6b8d1;box-sizing:border-box;}
|
|
|
|
|
|
.btngroup .btn_nrm_bor a{height:43px;border-top:1px solid #dddcdd;border-right:1px solid #dddcdd;border-bottom:1px solid #dddcdd;font-size:14px;line-height:43px;color:#4e4e4e;background:#fff;}
|
|
.btngroup .btn_nrm_bor li:first-child a{border-left:1px solid #dddcdd;}
|
|
.btngroup .btn_nrm_bor a.nrm_bor1{background:#f6f1f8;}
|
|
|
|
.btngroup .btn_sm_bor a{}
|
|
|
|
/* 탭 */
|
|
.con_tab{overflow:hidden;margin-bottom:30px;font-size:0;line-height:0;}
|
|
.con_tab li{display:inline-block;margin-left:1px;}
|
|
.con_tab li:first-child{margin-left:0;}
|
|
.con_tab li a{display:block;width:150px;height:40px;background:#1c1a1b;font-size:14px;font-weight:bold;line-height:40px;color:#fff;letter-spacing:-0.075em;text-align:center;}
|
|
.con_tab li a.on{background:#00c9d5;}
|
|
|
|
/* 게시판상단 */
|
|
.h_board{overflow:hidden;}
|
|
.h_board .float_l{float:left;}
|
|
.h_board .float_l .select_basic{display:inline-block;}
|
|
.h_board .float_l .k_alpa{display:inline-block;margin-left:10px;vertical-align:middle;}
|
|
.h_board .float_l .k_alpa li{float:left;margin-left:2px;}
|
|
.h_board .float_l .k_alpa li a{display:block;padding:5px 8px;background:#6a6a6a;text-align:center;font-size:12px;font-weight:bold;color:#fff;}
|
|
.h_board .float_l .k_alpa li a.active{background:#00c9d5;}
|
|
.h_board .float_r{float:right;font-size:0;line-height:0;}
|
|
.h_board .float_r a{display:inline-block;height:45px;margin-left:5px;padding:0 20px;text-align:center;font-size:15px;line-height:45px;color:#fff;letter-spacing:-0.075em;}
|
|
.h_board .float_r a.c_gray{background:#6a6a6a;}
|
|
.h_board .float_r a.c_mint{background:#00c9d5;}
|
|
|
|
.f_board{overflow:hidden;padding-bottom:50px;}
|
|
.f_board .btngroup{float:left;}
|
|
.f_board .btngroup .column2{width:240px;}
|
|
.f_board .btngroup .column3{width:450px;}
|
|
.f_board .search_frm{float:right;font-size:0;line-height:0;}
|
|
.f_board .search_frm li{display:inline-block;vertical-align:middle;}
|
|
.f_board .search_frm li select{height:43px;padding:10px;border:1px solid #fff;font-size:14px;color:#656565;letter-spacing:-0.05em;box-sizing:border-box;vertical-align:middle;}
|
|
.f_board .search_frm li input{vertical-align:middle;}
|
|
.f_board .search_frm .s_month{border:1px solid #e1e2e9;border-radius:3px;background:#fff;}
|
|
.f_board .search_frm .s_word{margin-left:10px;border:1px solid #e1e2e9;border-radius:3px;background:#fff;}
|
|
.f_board .search_frm .s_word select{float:left;}
|
|
.f_board .search_frm .w_text{width:150px;height:29px;padding:0 10px;margin:6px 0;border:1px solid #fff;font-size:12px;line-height:29px;vertical-align:middle;}
|
|
.f_board .search_frm .btn_search{margin-left:5px;padding:12px 13px 12px 14px;background:#e1e2e9;}
|
|
|
|
/* Table */
|
|
table.table1{width:100%;margin-top:15px;border-top:2px solid #575757;border-collapse:collapse;clear:both;}
|
|
table.table1 thead th{padding:12px 0;border-bottom:1px solid #a6a6a6;border-left:1px dashed #d4d4d4;background:#f9f9f9;font-size:13px;line-height:1.2;font-weight:bold;color:#000;}
|
|
table.table1 thead th:first-child,
|
|
table.table1 tbody td:first-child{border-left:1px solid #d4d4d4;}
|
|
table.table1 thead th:last-child,
|
|
table.table1 tbody td:last-child{border-right:1px solid #d4d4d4;}
|
|
table.table1 tbody td{padding:12px 10px;border-left:1px dashed #d4d4d4;border-bottom:1px solid #d4d4d4;font-size:13px;line-height:1.2;color:#787878;text-align:center;background:#fff;}
|
|
table.table1 tbody td.num{color:#000;text-decoration:underline;}
|
|
table.table1 input{vertical-align:middle;}
|
|
|
|
table.table2{width:100%;margin-top:60px;border-top:2px solid #575757;border-collapse:collapse;clear:both;}
|
|
table.table2 thead th{padding:15px 0;border-bottom:1px solid #a6a6a6;background:url(/img/sub/line_sche_td.gif) no-repeat 0 50%;font-size:13px;font-weight:bold;color:#000;}
|
|
table.table2 thead th:first-child{background:none;}
|
|
table.table2 tbody th,
|
|
table.table2 tbody td{padding:10px;border-bottom:1px solid #d4d4d4;font-size:13px;color:#787878;text-align:center;}
|
|
table.table2 tbody th{font-weight:normal;}
|
|
table.table2 tbody td{background:url(/img/sub/line_sche_td.gif) no-repeat 0 50%;}
|
|
|
|
table.table3{width:100%;margin-top:15px;border-collapse:collapse;clear:both;}
|
|
table.table3 tbody th{font-size:13px;font-weight:bold;text-align:left;}
|
|
table.table3 tbody th,
|
|
table.table3 tbody td{height:45px;padding:3px 15px;font-size:13px;}
|
|
table.table3 tbody td ul.term{font-size:0;line-height:0;}
|
|
table.table3 tbody td ul.term li{display:inline-block;margin-right:6px;font-size:13px;color:#555;}
|
|
table.table3 tbody td .w1{width:100px;}
|
|
table.table3 tbody td .w2{width:80px;}
|
|
table.table3 tbody td .w3{width:180px;}
|
|
table.table3 tbody td .w4{width:100%;}
|
|
table.table3 tbody td dl.alram{overflow:hidden;}
|
|
table.table3 tbody td dl.alram dt{float:left;width:140px;height:45px;margin-bottom:6px;line-height:45px;vertical-align:middle;clear:both;}
|
|
table.table3 tbody td dl.alram dt input{vertical-align:middle;height:45px;}
|
|
table.table3 tbody td dl.alram dd{float:left;margin-bottom:6px;}
|
|
table.table3 tbody td dl.alram dd li{display:inline-block;vertical-align:middle;}
|
|
table.table3 tbody td .editor{width:100%;min-height:250px;margin-top:20px;padding:20px;box-sizing:border-box;border:1px solid #d4d4d4;font-size:13px;line-height:1.6;}
|
|
|
|
table.table4{width:100%;margin-top:20px;border-top:2px solid #575757;border-collapse:collapse;clear:both;}
|
|
table.table4 tbody th{padding:15px 20px;border-bottom:1px solid #d4d4d4;background:#f9f9f9;font-size:13px;color:#000;text-align:left;}
|
|
table.table4 tbody td{padding:15px 20px;border-bottom:1px solid #d4d4d4;background:#fff;font-size:13px;color:#787878;}
|
|
table.table4 tbody td ul{display:inline-block;margin-right:10px;}
|
|
table.table4 tbody td ul li{display:inline-block;}
|
|
|
|
/* input_style */
|
|
.inp_basic{width:100%;height:43px;padding:0 10px;border-radius:3px;border:1px solid #ccc;box-sizing:border-box;font-size:13px;line-height:43px;color:#656565;}
|
|
.select_basic{width:100%;height:45px;padding:10px;border-radius:3px;border:1px solid #ccc;box-sizing:border-box;font-size:13px;color:#656565;}
|
|
.ess{background:#fbf6f6;border:1px solid #ec6161;}
|
|
|
|
/* layer_popup */
|
|
#mask{position:absolute;top:0;left:0;width:100%;background:#000;z-index:100;}
|
|
.maskpopbox{position:absolute;top:50%;left:50%;background:#fff;z-index:200;}
|
|
.maskpopbox .poptit{height:70px;padding:0 30px;border-bottom:1px solid #ccc;background:#f2f3fa;}
|
|
.maskpopbox .poptit h4{float:left;font-size:23px;line-height:70px;color:#000;letter-spacing:-0.075em;}
|
|
.maskpopbox .poptit .popcls{float:right;margin-top:24px;}
|
|
.maskpopbox .popct{padding:30px;} |