142 lines
9.7 KiB
CSS
142 lines
9.7 KiB
CSS
@charset "utf-8";
|
|
|
|
/* 로그인 */
|
|
#wrapper {*zoom:1; position:relative; height:auto !important;height:100%; min-height:100%; background:url('../images/login_bg.gif') 0 repeat-x;} /* IE5.5~7 브라우저 대응 Hack */
|
|
#wrapper:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
|
|
|
|
#loginArea {position:absolute; width:661px; height:280px; left:50%; top:50%; margin:-170px 0 0 -330px;}
|
|
.memberLogin {position:relative; width:661px; height:248px;background:url('../images/login_box.png') 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/login_box.png",sizingMethod='crop'); margin:0 auto 10px auto;}
|
|
.memberLogin .loginField {position:absolute;top:88px;left:274px;border:0 none;padding:0;margin:0;}
|
|
.memberLogin .loginField legend {visibility:hidden;width:0;height:0;font-size:0;}
|
|
.memberLogin .loginField .id {position:absolute;top:2px;left:0;width:260px;}
|
|
.memberLogin .loginField .pw {position:absolute;top:30px;left:0;width:260px;}
|
|
.memberLogin .loginField label {display:block;float:left;width:57px;padding:5px 0 0 0;}
|
|
.memberLogin .loginField .btnLogin {position:absolute;top:0;left:262px;}
|
|
.memberLogin .loginText {position:absolute;top:176px;left:278px; font:11px Dotum; color:#89b7d3; line-height:19px;}
|
|
#loginArea .copyright {text-align:center; font:11px Arial; color:#999999; line-height:19px;}
|
|
input.loginInput {width:194px; height:19px; background:#f2f2f1; border:1px solid #116294; color:#666; margin:0;}
|
|
|
|
|
|
/* header */
|
|
#wrap {*zoom:1; position:relative; width:100%; min-width:970px; height:auto !important;height:100%; min-height:100%; background:url('../images/left_bg.gif') 0 repeat-y;}
|
|
#wrap:after {content:" "; display:block; clear:both;}
|
|
|
|
#header{width:100%; height:104px;}
|
|
.topArea {*zoom:1; position:relative; width:100%; height:60px; background:url('../images/top_bg.gif') top left repeat-x; overflow:hidden;}
|
|
.topArea:after {content:" "; display:block; clear:both;}
|
|
h1.logo {position:absolute; top:0; left:0; margin:0; padding:0;}
|
|
.utilMenuSet {padding:12px 180px 0 0; text-align:right;}
|
|
.utilMenuSet p.visitorName {height:20px; line-height:1.2em; color:#424142; padding:0; margin:0;}
|
|
.utilMenuSet ul.utilMenu {float:right; margin:0; padding:0;clear:both;}
|
|
.utilMenuSet ul.utilMenu li {float:left; display:inline; list-style:none; margin:0 0 0 4px; padding:0;}
|
|
p.website {position:absolute; top:0; right:0; margin:0; padding:0;}
|
|
|
|
.gnbArea {width:100%; height:44px; background:url('../images/gnb_bg.gif') top left repeat-x; overflow:hidden; clear:both;}
|
|
ul.gnb {display:block; padding:0 0 0 25px; margin:0;}
|
|
ul.gnb li {float:left; list-style:none; background:url('../images/gnb_vline.gif') 0 13px no-repeat; padding:0; margin:0;}
|
|
ul.gnb li a,ul.gnb li a:link {display:block; font-size:100%; color:#fff; font-family:Gulim; font-size:13px; line-height:39px; padding:0 24px 0 26px; text-decoration:none;}
|
|
ul.gnb li a:hover {color:#40b5ff; text-decoration:none;}
|
|
ul.gnb li.bg_none {background:none;}
|
|
*html #header .gnbArea ul.gnb li a {color:#fff;} /* IE6 */
|
|
*html #header .gnbArea ul.gnb li a:hover {color:#40b5ff;} /* IE6 */
|
|
|
|
/* left */
|
|
.snb {float:left; display:inline; position:relative;left:-200px; width:170px;margin-right:-170px;}
|
|
.snbTitle {width:170px; height:41px; background:url('../images/left_title_bg.jpg') no-repeat;}
|
|
.snbTitle h2 {font:14px Gulim; color:#fff; font-weight:bold; line-height:1.6em; margin:0; padding:10px 0 0 38px;}
|
|
ul.menu {padding:8px 0 0 0; margin:0 0 50px 0;}
|
|
ul.menu li {display:block; list-style:none; height:35px; padding:0; margin:0; border-bottom:1px dotted #ccc;}
|
|
ul.menu li a,ul.menu li a:link {display:block; font-size:100%; color:#333; line-height:35px; background:url('../images/bullet.gif') 13px 12px no-repeat; padding:0 0 0 30px; margin:0; text-decoration:none;}
|
|
ul.menu li a:hover {display:block; color:#ca0000; background:#deeaed url('../images/bullet.gif') 13px 12px no-repeat; text-decoration:none;}
|
|
|
|
/* body */
|
|
#container{*display:inline-block; _width /**/:100%; padding:0 0 30px 200px; background:url('../images/con_bg.gif') top repeat-x;}
|
|
#container:after{display:block;clear:both;content:" ";}
|
|
#content {float:left; display:inline; width:1150px; /*width:99%;*/ min-width:770px; padding:30px 0 70px 0;}
|
|
|
|
h3.subTitle {display:block; font-size:16px; line-height:1.2em; letter-spacing:-1px; color:#40508e; background:url('../images/bullet2.gif') 0 2px no-repeat; padding:0 0 0 14px; margin:0 0 10px 0;}
|
|
|
|
#content01 {*zoom:1; width:100%; margin-bottom:30px;}
|
|
#content01:after {content:" "; display:block; clear:both;}
|
|
#content02 {*zoom:1; width:100%; margin-bottom:30px; padding:30px 0 0 0; border-top:1px solid #eee;}
|
|
#content02:after {content:" "; display:block; clear:both;}
|
|
#conBox01 {float:left; display:inline; width:48%; min-width:375px;}
|
|
#conBox02 {float:right; display:inline; width:48%; min-width:375px; margin-left:20px;}
|
|
|
|
ul.bbsList {display:block; list-style:none; padding:0; margin:0;}
|
|
ul.bbsList li {position:relative; display:block; height:26px; line-height:26px; background:url("../images/line_dot2.gif") bottom repeat-x;}
|
|
ul.bbsList li a {color:#333333; line-height:26px; background:url("../images/dot.gif") 4px 8px no-repeat; padding-left:13px;}
|
|
ul.bbsList li span {position:absolute; top:0; right:0; line-height:26px;}
|
|
ul.bbsList li img {vertical-align:middle;}
|
|
|
|
.table01 {width:100%; border-collapse:collapse; border-spacing:0px;}
|
|
.table01 caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
|
|
.table01 thead th {padding:5px; font-weight:normal; color:#11799f; background:#edf4f6; border:1px solid #b8d0e1;}
|
|
.table01 tbody td {padding:5px; font-weight:normal; border:1px solid #b8d0e1;}
|
|
|
|
.table02 {width:100%; border-collapse:collapse; border-spacing:0px;}
|
|
.table02 caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
|
|
.table02 thead th {padding:5px; font-weight:normal; color:#11799f; background:#edf4f6; border:1px solid #b8d0e1;}
|
|
.table02 tbody td {padding:5px; font-weight:normal; border-bottom:1px dotted #cccccc;}
|
|
|
|
.space-center {text-align:center;}
|
|
.space-left {text-align:left;}
|
|
.space-right {text-align:right;}
|
|
|
|
|
|
/* footer */
|
|
#footer{position:absolute; bottom:0; left:0; clear:both; width:100%; height:30px; background:#31323a; margin:0;}
|
|
p.copyright {padding:8px 20px 0 0; font-size:80%; color:#838386; line-height:1.2em; font-family:Arial, Dotum; text-align:right; margin:0;}
|
|
p.copyright strong {color:#45a7e4; font-weight:bold;}
|
|
p.copyright a {color:#45a7e4; font-weight:bold;}
|
|
|
|
|
|
/* sub */
|
|
.mailsms_head {padding:20px; border:1px solid #45a7e4; font-size:14px; font-weight:bold; color:#414141; line-height:26px; margin:0 0 25px 0;}
|
|
.mailsms_content {padding:0 20px;}
|
|
.mailsms_content h4 {font-size:16px; font-weight:bold; color:#414141;}
|
|
.mailsms_content ul {list-style:none;margin:0;padding:0;line-height:1.8em;}
|
|
.mailsms_content li {margin:0 0 0 13px; text-indent:-13px;}
|
|
.mailsms_content .bank {color:#13a7d8;}
|
|
.mailsms_content .notes {color:#ef6d0e;}
|
|
.mailsms_content .form {width:560px; margin-top:20px;}
|
|
.mailsms_form table {width:100%; border-collapse:collapse; border-spacing:0px; margin:0 0 10px 0; color:#444; border-bottom:1px solid #646464; border-top:1px solid #646464;}
|
|
.mailsms_form thead th {background:#646464; color:#fff; font-size:16px; padding:10px 0;}
|
|
.mailsms_form thead td {background:#d5d5d5; border-left:1px solid #c1c1c1; padding:6px; font-weight:bold; text-align:center;}
|
|
.mailsms_form thead tr td:first-child {border-left:0;}
|
|
.mailsms_form tbody th {border-top:1px solid #c1c1c1; padding:6px; font-weight:normal;}
|
|
.mailsms_form tbody th strong {font-size:14px;}
|
|
.mailsms_form tbody td {border-left:1px solid #c1c1c1; border-top:1px solid #c1c1c1; padding:6px; text-align:center;}
|
|
.mailsms_form .btn {margin-top:10px; text-align:center;}
|
|
.mailsms_form .btn input[type=submit],
|
|
.mailsms_form .btn input[type=button] {padding:10px 20px;}
|
|
.mailsms_pop h1 {margin:0;padding:0;}
|
|
.mailsms_pop dd {margin:0;padding:0;}
|
|
.mailsms_pop .head {line-height:0; background:#0060ab;}
|
|
.mailsms_pop .content {padding:10px 5px;}
|
|
.mailsms_pop .content .top {padding:10px 5px; font-size:14px; font-weight:bold; color:#000; line-height:20px; word-break:keep-all;}
|
|
.mailsms_pop .content .total {color:#ff5a00; font-size:16px; margin:12px;}
|
|
.mailsms_pop .content .info {margin:12px;}
|
|
.mailsms_pop .content .bank {color:#13a7d8;}
|
|
.mailsms_pop .content .memo dt {background:#9bb94b; padding:3px 12px; color:#fff;}
|
|
.mailsms_pop .content .memo dd {border:1px solid #a9a9a9; padding:6px 10px;}
|
|
.mailsms_pop .content .memo textarea {outline:none;border:0;font-size:12px;line-height:1.6em;overflow:auto;}
|
|
.mailsms_charge {padding:3px 10px; font-size:12px; line-height:16px;}
|
|
.mailsms_result {width:745px;}
|
|
.mailsms_result .top {zoom:1; margin:0 0 10px 0; overflow:hidden;}
|
|
.mailsms_result .top .search {float:left;}
|
|
.mailsms_result .top .total {float:right; color:#ff5a00; font-size:16px; padding:4px 0 0 0;}
|
|
.mailsms_result_list {width:100%; border-collapse:collapse; border-spacing:0px;}
|
|
.mailsms_result_list thead th {background:#646464; color:#fff; padding:6px 0;}
|
|
.mailsms_result_list tbody td {padding:6px 0; border-bottom:1px solid #646464; border-left:1px solid #646464; text-align:center;}
|
|
.mailsms_result_list tbody tr td:first-child {border-left:0;}
|
|
|
|
/* 페이지목록 */
|
|
.paginate {padding:20px 0;text-align:center;line-height:normal; clear:both;}
|
|
.paginate a,
|
|
.paginate strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px; font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
|
|
.paginate a:hover,
|
|
.paginate a:active,
|
|
.paginate a:focus{background-color:#f8f8f8;}
|
|
.paginate strong{color:#ff5a00}
|
|
.paginate a.direction{padding:0; margin:0 4px;} |