/* ------------------------------------------------------------ * 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-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;}