/* COMMON */
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}
.mt-20{margin-top: -20px;}
.mr20{margin-right: 20px;}
.mb20{margin-bottom: 20px;}
.ptb10{padding-top: 10px;padding-bottom: 10px; !important;}
.plr10{padding-left: 10px;padding-right: 10px; !important;}
.bb{border-bottom: 1px solid #e5e5e5;}
.bt{border-top: 1px solid #e5e5e5;}
.btn-outline {color: #336FFF;border-color: #336FFF;background-color: #FFF;}
.mh810{min-height: 810px;}
.pr{position: relative;}
.form-control-static{line-height: 1.8;padding-bottom:0;}

/* HEADER | FOOTER */
#page-container{background-color: #FFF;}
#header-navbar {height:80px;box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.6);}
.header{padding:10px 0;}
#header-navbar .nav-sub-header > li > a{font-size: 18px;}
#header-navbar .nav-sub-header > li > a:hover, #header-navbar .nav-sub-header > li > a:focus, #header-navbar .nav-pills > li.active > a {background-color: transparent;color: #336FFF;}
.header-other {font-size: 16px;line-height: 60px;}
.header-other .member{position: relative;padding-right:40px;}
.header-other .member span{position: absolute;right:0;top:-5px;}
#header-navbar .nav{display: inline-block;}
a.link:link{color:#696969;}
#footer{background-color:#2c343f; padding:30px 0 20px 0;}
#footer a{color:#FFF}
#go{position: fixed;width:60px;height:130px;right:20px;bottom:50px;z-index:500;}
#go div{display:block;width:50px;height:50px;background-color:#666666;color:#FFF;text-align: center;line-height: 50px;clear:both;cursor:pointer}
#go div i{font-size: 24px;}
#go .down{margin-top:10px;}

/* INDEX : NAV */
.cate{display: flex;padding:0;margin-bottom: 0;}
.cate dt{padding:0;margin: 0;width:55px;font-size: 16px;line-height: 30px;}
.cate dd{flex:1;padding:0;margin: 0;font-size:14px;line-height: 30px;}
.cate dd ul li a,.cate .skill a{padding:3px 10px;border:none;border-radius: 15px;color:#696969;font-size: 14px;}
.cate dd ul li a.on,.cate dd ul li a:hover{background-color: #e5efff;color: #336FFF;}
.cate .skill{padding:7px 10px;border-radius: 24px;background-color: #f3f3f3;}
.cate .skill a.on,.cate .skill a:hover{color: #fff;background-color: #2255EE;border-color: #295995;}

/* DETAIL */
#detail_data > div{padding:20px 30px;border-bottom: 1px solid #e5e5e5;clear:both;line-height: 2;}
#detail_data > div:last-child{border-bottom: none; !important;}
#detail{min-height:700px;}

/* USER */
.rt50{position: relative;top: 50px;}
#member-left-bottom{position: absolute; left:20px;bottom:20px;right:20px;text-align: center;}
.list-content{padding:20px;line-height: 2;border-bottom: 1px solid #e5e5e5;}
.list-footer{margin-top:10px;border-top:1px dashed #e5e5e5;padding-top:20px;clear:both;}