@charset "UTF-8";

.dib{display: inline-block;}
.t-center {text-align:center;}
.t-left {text-align:left !important;}
.t-right {text-align:right;}
.t-top {vertical-align: top !important;}
.f-13 {font-size:13px;}
.t-red {color:#d71826;}
.clear {display:block;clear:both;}
.clear:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both}
.lecfixed{display: table;table-layout: fixed;width: 100%;position: static;}
.lecixed{display: table;width: 100%;}
.lecrow{display: table-row;}
.leccell{display: table-cell;vertical-align: middle;}
.fz0{font-size: 0;}
.btn {display:inline-block; height:26px; padding:0 8px; border:1px solid #ccc; border-radius:3px; background:#fff; line-height:24px; cursor:pointer;}
.btn .icon {display:inline-block; height:100%; margin:0 5px 0 0; vertical-align:top;}
.btn.black {border:1px solid #484848; background:#484848; color:#fff;}
.btn.borderb {border:1px solid #bbb; color:#666;}
.btn-container {height:26px; font-size:0;}
.btn-container:after {display:block; clear:both; content:'';}
.btn-container .btn {display:inline-block; margin:0 6px 0 0; font-size:15px;}
.btn-container .btn .icon.arrow {width:6px; margin:0 0 0 5px; background:url(../images/icon_arrow.png) no-repeat center center;}
.btn-container .btn.black .icon.arrow {width:6px; margin:0 0 0 5px; background:url(../images/icon_arrow_w.png) no-repeat center center;}
.btn-container .btn.right {float:right;}
.btn-sub-wrap {padding:25px 0 0 0; font-size:0; text-align:center;}
.btn-sub-wrap .btn.black {display:inline-block; height:36px; margin:0 5px; padding:0 25px; border:2px solid #484848; font-size:16px; line-height:30px;}
.btn-sub-wrap .btn.borderb {display:inline-block; height:36px; margin:0 5px; padding:0 25px; border:2px solid #484848; font-size:16px; line-height:30px;}
.blank-40 {margin:40px 0 0 0;}

.ms-wrapper {width:100%; min-width:1260px; max-width:1920px; height:100%; margin:0 auto; }
.ms-footer-wrapper {display: flex; flex-direction: column; justify-content: space-between;}
.inner {position:relative; width:1080px; margin:0 auto;}
.inner.main-blank {padding:60px 0; font-size:0;}

.ms-header {font-family:'Noto Sans KR', sans-serif; font-weight:400; z-index:9997;}
.ms-header .header-inner {position: fixed;left:0;top:0;right:0;height:81px; background:#fff; border-bottom:1px solid #E9E9E9;z-index: 10;}
.ms-header .header-inner h1{padding:22px 0 0 30px}
.ms-header .header-inner h1 a{font-size: 24px;color:#454545;text-decoration: none;font-weight: 700;}
.ms-header .header-inner h1 img{vertical-align: middle;position: relative;top:-2px;}
.ms-header .navigation{padding:120px 30px 0}
.ms-header .navigation > ul{width:100%;}
.ms-header .navigation > ul > li{float:left;width:25%;}
.ms-header .navigation > ul > li > a{display: block;text-align:center;background: #2D3343;color:#fff;font-size: 18px;height:50px;line-height:50px;text-decoration: none;border-left:1px solid #1e2127;}
.ms-header .navigation > ul > li:first-child > a{border-radius: 4px 0 0 4px;border-left:0;}
.ms-header .navigation > ul > li:last-child > a{border-radius: 0 4px 4px 0;}
.ms-header .navigation > ul > li > a.active,
.ms-header .navigation > ul > li > a:hover{background: #04A3BB;}
/* 통계 하위 메뉴 */
.ms-header .naviDepth{padding:0 30px 0;}
.ms-header .naviDepth ul{border-bottom:1px solid #EAEAEA;padding:25px 25px;}
.ms-header .naviDepth ul li{float:left;padding:0 15px;border-left:1px solid #CCCCCC;}
.ms-header .naviDepth ul li:first-child{border-left:0;}
.ms-header .naviDepth ul li a{display: inline-block;font-size: 15px;color: #222222;text-decoration: none;position: relative;}
.ms-header .naviDepth ul li a:hover::before,
.ms-header .naviDepth ul li a.active::before{position: absolute;left:0;right:0;bottom:-2px;content: '';height:2px;background: #04A3BB;}

.datebox{display: inline-block;position: relative;}
.datebox .ui-datepicker-trigger{position: absolute;right:8px;top:5px;cursor: pointer;}
.datepicker {width: 100%;}
.ms-content{padding:30px 30px 40px}
.ms-content h2{color:#454545;font-size: 30px;font-weight: 700;margin-bottom:30px;}

/* 검색 영역 */
.ms-content .scfrom{background: #F8F8F8;border-radius: 3px;padding:30px 69px;}
.ms-content .scfrom p{font-size: 15px;font-weight: 700;color: #222222;margin-bottom:10px;}
.ms-content .scfrom input{border-radius: 4px;}
.ms-content .scfrom select{border-radius: 4px;}

.ms-content .total{margin-top:32px;color:#686868;}
.ttl-desc {margin:0 0 25px 0; line-height:24px;}
.ttl-desc span {color:#d71826;}
.popup_bg{display: block;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 107;background: rgba(0, 0, 0, 0.2);cursor: pointer;}
.popup_wrap{display: block;width: 1020px;padding:30px;min-width: 400px;max-height: 740px;background: #fff;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 110;}
.popup_wrap h1{margin-bottom:20px;min-height: 25px;font-size: 30px;}
.popup_wrap h1 .btn_close{position: absolute;top: 23px;right: 23px;width: 40px;height: 40px;background: url(../images/btn_close.png) no-repeat center center;cursor: pointer;}
.popup_wrap .popup_content .message-list{border-top: 1px solid #ccc;width: 100%;font-family: 'Noto Sans KR', sans-serif;}
.popup_wrap .popup_content .message-list tbody td{vertical-align: top;text-align: center;border-bottom: 1px solid #ccc;padding: 16px 10px;color: #666;border-right: 1px solid #ccc;}
.popup_wrap .popup_content .message-list tbody td:last-child{border-right: none;}
.popup_wrap .popup_content .popup-text{margin: 0 0 30px 0;text-align: center;max-height: 472px;overflow: auto;}
.popup_wrap .popup_content .scroll{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.popup_wrap .popup_content .scroll .message-list{border-top:0;}
.popup_wrap .popup_content .scroll .message-list tr:last-child td.scroll{border-bottom:0}
.popup_wrap .popup_content .popup_clbtn{text-align:center;margin-top:40px;}
.popup_wrap .popup_content .popup_ok{display: inline-block;width:108px;height:40px;line-height:40px;background: #D71826;border: 1px solid #d71826;color:#fff;border-radius: 4px;font-size: 15px;cursor: pointer;margin:0 2px;}
.popup_wrap .popup_content .popup_close{display: inline-block;width:108px;height:40px;line-height:40px;background: #fff;border: 1px solid #d71826;color:#D71826;border-radius: 4px;font-size: 15px;cursor: pointer;margin:0 2px;}
.popup_wrap.alert {width: auto;}
.popup_wrap.alert h1{font-size: 19px;text-align:center;}
.popup_wrap.alert h1.line{border-bottom:1px solid #ECECEC;margin:0 -30px 30px;padding-bottom: 25px;padding-top: 5px;}

.scroll{overflow-y: auto;}
.scroll::-webkit-scrollbar {width: 8px;height: 8px;}
.scroll::-webkit-scrollbar-thumb {background-color: rgba(36, 47, 66, .2);border-radius: 8px;background-clip: padding-box;border: 2px solid transparent;}
.scroll::-webkit-scrollbar-track {background-color: rgba(36, 47, 66, .1);border-radius: 8px;box-shadow: inset 0 0;}

.message-table {border-top: 3px solid #555;width: 100%;font-family: 'Noto Sans KR', sans-serif;margin-top:10px;}
.message-table thead th {border-bottom: 1px solid #555;background-color: #f1f2fa;color: #222;padding: 16px 10px;border-right: 1px solid #ccc;}
.message-table thead th:last-child{border-right: none;}
.message-table tbody td {text-align: center;border-bottom: 1px solid #ccc;padding: 16px 10px;color: #666;border-right: 1px solid #ccc;}
.message-table tbody td:last-child{border-right: none;}
.message-table tbody td a {color: #05a4bc;text-decoration: none;}
.message-detail-info {margin-bottom: 10px;}

.paging-wrap {display:flex; justify-content:center; margin:40px 0 0 0;}
.paging-wrap div {min-width:36px; height:34px; padding:0 8px; border:1px solid #ccc; border-right:0; font-size:15px; text-align:center; line-height:32px; cursor:pointer;}
.paging-wrap div:last-child {border-right:1px solid #ccc;}
.paging-wrap div:hover {background:#ebebeb;}
.paging-wrap div.on {background:#333; color:#fff;}
.paging-wrap div.back1 {background:url(../images/paging_bb.png) no-repeat center center;}
.paging-wrap div.back2 {background:url(../images/paging_b.png) no-repeat center center;}
.paging-wrap div.next1 {background:url(../images/paging_f.png) no-repeat center center;}
.paging-wrap div.next2 {background:url(../images/paging_ff.png) no-repeat center center;}
.paging-wrap div.back1:hover {background:url(../images/paging_bb.png) no-repeat center center, #ebebeb;}
.paging-wrap div.back2:hover {background:url(../images/paging_b.png) no-repeat center center, #ebebeb;}
.paging-wrap div.next1:hover {background:url(../images/paging_f.png) no-repeat center center, #ebebeb;}
.paging-wrap div.next2:hover {background:url(../images/paging_ff.png) no-repeat center center, #ebebeb;}
.paging-wrap div.inert {border-color:#555; opacity:0.3; cursor:default;}
.paging-wrap div.back1.inert:hover {background:url(../images/paging_bb.png) no-repeat center center, #fff;}
.paging-wrap div.back2.inert:hover {background:url(../images/paging_b.png) no-repeat center center, #fff;}
.paging-wrap div.next1.inert:hover {background:url(../images/paging_f.png) no-repeat center center, #fff;}
.paging-wrap div.next2.inert:hover {background:url(../images/paging_ff.png) no-repeat center center, #fff;}

/* 문자 보내기 */
.sendform {background:#f9f9f9; border:1px solid #ccc; border-radius:3px;}
.sendform .form-wrap { border-bottom:1px solid #ccc;padding:30px;}
.sendform .form-wrap label {height:43px; font-size:15px; line-height:43px; font-weight: 700;}
.sendform .divide {display:flex;text-align:left;}
.sendform .divide .box1 {flex-basis:calc(50% - 15px);padding:30px 0 30px 30px;margin-right:15px}
.sendform .divide .box2 {flex-basis:calc(50% - 15px);padding:30px 30px 30px 0;margin-left:15px}
.sendform h3 {position:relative; height:43px; margin:0; font-size:15px; line-height:43px; font-weight: bold;}
.sendform .telbox{border-radius: 3px;border:1px solid #999999;height:36px;position: relative;z-index: 1;}
.sendform .telbox input.case2 {width:100%;border:0; vertical-align:top;height:34px;line-height:34px;padding:0 20px;}
.sendform .telbox button {position: absolute;right:5px;top:5px;border:0; width:26px; margin:0; padding:0; background:url('../images/icon_add_w.png') no-repeat center center, #484848; border-radius:3px; vertical-align:top;}
.sendform .box {position:relative; width:100%; box-sizing: border-box;}
.sendform .box.case1 {height:433px; padding:10px 20px;margin-top: -1px;border-right:1px solid #ccc; border-left:1px solid #ccc; background:#fff; overflow-y:auto;}
.sendform .box.case2 {position:relative; height:52px; padding:0 20px; border:1px solid #ccc;border-top:0; background:#fff; line-height:52px;}
.sendform .box.case2::before{content: '';position: absolute;left:20px;right:20px;top:0;border-top:1px solid #ccc;}
.sendform .box.case2 span {font-weight:bold; color:#d71826;}
.sendform .box.case2 p {display:inline-block; width:17px; height:17px; padding:0; vertical-align:-3px;}
.sendform .box.case2 p.up {margin:0 0 0 6px; background:url('../images/btn_up.png') no-repeat center center, #fff;}
.sendform .box.case2 p.down {margin:0 0 0 3px; background:url('../images/btn_down.png') no-repeat center center, #fff;}
.sendform .box.case2 div {position:absolute; top:-1px; right:20px; font-size:15px;padding-left: 20px; cursor:pointer;color: #666666;}
.sendform .box.case2 div.del {background:url('../images/btn_del.png') no-repeat left 18px;}
.sendform .box.case2 div.preview {background:url('../images/btn_preview.png') no-repeat left 18px;}
.sendform .box.case3 {position:relative; border-radius: 3px;height:36px;line-height:36px;}
.sendform .box.case3 span.function {height:27px; line-height:27px; text-align:center; color:#fff; cursor:pointer;padding: 0 20px;}
.sendform .box2.sms .box.case3 {background: #484848;}
.sendform .box2.mms .box.case3 {background: #04A3BB;}
.sendform .box.form {height:483px;margin-top: -1px;background: #F2F2F9;border: 1px solid #CCCCCC;border-top: 0;}
.sendform .box.form .wrap {overflow-y:auto; box-sizing: border-box;}
.sendform .box.form .wrap .limit {position:absolute; right:20px;left:20px;text-align:right;bottom:16px; font-size:15px;color:#666666;padding-top:13px; letter-spacing:0;border-top:1px solid #CCCCCC;}
.sendform .box.form .wrap .limit span {font-weight:bold;}
.sendform .box.form .wrap textarea {width:100%; padding:20px; background:none; border:0; font-size:15px; outline:none; resize:none; overflow-y:auto; overflow-x: hidden;}
.sendform ul li:after {display:block; clear:both; content:'';}
.sendform ul li div {float:left; height:23px; font-size:15px; line-height:23px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sendform ul.sms li div:first-child {width:calc(100% - 35px); margin:0 15px 0 0;}
.sendform ul.sms li div:last-child {width:20px; background:url('../images/btn_del.png') no-repeat right center; cursor:pointer;}

.btn-send-wrap {padding:25px 0 0 0; font-size:0; text-align:center;}
.btn-send-wrap .btn-send {display:inline-block; width:158px; height:46px; margin:0 7px; border:2px solid #d71826; border-radius:23px; background-color:#d71826; font-size:18px; line-height:42px;color:#fff; cursor:pointer;}
.btn-send-wrap .btn-send:hover {border:2px solid #b50916; background:#b50916;}
.btn-send-wrap .btn-refresh {display:inline-block; width:158px; height:46px; margin:0 7px; border:2px solid #d71826; border-radius:23px; background-color:#fff; font-size:18px; line-height:42px;color:#d71826; cursor:pointer;}
.btn-send-wrap .btn-refresh:hover {background:#ebebeb;}

/* 메시지 설정 */

.message{display:flex;text-align:left;}
.message .box1{flex-basis:300px;margin-right:19px;height:617px;}
.message .box1 .ti{position: relative;background: #636363;border: 1px solid #636363;border-radius: 3px 3px 0 0;height:38px;line-height:38px;font-size: 15px;color:#fff;padding:0 15px;}
.message .box1 .ti .mebtn{position: absolute;right:9px;top:6px;}
.message .box1 .ti .mebtn .btn{margin:0 0 0 4px;}
.message .box1 .ti .mebtn .icon {width:10px; background:url(../images/icon_add.png) no-repeat center center;margin: 0 6px 0 0;}
.message .box1 .box{border: 1px solid #CCCCCC;border-top:0;border-radius: 0 0 3px 3px;padding:0px 15px 20px;height:578px}
.message .box2{flex-basis:calc(100% - 319px);}
.message .box2 .box{border: 1px solid #CCCCCC;height:615px;}
.message .box2 .tx{padding:20px;}
.message .box2 .set_ms{background: #F0F0F0;border: 1px solid #CCCCCC;border-radius:0 0 3px 3px;margin-top:20px;}
.message .box2 .set_ms .tab > li{border-left: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.message .box2 .set_ms .tab > li:first-child{border-left:0;}
.message .box2 .set_ms .tab > li a{display: block;text-align:center;padding:16px 0;font-weight: 500;font-size: 15px;line-height: 19px;text-align: center;letter-spacing: -0.02em;color: #333333;position: relative;text-decoration: none;background: #fff;}
.message .box2 .set_ms .tab > li a.on{color:#04A3BB;}
.message .box2 .set_ms .tab > li a.on::after{content: '';position: absolute;left:0;right:0;bottom:-1px;height:3px;background: #04A3BB;}
.message .box2 .set_ms .text{padding:15px;font-size: 15px;line-height: 22px;color: #666666;}
.message .box2 .set_ms .text em{color: #D71826;}
.message .box2 .set_ms .text span{color: #04A3BB;font-weight: 700;margin-left:10px;}
.message .box2 .set_ms .set_cont{padding:0 15px 20px}
.message .box2 .set_ms .set_cont > div{display: none;background: #FFFFFF;border: 1px solid #CCCCCC;box-sizing: border-box;border-radius: 3px;padding:20px 10px 20px 20px;position: relative;}
.message .box2 .set_ms .set_cont .byte{position: absolute;right:0;top:-38px;font-size: 15px;line-height: 22px;color: #666666;}
.message .box2 .set_ms .set_cont .byte span{color: #04A3BB;font-weight: 700;margin-left:10px;}
.message .box2 .set_ms .set_cont textarea{font-size: 15px;line-height: 23px;border:0;width:100%;padding:0;height: 238px;resize: none;}
.message .box2 .phon{background: #F0F0F0;padding:20px;width:333px;}
.message .box2 .phon > p{font-size: 15px;font-weight: 700;color:#222222;}
.message .box2 .phon > .time{border-top:1px solid #484848;border-bottom:1px solid #ccc;padding:6px 0;margin:10px 0 20px;}
.message .box2 .phon .phonimg{background: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 25px 25px 0 0;height: 429px;position: relative;padding:46px 15px 0;}
.message .box2 .phon .phonimg::before{content: '';display: inline-block;width:40px;height: 6px;background: #666666;border-radius: 5px;position: absolute;left:50%;top:20px;margin-left:-20px}
.message .box2 .phon .phonimg::after{content: '';display: inline-block;width:10px;height: 10px;background: #666666;border-radius: 100%;position: absolute;left:50%;top:18px;margin-left:28px}
.message .box2 .phon .phonimg .phonv{height:100%}
.message .box2 .phon .phonimg .phonv .ms{display: inline-block;padding:10px 15px;background: #04A3BB;border-radius: 15px 15px 15px 0;font-size: 15px;line-height: 23px;color: #FFFFFF;margin-bottom:10px;min-width:140px; max-width: 100%; }
.message .box2 .phon .phonimg .phonv .ms.mo{  background-color: #2c3345;border-radius: 15px 15px 0 15px; position: relative; left: 100%; transform: translateX(-100%)}
.message .box2 .phon .mssubmit{height:55px;background: #FFFFFF;border: 1px solid #CCCCCC;border-top: 0;padding:15px;border-radius: 0 0 10px 10px;}
.message .box2 .phon .mssubmit .btn{display: inline-block; text-align:center; width: 50px;}

.set_table{border-top:1px solid #666666;width:100%}
.set_table th{background: #F7F7F7;padding-left:10px;font-size: 15px;color: #222222;border-right:1px solid #CCCCCC;border-bottom:1px solid #EAEAEA;}
.set_table th em{color: #D71826;}
.set_table td{padding:7px 0 7px 12px;border-bottom:1px solid #EAEAEA;}

.treeview{margin-top:13px;}
.treeview strong { max-width: 230px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: inline-block}
.treeview a{color:#454545;text-decoration: none;display: inline-block;position: relative; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 230px;}
.treeview ul {margin-top: 4px;}
.treeview .hitarea {border:1px solid #CCCCCC;border-radius:2px;background: url(../images/icon_m.png) center center no-repeat;height: 18px;width: 17px;margin-left: -23px;float: left;cursor: pointer;position: relative;top: 2px;z-index: 1;}
.treeview .expandable-hitarea { background: url(../images/icon_p.png) center center no-repeat; }
/* fix for IE6 */
* html .hitarea {display: inline;float:none;}
.treeview li {margin: 0;padding: 6px 0pt 6px 6px;position: relative;}
.treeview .expandable,
.treeview .collapsable {padding: 6px 0pt 6px 23px;}
.treeview .child {padding: 6px 0pt 6px 6px;}
.treeview li::before{content: '';position: absolute;left:7px;top: 8px;bottom: -8px;width:1px;}
.treeview > li::before{background: url(../images/treeview_line.png) 0 0 repeat-y;}
.treeview > li:last-child::before{display: none;}
/*.treeview > li:first-child::before{display: block;}*/
.treeview > li > ul li::before{background: url(../images/treeview_line.png) 0 0 repeat-y;bottom: -18px;top: -15px;left:-16px;}
.treeview > li > ul li::after{content: '';position: absolute;left: -16px;bottom: auto;width: 16px;height: 1px;top: 17px;background: url(../images/treeview_line.png) 0 0 repeat-x;}
.treeview > li > ul li:last-child::before{display: none; height: 100%; top: -23px;}
.treeview > li > ul li:first-child::before{display: block;}
.treeview li.parents > .hitarea{border-color:#04A3BB;background: url(../images/icon_mon.png) center center no-repeat;}
.treeview li.parents > .expandable-hitarea{border-color:#04A3BB;background: url(../images/icon_pon.png) center center no-repeat;}
.treeview li.parent > .hitarea{border-color:#04A3BB;background: url(../images/icon_mon.png) center center no-repeat;}
.treeview li.parent > .expandable-hitarea{border-color:#04A3BB;background: url(../images/icon_pon.png) center center no-repeat;}
.treeview li.parent::after{background: #04A3BB;}
.treeview ul{position: relative;}
.treeview ul > span {display: inline-block;width:1px;background: #04A3BB;position: absolute;left:-16px;top:-6px;z-index: 1;}
/* .treeview .parents > ul.index0 > span{height: 23px;}
.treeview .parents > ul.index1 > span{height: 57px;}11
.treeview .parents > ul.index2 > span{height: 90px;}21
.treeview .parents > ul.index3 > span{height: 123px;}31
.treeview .parents > ul.index4 > span{height: 156px;}
.treeview .parents > ul.index5 > span{height: 189px;}
.treeview .parents > ul.index6 > span{height: 222px;}
.treeview .parents > ul.index7 > span{height: 256px;}
.treeview .parents > ul.index8 > span{height: 289px;}
.treeview .parents > ul.index9 > span{height: 322px;} */
.treeview li strong.on {color:#04A3BB;}
.treeview li a.on {color:#04A3BB;font-weight: 500;}
.treeview li a.on + .dot {display: inline-block;width:6px;height:6px;border-radius: 100%;background: #04A3BB;position: absolute;left: -4px;top: 15px;z-index: 1;}
.treeview li a.on + .dot::before {content: ""; display: block; width: 16px; background-color: #04A3BB; height: 1px; left: -11px; top:2px; position: absolute;}

.treeview .expandable > a::before,
.treeview .collapsable > a::before{display: none;}

/* error page */
.ms-error-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100vh - 161px);
    min-height: 450px;
}
.ms-error-wrap .ms-error-image {
    width: 320px;
    height: 187px;
    background: url(../images/img_404.png);
    background-size: 320px 187px;
}
.ms-error-wrap .ms-error-txt {
    padding: 30px 0;
    font-size: 31px;
    text-align: center;
}
.ms-error-wrap .ms-error-txt span {
    display: block;
    padding-top: 10px;
    font-size: 15px;
    color: #777;
}