209 lines
9.4 KiB
CSS
209 lines
9.4 KiB
CSS
/* ------------------------------------------------------------
|
|
* Name : admin.css
|
|
* Desc : Admin StyleSheet
|
|
* Created : 2016/9/11 Tri-aBility by Junheum,Choi
|
|
* Updated :
|
|
------------------------------------------------------------ */
|
|
* {
|
|
margin:0px;
|
|
padding:0px;
|
|
border:0px;
|
|
font-size:14px;
|
|
font: Arial;
|
|
}
|
|
|
|
/* #head{
|
|
border:1px solid blue;
|
|
} */
|
|
#tail{
|
|
text-align:center;
|
|
/* border:1px solid green; */
|
|
}
|
|
#layout {
|
|
width:1280px;
|
|
/* border:1px solid blue; */
|
|
}
|
|
|
|
#layout #body{
|
|
padding-left:10px;
|
|
/* border:1px solid red; */
|
|
}
|
|
|
|
#layout #body nav.header{
|
|
/*content 상단라인*/
|
|
padding-top:40px;
|
|
margin-left:30px;
|
|
border-bottom:1px solid silver;
|
|
}
|
|
#layout #body nav.header nav h4.title{
|
|
font-size:26px;
|
|
font-weight:bold;
|
|
}
|
|
#layout #body nav.header nav span.flow{
|
|
color: gray;
|
|
}
|
|
#layout #body div.footer
|
|
/*content 하단라인*/{
|
|
height:20px;
|
|
/* border-top:0px;
|
|
border-left:1px solid silver;
|
|
border-bottom:1px solid silver;
|
|
border-right:1px solid silver;
|
|
border-radius: 0px 0px 10px 10px;
|
|
background-color:white; */
|
|
}
|
|
|
|
/* reset */
|
|
html {overflow-y:scroll;}
|
|
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
|
|
body,input,textarea,select,button,table{font-family:'Noto Sans KR', helvetica,sans-serif;font-size:16px;letter-spacing:-0.2px;line-height:1.7em;color:#505050;word-break:keep-all; -webkit-text-size-adjust:none;}
|
|
img{border:0}
|
|
ul,ol{list-style:none}
|
|
fieldset{border:none}
|
|
fieldset legend {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}
|
|
button{cursor:pointer}
|
|
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
|
|
hr {clear:both;display:none;}
|
|
li img, dd img {vertical-align:top;}
|
|
*html body img {margin:none; padding:none;} /*for IE 6*/
|
|
* {max-height: 1000000px;}
|
|
|
|
a{
|
|
color:#5d5d5d;
|
|
text-decoration:none;
|
|
-webkit-transition: all 0.2s ease-in-out;
|
|
-moz-transition: all 0.2s ease-in-out;
|
|
-ms-transition: all 0.2s ease-in-out;
|
|
-o-transition: all 0.2s ease-in-out;
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
a:hover,
|
|
a:active{
|
|
color:#000;
|
|
text-decoration:none;
|
|
-webkit-transition: all 0.2s ease-in-out;
|
|
-moz-transition: all 0.2s ease-in-out;
|
|
-ms-transition: all 0.2s ease-in-out;
|
|
-o-transition: all 0.2s ease-in-out;
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
|
|
::-webkit-input-placeholder {color:#999;}
|
|
:-moz-placeholder {color:#999;}
|
|
::-moz-placeholder {color:#999;}
|
|
:-ms-input-placeholder {color:#999;}
|
|
:placeholder-shown {color:#999;}
|
|
|
|
table caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
|
|
input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:-2px 3px 0 0 !important; background:transparent;}
|
|
input,select {vertical-align:middle; background:#fff;}
|
|
|
|
|
|
/* user class */
|
|
h1,h2,h3,h4,h5,h6,strong,th,.bold{font-weight:500;}
|
|
.clear{clear:both;}
|
|
.clearfix:after {content:" "; display:block; clear:both;}
|
|
.hide {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}
|
|
.pointer {cursor:pointer;}
|
|
.input {height:35px; padding:0 0 0 10px; font-size:15px; line-height:33px; border:1px solid #ddd; box-sizing:border-box;}
|
|
.textarea {padding:10px; font-size:15px; line-height:33px; border:1px solid #ddd; resize:none; overflow:auto; box-sizing:border-box;}
|
|
.select {height:35px; padding:0 0 0 10px; font-size:15px; border:1px solid #ddd; box-sizing:border-box;}
|
|
|
|
.mgb2 {margin-bottom:2px !important;}
|
|
.mgb3 {margin-bottom:3px !important;}
|
|
.mgb4 {margin-bottom:4px !important;}
|
|
.mgb5 {margin-bottom:5px !important;}
|
|
.mgb6 {margin-bottom:6px !important;}
|
|
.mgb7 {margin-bottom:7px !important;}
|
|
.mgb8 {margin-bottom:8px !important;}
|
|
.mgb9 {margin-bottom:9px !important;}
|
|
.mgb10 {margin-bottom:10px !important;}
|
|
.mgb15 {margin-bottom:15px !important;}
|
|
.mgb20 {margin-bottom:20px !important;}
|
|
.mgb25 {margin-bottom:25px !important;}
|
|
.mgb30 {margin-bottom:30px !important;}
|
|
.mgb35 {margin-bottom:35px !important;}
|
|
.mgb40 {margin-bottom:40px !important;}
|
|
.mgb45 {margin-bottom:45px !important;}
|
|
.mgb50 {margin-bottom:50px !important;}
|
|
.mgb60 {margin-bottom:60px !important;}
|
|
.mgb70 {margin-bottom:70px !important;}
|
|
.mgb75 {margin-bottom:75px !important;}
|
|
.mgb90 {margin-bottom:90px !important;}
|
|
|
|
.fl {float:left;}
|
|
.fr {float:right;}
|
|
|
|
.space-center {text-align:center !important;}
|
|
.space-right {text-align:right !important;}
|
|
.space-left {text-align:left !important;}
|
|
|
|
.text-blue {color:#284685}
|
|
.text-red {color:#b4260b}
|
|
.text-gray {color:#999}
|
|
.text-black {color:#000}
|
|
|
|
|
|
.line-through {text-decoration:line-through;}
|
|
|
|
.main-bnr {width:1200px; position:relative; margin:-120px auto 60px; z-index:12}
|
|
.main-bnr ul:after {content:" "; display:block; clear:both;}
|
|
.main-bnr ul li {float:left; width:33.333%; height:180px; background-repeat:no-repeat; background-position:40px 50%;}
|
|
.main-bnr ul li.bg1 {background-color:#41adde; background-image:url('/images/main/icon1.png');}
|
|
.main-bnr ul li.bg2 {background-color:#0280c9; background-image:url('/images/main/icon2.png');}
|
|
.main-bnr ul li.bg3 {background-color:#30539f; background-image:url('/images/main/icon3.png');}
|
|
.main-bnr ul li .info {padding-left:180px; display:table; height:180px; color:#fff}
|
|
.main-bnr ul li .info dl {width:100%; display:table-cell; vertical-align:middle;}
|
|
.main-bnr ul li .info dl dt {font-size:18px; line-height:1.7em; font-weight:500; margin-bottom:10px;}
|
|
.main-bnr ul li .info dl dd {font-size:15px; line-height:1.7em;}
|
|
|
|
.main-bnr2 {width:1200px; position:relative; margin:20px auto 60px; z-index:12;}
|
|
.main-bnr2 ul:after {content:" "; display:block; clear:both;}
|
|
.main-bnr2 ul li {float:left; width:33.333%; height:180px; background-repeat:no-repeat; background-position:40px 50%;}
|
|
.main-bnr2 ul li.bg1 {background-color:#41adde; background-image:url('/images/main/icon1.png');}
|
|
.main-bnr2 ul li.bg2 {background-color:#0280c9; background-image:url('/images/main/icon2.png');}
|
|
.main-bnr2 ul li.bg3 {background-color:#30539f; background-image:url('/images/main/icon3.png');}
|
|
.main-bnr2 ul li .info {padding-left:180px; display:table; width:100%; height:180px; color:#fff;}
|
|
.main-bnr2 ul li .info dl {width:100%; display:table-cell; vertical-align:middle;}
|
|
.main-bnr2 ul li .info dl dt {font-size:24px; line-height:1.7em; font-weight:500; margin-bottom:10px;}
|
|
.main-bnr2 ul li .info dl dd {font-size:15px; line-height:1.7em;}
|
|
.main-bnr2 ul li .info dl dd a{color:white;}
|
|
.main-bnr2 ul li .info dl dd span{float:right; padding-right:20px;}
|
|
|
|
.main-title {text-align:center; margin-bottom:40px;}
|
|
.main-title h2 {font-size:28px; line-height:1.6em; font-weight:700; color:#333;}
|
|
.main-title p {color:#656565; font-size:17px;line-height:1.6em;}
|
|
|
|
.main-price {margin:0 -10px 80px; overflow:hidden;}
|
|
.main-price:after{content:"";display:block;clear:both;}
|
|
.main-price .col {float:left; width:50%; padding:0 10px; box-sizing:border-box; margin-bottom:20px;}
|
|
.main-price .col:nth-child(2n+1) {clear:left;}
|
|
.main-table.type2 table thead th {background:#0280c9}
|
|
.main-table table {width:100%; border-collapse:collapse; border-spacing:0px;}
|
|
.main-table table thead th {padding:9px 10px; height:35px; font-size:22px; font-weight:500; line-height:22px; color:#fff; background:#30539f}
|
|
.main-table table tbody th {padding:9px 10px; height:35px; font-size:16px; font-weight:500; line-height:22px; color:#333; border-bottom:1px solid #d6d6d6; background:#eaeef4;}
|
|
.main-table table tbody td {padding:9px 20px; color:#2c2c2c; font-size:16px; line-height:22px; border-bottom:1px solid #d6d6d6; background:#f8f8f8}
|
|
.main-table table tbody th.none,.main-table table tbody td.none {border-bottom:0}
|
|
.main-table .f-back {background-color:#e62b2b; color:#fff; }
|
|
.main-table strong {font-weight:500}
|
|
|
|
.main-service {background:url('/images/main/bg_bnr.jpg') 50% 0 no-repeat; width:100%; height:330px;}
|
|
.main-service .col {float:left; width:50%; height:330px; display:table; text-align:center;}
|
|
.main-service .col .link {width:600px; height:330px; display:table-cell; vertical-align:middle; color:#fff;}
|
|
.main-service .col .link dl dt {font-size:30px; line-height:1.4em; font-weight:500; margin-bottom:5px;}
|
|
.main-service .col .link dl dd {font-size:17px; line-height:1.4em; margin-bottom:20px;}
|
|
.main-service .col .link .more {font-size:15px; line-height:1.4em; opacity:.8}
|
|
.main-service .col .link .more .arrow {margin:0 3px;position:relative;border: solid #ddd;border-width: 0 2px 2px 0;transform: rotate(-45deg);display: inline-block;padding: 3px;}
|
|
.main-service .col a {display:block;}
|
|
|
|
.main-notice {background:#f5f5f5; padding:60px 0;}
|
|
.main-notice .title {float:left; width:511px; height:276px; color:#fff; background:url('/images/main/bg_notice.gif') 0 0 no-repeat;}
|
|
.main-notice .title dl {padding:50px}
|
|
.main-notice .title dl dt {font-size:32px; line-height:1.4em; font-weight:500; margin-bottom:5px;}
|
|
.main-notice .title dl dd {font-size:16px; line-height:1.4em; color:#cbcfd9;}
|
|
.main-notice .list {float:left; width:688px; height:276px; background:#fff; border:1px solid #ddd; border-left:0; box-sizing:border-box;}
|
|
.main-notice .list ul {padding:15px 40px 0;}
|
|
.main-notice .list ul li {line-height:49px; height:49px; border-bottom:1px solid silver; position:relative;}
|
|
.main-notice .list ul li:last-child {border-bottom:0}
|
|
.main-notice .list ul li a {display:inline-block; font-size:16px; font-weight:bold; width:500px; height:49px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
|
|
.main-notice .list span {position:absolute; top:0; right:0; font-size:14px; color:#959595;} |