@charset "utf-8";
@import url(basic.css);

/*헤더*/
header{position:fixed;top:0;background:rgba(87, 143, 239, 0.9);width:100%;min-width:1400px;height:57px;z-index:9}
.logo{float:left;width:300px;height:57px;background:url(/home/img/common/logo.png)no-repeat;background-size:91px auto;background-position:left 25px top 17px}
.logo a{display:block;padding:19px 10px 0 123px;font-size:18px;color:#fff;font-weight:bold;line-height: 1.167;}
header ul{width:1080px;float:left;text-align:right}
header ul li{display:inline-block;padding-top:12px}
header ul li + li{margin-left:6px}
header ul li a{display:block;padding:5px 16px 5px 12px;color:#cfdef9;font-size:13px;border:1px solid #9dbdf2;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;}
header ul li i::before{margin-right:5px;font-size:16px}
header ul li a:hover{color:#fff}

/*사이드메뉴*/
.sidebar{position:fixed;top:0;left:0;width:260px;height:100%;margin-top:57px;box-shadow: 1px 0 0 0 #e2e3e3;background:#fcfcfc}
.eos-menu{position:fixed;left:0;top:0;width:260px;margin-top:57px}
.eos-menu > ul{margin:7px auto 30px auto}
.eos-menu .eos-group-title{display:block;padding:14px 0 12px 0;text-indent:25px;font-size:15px;color:#555555}
.eos-menu .eos-group-title.active{font-weight:bold}
.eos-menu .eos-group-title i{float:right;line-height:18px;padding-right:25px;font-size:15px}
.eos-menu .eos-group-content{background:#f7f7f7;overflow-y:hidden;height:0px;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}
.eos-menu .eos-menu-title:hover,
.eos-menu .eos-group-title:hover,
.eos-menu .eos-item:hover{cursor:pointer}
.eos-menu .eos-item{text-indent:35px}
.eos-menu .eos-item a{display:block;padding:11px 0 10px 0;font-size:14px;color:#8e8e8e}
.eos-menu .eos-item a:hover,
.eos-menu .eos-item a.active{background:#ededed;color:#5584ff;font-weight:bold}

.eos-menu li.dev-recruit{margin-top: 20px;}





/*contents*/
.container{padding-left:280px;padding-right:15px}
.inner{margin:0;width:1100px}

h1{display:inline-block;width:100%;margin:77px auto 15px auto;padding-bottom:15px;line-height:29px;letter-spacing:-2px;color:#5584ff;vertical-align:top;font-size:27px;font-weight:500;border-bottom:1px solid #ebebeb}
h2{display:inline-block;font-size:22px;margin:15px auto;letter-spacing:-2.5px}
h3{font-size:17px;margin:25px auto}

p.txt{font-size:15px;margin-bottom:20px;line-height:25px;letter-spacing:-0.3px}
p.txt i::before{font-size:10px;margin-right:8px;color:#4754e5;font-weight:bold;position:relative;top:-2px}

.code-box{margin-bottom:30px}
.code-header{margin-bottom:15px}
.code-header li{display:inline-block;margin-right:20px}
.code-header li a{font-size:16px;color:#8a92a5;letter-spacing:0.7px}
.code-header li a.active{padding:3px 5px;color:#4754e5;border-bottom:2px solid #4754e5}
.code-header li a:hover{color:#4754e5}
.code-view{letter-spacing:-0.5px}



table{width:100%;margin-bottom:30px;letter-spacing:-0.5px}
table thead th{padding:10px;color:#252424;font-weight:bold;height:35px;text-align:left;font-size:15px}
table tbody{border-top:2px solid #acacac}
table tbody>tr:nth-child(odd){background-color:#fafafa}
table tbody tr{border-bottom:1px solid #e2e3e3}
table tbody td{padding:10px;font-size:14px}

.label-basic{padding:0px 5px;border-radius:2px;font-size:11px}
label.red{background:#ff677a;color:#fff}
label.bluegreen{background:#00ccd5;color:#fff}

.text-center{text-align:center}