최초등록
This commit is contained in:
sp1000je
@@ -0,0 +1,8 @@
|
||||
@charset "utf-8";
|
||||
|
||||
@import url(base.css);
|
||||
@import url(head_layout.css);
|
||||
@import url(foot_layout.css);
|
||||
@import url(template.css);
|
||||
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
|
||||
@import url(https://fonts.googleapis.com/css?family=Quantico:700|Titillium+Web);
|
||||
@@ -0,0 +1,78 @@
|
||||
@charset "utf-8";
|
||||
|
||||
html, body, div, span, object, iframe,
|
||||
p, blockquote, pre,
|
||||
a, abbr, address, big, cite, code,
|
||||
del, dfn, em, font, ins, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, h1, h2, h3, h4, h5, h6,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td
|
||||
{margin:0; padding:0; border:0;}
|
||||
|
||||
img, input.type-image { border: 0 none; }
|
||||
ol, ul, li {list-style:none;}
|
||||
blockquote, q {quotes:none;}
|
||||
ins {text-decoration:none;}
|
||||
del {text-decoration:line-through;}
|
||||
table {border-spacing:0;}
|
||||
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}
|
||||
select{font-size: 1em;}
|
||||
.radio {margin-bottom:-2px;}
|
||||
|
||||
hr {display: none;}
|
||||
legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}
|
||||
noscript{display:none}
|
||||
caption{display:none}
|
||||
|
||||
#skin_c1 .login_wrap{background:#6168fe;}
|
||||
#skin_c1 #head{background-color:#334874;}
|
||||
#skin_c1 #menu_navi ul{border-top:1px solid #485b82;}
|
||||
#skin_c1 #menu_navi ul li{position:relative;border-bottom:1px solid #485b82;}
|
||||
#skin_c1 #menu_navi .arr{background:url(/img/common/ico_menu_on_c1.png) no-repeat;}
|
||||
#skin_c1 #menu_navi ul li.menu01 a,
|
||||
#skin_c1 #menu_navi ul li.menu02 a
|
||||
#skin_c1 #menu_navi ul li.menu03 a{background-color:#334874;}
|
||||
#skin_c1 #menu_navi ul li a.on{background-color:#6168fe;}
|
||||
|
||||
#skin_c2 .login_wrap{background:#30bdff;}
|
||||
#skin_c2 #head{background-color:#2b5f77;}
|
||||
#skin_c2 #menu_navi ul{border-top:1px solid #557f92;}
|
||||
#skin_c2 #menu_navi ul li{position:relative;border-bottom:1px solid #557f92;}
|
||||
#skin_c2 #menu_navi .arr{background:url(/img/common/ico_menu_on_c2.png) no-repeat;}
|
||||
#skin_c2 #menu_navi ul li.menu01 a,
|
||||
#skin_c2 #menu_navi ul li.menu02 a
|
||||
#skin_c2 #menu_navi ul li.menu03 a{background-color:#2b5f77;}
|
||||
#skin_c2 #menu_navi ul li a.on{background-color:#30bdff;}
|
||||
|
||||
#skin_c3 .login_wrap{background-color:#ffba00;}
|
||||
#skin_c3 #head{background-color:#917939;}
|
||||
#skin_c3 #menu_navi ul{border-top:1px solid #a79461;}
|
||||
#skin_c3 #menu_navi ul li{position:relative;border-bottom:1px solid #a79461;}
|
||||
#skin_c3 #menu_navi .arr{background:url(/img/common/ico_menu_on_c3.png) no-repeat;}
|
||||
#skin_c3 #menu_navi ul li.menu01 a,
|
||||
#skin_c3 #menu_navi ul li.menu02 a
|
||||
#skin_c3 #menu_navi ul li.menu03 a{background-color:#917939;}
|
||||
#skin_c3 #menu_navi ul li a.on{background-color:#ffba00;}
|
||||
|
||||
#skin_c4 .login_wrap{background-color:#f14f55;}
|
||||
#skin_c4 #head{background:#92383c;}
|
||||
#skin_c4 #menu_navi ul{border-top:1px solid #a86063;}
|
||||
#skin_c4 #menu_navi ul li{position:relative;border-bottom:1px solid #a86063;}
|
||||
#skin_c4 #menu_navi .arr{background:url(/img/common/ico_menu_on_c4.png) no-repeat;}
|
||||
#skin_c4 #menu_navi ul li.menu01 a,
|
||||
#skin_c4 #menu_navi ul li.menu02 a
|
||||
#skin_c4 #menu_navi ul li.menu03 a{background-color:#92383c;}
|
||||
#skin_c4 #menu_navi ul li a.on{background-color:#f14f55;}
|
||||
|
||||
#skin_c5 .login_wrap{background:#83898e;}
|
||||
#skin_c5 #head{background:#404346;}
|
||||
#skin_c5 #menu_navi ul{border-top:1px solid #66696b;}
|
||||
#skin_c5 #menu_navi ul li{position:relative;border-bottom:1px solid #66696b;}
|
||||
#skin_c5 #menu_navi .arr{background:url(/img/common/ico_menu_on_c5.png) no-repeat;}
|
||||
#skin_c5 #menu_navi ul li.menu01 a,
|
||||
#skin_c5 #menu_navi ul li.menu02 a
|
||||
#skin_c5 #menu_navi ul li.menu03 a{background-color:#404346;}
|
||||
#skin_c5 #menu_navi ul li a.on{background-color:#83898e;}
|
||||
|
||||
@@ -0,0 +1,268 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* 단문전송 */
|
||||
.s0101 .sms_section{overflow:hidden;width:100%;}
|
||||
.s0101 .sms_section .send_area{overflow:hidden;float:left;width:550px;}
|
||||
.s0101 .sms_section .send_area .phone{float:left;width:250px;height:514px;padding:81px 13px 45px 16px;margin-right:20px;background:url(/img/sub/bg_phone.png) no-repeat;}
|
||||
.s0101 .sms_section .send_area .phone textarea{width:100%;height:240px;padding:20px;border:1px solid #fff;box-sizing:border-box;font-size:12px;color:#666;resize:none;}
|
||||
.s0101 .sms_section .send_area .phone .byte{height:34px;padding:0 18px;margin-bottom:10px;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background:#e4f4f5;font-size:12px;font-weight:bold;line-height:34px;color:#666;text-align:right;}
|
||||
.s0101 .sms_section .send_area .phone .byte strong{color:#00c9d5;}
|
||||
.s0101 .sms_section .send_area .phone .opt{padding:15px 20px;}
|
||||
.s0101 .sms_section .send_area .phone .opt ul{height:33px;border-radius:3px;border:1px solid #dbdbdb;font-size:0;line-height:0;}
|
||||
.s0101 .sms_section .send_area .phone .opt ul li{display:inline-block;width:33%;border-left:1px solid #dbdbdb;box-sizing:border-box;text-align:center;font-size:12px;font-weight:bold;line-height:33px;color:#777;}
|
||||
.s0101 .sms_section .send_area .phone .opt ul li:first-child{width:34%;border-left:0;}
|
||||
.s0101 .sms_section .send_area .phone .opt ul li a{color:#777;text-decoration:none;}
|
||||
.s0101 .sms_section .send_area .phone .callnum{overflow:hidden;padding:0 20px;}
|
||||
.s0101 .sms_section .send_area .phone .callnum dt{float:left;width:70px;margin-bottom:5px;font-size:13px;font-weight:bold;line-height:33px;color:#000;letter-spacing:-0.075em;clear:both;}
|
||||
.s0101 .sms_section .send_area .phone .callnum dd{position:relative; float:left;width:138px;height:33px;margin-bottom:5px;border:1px solid #dbdbdb;border-radius:3px;background:#efefef;}
|
||||
.s0101 .sms_section .send_area .phone .callnum dd input{width:118px;height:33px;padding:0 10px;border:none;box-sizing:border-box;background:#efefef;font-size:14px;line-height:33px;color:#4a3636;}
|
||||
.s0101 .sms_section .send_area .phone .callnum dd a.btn_add{display:block;float:right;padding:11px 10px 10px 10px;background:#ddd;text-align:center;}
|
||||
/*.s0101 .sms_section .send_area .phone .callnum dd a.btn_file{display:block;float:left;padding:7px 8px 7px 8px;background:#b5b5b5;text-align:center;}*/
|
||||
.s0101 .sms_section .send_area .phone .addr{padding:0 20px;margin-bottom:10px;text-align:right;font-size:0;line-height:0;}
|
||||
.s0101 .sms_section .send_area .phone .addr li{display:inline-block;margin-left:4px;}
|
||||
.s0101 .sms_section .send_area .phone .addr a{display:block;width:48px;height:24px;padding:0 10px;border-radius:3px;background:#333;font-size:11px;line-height:24px;letter-spacing:-0.075em;text-align:center;color:#fff;}
|
||||
.s0101 .sms_section .send_area .phone .chk{overflow:hidden;padding:10px 20px;margin-bottom:5px;border-top:1px solid #dbdbdb;}
|
||||
.s0101 .sms_section .send_area .phone .chk li {display:inline-block;}
|
||||
.s0101 .sms_section .send_area .phone .chk li a{float:left;display:block;width:48px;height:24px;padding:0 10px;border-radius:3px;background:#ff5b5b;font-size:11px;line-height:24px;letter-spacing:-0.075em;text-align:center;color:#fff;}
|
||||
.s0101 .sms_section .send_area .phone .chk li.date{float:right;font-size:12px;font-weight:bold;line-height:24px;color:#ff5b5b;}
|
||||
.s0101 .sms_section .send_area .phone .column2{margin:0 20px;}
|
||||
.s0101 .sms_section .send_area .phone .column2 li{width:105px;}
|
||||
.s0101 .sms_section .send_area .phone .column2 li:first-child{width:104px;border-right:1px solid #4dd9e2;}
|
||||
|
||||
.s0101 .sms_section .send_area .numlist{float:left;width:250px;border-top:1px solid #e1e2e9;background:url(/img/sub/bg_latest_btm.gif) no-repeat bottom;}
|
||||
.s0101 .sms_section .send_area .numlist .inner{padding-bottom:20px;margin-bottom:10px;background:url(/img/sub/bg_latest_mid.gif) repeat-y;}
|
||||
.s0101 .sms_section .send_area .numlist .inner .add_num{overflow-y:scroll;height:429px;padding:10px 20px;border-right:1px solid #e1e2e9;}
|
||||
.s0101 .sms_section .send_area .numlist .u_btm{padding:0 20px;border-top:1px solid #e1e2e9;}
|
||||
.s0101 .sms_section .send_area .numlist .u_btm .ctrl{overflow:hidden;padding:15px 0;}
|
||||
.s0101 .sms_section .send_area .numlist .u_btm .ctrl p{float:left;font-size:13px;font-weight:bold;color:#4e4e4e;}
|
||||
.s0101 .sms_section .send_area .numlist .u_btm .ctrl p strong{color:#6168fe;}
|
||||
.s0101 .sms_section .send_area .numlist .u_btm .ctrl ul{float:right;font-size:0;line-height:0;}
|
||||
.s0101 .sms_section .send_area .numlist .u_btm .ctrl ul li{display:inline-block;margin-left:2px;}
|
||||
|
||||
.s0101 .sms_section .sent_area{float:left;width:400px;margin-left:20px;}
|
||||
.s0101 .sms_section .sent_area .f_board{overflow:hidden;padding-bottom:0;}
|
||||
.s0101 .sms_section .sent_area .f_board .s_group{float:left;width:354px;height:43px;border:1px solid #e5e5e5;background:#fff;}
|
||||
.s0101 .sms_section .sent_area .f_board .s_group select{float:left;width:120px;height:43px;padding:10px;border:0;font-size:14px;color:#656565;letter-spacing:-0.05em;box-sizing:border-box;vertical-align:middle;}
|
||||
.s0101 .sms_section .sent_area .f_board .s_group input{float:left;width:100px;height:41px;border:0;background:#fff;}
|
||||
.s0101 .sms_section .sent_area .f_board .s_group .btn_add{display:block;width:80px;height:43px;float:right;background:#6a6a6a;font-size:14px;line-height:45px;color:#fff;text-align:center;}
|
||||
.s0101 .sms_section .sent_area .f_board .s_btn{float:right;}
|
||||
/*.s0101 .sms_section .sent_area .f_board .s_btn a{float:left;}*/
|
||||
.s0101 .sms_section .sent_area .f_board .s_btn .btn_search{display:block;padding:12px 10px;background:#e1e2e9;}
|
||||
.s0101 .sms_section .sent_area .f_board .s_btn .btn_file{display:block;padding:12px 10px;background:#b5b5b5;}
|
||||
.s0101 .sms_section .sent_area .addrlist{overflow-y:scroll;height:398px;margin:15px 0 20px;}
|
||||
.s0101 .sms_section .sent_area .addrlist table{margin-top:0;}
|
||||
.s0101 .sms_section .sent_area .btngroup .column1 li{width:50%;}
|
||||
|
||||
.s0101 .dep_section{overflow:hidden;margin-top:30px;padding:30px 0;border-top:1px solid #dbdbdb;}
|
||||
.s0101 .dep_section h3{float:left;margin-bottom:10px;}
|
||||
.s0101 .dep_section a.all_send{float:right;width:100px;height:40px;margin-bottom:10px;background:#222;color:#fff;font-size:13px;font-weight:600;line-height:40px;text-align:center;border-radius:5px;}
|
||||
.s0101 .dep_section .dep_box{display:block;overflow:hidden;padding:30px 54px;border-radius:20px;border:1px solid #dbdbdb;background:#fff;clear:both;}
|
||||
.s0101 .dep_section .dep_box h4{padding:15px 0;font-size:15px;font-weight:600;letter-spacing:-0.05em;color:#222;}
|
||||
.s0101 .dep_section .dep_box li{float:left;padding-left:55px;background:url(/img/sub/ico_arrow.png) no-repeat 13px 50%;}
|
||||
.s0101 .dep_section .dep_box li:first-child{background:none;padding-left:0;}
|
||||
.s0101 .dep_section .dep_box .part_box{float:left;width:220px;border:1px solid #dbdbdb;padding:0 14px;}
|
||||
.s0101 .dep_section .dep_box .part_box select{width:100%;height:230px;background:#f3f3f3;border:1px solid #dbdbdb;}
|
||||
.s0101 .dep_section .dep_box .mem_box{float:left;width:220px;border:1px solid #dbdbdb;padding:0 14px;}
|
||||
.s0101 .dep_section .dep_box .mem_box .sbox{padding:5px 0;margin-bottom:5px;border:1px solid #dbdbdb;}
|
||||
.s0101 .dep_section .dep_box .mem_box .sbox input{vertical-align:middle;}
|
||||
.s0101 .dep_section .dep_box .mem_box .sbox input::-ms-input-placeholder{color:#b5b5b5;}
|
||||
.s0101 .dep_section .dep_box .mem_box .sbox input::-webkit-input-placeholder{color:#b5b5b5;}
|
||||
.s0101 .dep_section .dep_box .mem_box .sbox input::-moz-placeholder{color:#b5b5b5;}
|
||||
.s0101 .dep_section .dep_box .mem_box .sbox .w_name{width:150px;height:28px;padding:0 10px;border:1px solid #fff;font-size:13px;letter-spacing:-0.05em;}
|
||||
.s0101 .dep_section .dep_box .mem_box .sbox .btn_search{float:right;padding:4px 10px 5px;}
|
||||
.s0101 .dep_section .dep_box .mem_box .memlist{overflow-y:scroll;height:178px;border:1px solid #dbdbdb;}
|
||||
.s0101 .dep_section .dep_box .mem_box .memlist li{overflow:hidden;height:20px;padding:10px 5px;font-size:12px;line-height:20px;border-top:1px dashed #d9d9d9;background:none;}
|
||||
.s0101 .dep_section .dep_box .mem_box .memlist li:first-child{border-top:0;}
|
||||
.s0101 .dep_section .dep_box .mem_box .memlist li input{float:left;vertical-align:middle;}
|
||||
.s0101 .dep_section .dep_box .mem_box .memlist li dl{overflow:hidden;float:left;}
|
||||
.s0101 .dep_section .dep_box .mem_box .memlist li dt{float:left;width:80px;}
|
||||
.s0101 .dep_section .dep_box .mem_box .memlist li dd{float:right;width:80px;}
|
||||
.s0101 .dep_section .dep_box .btnarea{overflow:hidden;padding:10px 0;}
|
||||
.s0101 .dep_section .dep_box .btnarea li{float:left;width:68px;margin-left:5px;padding-left:0;background:none;}
|
||||
.s0101 .dep_section .dep_box .btnarea li:first-child{margin-left:0;}
|
||||
.s0101 .dep_section .dep_box .btnarea a{display:block;height:28px;border:1px solid #dbdbdb;text-align:center;font-size:12px;font-weight:700;line-height:28px;color:#333;}
|
||||
.s0101 .dep_section .dep_box .btnarea a.add{border:1px solid #757380;background:#757380;font-size:12px;color:#fff;}
|
||||
|
||||
/* 예약문자확인 */
|
||||
.s0102{padding-top:20px;}
|
||||
|
||||
/* 보낸문자함 */
|
||||
.s0103 .topbox{overflow:hidden;margin-bottom:40px;}
|
||||
.s0103 .topbox 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;}
|
||||
.s0103 .topbox .s_month{float:left;border:1px solid #e1e2e9;border-radius:3px;background:#fff;}
|
||||
.s0103 .topbox .icotip{float:right;display:block;text-align:right;}
|
||||
.s0103 .topbox .icotip li{display:inline-block;padding-left:30px;margin-left:30px;font-size:13px;line-height:43px;color:#000;letter-spacing:-0.05em;}
|
||||
.s0103 .topbox .icotip li:first-child{margin-left:0;}
|
||||
.s0103 .topbox .icotip .success_s{background:url(/img/sub/ico_success_s.png) no-repeat 0 50%;}
|
||||
.s0103 .topbox .icotip .fail_s{background:url(/img/sub/ico_fail_s.png) no-repeat 0 50%;}
|
||||
.s0103 .topbox .icotip .ing_s{background:url(/img/sub/ico_ing_s.png) no-repeat 0 50%;}
|
||||
.s0103 .sentlist li{margin-bottom:40px;}
|
||||
|
||||
/* 그룹관리 */
|
||||
.s0202 .group_section{width:100%;margin-top:15px;border-top:2px solid #575757;font-size:0;line-height:0;}
|
||||
.s0202 .group_section li{display:inline-block;position:relative;width:210px;padding:0 15px;text-align:center;}
|
||||
.s0202 .group_section .g_box{margin:30px 0;background:#fff;}
|
||||
.s0202 .group_section .g_box dl{padding:40px 0;border-radius:3px 3px 0 0;letter-spacing:-0.05em;}
|
||||
.s0202 .group_section .g_box dl.g1{background:#6168fe;}
|
||||
.s0202 .group_section .g_box dl.g2{background:#00c9d5;}
|
||||
.s0202 .group_section .g_box dl.g3{background:#00d578;}
|
||||
.s0202 .group_section .g_box dl.g4{background:#f45353;}
|
||||
.s0202 .group_section .g_box dl.g5{background:#ffa800;}
|
||||
.s0202 .group_section .g_box dl dt{margin-bottom:10px;font-size:20px;line-height:32px;font-weight:bold;color:#fff;}
|
||||
.s0202 .group_section .g_box dl dd{font-size:14px;color:#fff;}
|
||||
.s0202 .group_section .g_box dl dd span,
|
||||
.s0202 .group_section .g_box dl dd span a{color:#fffc00;text-decoration:underline;}
|
||||
.s0202 .group_section .g_box .btnarea{padding:20px 25px;border-left:1px solid #e1e2e9;border-right:1px solid #e1e2e9;border-bottom:1px solid #e1e2e9;border-radius:0 0 3px 3px;background:#fff;}
|
||||
.s0202 .group_section .g_box .btnarea .btngroup{display:inline-block;}
|
||||
.s0202 .group_section .g_box .btnarea .btngroup li{width:auto;margin-left:3px;padding:0!important;}
|
||||
|
||||
/* 일정관리 */
|
||||
.s0301{overflow:hidden;}
|
||||
.s0301 .calen{float:left;width:350px;margin-right:20px;}
|
||||
.s0301 .calen ul.sl_area{font-size:0;line-height:0;}
|
||||
.s0301 .calen ul.sl_area li{display:inline-block;margin-left:10px;background:#fff;}
|
||||
.s0301 .calen ul.sl_area li:first-child{margin-left:0;}
|
||||
.s0301 .calen .table1 td{padding:0;}
|
||||
.s0301 .calen .table1 a{display:block;padding:15px 0;box-sizing:border-box;}
|
||||
.s0301 .calen .table1 a.today{padding:15px 0;font-family:'Titillium Web',sans-serif;font-weight:bold;font-size:11px;background:#00c9d5;color:#fff;}
|
||||
.s0301 .calen .table1 a.sch_on{border:3px solid #5b70e8;font-weight:bold;}
|
||||
.s0301 .sche_write,
|
||||
.s0301 .sche_list{float:left;width:600px;margin-top:60px;}
|
||||
.s0301 .sche_list .table2{margin-top:0;width:580px;}
|
||||
.s0301 .sche_list .list_box{overflow-y:scroll;width:580px;height:300px;padding-right:20px;}
|
||||
.s0301 .sche_list .list_box .table2{margin-top:0;border-top:0;}
|
||||
.s0301 .sche_list .btngroup{margin-top:40px;}
|
||||
.s0301 .sche_write .essential{padding-bottom:15px;border-bottom:2px solid #222;line-height:45px;}
|
||||
.s0301 .sche_write .btngroup{margin-top:40px;padding-top:40px;border-top:1px solid #9496a6;text-align:center;}
|
||||
.s0301 .sche_write .btngroup .btn_nrm{width:300px;margin:0 auto;}
|
||||
|
||||
/* 개인정보수정 */
|
||||
.s0501{overflow:hidden;}
|
||||
.s0501 .btngroup{width:40%;margin:50px auto 0;}
|
||||
|
||||
/* 도움말 */
|
||||
.s0401{width:1100px;}
|
||||
.s0401 h3.tit{margin-bottom:30px;background:url(/img/sub/line_gray.gif) repeat-x 0 50%;}
|
||||
.s0401 h3.tit span{display:inline-block;padding-right:20px;background:#f2f3fa;}
|
||||
.s0401 .advice_ct{overflow:hidden;}
|
||||
.s0401 .step_list1 li{margin-bottom:10px;font-size:12px;line-height:20px;color:#555;clear:both;}
|
||||
.s0401 .step_list1 li span.num{float:left;width:20px;height:20px;padding:0 12px 4px 0;background:url(/img/sub/bg_cir_bk.png) no-repeat #f2f3fa;font-family:verdana;font-size:11px;font-weight:bold;line-height:20px;color:#fff;text-align:center;}
|
||||
.s0401 .step_list1 li dl{float:left;background:#f2f3fa;}
|
||||
.s0401 .step_list1 li dl dt{margin-bottom:10px;font-size:14px;font-weight:bold;color:#000;}
|
||||
.s0401 .sms_box1{position:relative;height:558px;margin-bottom:40px;background:url(/img/sub/img_sms_v1.png) no-repeat;}
|
||||
.s0401 .sms_box1 .step_list1 li{position:absolute;overflow:hidden;background:url(/img/sub/line_oran.gif) repeat-x 0 10px;}
|
||||
.s0401 .sms_box1 .step_list1 li:nth-child(1){top:126px;left:267px;padding-left:80px;}
|
||||
.s0401 .sms_box1 .step_list1 li:nth-child(2){top:339px;left:267px;padding-left:80px;}
|
||||
.s0401 .sms_box1 .step_list1 li:nth-child(3){top:416px;left:115px;padding-left:232px;}
|
||||
.s0401 .sms_box2{position:relative;height:461px;margin-bottom:40px;background:url(/img/sub/img_sms_v2.gif) no-repeat;}
|
||||
.s0401 .sms_box2 .step_list1 li{position:absolute;overflow:hidden;background:url(/img/sub/line_oran.gif) repeat-x 0 10px;}
|
||||
.s0401 .sms_box2 .step_list1 li:nth-child(1){top:76px;left:403px;padding-left:80px;}
|
||||
.s0401 .sms_box2 .step_list1 li:nth-child(2){top:196px;left:403px;padding-left:80px;}
|
||||
.s0401 .sms_box3{position:relative;padding-top:350px;margin-bottom:40px;background:url(/img/sub/img_sms_v3.gif) no-repeat;}
|
||||
.s0401 .sms_box3 .step_list1 li{margin-bottom:10px;}
|
||||
.s0401 .sms_box4{position:relative;padding-top:280px;background:url(/img/sub/img_sms_v4.gif) no-repeat;}
|
||||
.s0401 .sche_box1{position:relative;padding-top:650px;background:url(/img/sub/img_sche_v1.gif) no-repeat;}
|
||||
.s0401 .sche_box1 .step_list1 li{margin-bottom:10px;}
|
||||
.s0401 .addr_box1{position:relative;padding-top:250px;background:url(/img/sub/img_addr_v1.gif) no-repeat;}
|
||||
|
||||
/* 레이어팝업_특수문자 */
|
||||
#detaillayer1{width:420px;height:600px;margin:-300px 0 0 -210px;}
|
||||
#detaillayer1 .table1{margin-top:0;}
|
||||
#detaillayer1 td{padding:0;font-family:'돋움',Dotum;}
|
||||
#detaillayer1 td a{display:block;padding:15px 0;}
|
||||
#detaillayer1 td a:hover{background:#00c9d5;color:#fff;}
|
||||
#detaillayer1 .btn_v4{text-align:center;}
|
||||
|
||||
/* 레이어팝업_이모티콘 */
|
||||
#detaillayer2{width:660px;height:700px;margin:-350px 0 0 -330px;}
|
||||
#detaillayer2 .h_board{padding-bottom:20px;margin-bottom:20px;border-bottom:2px solid #222;}
|
||||
|
||||
/* 레이어팝업_PC사진 */
|
||||
#detaillayer3{width:420px;height:350px;margin:-175px 0 0 -210px;}
|
||||
#detaillayer3 input[type=file]{width:100%;height:50px;}
|
||||
#detaillayer3 dl{padding:20px 0 50px;font-size:15px;line-height:22px;}
|
||||
#detaillayer3 dl dt{color:#656565;}
|
||||
#detaillayer3 dl dd{color:#919191;}
|
||||
#detaillayer3 .filebox{font-size:0;line-height:0;}
|
||||
#detaillayer3 .filebox input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
|
||||
#detaillayer3 .filebox label{display:inline-block;width:110px;height:50px;color:#fff;font-size:inherit;line-height:50px;vertical-align:middle;background-color:#00c9d5;font-size:14px;font-weight:bold;text-align:center;cursor:pointer;}
|
||||
#detaillayer3 .filebox .upload-name{display:inline-block;width:228px;height:48px;padding:0 10px;font-size:inherit;font-family:inherit;line-height:normal;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-right:0;font-size:14px;line-height:48px;-webkit-appearance:none;/* 네이티브 외형 감추기 */-moz-appearance:none;appearance:none;}
|
||||
|
||||
/* 최근번호 */
|
||||
#detaillayer4{top:300px !important;width:420px;height:480px;margin:-240px 0 0 -210px;}
|
||||
#detaillayer4 .add_num{overflow-y:scroll;height:250px;margin-bottom:30px;}
|
||||
#detaillayer4 .btn_v4 li a{width:120px;}
|
||||
#detaillayer4 .btn_v4 li a.btn_b3{width:119px;background:#9ea0c1;border-right:1px solid #b6b8d1;}
|
||||
|
||||
/* 예약발송 */
|
||||
#detaillayer6{width:420px;height:650px;margin:-325px 0 0 -210px;}
|
||||
#detaillayer6 .sl_area{overflow:hidden;}
|
||||
#detaillayer6 .sl_area li{float:left;width:50%;margin-bottom:10px;box-sizing:border-box;}
|
||||
#detaillayer6 .sl_area li:nth-child(odd){padding-right:5px;}
|
||||
#detaillayer6 .sl_area li:nth-child(even){padding-left:5px;}
|
||||
#detaillayer6 .sl_area li select{width:100%;height:31px;border:1px solid #ccc;font-size:14px;color:#656565;letter-spacing:-0.05em;}
|
||||
#detaillayer6 .sl_date{padding:30px 0;text-align:center;font-size:23px;font-weight:bold;color:#6168fe;letter-spacing:-0.05em;}
|
||||
|
||||
/* 최근메시지 */
|
||||
#detaillayer7{width:800px;height:550px;margin:-275px 0 0 -400px;}
|
||||
#detaillayer7 .sentlist{overflow-y:scroll;height:390px;}
|
||||
|
||||
/* 그룹설정 */
|
||||
#detaillayer8{width:380px;height:340px;margin:-170px 0 0 -190px;}
|
||||
#detaillayer8 p{font-size:16px;color:#202020;text-align:center;}
|
||||
#detaillayer8 p strong{color:#1844b2;text-decoration:underline;}
|
||||
#detaillayer8 .sl_box{width:100%;padding:10px;margin:30px 0;border:1px solid #ccc;box-sizing:border-box;}
|
||||
#detaillayer8 .sl_box select{width:100%;height:31px;border:1px solid #fff;font-size:14px;color:#656565;letter-spacing:-0.05em;}
|
||||
|
||||
/* 주소록등록 */
|
||||
#detaillayer9,
|
||||
#detaillayer10{width:380px;height:400px;margin:-200px 0 0 -190px;}
|
||||
#detaillayer9 ul.frm,
|
||||
#detaillayer10 ul.frm{overflow:hidden;margin:15px 0 20px;}
|
||||
#detaillayer9 ul.frm li,
|
||||
#detaillayer10 ul.frm li{float:left;margin-bottom:10px;}
|
||||
#detaillayer9 ul.frm li:nth-child(1),
|
||||
#detaillayer10 ul.frm li:nth-child(1){float:left;width:130px;}
|
||||
#detaillayer9 ul.frm li:nth-child(2),
|
||||
#detaillayer10 ul.frm li:nth-child(2){float:right;width:180px;}
|
||||
#detaillayer9 ul.frm li:nth-child(3),
|
||||
#detaillayer9 ul.frm li:nth-child(4),
|
||||
#detaillayer10 ul.frm li:nth-child(3),
|
||||
#detaillayer10 ul.frm li:nth-child(4){width:100%;}
|
||||
|
||||
/* 그룹등록 */
|
||||
#detaillayer11{width:380px;height:300px;margin:-150px 0 0 -190px;}
|
||||
#detaillayer11 .group_color{padding:20px 0;text-align:right;font-size:0;line-height:0;}
|
||||
#detaillayer11 .group_color li{display:inline-block;margin-left:5px;}
|
||||
|
||||
/* 그룹주소록 */
|
||||
#detaillayer12{width:600px;height:680px;margin:-340px 0 0 -300px;}
|
||||
|
||||
/* 그룹수정 */
|
||||
#detaillayer13{width:380px;height:300px;margin:-150px 0 0 -190px;}
|
||||
#detaillayer13 .group_color{padding:20px 0;text-align:right;font-size:0;line-height:0;}
|
||||
#detaillayer13 .group_color li{display:inline-block;margin-left:5px;}
|
||||
|
||||
/* 주소록검색 */
|
||||
#detaillayer14{width:500px;height:600px;margin:-300px 0 0 -250px;}
|
||||
#detaillayer14 p.tip{font-size:15px;}
|
||||
#detaillayer14 .f_board{display:block;clear:both;margin-top:10px;padding-bottom:0;}
|
||||
#detaillayer14 .f_board .search_frm{float:none;}
|
||||
#detaillayer14 .f_board .search_frm ul{overflow:hidden;}
|
||||
#detaillayer14 .f_board .search_frm .s_word{float:left;width:350px;margin-left:0;}
|
||||
#detaillayer14 .f_board .search_frm .s_word .w_text{width:180px !important;}
|
||||
#detaillayer14 .f_board .search_frm .s_word .btn_search{float:right;}
|
||||
#detaillayer14 .f_board .search_frm .allsearch{float:right;width:80px;}
|
||||
#detaillayer14 .f_board .search_frm .allsearch a{display:block;width:80px;height:43px;background:#333;font-size:14px !important;line-height:43px;color:#fff !important;text-align:center;letter-spacing:-1px;}
|
||||
#detaillayer14 .s_list{overflow-y:scroll;height:300px;margin:15px 0 30px;}
|
||||
#detaillayer14 .s_list .table1{margin-top:0;}
|
||||
#detaillayer14 .btngroup .column1 li{width:50%;}
|
||||
|
||||
/* 파일추가 */
|
||||
#detaillayer15{width:500px;height:600px;margin:-300px 0 0 -250px;}
|
||||
#detaillayer15 p.tip{font-size:15px;}
|
||||
#detaillayer15 .file{padding:20px 0;}
|
||||
#detaillayer15 .file input{width:100%;height:30px;}
|
||||
#detaillayer15 .step span{display:inline-block;padding:3px 5px;margin-right:5px;background:#000;font-size:11px;text-align:center;color:#fff;}
|
||||
#detaillayer15 .step li{margin-bottom:5px;}
|
||||
#detaillayer15 .step li img{padding:10px 0;}
|
||||
@@ -0,0 +1,56 @@
|
||||
@charset "utf-8";
|
||||
|
||||
|
||||
#footerW {width:100%; height:130px; background:transparent url(/img/common/footer_bg.gif);}
|
||||
#footer_area {position:relative; width:990px;margin:0 auto;}
|
||||
|
||||
#footer_mainW {position:absolute; top:830px;width:100%; height:130px; background:transparent url(/img/common/footer_bg.gif);}
|
||||
#foote_mainr_area {position:relative; width:921px;margin:0 auto;}
|
||||
|
||||
#foot_link{width:500px; height:24px; }
|
||||
#foot_link ul {float:left; height:24px;padding-top:6px;padding-left:13px;}
|
||||
#foot_link ul li{float:left;}
|
||||
#foot_logo {position:absolute; top:50px; left:20px; }
|
||||
#foot_info {position:absolute; clear:both; left:215px; top:47px; text-align:left; line-height:150%;}
|
||||
|
||||
|
||||
/* 방문자수 통계 */
|
||||
#foot_ct {position:absolute;right:0px;top:8px;}
|
||||
#foot_ct ul {float:left;}
|
||||
#foot_ct ul li {float:left; color:#3174CA; vertical-align:middle; font-weight:bold; }
|
||||
|
||||
|
||||
/* 부가 서비스메뉴 */
|
||||
#quickmenuW {position:absolute; left:925px; top:10px; width:75px; background:transparent url(/img/common/quick_bg.gif); padding:0;}
|
||||
#quick ul {padding:9px 0 0 35px;;}
|
||||
#quick ul li {float:left;padding-left:4px;}
|
||||
#quick2 ul{padding:2px 0 0 9px;}
|
||||
|
||||
#quickmenu {width:75px;text-align:center;margin:0 auto;}
|
||||
#quickmenu p {font-size:0;line-height:0.5em;}
|
||||
#quickmenu p img {padding:0px 0 0 0;font-size:0;}
|
||||
|
||||
#quickmenu1 {width:75px; padding-top:7px;}
|
||||
#quickmenu1 li {width:75px; text-align:center; font-size:0;line-height:0.5em;}
|
||||
#quickmenu1 li a { display:inline-block; width:75px; }
|
||||
|
||||
#quickmenu2 {width:75px;height:16px;padding:5px 0 0 0;}
|
||||
#quickmenu2 li {display:inline; }
|
||||
#quickmenu3 {width:75px;height:34px;background:transparent url(/img/common/qm_bottom.gif); background-repeat:no-repeat;padding:10px 0 0 0;text-align:center;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 전체메뉴 */
|
||||
#allmenu_area {position:absolute;width:100%;top:24px;z-index:1;}
|
||||
#allmenu {position:relative; width:1000px;margin:0 auto;text-align: right;}
|
||||
#allmenu-wrapper {position:relative; width:934px;margin:0 auto; padding-left:375px;padding-top:4px;}
|
||||
.allmenuview {width:780px;height:292px;background:transparent url(/img/common/allmenuview_bg.gif); background-repeat:no-repeat;}
|
||||
.allmenuclose {width:780px;height:30px;background:transparent url(/img/common/allmenuclose_bg.gif); background-repeat:no-repeat;text-align:right;}
|
||||
.allmenuclose p {padding-top:10px;padding-right:10px; }
|
||||
.all_tit{background:transparent url(/img/common/all_ic.gif) no-repeat scroll 0 19px; letter-spacing:-0.1em;float:left; font-family:gulim; font-size:1.0em; font-weight:bold; color:#04489B; width:auto; height:auto; text-align:left; margin-right:5px; margin-bottom:13px; padding-left:15px; padding-top:19px; clear:both; }
|
||||
div.allmenuview .sidemenu_all {padding:0; width:130px;}
|
||||
div.allmenuview .sidemenu_all ul li a.on, div.allmenuview .sidemenu_all ul li a:hover, div.allmenuview .sidemenu_all ul li a:active, div.allmenuview .sidemenu_all ul li a:focus {letter-spacing:-0.1em; text-decoration:none;color:#115C9D;}
|
||||
div.allmenuview .sidemenu_all ul li a {background:transparent url(/img/common/allmenu_ic.gif) no-repeat scroll 3px 10px; border-bottom:1px solid #F0F2FC; color:#333333; display:inline-block; letter-spacing:-0.1em; line-height:140%;
|
||||
padding:4px 0 2px 9px; width:110px;}
|
||||
div.allmenuview .sidemenu_all ul li img {vertical-align:middle;padding-left:4px;}
|
||||
@@ -0,0 +1,8 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* 스킵네비게이션 */
|
||||
#skipnavigation {overflow:hidden; text-indent: -2000px; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0;}
|
||||
|
||||
.sknavi{position:absolute;top:-500px;}
|
||||
.sknavi:focus,
|
||||
.sknavi:active{top:1px;display:block;width:200px;height:18px;padding:3px;margin-left:5px;text-align:center;font-size:100%;font-weight:bold;background-color:#eee;border: 1px solid #135;text-decoration:none;}
|
||||
@@ -0,0 +1,8 @@
|
||||
input {
|
||||
display: block !important;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#checkbox-1-1 + label, #checkbox-1-2 + label, #checkbox-1-3 + label {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
@charset "utf-8";
|
||||
|
||||
html,body{height:100%;}
|
||||
|
||||
.skin_color{top:30px;right:30px;text-align:right;}
|
||||
|
||||
.login_wrap{display:table;width:100%;height:100%;vertical-align:middle;}
|
||||
.login_wrap .login{display:table-cell;width:100%;height:100%;vertical-align:middle;}
|
||||
.logo{display:block;margin-bottom:70px;text-align:center;font-size:0;line-height:0;}
|
||||
.log_form{width:370px;margin:0 auto;}
|
||||
.log_form li{height:40px;padding:10px 0;background:url(/img/main/line_log.png) repeat-x bottom !important;}
|
||||
.log_form li input.w_id{background:url(/img/main/ico_username.png) no-repeat 94% 50%;}
|
||||
.log_form li input.w_pw{background:url(/img/main/ico_password.png) no-repeat 94% 50%;}
|
||||
.log_form li input{width:100%;height:40px;padding:0 50px 0 5px;border:transparent;background:transparent;font-family:'Titillium Web',sans-serif;font-size:18px;line-height:40px;color:#fff;box-sizing:border-box;}
|
||||
.log_form li input::-ms-input-placeholder{color:#fff;opacity:0.5;}
|
||||
.log_form li input::-webkit-input-placeholder{color:#fff;opacity:0.5;}
|
||||
.log_form li input::-moz-placeholder{color:#fff;opacity:0.5;}
|
||||
.log_form li label{visibility:hidden;display:none;height:0;width:0;font-size:0;}
|
||||
.log_form .chk_id_log{padding:20px 0;font-size:14px;color:#fff;text-align:right;letter-spacing:-0.05em;}
|
||||
.log_form .chk_id_log label{vertical-align:middle;}
|
||||
.log_form .btn_login{display:block;width:79px;margin:30px auto;}
|
||||
|
||||
#footer{position:fixed;bottom:0;width:100%;padding:20px 0;background:#2b3e66;font-family:'Titillium Web',sans-serif;font-size:13px;color:#808ba3;text-align:center;text-transform:uppercase;}
|
||||
Vendored
+164
@@ -0,0 +1,164 @@
|
||||
[id^=radio-1-],
|
||||
[id^=radio-2-],
|
||||
[id^=checkbox-3-],
|
||||
[id^=checkbox-11-]{display:none}
|
||||
[id^=radio-1-]+label,
|
||||
[id^=radio-2-]+label,
|
||||
[id^=checkbox-3-]+label{cursor:pointer;}
|
||||
|
||||
[id^=radio-1-]+label{width:15px;height:15px;border-radius:1000px;display:inline-block;position:relative;}
|
||||
[id^=radio-1-]:checked+label:after{position:absolute;top:0;left:0;width:100%;content:url(/img/common/ico_skin_select.png);}
|
||||
#radio-1-1+label{background-color:#434aea;}
|
||||
#radio-1-2+label{background-color:#30beff;}
|
||||
#radio-1-3+label{background-color:#cf9600;}
|
||||
#radio-1-4+label{background-color:#ff5b5b;}
|
||||
#radio-1-5+label{background-color:#83898e;}
|
||||
|
||||
[id^=radio-2-]+label{width:24px;height:24px;display:inline-block;position:relative;}
|
||||
[id^=radio-2-]:checked+label{box-sizing:border-box;}
|
||||
[id^=radio-2-]:checked+label:after{position:absolute;top:0;left:0;width:100%;}
|
||||
#radio-2-1+label{background-color:#6168fe;}
|
||||
#radio-2-1:checked+label{border:4px solid #6168fe;background-color:#fff;}
|
||||
#radio-2-2+label{background-color:#00c9d5;}
|
||||
#radio-2-2:checked+label{border:4px solid #00c9d5;background-color:#fff;}
|
||||
#radio-2-3+label{background-color:#00d578;}
|
||||
#radio-2-3:checked+label{border:4px solid #00d578;background-color:#fff;}
|
||||
#radio-2-4+label{background-color:#f45353;}
|
||||
#radio-2-4:checked+label{border:4px solid #f45353;background-color:#fff;}
|
||||
#radio-2-5+label{background-color:#ffa800;}
|
||||
#radio-2-5:checked+label{border:4px solid #ffa800;background-color:#fff;}
|
||||
|
||||
#radio-2-6+label{background-color:#6168fe;}
|
||||
#radio-2-6:checked+label{border:4px solid #6168fe;background-color:#fff;}
|
||||
#radio-2-7+label{background-color:#00c9d5;}
|
||||
#radio-2-7:checked+label{border:4px solid #00c9d5;background-color:#fff;}
|
||||
#radio-2-8+label{background-color:#00d578;}
|
||||
#radio-2-8:checked+label{border:4px solid #00d578;background-color:#fff;}
|
||||
#radio-2-9+label{background-color:#f45353;}
|
||||
#radio-2-9:checked+label{border:4px solid #f45353;background-color:#fff;}
|
||||
#radio-2-10+label{background-color:#ffa800;}
|
||||
#radio-2-10:checked+label{border:4px solid #ffa800;background-color:#fff;}
|
||||
|
||||
|
||||
|
||||
[id^=checkbox-3-]+label{background-color:#FFF;border:1px solid #C1CACA;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:9px;border-radius:1000px;display:inline-block;position:relative;margin-right:8px}
|
||||
[id^=checkbox-3-]+label:active{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.2);}
|
||||
[id^=checkbox-3-]:checked+label{background-color:#ECF2F7;border:1px solid #92A1AC;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1);color:#243441}
|
||||
[id^=checkbox-3-]:checked+label:before{content:' ';border-radius:100px;position:absolute;background:#253C4B;opacity:.8;display:none;box-shadow:inset 0 15px 23px -10px rgba(187,230,240,.3),0 2px 2px rgba(0,0,0,.1);top:3px;left:3px;width:12px;height:12px}
|
||||
[id^=checkbox-3-]:checked+label:before{content:' ';display:block}
|
||||
|
||||
[id^=checkbox-11-]+label{display:inline-block;position:relative;width:55px;height:10px;padding:10px 9px;border-radius:7px;background:#f94a55;box-shadow:inset 0 0 20px rgba(0,0,0,.1),0 0 10px rgba(245,146,146,.4)}
|
||||
[id^=checkbox-11-]+label:before{position:absolute;top:0;left:0;width:24px;height:30px;border-radius:7px;box-shadow:0 0 1px rgba(0,0,0,.6);background:#FFF;color:#fff;content:' ';z-index:99999;}
|
||||
[id^=checkbox-11-]+label:after{position:absolute;top:3px;left:8px;padding:5px;border-radius:100px;font-size:12px;color:#fff;font-weight:700;content:'OFF';}
|
||||
[id^=checkbox-11-]:checked+label{box-shadow:inset 0 0 20px rgba(0,0,0,.1),0 0 10px rgba(146,196,245,.4);background:#5b70e9;}
|
||||
[id^=checkbox-11-]:checked+label:after{content:'ON';left:6px}
|
||||
[id^=checkbox-11-]:checked+label:before{content:' ';position:absolute;z-index:99999;left:49px}
|
||||
[id^=checkbox-11-]+label:after{left:35px}
|
||||
#checkbox label{-webkit-transition:all .1s ease-in;transition:all .1s ease-in}
|
||||
|
||||
/*#checkbox-3-2:checked+label:before{top:4px;left:4px;width:20px;height:20px}
|
||||
#checkbox-3-3:checked+label:before{top:5px;left:5px;width:28px;height:28px}
|
||||
#checkbox-3-2+label{width:10px;height:10px}
|
||||
#checkbox-3-3+label{width:20px;height:20px}
|
||||
#checkbox-3-2+label{width:10px;height:10px}
|
||||
#checkbox-3-3+label{width:20px;height:20px}
|
||||
|
||||
input[id^=checkbox-2-]+label{background-color:#F37900;padding:18px 20px 18px 23px;box-shadow:inset 0 50px 37px -30px rgba(255,222,197,.3),0 0 13px rgba(0,0,0,.6);border-radius:1000px;display:inline-block;position:relative;border-top:1px solid #ECA14F;margin-right:30px;color:#FFF;font-size:1.7em;width:213px;text-shadow:0 1px 0 rgba(0,0,0,.2);border-bottom:1px solid #552B09}
|
||||
[id^=checkbox-2-]+label:hover{border-top:1px solid #FC8C1E;background:#FC8C1E;box-shadow:inset 0 -50px 37px -30px rgba(255,222,197,.07),0 0 13px rgba(0,0,0,.6)}
|
||||
[id^=checkbox-2-]+label:active{border-top:0;background:#FC8C1E;padding:19px 20px 18px 23px;box-shadow:inset 0 3px 8px rgba(129,69,13,.3),inset 0 -50px 37px -30px rgba(255,222,197,.07),0 0 13px rgba(0,0,0,.6)}
|
||||
[id^=checkbox-2-]+label:after{content:' ';border-radius:100px;width:32px;position:absolute;top:12px;right:12px;box-shadow:inset 0 16px 40px rgba(0,0,0,.4);height:32px}
|
||||
[id^=checkbox-2-]+label:before{content:' ';border-radius:100px;width:20px;position:absolute;top:18px;right:18px;z-index:999;box-shadow:inset 0 16px 40px #FFF;height:20px;display:none}
|
||||
[id^=checkbox-2-]:checked+label:before{display:block}
|
||||
|
||||
[id^=checkbox-4-]+label{background-color:#FFF;border:2px solid #D6846A;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:9px;border-radius:5px;display:inline-block;overflow:hidden;position:relative;margin-right:30px}
|
||||
[id^=checkbox-4-]+label:active{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1)}
|
||||
[id^=checkbox-4-]:checked+label{background-color:#F7F2EC;border:2px solid #C47D62;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1)}
|
||||
[id^=checkbox-4-]+label:after{position:absolute;top:99px;-webkit-transition:all .3s linear;transition:all .3s linear;content:'\2715';color:#947975;width:100%;text-align:center;font-size:1.4em;padding:1px 0 0;left:0}
|
||||
[id^=checkbox-4-]:checked+label:after{top:0}
|
||||
#checkbox-4-2+label{width:10px;height:10px}
|
||||
#checkbox-4-3+label{width:20px;height:20px}
|
||||
#checkbox-4-2:checked+label:after{left:0;padding:6px 0 0}
|
||||
#checkbox-4-3:checked+label:after{left:0;top:2px;padding:9px 0 0}
|
||||
|
||||
[id^=checkbox-5-]+label{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:9px;display:inline-block;position:relative;margin-right:30px;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}
|
||||
[id^=checkbox-5-]+label:active{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1)}
|
||||
[id^=checkbox-5-]:checked+label{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1)}
|
||||
[id^=checkbox-5-]+label:after{-webkit-transform:rotateX(270deg);-webkit-transform-origin:0 0;transform:rotateX(270deg);transform-origin:0 0;-webkit-transition:all .6s ease-in;transition:all .6s ease-in;position:absolute;top:0;left:0;content:'\2715';padding:9px 0 0;width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;background:#fff;font-size:1.5em;line-height:0;background:#CCE7F7;color:#5C7FA0;text-align:center}
|
||||
[id^=checkbox-5-]:checked+label:after{-webkit-transform:rotateX(0);transform:rotateX(0)}
|
||||
[id^=checkbox-5-]:checked+label{-webkit-transition:all .5s linear .35s;transition:all .5s linear .35s;background:#aaa}
|
||||
#checkbox-5-2+label,
|
||||
#checkbox-5-5+label{width:10px;height:10px}
|
||||
#checkbox-5-3+label,
|
||||
#checkbox-5-6+label{width:20px;height:20px}
|
||||
#checkbox-5-2+label:after,
|
||||
#checkbox-5-5+label:after{padding:14px 0 0}
|
||||
#checkbox-5-3+label:after,
|
||||
#checkbox-5-6+label:after{padding:18px 0 0}
|
||||
|
||||
[id^=checkbox-6-]+label{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:9px;display:inline-block;position:relative;margin-right:30px;width:15px;height:15px;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:100%;transform-origin:100% 100%}
|
||||
[id^=checkbox-6-]+label:after{-webkit-transform:rotateX(90deg) rotateY(0deg);-webkit-transform-origin:0 0;transform:rotateX(90deg) rotateY(0deg);transform-origin:0 0;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;position:absolute;top:0;left:0;content:'\2715';padding:15px 0 0;width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;background:#fff;font-size:1.5em;line-height:0;background:#3C809B;color:#F0F6FC;text-align:center}
|
||||
[id^=checkbox-6-]+label:before{position:absolute;top:0;left:0;content:' ';padding:9px 0 0;width:100%;height:100%;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box}
|
||||
[id^=checkbox-6-]:checked+label:before{background:#ccc}
|
||||
#checkbox-6-2+label:after{-webkit-transform:rotateY(-90deg);-webkit-transform-origin:0 0;transform:rotateY(-90deg);transform-origin:0 0}
|
||||
#checkbox-6-3+label:after{-webkit-transform:rotateY(90deg);-webkit-transform-origin:100% 100%;transform:rotateY(90deg);transform-origin:100% 100%}
|
||||
#checkbox-6-4+label:after{-webkit-transform:rotateX(-90deg);-webkit-transform-origin:100% 100%;transform:rotateX(-90deg);transform-origin:100% 100%}
|
||||
[id^=checkbox-6-]:checked+label:after{-webkit-transform:rotateX(0deg) rotateY(0deg)!important;transform:rotateX(0deg) rotateY(0deg)!important}
|
||||
|
||||
[id^=checkbox-7-]+label{background-color:#FFF;padding:6px 43px 8px 9px;border-radius:5px;display:inline-block;position:relative;margin-right:30px;box-shadow:0 0 2px rgba(0,0,0,.3);height:17px;overflow:hidden;font-size:1.3em!important;color:#464E50;-webkit-transition:all .3s linear,color 0 linear;transition:all .3s linear,color 0 linear}
|
||||
[id^=checkbox-7-]+label:after{content:' ';position:absolute;background:#FFF;top:4px;right:3px;width:24px;display:block;font-size:1em!important;height:16px;border-radius:3px;box-shadow:0 0 1px rgba(0,0,0,.6),inset 0 -18px 15px -10px rgba(0,0,0,.05);padding:4px 0;text-align:center;color:#496F7A}
|
||||
[id^=checkbox-7-]:checked+label{color:#fff}
|
||||
[id^=checkbox-7-]+label>span{position:relative;z-index:99999;font-family:adelle-sans,sans-serif}
|
||||
[id^=checkbox-7-]:active+label:after{box-shadow:0 0 1px rgba(0,0,0,.6),inset 0 2px 6px rgba(0,0,0,.1),inset 0 -18px 15px -10px rgba(0,0,0,.05)}
|
||||
[id^=checkbox-7-]:checked+label:after{content:'\2715'}
|
||||
[id^=checkbox-7-]+label:before{content:' ';position:absolute;background:#6AC6DD;width:0;height:100%;top:0;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;left:0}
|
||||
[id^=checkbox-7-]:checked+label:before{content:' ';position:absolute;width:100%;height:100%;text-shadow:0 1px 0 rgba(0,0,0,.1);top:0;left:0}
|
||||
#checkbox-7-2+label:before{width:100%;height:0}
|
||||
#checkbox-7-2:checked+label:before{width:100%;height:100%}
|
||||
#checkbox-7-3+label:before{width:100%;height:0;bottom:0;top:auto}
|
||||
#checkbox-7-3:checked+label:before{width:100%;height:100%}
|
||||
#checkbox-7-4+label:before{width:0;height:100%;left:auto;right:0}
|
||||
#checkbox-7-4:checked+label:before{width:100%;height:100%}
|
||||
|
||||
[id^=checkbox-8-]+label{background-color:#FFF;padding:9px;border-radius:50px;display:inline-block;position:relative;margin-right:30px;width:40px;height:15px}
|
||||
[id^=checkbox-8-]+label:after{content:' ';position:absolute;background:#E6332C;top:0;left:0;width:100%;height:100%;border-radius:100px;box-shadow:inset 0 0 20px rgba(0,0,0,.2)}
|
||||
[id^=checkbox-8-]+label:before{content:' ';position:absolute;background:#fff;top:2px;left:2px;z-index:99999;width:29px;height:29px;border-radius:100px;box-shadow:0 0 2px rgba(0,0,0,.5),inset 0 -18px 15px -10px rgba(0,0,0,.05)}
|
||||
[id^=checkbox-8-]+label:active{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1)}
|
||||
[id^=checkbox-8-]:checked+label:before{content:' ';position:absolute;left:27px;border-radius:100px}
|
||||
#checkbox-8-1+label,#checkbox-8-2+label{overflow:hidden}
|
||||
[id^=checkbox-8-]:checked+label:after{content:' ';font-size:1.5em;position:absolute;background:#63C99C}
|
||||
#checkbox-8-2+label:after,
|
||||
#checkbox-8-2+label:before,
|
||||
#checkbox label,#checkbox-8-4+label:after,
|
||||
#checkbox-8-4+label:before,
|
||||
#checkbox label{-webkit-transition:all .1s ease-in;transition:all .1s ease-in}
|
||||
#checkbox-8-3+label:before,
|
||||
#checkbox-8-4+label:before{width:35px;height:35px;top:-1px;left:-1px}
|
||||
#checkbox-8-3:checked+label:before,
|
||||
#checkbox-8-4:checked+label:before{left:27px}
|
||||
|
||||
[id^=checkbox-9-]+label{background-color:#FFF;padding:9px;border-radius:5px;display:inline-block;position:relative;margin-right:30px;width:45px;box-shadow:0 0 1px rgba(0,0,0,.6);height:10px}
|
||||
[id^=checkbox-9-]+label:before{content:' ';position:absolute;background:#fff;top:-1px;z-index:99999;left:-1px;width:21px;height:30px;border-radius:3px;box-shadow:0 0 1px rgba(0,0,0,.6),inset 0 -18px 15px -10px rgba(0,0,0,.05)}
|
||||
[id^=checkbox-9-]+label:after{content:'NO';position:absolute;top:7px;left:37px;font-size:1.2em;color:#868686}
|
||||
[id^=checkbox-9-]:checked+label:after{content:'YES';left:8px;color:#21BE92}
|
||||
[id^=checkbox-9-]:checked+label:before{content:' ';position:absolute;z-index:99999;left:44px}
|
||||
#checkbox-9-3+label:before,
|
||||
#checkbox-9-4+label:before{width:21px;height:24px;top:2px;left:2px}
|
||||
#checkbox-9-3:checked+label:before,
|
||||
#checkbox-9-4:checked+label:before{left:40px}
|
||||
#checkbox-9-2+label:after,
|
||||
#checkbox-9-2+label:before,
|
||||
#checkbox label,
|
||||
#checkbox-9-4+label:after,
|
||||
#checkbox-9-4+label:before,
|
||||
#checkbox label{-webkit-transition:all .1s ease-in;transition:all .1s ease-in}
|
||||
|
||||
[id^=checkbox-10-]+label{background-color:#fafbfa;padding:9px;border-radius:50px;display:inline-block;position:relative;margin-right:30px;-webkit-transition:all .1s ease-in;transition:all .1s ease-in;width:40px;height:15px}
|
||||
[id^=checkbox-10-]+label:after{content:' ';position:absolute;top:0;-webkit-transition:box-shadow .1s ease-in;transition:box-shadow .1s ease-in;left:0;width:100%;height:100%;border-radius:100px;box-shadow:inset 0 0 0 0 #eee,0 0 1px rgba(0,0,0,.4)}
|
||||
[id^=checkbox-10-]+label:before{content:' ';position:absolute;background:#fff;top:1px;left:1px;z-index:999999;width:31px;-webkit-transition:all .1s ease-in;transition:all .1s ease-in;height:31px;border-radius:100px;box-shadow:0 3px 1px rgba(0,0,0,.05),0 0 1px rgba(0,0,0,.3)}
|
||||
[id^=checkbox-10-]:active+label:after{box-shadow:inset 0 0 0 20px #eee,0 0 1px #eee}
|
||||
[id^=checkbox-10-]:active+label:before{width:37px}
|
||||
[id^=checkbox-10-]:checked:active+label:before{width:37px;left:20px}
|
||||
[id^=checkbox-10-]+label:active{box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1)}
|
||||
[id^=checkbox-10-]:checked+label:before{content:' ';position:absolute;left:26px;border-radius:100px}
|
||||
[id^=checkbox-10-]:checked+label:after{content:' ';font-size:1.5em;position:absolute;background:#4cda60;box-shadow:0 0 1px #4cda60}
|
||||
*/
|
||||
@@ -0,0 +1,171 @@
|
||||
@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;}
|
||||
@@ -0,0 +1,45 @@
|
||||
@charset "utf-8";
|
||||
|
||||
html,body{height:100%;}
|
||||
#wrapper{_display:inline-block;position:relative;width:100%;height:100%;min-width:1200px;}
|
||||
#wrapper:after{display:block;clear:both;content:'';}
|
||||
|
||||
#head{float:left;position:fixed;width:200px;height:100%;}
|
||||
#head .company{padding-top:40px;font-family:'Titillium Web',sans-serif;font-weight:bold;font-size:20px;color:#fff;text-align:center;}
|
||||
#head .sms_count{position:relative;height:140px;margin:20px 0 40px;color:#fff;text-align:center;background:url(/img/sub/bg_sms_count.png) no-repeat top center;}
|
||||
#head .sms_count .tit_count{position:absolute;top:40px;left:50%;width:132px;margin-left:-66px;font-size:14px;font-weight:bold;letter-spacing:-0.075em;color:#82feff;text-align:center;}
|
||||
#head .sms_count .pie-title-center{display:inline-block;position:relative;padding:4px;text-align:center;}
|
||||
#head .sms_count .pie-value{display:block;position:absolute;font-family:'Titillium Web',sans-serif;font-size:26px;font-weight:bold;top:60px;left:0;right:0;}
|
||||
#head .skin_color{bottom:40px;text-align:center;}
|
||||
|
||||
#menu_navi ul li{position:relative;}
|
||||
#menu_navi ul li.menu01 a{background-image:url(/img/common/ico_menu01.png);background-repeat:no-repeat;background-position:20px 22px;}
|
||||
#menu_navi ul li.menu02 a{background-image:url(/img/common/ico_menu02.png);background-repeat:no-repeat;background-position:20px 22px;}
|
||||
#menu_navi ul li.menu03 a{background-image:url(/img/common/ico_menu03.png);background-repeat:no-repeat;background-position:20px 22px;}
|
||||
#menu_navi ul li a{display:block;height:60px;font-size:16px;padding-left:50px;line-height:60px;color:#fff;letter-spacing:-0.025em;text-decoration:none;}
|
||||
|
||||
#menu_navi ul li .depth2 .arr{position:absolute;top:60px;left:20px;display:block;width:13px;height:7px;background:url(/img/common/ico_menu_on_c1.png) no-repeat;z-index:100;}
|
||||
#menu_navi ul li .depth2 ul{border-top:0!important;}
|
||||
#menu_navi ul li .depth2 li{height:50px;border-top:1px solid #d6d6d6;border-bottom:0!important;}
|
||||
#menu_navi ul li .depth2 li:first-child{border-top:none!important;}
|
||||
#menu_navi ul li .depth2 li a{height:50px;padding-left:20px;background-image:url(/img/common/ico_depth2.gif);background-repeat:no-repeat;background-position:90% 50%;background-color:#fff!important;font-size:15px;line-height:50px;color:#767782;}
|
||||
#menu_navi ul li .depth2 li a:hover,
|
||||
#menu_navi ul li .depth2 li a.on{background-image:url(/img/common/ico_depth2_on.gif);background-repeat:no-repeat;background-position:90% 50%;background-color:#fff!important;font-weight:700;color:#1c1c1c;}
|
||||
|
||||
#container{position:relative;margin-left:200px;height:100%;background:#f2f3fa;}
|
||||
#contents{position:relative;min-width:1000px;background:#f2f3fa;}
|
||||
|
||||
#sub_top{overflow:hidden;width:100%;height:54px;border-bottom:1px solid #e1e2e9;background:#fff;z-index:100;}
|
||||
#sub_top .inner{position:relative;width:1000px;}
|
||||
#sub_top h1{float:left;height:54px;padding-left:35px;margin-left:30px;background:url(/img/common/logo_top.png) no-repeat 0 50%;font-family:'Quantico',sans-serif;font-size:20px;line-height:54px;color:#6168fe;letter-spacing:-0.05em;}
|
||||
#sub_top h1 strong{margin-right:10px;font-size:27px;color:#000;}
|
||||
#sub_top ul.mem{float:right;border-right:1px solid #e1e2e9;}
|
||||
#sub_top ul.mem li{float:left;border-left:1px solid #e1e2e9;text-align:center;font-size:0;line-height:0;}
|
||||
#sub_top ul.mem li a{display:block;width:16px;height:18px;padding:18px 22px;}
|
||||
|
||||
#cont_head{overflow:hidden;width:970px;padding:40px 0 40px 30px;}
|
||||
#cont_head h2{float:left;font-size:30px;color:#000;font-weight:bold;letter-spacing:-0.075em;}
|
||||
#cont_head .imp{float:right;height:18px;padding:8px 0 8px 30px;margin-left:30px;background:url(/img/sub/ico_imp.gif) no-repeat 0 50%;font-size:13px;line-height:18px;color:#575757;letter-spacing:-0.025em;}
|
||||
#cont_head .imp span{text-decoration:underline;}
|
||||
|
||||
#cont_wrap{position:relative;width:100%;max-width:1000px;min-width:1000px;padding-left:30px;box-sizing:border-box;}
|
||||
@@ -0,0 +1,178 @@
|
||||
@charset "utf-8";
|
||||
|
||||
body{font-size:75%;font-family:'NanumGothic','나눔고딕','Nanum Gothic','NanumGothicWeb','돋움',Dotum,Gulim,Arial,Verdana,AppleGothic,Sans-serif!important;color:#333;}
|
||||
|
||||
a,
|
||||
a:link{text-decoration:none;cursor:pointer;color:#555;}
|
||||
|
||||
/* Letter-spacing */
|
||||
.ls0 {letter-spacing:0;}
|
||||
.ls_s {letter-spacing:-0.05em;}
|
||||
.ls_ss {letter-spacing:-0.3em;}
|
||||
|
||||
/* cursor:pointer */
|
||||
.hand{cursor:pointer;}
|
||||
|
||||
/* dispaly */
|
||||
.disblock {display:block;}
|
||||
.disnone {display:none;}
|
||||
.disinline {display:inline;}
|
||||
.disinlineblock {display:inline-block;}
|
||||
|
||||
/* float */
|
||||
.fl{float:left;}
|
||||
.fr{float:right;}
|
||||
.fn{float:none;}
|
||||
|
||||
/* align */
|
||||
.tal {text-align: left;}
|
||||
.tac {text-align: center;}
|
||||
.tar {text-align: right;}
|
||||
|
||||
/* vertical align */
|
||||
.vat {vertical-align:top;}
|
||||
.vam {vertical-align:middle;}
|
||||
.vab {vertical-align:bottom;}
|
||||
|
||||
/* font family */
|
||||
.ff1 {font-family:돋움,dotum;}
|
||||
.ff2 {font-family:굴림,gulim;}
|
||||
.ff3 {font-family:verdana;}
|
||||
.ff4 {font-family:tahoma;}
|
||||
.ff5 {font-family:arial;}
|
||||
|
||||
/* font size */
|
||||
.fs10 {font-size:10px;}
|
||||
.fs11 {font-size:11px;}
|
||||
.fs12 {font-size:12px;}
|
||||
.fs13 {font-size:13px;}
|
||||
.fs14 {font-size:14px;}
|
||||
.fn { font-weight:normal;}
|
||||
.bold {font-weight:bold;}
|
||||
|
||||
/* font color */
|
||||
.orange {color:#f96f00;}
|
||||
.black {color:#000000;}
|
||||
.sky_blue {color:#0085c9;}
|
||||
.blue {color:#0773c7;}
|
||||
.gray {color:#C2C2C2;}
|
||||
.gray2 {color:#9B9B9B;}
|
||||
.green {color:#80a344;}
|
||||
|
||||
/* Line */
|
||||
.underline {text-decoration:underline;}
|
||||
|
||||
/* Tag(Paragraph) */
|
||||
p { margin: 0; padding:0; border:0;}
|
||||
p.em { color: #06c; margin: 0; padding: 0; }
|
||||
|
||||
/* 스킨컬러 */
|
||||
.skin_color{position:absolute;width:100%;}
|
||||
.skin_color ul{font-size:0;line-height:0;}
|
||||
.skin_color ul li{display:inline-block;margin:0 3px;_zoom:1;}
|
||||
|
||||
/* Input,textarea,select */
|
||||
.input_box {background-color:#FFFFFF;border:1px solid #CDCDCD;font-size:1em;height:15px;padding:3px 3px 0;}
|
||||
textarea {border:1px solid #cdcdcd; font-size: 1em; width:98%;}
|
||||
select, textarea {vertical-align: middle;}
|
||||
|
||||
/* Padding */
|
||||
.pt0 {padding-top:0px;}
|
||||
.pt1 {padding-top:1px;}
|
||||
.pt2 {padding-top:2px;}
|
||||
.pt3 {padding-top:3px;}
|
||||
.pt4 {padding-top:4px;}
|
||||
.pt5 {padding-top:5px;}
|
||||
.pt6 {padding-top:6px;}
|
||||
.pt7 {padding-top:7px;}
|
||||
.pt8 {padding-top:8px;}
|
||||
.pt9 {padding-top:9px;}
|
||||
.pt10 {padding-top:10px;}
|
||||
.pt20 {padding-top:20px;}
|
||||
.pt30 {padding-top:30px;}
|
||||
|
||||
.pr0 {padding-right:0px;}
|
||||
.pr1 {padding-right:1px;}
|
||||
.pr2 {padding-right:2px;}
|
||||
.pr3 {padding-right:3px;}
|
||||
.pr4 {padding-right:4px;}
|
||||
.pr5 {padding-right:5px;}
|
||||
.pr6 {padding-right:6px;}
|
||||
.pr7 {padding-right:7px;}
|
||||
.pr8 {padding-right:8px;}
|
||||
.pr9 {padding-right:9px;}
|
||||
.pr10 {padding-right:10px;}
|
||||
|
||||
.pl0 {padding-left:0px;}
|
||||
.pl1 {padding-left:1px;}
|
||||
.pl2 {padding-left:2px;}
|
||||
.pl3 {padding-left:3px;}
|
||||
.pl4 {padding-left:4px;}
|
||||
.pl5 {padding-left:5px;}
|
||||
.pl6 {padding-left:6px;}
|
||||
.pl7 {padding-left:7px;}
|
||||
.pl8 {padding-left:8px;}
|
||||
.pl9 {padding-left:9px;}
|
||||
.pl10 {padding-left:10px;}
|
||||
.pl20 {padding-left:20px;}
|
||||
.pl30 {padding-left:30px;}
|
||||
|
||||
.pb0 {padding-bottom:0px;}
|
||||
.pb1 {padding-bottom:1px;}
|
||||
.pb2 {padding-bottom:2px;}
|
||||
.pb3 {padding-bottom:3px;}
|
||||
.pb4 {padding-bottom:4px;}
|
||||
.pb5 {padding-bottom:5px;}
|
||||
.pb6 {padding-bottom:6px;}
|
||||
.pb7 {padding-bottom:7px;}
|
||||
.pb8 {padding-bottom:8px;}
|
||||
.pb9 {padding-bottom:9px;}
|
||||
.pb10 {padding-bottom:10px;}
|
||||
|
||||
/* Margin */
|
||||
.mt5 {margin-top:5px;}
|
||||
.mt10 {margin-top:10px;}
|
||||
.mt15 {margin-top:15px;}
|
||||
.mt20 {margin-top:20px;}
|
||||
.mt25 {margin-top:25px;}
|
||||
.mt30 {margin-top:30px;}
|
||||
.mt35 {margin-top:35px;}
|
||||
.mt40 {margin-top:40px;}
|
||||
|
||||
.ml10 {margin-left:10px;}
|
||||
.ml15 {margin-left:15px;}
|
||||
.ml20 {margin-left:20px;}
|
||||
.ml25 {margin-left:25px;}
|
||||
.ml30 {margin-left:30px;}
|
||||
.ml35 {margin-left:35px;}
|
||||
.ml40 {margin-left:40px;}
|
||||
|
||||
.mr5 {margin-right:5px;}
|
||||
.mr10 {margin-right:10px;}
|
||||
.mr15 {margin-right:15px;}
|
||||
.mr20 {margin-right:20px;}
|
||||
.mr25 {margin-right:25px;}
|
||||
.mr30 {margin-right:30px;}
|
||||
.mr35 {margin-right:35px;}
|
||||
.mr40 {margin-right:40px;}
|
||||
|
||||
.mb5 {margin-bottom:5px;}
|
||||
.mb10 {margin-bottom:10px;}
|
||||
.mb15 {margin-bottom:15px;}
|
||||
.mb20 {margin-bottom:20px;}
|
||||
.mb25 {margin-bottom:25px;}
|
||||
.mb30 {margin-bottom:30px;}
|
||||
.mb35 {margin-bottom:35px;}
|
||||
.mb40 {margin-bottom:40px;}
|
||||
|
||||
/* Width */
|
||||
.w100 {width:100%;}
|
||||
|
||||
|
||||
/* Etc */
|
||||
.loading {display:none; position:absolute; left:400px; top:240px; border:2px solid #C6C6C6; background-color:#ffffff; padding:25px; text-align:center; vertical-align:middle; z-index:1000; font-weight:bold; color:#313131; line-height:140%;}
|
||||
.loading span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
|
||||
|
||||
|
||||
/***************************** contents list ******************************/
|
||||
|
||||
Reference in New Issue
Block a user