.tit-st1{font-size: 24px; font-weight: 700; color: #000; margin-bottom: 1em; line-height: 1.18}
.tit-st1 .small{font-size: 15px; font-weight: 400; color: #999; margin-left: 10px;}
.tit-bot{font-size: 1.7em; color: #333; line-height: 1.18; margin-bottom: 15px; font-weight: 500;}
.tit-square{position: relative; padding-left: 1.563em; line-height: 1.15; font-size: 16px; color:#333; font-weight: 600; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.tit-square:before{position: absolute; left: 0; top:.05em; width:.938em; height: .938em; background: #333; content: ''; border-radius:3px;}

/* 바꿔야 함 */
.subtitle{display:flex; align-items:normal; line-height:1;}
.subtitle::before{content:'\e5d2'; font-size:19px; color:#333; font-weight:500; font-family:'Material Icons Round'; margin-right:5px;}

/* 버튼 스타일 */
.btn-st1, .btn-sch{width: 180px; height: 41px; display: inline-block; line-height: 41px; text-align: center; font-size: 14px; border-radius:5px; font-weight: 600}
.btn-sch{width:130px}

.btn-st1_w{margin-top: 10px;}
.btn-st1_w .btn-st1{margin-left: 5px;}
.btn-st1_w .btn-st1:first-child{margin-left: 0;}

.btn-st1{transition:all ease-in-out .3s}

.btn-st1:hover,
.btn:hover{box-shadow: 0 0 0 0.2rem rgba(0,0,0, 0.15);}
.btn-st1.bg-blue:hover,.btn.bg-blue:hover{box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 40%);}
.btn-st1.bg-red:hover,.btn-st1.bg-red_r:hover,
.btn.bg-red:hover,.btn.bg-red_r:hover{box-shadow: 0 0 0 0.2rem rgb(215 63 41 / 30%)}


/* color */
.color-red{color: #D73F29}
.color-blue { color: rgba(54, 162, 235, 1); }
.color-black { color: #000000; }
.color-info{color:#4B88FF}
.color-error{color:#FF7373}
.color-warning{color:#FFCE70}

/* bg */
.bg-black{background: #000; color: #fff; border:1px solid #333}
.bg-black_r{border:1px solid #666; background: #fff; color: #333}
.bg-red{border:1px solid #D73F29; background: #D73F29; color: #fff}
.bg-red_r{border:1px solid #D73F29; background: #fff; color: #D73F29}
.bg-white{background: #fff}
.bg-blue{color:#fff; background: #007bff}
.bg-navy{color:#fff; background: #3c6382}
.bg-grey{color:#fff; background: #777}

.bg-info{background:#4B88FF; color: #fff}
.bg-error{background:#FF7373; color: #fff}
.bg-warning{background:#FFCE70; color: #111}

.page-arrows{}
.page-arrows a{display:flex; align-items:center;}
.page-arrows a::before,
.page-arrows a::after{font-family:'Font Awesome 5 Free'; font-weight:900; font-size:0.8em;}
.page-arrows.first a::before{content:'\f100';}
.page-arrows.prev a::before{content:'\f104';}
.page-arrows.next a::after{content:'\f105';}
.page-arrows.last a::after{content:'\f101';}

/* form */
.input-st1{border:1px solid #aaa; height: 41px; padding: 0 10px; width: 100%; border-radius:5px}

/* 검색창 */
.sch-top{font-size: 15px;}
.sch-top .form-control{font-size: 13px;}
.sch-form{display: flex;flex-wrap:wrap;    justify-content: space-between; margin-bottom: -20px;}
.sch-form .item{width: 100%; margin-bottom: 20px;}
.sch-form .item.w10{width: 9.1%}
.sch-form .item.w15{width: 14.1%}
.sch-form .item.w20{width: 19.1%}
.sch-form .item.w30{width: 29.1%}
.sch-form .item.w40{width: 39.1%}
.sch-form .item.w50{width: 49.1%}
.sch-form .item.w60{width: 59.1%}
.sch-form .item.w70{width: 69.1%}
.sch-form .item.w80{width: 79.1%}
.sch-form .item.w85{width: 84.1%}
.sch-form .item.w90{width: 89.1%}
.sch-form .item.w-sort_l{width:calc(50% - 170px)}
.sch-form .item.w-sort_s{width:200px}
.sch-form .item.w-sort1{width: calc(20% - 130px)}
.sch-form .item.w-sort2{width: calc(30% - 130px)}
.sch-form .item.w-sort3{width:50%}
.sch-form .t{font-weight: 600; color: #333; display: block; margin-bottom: 4px;}
.sch-form .form-control{ padding: 0 10px; height: 41px;}
.sch-form div.form-control{display: flex; align-items:center}
.sch-form .line-h{line-height: 50px;}

.sch-form .d-flex{justify-content: space-between;}

.sch-form select{background-position: 97.5% center}
.sch-form .btns_w{position: relative; padding-right: 275px;}
.sch-form .btns_w .btns{position: absolute; right: 0; top:0; height: 100%; font-size: 0;}
.sch-form .btns > *{margin-left: 5px;}
.sch-form .btns > *:first-child{margin-left: 0;}

/* 라디오/체크박스  */
input[type="radio"],
input[type="checkbox"]{position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0;}
input[type="radio"] + label,
input[type="checkbox"] + label{display:inline-flex; align-items:center; margin-bottom:0; margin-right:10px; cursor:pointer; position:relative; line-height:1;}
input[type="radio"] + label::before,
input[type="checkbox"] + label::before{margin-right:0.25rem; display: block; width:15px; height:15px; pointer-events:none; content:""; background-color:#fff; border:#adb5bd solid 1px; transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
input[type="radio"] + label::after,
input[type="checkbox"] + label::after{position:absolute; top:50%; transform: translateY(-50%); left:0; display: block; width:15px; height:15px; content: ""; background: 50% / 50% 50% no-repeat;}

input[type="radio"] + label:hover,
input[type="checkbox"] + label:hover{text-decoration:underline; text-underline-position:under;}

input[type="radio"]{}
input[type="radio"] + label{}
input[type="radio"] + label::before{border-radius:50%;}
input[type="radio"]:checked + label{}
input[type="radio"]:checked + label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}

input[type="checkbox"]{}
input[type="checkbox"] + label{}
input[type="checkbox"] + label::before{border-radius:3px;}
input[type="checkbox"]:checked + label{}
input[type="checkbox"]:checked + label::before{}
input[type="checkbox"]:checked + label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");}

input[type="radio"]:focus + label:before, input[type="checkbox"]:focus + label:before{outline:1px solid #000}


/* datepicker */
input.datepicker{background:url('/resources/cms/images/calendar-icon.png') no-repeat right 10px center #fff;}

.sch-form .d-flex .form-control{width: 47%}
.sch-form .d-flex .mx-3{margin: 0 !important; width: 6%; text-align: center;}

.sort-input{width: 180px}

.max-small{max-width:180px}
.max-mid{max-width:350px}
.max-long{max-width:750px}

.bbs-ovx{overflow-x: auto;}
.bbs-ovx table{min-width:100%; width:auto}
.bbs-ovx th{white-space: nowrap;}

.tbl-st1 .ck{width: 33px; padding: 0}
.tbl-st1 .no{width: 60px; padding: 0}
.tbl-st1 input[type="checkbox"] + label{margin: 0;}

.tbl-st1{width: 100%; color: #333}
.tbl-st1 td{font-size: 14px; border-bottom: 1px solid #ccc; height: 40px}
.tbl-st1 th,.tbl-st1 td{padding: 0.5em 10px;text-align: center;}
.tbl-st1 td.tal{text-align: left; word-break: break-all; }

.tbl-st2{width: 100%; color: #333;  border-collapse: collapse;  }
.tbl-st2 thead th {font-size: 14px; font-weight: 600; background: #f9f9f9; padding: 9px 10px; text-align: center; border:1px solid #ccc;}
.tbl-st2 thead td{ font-size: 14px; font-weight: 600; background: #f9f9f9; padding: 9px 10px; text-align: center; border:1px solid #ccc;}
.tbl-st2 tbody td{ font-size: 14px; font-weight: 400;  padding: 15px 10px; text-align: center; border:1px solid #ccc;}

.tbl-write{width: 100%; font-size: 14px; border: 1px solid #ddd; position: relative; border-left: 0; border-right: 0;}
/* .tbl-write.b:before{position: absolute;left: -1px; top:0; width: 1px; height: 100%; content: ''; background: #fff} */
.tbl-write.b th,.tbl-write.b td{border-left: 1px solid #ddd;}
.tbl-write th,
.tbl-write td {
	border-bottom: 1px solid #ddd;
  vertical-align: middle;
   padding: 15px 10px;
}
.tbl-write th{background: #f7f7f7; color: #111}
.tbl-write .th{background: #f7f7f7; text-align: center;}
.tbl-write .th2{text-align: center; color: #333; font-weight: 700;}
.tbl-write th{width: 15%; color: #000}

.tbl-write2{width: 100%; font-size: 14px; border: 1px solid #ddd; position: relative; border-left: 0; border-top: 0;}
/* .tbl-write.b:before{position: absolute;left: -1px; top:0; width: 1px; height: 100%; content: ''; background: #fff} */
.tbl-write2 th,.tbl-write2 td{border-left: 1px solid #ddd;}
.tbl-write2 th,
.tbl-write2 td {
	border-top: 1px solid #ddd;
  vertical-align: middle;
   padding: 15px 10px;
}
.tbl-write2 th{background: #f7f7f7; color: #111}
.tbl-write2 td{background: #fff; text-align: center;}
.tbl-write2 .th{background: #f7f7f7; text-align: center; color: #333; font-weight: 500;}
.tbl-write2 .th2{text-align: center; color: #333; font-weight: 700;}

.tbl_bbs_set{min-width: 1500px; width:100%; color: #333; }
.tbl_bbs_set th{font-size: 15px; font-weight: 600}
.tbl_bbs_set td{font-size: 13px; border-bottom: 1px solid #ccc; height: 50px}
.tbl_bbs_set tbody th {font-size: 12px; font-weight: 600; background: #f7f7f7; border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc;  }
.tbl_bbs_set th,
.tbl_bbs_set td{padding: 10px 5px;text-align: center; border:1px solid #cccccc; word-break: break-all; }

.tbl_env_set{width: 100%; color: #333; border:1px solid #ededed; border-collapse: collapse; border-top:2px solid #000;}
.tbl_env_set th{font-size: 14px; font-weight: 600}
.tbl_env_set td{font-size: 13px; border-bottom: 1px solid #ededed; }
.tbl_env_set tbody th {font-size: 14px; font-weight: 600; background: #f7f7f7; border-right: 1px solid #ededed;  border-bottom: 1px solid #ededed;  }
.tbl_env_set th,
.tbl_env_set td{padding: 15px 20px;text-align: center; word-break: break-all; }
.tbl_env_set .point { font-size: 14px; font-weight: 600; color: #282828; }

.tit-guide{font-size: 1.875rem; font-weight: 700; color: #000; line-height: 1.15; display: inline; box-shadow: inset 0 -10px 0 rgba(215,63,41,.4);}
.tit-guide:after{display: block; position: relative; content: ''; margin-bottom: 40px}
.tit-guide2{padding-left: 1rem; font-size: 1.5rem; color: #333; line-height: 1.15; font-weight: 500; margin-bottom: 18px; position: relative; letter-spacing: 0; position: relative;}
.tit-guide2:before{position: absolute; left: 0 ;top: .24em; width: .35rem; height: 1rem; background: #999; content: ''; border-radius:10px;;}
.tit-guide3{font-size: 20px; color: #333; font-weight: 500; margin-bottom: 10px;}
.tit-guide3:before{content: '-'; margin-right: 3px;}

#page-guide hr{margin-top:50px; border:0; height: 1px}
#page-guide hr.small{margin-top: 30px;}

.guide-box{padding: 1.5rem; border: 4px double #aaa; font-size: 18px;}

#page-guide .colorscripter-code{margin-top: 18px; font-size: 15px;}
#page-guide .colorscripter-code table{width: 100%}
#page-guide .copy-b{text-align: center; margin-top: 18px;}
.btn-copy{font-size: 1rem; width: 10rem; height: 3.5rem; font-weight: 500; background: #000; color: #fff; position: relative; transition:all ease-in-out .18s}
.btn-copy:hover{}
.btn-copy:active{top:1px}

.tabs-guide{text-align: center;margin-bottom: 3em;color:#999}
.tabs-guide li {display: inline-block;position: relative; font-size: 1.25rem;position: relative;margin: 0 0.5em 1.5em .5em;line-height: 1}
.tabs-guide li a{display: block;z-index: 1;position: relative;}
.tabs-guide .active{font-weight: 700;color:#000}
.tabs-guide .active:after{left: 0; bottom: -0.833em;width: 100%;height:3px;background: #222;content: '';position: absolute;content: ''}

.box-system{border:1px solid #ccc; background: url('../images/pattern.gif') -1px top repeat; display: flex; margin: 0 -40px 50px; flex-wrap:wrap}
.box-system .w40{width: 41%}
.box-system .w60{width: 59%}
.box-system .w50{width: 50%}
.box-system > *{border-left: 1px solid #ccc;}
.box-system > *:first-child{border-left: 0;}
.box-system .use_w .item:last-child{border-top: 1px solid #ccc;}
.box-system .item{padding: 40px}
.sys-dn_w{display: flex; justify-content:center; align-items:center; margin-top: 15px;}
.sys-dn_w .sys-label{margin-left: 80px;}

.sys-dn {
  position: relative;
  width: 450px; height: 320px;
     align-items: center;
   justify-content: center; display: flex; padding-top: 100px;
}


.sys-dn svg {
  position: absolute;
  left: 0;
  top: 0;
  width:100% !important;
  height: 100% !important
}

.sys-dn svg path {transition: all 1s;}
.sys-dn .text{z-index: 1; line-height: 1; color:#333; position: relative;}
.sys-dn .percent{font-size: 80px; font-weight: 700; letter-spacing: -0.05em; text-align: center; }
.sys-dn .symbol{font-size: 40px; margin-left: -5px;}
.sys-dn .text{font-size: 36px;  font-weight: 600; letter-spacing: -1.2px; }

.sys-label{font-size: 24px; line-height: 1; color: #333}
.sys-label > *{margin-top: 55px;}
.sys-label > *:first-child{margin-top: 0;}
.sys-label span{display: block; border-radius:100px; width: 81px; height: 13px; margin-bottom: 20px;}


.sys-graph{display: flex; justify-content:space-between;     align-items: center; color: #fff; font-size: 20px; text-align: center; line-height: 1.15; letter-spacing: -0.04em;}
.sys-graph ul{flex:1; width:calc(100% - 90px); display: flex; justify-content:space-between}
.sys-graph .total{font-weight: 700; width:90px; text-align: center;}
.sys-graph li{display: flex; height: 70px;    flex-flow: column; justify-content: center; border-radius:5px}
.sys-graph span{font-size: 16px; margin-top: 3px; color: rgba(255,255,255,.5)}

.system-info .tit-st1{margin-bottom: 0;}

.survey_w canvas{width: 100% !important}
.box-system.survey_w .item{padding-bottom: 15px;}

/* 지워도 되는지 확인 일단 주석 처리 */
/* .tbl-trans{border-top: 1px solid #ddd; color: #666}
.tbl-trans .tit{padding: 15px 10px; text-align: center; font-weight: 700; color: #282828; border-bottom: 1px solid #ddd; background: #f3f3f3; display: block;}
.tbl-trans .item{display: table; width: 100%; border-bottom: 1px solid #ddd;}
.tbl-trans .item > *{display: table-cell; vertical-align: middle; padding: 15px 10px}
.tbl-trans .item .t{width: 20%; background: #f3f3f3}
.tbl-trans.break .item .c{word-break:break-all;} */

.req-txt{margin-bottom: 10px; font-size: 14px;}
.req-txt.mb0{margin-bottom: 0;}

.triangle {
  display: block;
  width: 5px;
  height: 5px;
  border:5px solid transparent;white-space: nowrap;
    overflow: hidden;
    text-indent: -999px;
}
.triangle.up {
  border-bottom-color:#000;
  border-top: 0;
}
.triangle.down {
  border-top-color:#000;border-bottom: 0;
}

.tbl-write2 .triangle{margin:0 auto;}
.tbl-write2 .triangle.down{margin-top: 4px;}

.form-period{display: flex; align-items: center; flex-wrap:wrap}
.form-period > *{width: calc(50% - 8px)}
.form-period .dash{width: 15px; text-align: center;}

.form-file_list{text-align: left;}
.form-file_list > li{margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd;}
.form-file_list > li:first-child{margin-top: 0; padding-top: 0; border-top: 0;}
.form-txt{font-size: 14px; margin-top: 10px; letter-spacing: ;}

.tel-st1{display: flex; align-items: center;}
.tel-st1 > *{width: calc(33.333% - 7px)}
.tel-st1 .dash{width: 21px; text-align: center;}

.mail-st1{display: flex; align-items: center; justify-content:space-between}
.mail-st1 > *{width: 31%}
.mail-st1 .dash{width: 10px; text-align: center;}

.birth-st1{display: flex; align-items: center;justify-content:space-between}
.birth-st1 > *{width: calc(33.333% - 15px); display: flex; align-items: center; justify-content:space-between}
.birth-st1 > * > input,.birth-st1 > * > select{width: calc(100% - 15px)}
.birth-st1 > * > span{width: 10px}

.form-ck{display: flex;  align-items: center; justify-content:space-between}
.form-ck input[type="text"]{width: calc(100% - 50px)}
.form-ck span label{margin-right: 0 !Important;}
.add-st1 > *{margin-top: 10px;}
.add-st1 > *:first-child{margin-top: 0; padding-right: 105px; position: relative;}
.add-st1 button{position: absolute; right: 0; top:0; width: 100px; height: 100%; background: #333; color: #fff; border-radius:5px}

.form-margin{display: flex}
.form-margin .sect{margin-right: 15px;}
.form-margin .sect:last-child{margin-right: 0;}
.form-margin .sect .ttt{display: block; margin-bottom: 5px;}

.yymmddtime{display: flex; align-items:center}
.yymmddtime .colon{margin: 0 1px;}

.add-form{vertical-align: middle; display: inline-block; margin: 0 0 0 15px;}

.bubble-st1 {
	position: relative;
	background: #1fa6b2;
	border-radius: .4em; display: inline-block; padding: 10px; color: #fff; font-size: 13px;
}

.bubble-st1:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 10px solid transparent;
}
.bubble-st1.top:after,.bubble-st1.bottom:after{margin-left: -10px; left: 50%}
.bubble-st1.top:after{
	border-bottom-color: #1fa6b2;
	border-top: 0;
	margin-top: -10px;
	top: 0;
}
.bubble-st1.left:after,.bubble-st1.right:after{
	top: 50%;
	margin-top: -10px;
}
.bubble-st1.bottom:after{
	border-top-color: #1fa6b2;
	border-bottom: 0;
	margin-bottom: -10px;
	bottom: 0;
}
.bubble-st1.left:after{
	border-right-color: #1fa6b2;
	border-left: 0;
	margin-top: -10px;
	left:0;
	margin-left: -10px
}
.bubble-st1.right:after{
	border-left-color: #1fa6b2;
	border-right: 0;
	margin-right: -10px;
	right:0
}

.form-control.mm-small{max-width: 100px}
.form-control.mm-sm{max-width:80px}
select.form-control{padding-right: 18px;}

.btn-form{border:0; border-radius:5px; vertical-align: middle; display: inline-block; padding: 6px 8px; font:inherit; vertical-align: middle; font-size: 13px;}

.cms-adm_menu{justify-content:space-between}
.cms-adm_menu .left{width:40%}
.cms-adm_menu .right{width:58%}

.tree-flex{display: flex; justify-content:space-between}

.a-center{align-items:center}

.mm-exs{width:18px; padding: 0 1px; margin-right: 3px; text-align: center;}
select.mm-exs{width:35px; padding-right: 10px;}
.total-page .group{margin-top: 50px;}

.total-page .group:first-child{margin-top: 0;}
.th150 th{width:150px}

.bbs-gallery{margin: 0 0 -40px -2.5%; display: flex; flex-wrap:wrap; word-break: normal}
.bbs-gallery > li{float: left; width: 22.5%; margin: 0 0 40px 2.5%}
.bbs-gallery .img{border:1px solid #ddd; padding-bottom: 55%; overflow: hidden; position: relative; margin-bottom: 20px;}
.bbs-gallery .img img{transition:all ease-in-out .3s; position: absolute; left: 0; top:0; right:0; bottom: 0; margin: auto; width: 100%}
.bbs-gallery li:hover .img img{transform:scale(1.03,1.03)}
.bbs-gallery .cont > *{display: block;}
.bbs-gallery .txt{margin-top: .75rem; max-height: 4.4rem; overflow: hidden; color:#666}
.bbs-gallery .t{font-size: 1.125rem;  max-height: 4em; overflow: hidden; line-height: 1.35;    word-break: break-all; font-weight: 500; color: #111}
.bbs-gallery .date{font-size: 14px; color: #999; line-height: 1; margin-top: .5em;}
.bbs-gallery .etc{margin-top:15px; font-size: 0; color: #999; display: flex; justify-content:space-between; align-items:center; flex-wrap:wrap; border-top: 1px solid #ddd; padding-top: 10px;}
.bbs-gallery .sort span{position: relative; font-size: 14px; padding-right: 10px; margin-right: 10px; font-weight: 300; vertical-align: middle;}
.bbs-gallery .sort span:after{width: 1px ;height: 8px; margin-top: -4px; background: #cecece; content: ''; right: 0; top:50%; position: absolute;}
.bbs-gallery .sort span:last-child{margin-right: 0; padding-right: 0;}
.bbs-gallery .sort span:last-child:after{background: none}
.bbs-gallery .share span{margin-left: 8px; width: 14px; height: 14px; background: url('') center center no-repeat; display: inline-block; vertical-align: middle;}
.bbs-gallery .share span:first-child{margin-left: 0;}
.bbs-gallery .share .insta{background-image: url('/resources/common/img/bbs/sns-i.png')}
.bbs-gallery .share .face{background-image: url('/resources/common/img/bbs/sns-f.png')}
.bbs-gallery .share .twit{background-image: url('/resources/common/img/bbs/sns-t.png')}

.bbs-ico_w{margin-left: 10px; font-size: 0; display: inline-block; vertical-align: middle;}
.bbs-ico_w > *:first-child{margin-left: 0;}
.bbs-ico{text-align: center;font-size: 11px; font-weight: 600; color:#fff; border-radius:100px; text-align: center; line-height: 21px; height: 20px; width: 40px; display: inline-block; margin-left: 5px; vertical-align: middle; letter-spacing: -0.03rem;}
.bbs-ico.new{background: #0FA2B6}
.bbs-ico.best{background: #EF4BAD}

.thumb-img_th{width:235px}
.thumb-img{position: relative; border:1px solid #ddd; width: 180px; overflow: hidden; margin: 0 auto; height: 95px}
.thumb-img img{position: absolute; left: 50%; top:50%; width: 100% !important; transform:translate(-50%,-50%); height:auto !Important}

.dash_dasy_w{border:1px solid #ccc; border-radius:5px; padding: 20px}
.dash-day{display: flex; justify-content: center; padding: 40px 0; color: #bbb; font-size: 14px; font-weight: 600; line-height: 1;}
.dash-day .active dt{color: #777}
.dash-day .active{color: #333}
.dash-day dl{padding: 0 5%; position: relative;}
.dash-day dl:before{position: absolute; left: 0; top:0; width: 1px; height: 100%; content: ''; border-left: 1px solid #ddd; transform: rotate(10deg);}
.dash-day dl:first-child:Before{border:0}
.dash-day dt{margin-bottom: 10px;}
.dash-day dd{font-size: 20px; font-weight: 700; letter-spacing: -0.04em;}
.dash-day strong{font-size: 36px; margin-right: 3px;}

.dash-day_g{height: 16px;     background: repeating-linear-gradient(135deg, #ccc 0, #ccc 5%, transparent 0, transparent 50%); background-size: 1em 1em; background-color: #ffffff; position: relative;}
.dash-day_g .bar{position: absolute; left:0; top:0; height: 100%; background: linear-gradient(to right, transparent, #D73F29); transition:width 1s, background .15s; width:0}
.dash-day_g .bar.blue{background: linear-gradient(to right, transparent, #097CBD)}
.dash-day_g .bar.yellow{background: linear-gradient(to right, transparent, #F5BE5A)}

/* 개인정보 대시보드 */
#cms-dash_privacy .dev,#cms-dash_adm .dev{display: flex; margin: 0 0 -0 -2%; flex-wrap:wrap}
#cms-dash_privacy .dev > li,#cms-dash_adm .dev > li{width:31.333%; margin: 0 0 0 2%;}

/* 개인정보 관리자 대시보드 */
.donut-adm{text-align: center; padding: 55px 0 15px; position: relative;}

#cms-dash_privacy{margin-top: 50px;}

/* 도넛 */
.donut-bar {
  border-radius: 50%;
  background-size: cover;
  /* box-shadow: inset 0 0 0 20px white; */
  position: relative;
  margin: auto; line-height: 1.18 !important;
  width:100% !important; height: auto !important; display: inline-block; max-width:360px
}
.donut-bar canvas {
  position: relative;
  top: 0;
  left: 0;
  width:100% !important; height: 100% !important;
}
.donut_adm-per {
position:absolute; left:0; top:0;
  color: white;
  font-size: 84px;
  display: flex;
  flex-direction: column;
}
.donut_adm-per .sup{
  font-size: 32px;
  margin-bottom: 80px;
  position: relative;
  top: -42px;
}

.donut-adm_in{    position: absolute;
    left: 0;
    top: 0;
    display: flex;    flex-flow: column; justify-content:center;     align-items: center; width:100%; height: 100%; line-height: 1; font-size: 14px; color: #777; font-weight: 600;
    width: calc(100% - 50px);
    height: calc(100% - 50px); left:50%; top:50%; transform:translate(-50%,-50%); z-index: 1}

.donut-adm_in dt{margin-bottom: 5px;}
.donut-adm_in .top dd{color: #333; font-weight: 700;}
.donut-adm_in .top dd strong{font-size: 36px;}
.donut-adm_in .bot{margin-top: 15px; padding-top: 15px; position: relative;}
.donut-adm_in .bot:before{position: absolute; left: 50%; top:0; width: 100px; transform:translateX(-50%); content: ''; background: #ddd; height: 1px}
.donut-adm_in dd{font-size: 20px;}

.donut-adm_bot{display: flex;     justify-content: end; font-size: 13px;}
.donut-adm_bot > *{margin-left: 20px;}
.donut-adm_bot > *:first-child{margin-left: 0;}
.donut-adm_bot .circle{width: 15px; height: 15px; vertical-align: text-bottom; display: inline-block; margin-right: 5px; background: #f1f1f1; border-radius:50%}
.donut-adm_bot > *:first-child .circle{border:1px solid #ddd}

.dash-adm_btn_bg{background: #f7f7f7; border:1px solid #ddd; height: 38px; position: absolute; left: 0; top:-1px; width: 100%; border-radius:5px}
.dash-adm_btn{position: absolute; left: 0;  width: calc(25% - 3px); margin-left: 3px; display: flex; border-radius:5px; color: #777; height: 30px; top:3px;     align-items: center;
    justify-content: center; z-index: 3}
.current .dash-adm_btn{background: #333; color: #fff}
.dash-adm_tabs{position: relative;}
.dash-adm_tabs .display{display: none;}
.dash-adm_tabs .current .display{display: block;}

#tab2 .dash-adm_btn{left: 25%}
#tab3 .dash-adm_btn{left: 50%}
#tab4 .dash-adm_btn{left: 75%}

#cms-acc .dev{display: flex; flex-wrap:wrap; justify-content:space-between}
/* #cms-acc .dev .l{width: calc(70% - 30px)}
#cms-acc .dev .r{width: 30%} */
.acc-result{display: flex; flex-wrap:wrap}
.acc-result .sect{width:25%; padding-top: 18px;}

#cms-acc .box_w{border:1px solid #ddd; border-radius:5px}
#cms-acc .box_w.tab-acc_w{border:0}

#cms-acc .box_w{height: 325px}
#cms-acc .height{height: calc(325px - 50px); position: relative; border-radius:0 0 5px 5px}

#cms-acc .height{font-size: 13px;}
#cms-acc .height .flow,#cms-acc .height .fixed{overflow-y: auto; overflow-x: hidden; padding: 20px}
#cms-acc .height .flow{height: 60%}
#cms-acc .height .fixed{position: absolute; left: 0; bottom: 0; width: 100%; border-radius:0 0 5px 5px; background: #f7f7f7; height: 40%}
#cms-acc .height .dt,#cms-acc .height dt{font-size: 14px; margin-bottom: 5px; display: block; font-weight: 600;}
#cms-acc .height dt{color:#333}
#cms-acc .display{border:1px solid #ddd; border-top: 0}

.acc-result .sect{height: 100%; display: flex; position: relative;     align-items: center; justify-content: center; border-left: 1px solid #ddd;  font-size: 18px; }
.acc-result .sect:first-child{border-left: 0;}
.acc-result .tit{position: absolute; left: 0; top:15px;color: #000; font-weight: 700; padding-left: 1.389em;}
.acc-result .tit span{position: absolute; left: 0; top:50%; transform:translateY(-50%); width: 0.556em; height: 1.556em;     border-radius: 0 5px 5px 0;}
.donut-acc{position: relative; }
.donut-acc_in{position: absolute; left: 0; top:0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-flow:column}

.donut-acc_in .per{font-size: 2em; font-weight: 700;}
.donut-acc_in .bot{font-size: 1.222em;}
.donut-acc_in .bot span{color:#777}

/* 도넛 - 접근성 */
.donut-bar_acc {
  border-radius: 50%;
  background-size: cover;
  /* box-shadow: inset 0 0 0 20px white; */
  position: relative;
  margin: auto; line-height: 1.18 !important;
  width:auto !important; height: auto !important; display: inline-block;
}
.donut-bar_acc canvas {
  position: relative;
  top: 0;
  left: 0;
  width:235px !important; height: 235px !important;
}
/* .donut_adm-per {
position:absolute; left:0; top:0;
  color: white;
  font-size: 84px;
  display: flex;
  flex-direction: column;
}
.donut_adm-per .sup{
  font-size: 32px;
  margin-bottom: 80px;
  position: relative;
  top: -42px;
} */

.tab-acc_w{position: relative; padding-top: 50px;}
.tab-acc_w:before{position: absolute; left: 0; top:50px; height: 1px; background: #ddd; content: ''; width: 100%}
.dash-acc_btn{position: absolute; left: 0;  width: 33.333%;display: flex; border-radius:5px; color: #777; height: 50px; top:0;     align-items: center;
    justify-content: center; z-index: 3; color: #aaa; background: #f7f7f7; font-size: 18px; font-weight: 700;}
.current .dash-acc_btn{background: #fff; color: #333; border-radius:5px 5px 0 0;}
.current .dash-acc_btn:after{position: absolute; left: 0; top:0; right:0; bottom:-1px;content: ''; border:1px solid #ddd; border-bottom: 2px solid #fff; border-radius:5px 5px 0 0;}

#tab2 .dash-acc_btn{left: 33.333%}
#tab3 .dash-acc_btn{left: 66.666%}
.tab-acc_w .display{display: none;}
.tab-acc_w .current .display{display: block;}

.bbs-acc .status{width:100px}
.bbs-acc .line{width:50px}
.bbs-acc .a{background: #f7f7f7; display: none;}

.label-acc{width:50px; height: 24px; border-radius:3px; display: inline-block; line-height: 23px; font-size: 14px; font-weight: 700; text-align: center;}

.result-acc{margin-top: 50px}
.result-acc .tit-st1{display: flex; justify-content:space-between; align-items:center}
.result-acc .tit-st1 select{width:215px; height: 40px; color:#666;     background-position: 95% center;}
.acc-arrow{position: relative; display: block; width:100%; padding-right: 50px; text-align: left; min-height: 20px}
.acc-arrow:after{transform:translateY(-50%) rotate(-180deg)}
.acc-arrow:after{position: absolute; right: 0;     width: 10px;
    height: 10px;
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
    vertical-align: middle;
    position: absolute;
    top: 50%; content: ''; transform: rotate(-135deg); margin-top: -5px; transition:all ease-in-out .3s}
.active.acc-arrow:after{transform: rotate(45deg); margin-top: -5px; border-color:#000}

.j-sb{justify-content:space-between}

#cms-sitemap{font-weight: 400;}
#cms-sitemap .dev{display: flex; flex-wrap:wrap; margin: 0 0 -50px -2%;}
#cms-sitemap .dev > li{width: 23%; margin: 0 0 50px 2%; padding: 30px; border-left: 1px solid #ddd; border-top: 1px solid #ddd;}
#cms-sitemap .dev > li:nth-child(1),#cms-sitemap .dev > li:nth-child(5n){border-left: 0;}
#cms-sitemap .dev > li:nth-child(-n+4){border-top: 0;}
#cms-sitemap a{display: block;}
#cms-sitemap .dep1{font-size: 18px; font-weight: 600; color: #111; position: relative;}
#cms-sitemap .dep2{font-size: 14px; position: relative;}
#cms-sitemap .current .dep2{border-bottom: 0; border-radius:5px 5px 0 0}
#cms-sitemap .dep3{font-size: 13px;}
#cms-sitemap .dep3_w{background: #f7f7f7; padding: 10px 20px;border:1px solid #ddd; border-radius:0 0 5px 5px; display: none;}
#cms-sitemap .dep3_w li{position: relative; padding-left: 1em; margin-top: 3px;}
#cms-sitemap .dep3_w li:first-child{margin-top: 0;}
#cms-sitemap .dep3_w li:before{position: absolute; left: 0; top:0; content: '-'}

#cms-sitemap .dep2:after{transform:translateY(-50%) rotate(-180deg); display: none;}
#cms-sitemap .dep2:after{position: absolute; right:10px;     width: 9px;
    height: 9px;
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
    vertical-align: middle;
    position: absolute;
    top: 50%; content: ''; transform: rotate(-135deg); margin-top: -5px; transition:all ease-in-out .3s}
#cms-sitemap .on .dep2:after{transform: rotate(45deg); margin-top: -3px; border-color:#fff}

#cms-sitemap .is.dep2{padding-right: 3em;}
#cms-sitemap .is.dep2:after{display: block;}
#cms-sitemap .on{margin-bottom: 10px;}

#cms-sitemap .on .dep2{color: #fff}

#cms-sitemap .dep1{padding-left: 35px; left: 0}
#cms-sitemap .dep1 .ico{position: absolute; background: url('/resources/cms/images/common/ico-site.png') left center no-repeat; width:24px; height: 24px;; display: block; top:50%; transform:translateY(-50%); left: 0}
#cms-sitemap .dep1 .ico span{position: absolute; right:-5px; top:-5px; font-size: 8px; background: #fff; border:1px solid #ddd; border-radius:50%; color: #666; display: block; width: 15px; height: 15px; line-height: 15px; text-align: center;}

/* #cms-sitemap .dep1,
#cms-sitemap .dep2_w{padding-left: 30px;} */
#cms-sitemap .dep2_w{padding-left: 35px;}

#cms-sitemap .dep2_w{margin-top: 20px;}
#cms-sitemap .dep2_w > li{position: relative; margin-top: 5px;}
#cms-sitemap .dep2_w > li:first-child{margin-top: 0;}
#cms-sitemap .dep2_w > li:before{position: absolute; left: -20px; width:20px; height: 1px; background: #ddd; content: ''; border-radius:50%; top:17px}
#cms-sitemap .dep2_w > li:after{position: absolute; width:1px; background: #ddd; content: ''; height: 17px; top:0; left: -20px;}

#cms-sitemap .dep2{position: relative; display: flex; height: 34px; border:1px solid #ddd; padding: 0 20px; align-items:center;border-radius:3px}

#cms-acc_w{margin-top: 30px;}
#cms-acc_w .sch-top{margin-top: 40px;}

#popBody{padding: 15px}
.pop-acc_cont{margin: 0 -30px -10px 0; display: flex; flex-wrap:wrap}
.pop-acc_cont > li{margin: 0 30px 10px 0 !important;}

.pop-acc_info{text-align: center; margin: 15px 0; font-size: 18px; color:#000; font-weight: 700; display: block; background: #f1f1f1; padding: 15px}
.pop-acc_info strong{text-decoration: underline;}

.acc-det > li{display: flex; margin-top: 10px;}
.acc-det  > li:first-child{margin-top: 0;}
.acc-det .ttt{width:30px; margin-right: 15px; font-weight: 700; color: #111}
.acc-det .ccc{flex:1;}

.change-det > li{margin-top: 18px;}
.change-det > li:first-child{margin-top: 0;}
.change-det .ttt{display: block; color: #111; margin-bottom: 5px;}


/* 달력 */
.schedule_w{}
.schedule__top{padding: 1.125em 1.563em 1.125em 2.5em;display: flex;/* flex-wrap: wrap; */align-items: center;justify-content: space-between;border-top: 2px solid #333;border-bottom: 1px solid #333;}
.schedule__top .year{display: flex;align-items: center;}
.schedule__top .year >span{display: inline-block;font-size: 28px; font-size: 1.750em; margin: 0 1.071em; vertical-align: middle;}
.schedule__top .year >button{}
.schedule__top .month{font-size: 0;}
.schedule__top .month >li{font-size: 1rem; display: inline-block;}
.schedule__top .month >li >button{font-size: 20px; font-size: 1.25em; color: #666; width: 56px; height: 56px; border-radius: 100%; margin: 0 0.750em;}
.schedule__top .month >li .on{font-weight: 700; color: #fff; background: #333;}
.calendar{position: relative; margin-top: 2.5em;table-layout: fixed; width: 100%;}
.calendar:before{content: ''; position: absolute; top: 0; right: -1px; width: 2px; height: 100%; background: #fff;}
.calendar th{font-size: 17px; font-size: 1.063em; font-weight: 700; text-align: center; border-top: 2px solid #333; border-bottom: 1px solid #333; border-right: 1px solid #dedede; padding: 1em 10px; line-height: 1;}
.calendar td{border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;height: 170px;vertical-align: top;padding: 1.25em;}
.calendar .day{font-size: 15px;font-size: 0.938em;font-weight: 700;color: #222;margin-bottom: 5px;}
.calendar .item{}
.calendar .item >li:not(:last-child){margin-bottom: 5px;}
.calendar .item span{}
.calendar .item a{display: block;font-size: 15px;font-size: 0.938em;padding-bottom: 2px;margin-left: 5px;line-height: 1.3;word-break: break-all;}
.calendar .item a:before{content: '\002d';}
.calendar .item a:hover{font-weight: 700; text-decoration: underline;}