@charset "utf-8";

body{font-family:'NanumSquareRound', sans-serif;}
input, button{font-family:'NanumSquareRound', sans-serif;}
.clearfix {display: block;}
.clearfix:after {display:block; visibility:hidden; clear:both; content:"."; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
a{cursor:pointer;}
/* mdi 아이콘 */
i.mdi{display:inline-block;font-size:20px;width:25px;text-align:left;color:#959595;}

/* 버튼 */
.button{font-size:12px;line-height:15px;padding:5px 12px;display:inline-block;border-radius:13px;background-color:#6e6e6e;color:#fff;vertical-align:middle;text-align:center;word-break:keep-all;}
input.button, button.button{border:none;padding:5px 12px 5px 12px;}
input.button:focus, button.button:focus{outline:none;}

.button i.mdi{color:#fff;vertical-align:top;margin-right:-10px;}
.button.btn-green{background-color:#74ce83;}
.button.btn-red{background-color:#f14949;}
.button.btn-navy{background-color:#23436b;}
.button.btn-blue{background-color:#6677db;}
.button.btn-skyblue{background-color:#0099ff;}
.button.btn-yellow{background-color:#fef448;color:#313131;}
.button.btn-pink{background-color:#fe8591;}
.button.btn-mint{background-color:#48d2cf;}
.button.bbs-btn{border-radius:3px;font-size:13px;padding:8px 12px;}
.button.btn-list{background-color:#fff;border:1px solid #eee;color:#707070;}
.button.default{background-color:#eee !important;border:1px solid #cdcdcd;color:#999;}

.bbs-btn.default{padding:7px 12px;}

/* 뱃지 */
.badge{font-size:12px;line-height:15px;padding:3px 8px;border-radius:4px;background-color:#6e6e6e;color:#fff;text-align:center;word-break:keep-all;display:inline-block;margin-bottom:3px;}
.badge.bad-orange{background-color:#ff8901;}
.badge.bad-violet{background-color:#9472cc;}
.badge.bad-pink{background-color:#f39aba;}
.badge.bad-black{background-color:#313131;}
.badge.bad-blue{background-color:#0099ff;}



/* 상단 */
.header .wrapper-top{width:100%;height:120px;position:relative;}
.header h1{position:absolute;left:calc(50% - 90px);top:39px;}
.header h1 a{display:block;font-size:0;line-height:0;background:url('../img/logo-service.png') no-repeat left top / 100% auto;width:200px;height:49px;}
.wrapper-menu{}
.wrapper-menu .gnb{width:100%;height:65px;font-size:0;line-height:0;padding:0;margin:0;background-color:#23436b;text-align:center;}
.wrapper-menu .gnb_admin{width:100%;height:65px;font-size:0;line-height:0;padding:0;margin:0;background-color:#323234;text-align:center;position:relative;}
.wrapper-menu ul.gnb-list > li{display:inline-block;transform:skew(-0.03deg);position:relative;}
.wrapper-menu ul.gnb-list > li > a{display:block;padding:0 23px;font-size:16px;line-height:65px;font-weight:700;color:#fff;position:relative;font-family:'NanumSquare', sans-serif;}
.wrapper-menu ul.gnb-list > li > a:hover{text-decoration:none;}
.wrapper-menu ul.gnb-list > li > a.on::after, .wrapper-menu ul.gnb-list > li > a:hover::after{content:'';position:absolute;left:23px;bottom:15px;width:calc(100% - 46px);height:3px;background-color:#fff;}

/* 상단 메뉴 2020-08-25 */
.gnb_admin.on::before{content:'';width:100%;height:45px;position:absolute;left:0;top:65px;background-color:#efefef;}
.dep-2th{position:absolute;width:650px;height:45px;left:0;top:65px;display:none;}
.dep-2th.on{display:block;}
.dep-2th > ul{width:100%;height:45px;}
.dep-2th > ul > li{line-height:45px;float:left;font-size:15px;font-weight:500;letter-spacing:-0.07em;}
.dep-2th > ul > li a{padding:0 20px;color:#000;}
.dep-2th > ul > li a:hover, .dep-2th > ul > li a.on{color:#f14949;text-decoration:none;}





/* 푸터 */
.footer{width:100%;height:120px;background-color:#bfbfbf;}
.footer .foot-wrap{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;}
.footer .footer_logo{display:none;float:left;width:210px;padding-top:40px;}
.footer .footer_logo a{width:181px;height:34px;display:block;background:url('../img/foot-logo.png') no-repeat;background-size:contain;font-size:0;line-height:0;}
.footer .foot-content{float:left;width:885px;padding-top:35px;}
.footer .foot-content .address{font-style:normal;}
.footer .foot-content .address span{font-size:12px;line-height:20px;color:#fff;font-weight:300;letter-spacing:-0.03em;padding-left:10px;padding-right:10px;position:relative;}
.footer .foot-content .address span::after{content:'';position:absolute;right:0;top:0;width:1px;height:12px;background-color:#fff;}
.footer .foot-content .address span.co-name{padding-left:0;}
.footer .foot-content .address span.biz-num::after{display:none;}
.footer .foot-content .copyright{font-size:15px;line-height:20px;color:#fff;}
.foot-btn{position:absolute;right:0;top:35px;}
.foot-btn li{float:left;width:50px;height:50px;border:1px solid #fff;text-align:center;}
.foot-btn li a{display:block;font-size:0;line-height:0;}
.foot-btn li:first-child{margin-right:-1px;}
.foot-btn li a i.mdi{line-height:48px;text-align:center;color:#fff;}


/* 본문 */
#wrap{margin:60px auto 100px;width:100%;max-width:1200px;position:relative;min-height:calc(100vh - 465px);}
.box-service{width:100%;padding:25px 30px;background-color:#f6f6f6;border:1px solid #d2d2d2;border-radius:5px;position:relative;margin-bottom:10px;}
.info-user{}
.info-user li{font-size:15px;font-weight:700;color:#282828;display:inline-block;margin-right:30px;margin-bottom:10px;}
.type-user{font-size:15px;line-height:30px;font-weight:700;color:#282828;display:inline-block;margin-right:35px;}
.type-user.last-child{margin-right:0;}
.type-user dt{display:inline-block;position:relative;padding-left:15px;}
.type-user dt::before{content:'';position:absolute;left:0;top:8px;width:10px;height:10px;border:2px solid #959595;border-radius:50%;}
.type-user dd{display:inline-block;}
/*.rule{position:absolute;right:5px;bottom:27px;}*/
.rule i.mdi{margin-left:5px;font-size:17px;}
.wrap-content{position:relative;}
#view-rules{width:100%;background-color:#eef5fd;border:1px solid #d2d2d2;border-radius:3px;position:absolute;left:0;top:0;padding:25px;display:none;z-index:10;}
#view-rules .wrap-rules{position:relative;}
#view-rules h3{font-size:15px;line-height:35px;color:#282828;font-weight:700;}
#view-rules h3 span{font-size:15px;line-height:35px;color:#282828;font-weight:400;}
#view-rules .close-rules{position:absolute;right:0;top:0;width:15px;height:15px;background:url('../img/btn-close.png') no-repeat;font-size:0;line-height:0;}
#view-rules .list-service{font-size:15px;line-height:25px;color:#282828;margin-left:15px;}
#view-rules .list-service dt{display:inline-block;padding-left:15px;padding-right:10px;position:relative;}
#view-rules .list-service dt::before, #view-rules .list-service dt::after{content:'';position:absolute;}
#view-rules .list-service dt::before{width:5px;height:5px;border-radius:50%;background-color:#282828;left:0;top:8px;}
#view-rules .list-service dt::after{background-color:#6d7073;width:1px;height:16px;right:0;top:4px;}
#view-rules .list-service dd{display:inline-block;padding-left:5px;}
#view-rules .list-service dd strong{color:#f14949;font-weight:700;}
#view-rules p{font-size:15px;line-height:35px;color:#282828;}
#view-rules i.mdi{color:#282828;font-size:18px;}

/* 일반 컨텐츠*/
.wrap-content h2{font-size:20px;line-height:27px;color:#1f1f1f;position:relative;margin-bottom:30px;font-weight:700;}
.wrap-content h4{font-size:15px;line-height:27px;color:#1f1f1f;}
.btn-manage{position:absolute;right:0;top:0;}

.scr-tbl{font-size:12px;line-height:17px;color:#1f1f1f;font-weight:300;}

/* 정렬 */
.margin-top15{margin-top:15px !important;}
.margin-bottom5{margin-bottom:5px !important;}
.wid-100{width:100%;}
.wid-30{width:30%;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

/* 테이블 */
.tbl-mem{width:100%;border-bottom:2px solid #d2d7d8;border-collapse:collapse;border-spacing:0;margin-top:30px;margin-bottom:40px;}
.tbl-mem thead th{background-color:#e6f0f3;border-left:1px solid #fff;border-bottom:1px solid #fff;font-size:15px;line-height:20px;color:#1f1f1f;font-weight:700;text-align:center;padding:15px 12px;text-transform:uppercase;word-break:keep-all;}
.tbl-mem thead th:first-child{border-left:none;}
.tbl-mem tbody td{border-left:1px solid #d2d7d8;border-bottom:1px solid #d2d7d8;font-size:15px;line-height:20px;color:#1f1f1f;padding:14px 12px;text-align:center;}
.tbl-mem tbody td:first-child{border-left:none;}
.tbl-mem tbody td.site-url{text-align:left;}
.tbl-mem .manage-tbl{width:300px;}

.tbl-mon{width:100%;border-bottom:2px solid #d2d7d8;border-collapse:collapse;border-spacing:0;margin-top:30px;margin-bottom:40px;}
.tbl-mon thead th{background-color:#e6f0f3;border-left:1px solid #fff;border-bottom:1px solid #fff;font-size:15px;line-height:20px;color:#1f1f1f;font-weight:700;text-align:center;padding:15px 12px;text-transform:uppercase;word-break:keep-all;}
.tbl-mon thead th:first-child{border-left:none;}
.tbl-mon tbody td{border-left:1px solid #d2d7d8;border-bottom:1px solid #d2d7d8;font-size:15px;line-height:20px;color:#1f1f1f;padding:14px 12px;text-align:center;}
.tbl-mon tbody td:first-child{border-left:none;}
.tbl-mon tbody td.site-url{text-align:left;}

.tbl-write{width:100%;border-top:1px solid #eee;border-collapse:collapse;border-spacing:0;margin-top:30px;margin-bottom:40px;}
.tbl-write th{width:170px;text-align:left;font-size:15px;line-height:20px;color:#1f1f1f;font-weight:700;padding:8px 2px;border-bottom:1px solid #eee;text-transform:uppercase;}
.tbl-write td{padding:9px 5px;border-bottom:1px solid #eee;font-size:15px;line-height:40px;color:#1f1f1f;font-weight:300;}
.tbl-write td input[type=text], .tbl-write td input[type=password]{height:40px;background-color:#f3f3f3;border-radius:3px;border:none;padding-left:10px;padding-right:10px;}
.tbl-write td textarea{background-color:#f3f3f3;border-radius:3px;border:none;vertical-align:top;}
.tbl-write td select{height:37px;border:1px solid #ddd;border-radius:3px;width:20%;}
.tbl-write td select:focus{outline:none;}
.tbl-write td.date-service input{width:30%;}
.tbl-write td.count-service span{margin-left:15px;}


@media (max-width: 1199px){
  #wrap, .footer .foot-wrap{padding:0 20px;}
/*  .rule{bottom:auto;top:15px;}*/
  .type-user{margin-right:15px;}
  .foot-btn{right:20px;}
  .footer .footer_logo{width:160px;}
  .footer .footer_logo a{width:140px;}
  .footer .foot-content{width:calc(100% - 280px);}
  .responsive{width:100%;overflow-x:scroll;}
  .tbl-mem{width:1200px;}
}
@media (max-width: 1060px){
  .footer{height:auto;padding-bottom:20px;}
  .type-user{display:block;}
  .footer .foot-content .address span.addr{display:block;padding-left:0;}
  .footer .foot-content .address span.ceo::after,
  .footer .foot-content .address span.addr::after{display:none;}
  .footer .foot-content .address span.biz-num{padding-left:0}
}
@media (max-width: 991px){
  /*.wrapper-menu .gnb_admin{overflow-x:scroll;}
  .wrapper-menu .gnb_admin ul{width:1000px;}*/
}

@media (max-width: 825px){
  #view-rules .list-service dd{display:block;padding-left:15px;}
  .tbl-write td select{width:30%}
}
@media (max-width: 700px){
  .footer .foot-content .address span{display:block;padding-left:0;}
  .footer .foot-content .address span::after{display:none;}
  .footer .footer_logo, .footer .foot-content{float:none;}
  .footer .footer_logo{padding-top:20px;}
  .footer .foot-content{width:100%;padding-top:15px;}
  .foot-btn{top:25px;}

}
@media (max-width: 550px){
  .tbl-write th, .tbl-write td{display:block;width:100%;}
  .tbl-write td.date-service input{width:47%;}
  .tbl-write td select{width:47%}
}
}
@media (max-width: 370px){
  .wrapper-menu ul li a{font-size:15px;padding:0 15px;}
}

.array-top{display:inline-block;width:13px;height:15px;background-image:url('../img/array-top.png');}
.array-top.on{background-image:url('../img/array-top-on.png');}
.array-bottom{display:inline-block;width:13px;height:15px;background-image:url('../img/array-bottom.png');}
.array-bottom.on{background-image:url('../img/array-bottom-on.png');}

.tbl-mem .log-in{width:120px;}
.tbl-mem .stay{width:92px;}

#wrap.list-log{max-width:1700px;}
#wrap.list-log .table-bordered th, #wrap.list-log .table-bordered td{font-size:14px;}




#top_btn{position: fixed;bottom: 20px;right: 35px;width: 50px;height: 50px;border: 2px solid #333;color: #333;text-align: center;font-size: 15px;z-index: 90;background-image:url("../img/top_arrow_black.png"); background-position:center center; background-repeat: no-repeat;}
#top_btn:hover{background-image:url("../img/top_arrow_white.png"); background-position:center center; background-repeat: no-repeat; border:none;}