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

#wrap {position:relative; min-height:100%; min-width: 1280px; padding-bottom:62px; background-color:#F3F4F7;}

/* header */
header{position: relative; background-color:#fff; z-index: 999;}
.toputill{height:40px; padding-right: 24px; line-height: 40px; text-align:right; border-bottom:1px solid #EBEBEB; font-size:11px; color:#677B91;}
.toputill .user{vertical-align: -1px;}
.toputill .user img{margin-right:5px; vertical-align: -4px;}
.toputill .log-btn{display:inline-block; height:24px; margin-left:10px; padding:0 7px; vertical-align: middle; line-height: 1.8; border-radius: 4px; background-color:#002E54; font-size:12px; font-weight:500; color:#fff;}
.toputill .log-btn:hover{background-color: #0f85bc;}
nav{display:flex; height:53px; padding:13px 24px 17px; border-bottom:2px solid #00ADEF;}
nav h1{font-size:13px; color:#000;}
nav h1 .ml11{vertical-align: 7px; font-weight: 500;}
nav #gnb{display:flex; margin-left:72px;}
nav #gnb li{position:relative; width:160px; margin-right:20px; text-align:center; font-size:16px; font-weight:500; color:#000;}
nav #gnb li:hover > a{color:#0F85BC;}
nav #gnb li .submenu{position:absolute; top:38px; left:50%; transform: translate(-50%,0);width:160px;padding:25px 25px 13px; border:1px solid #14ADEF; border-radius: 1px; background-color:#fff; box-shadow: 0 3px 6px rgba(0,0,0,.06); visibility : hidden; opacity : 0; transition : .2s ease-in-out; z-index:1;}
nav #gnb li .submenu::before{content:''; position:absolute; top:-5px;left: calc(50% - 5px); width:10px; height:10px; border-left:1px solid #14ADEF; border-top:1px solid #14ADEF; transform: rotate(45deg); background-color:#fff;}
nav #gnb li .submenu li{margin-bottom:12px; font-size:13px; font-weight:400; text-align:left; color:#383838;}
nav #gnb li:hover> .submenu {visibility : visible; opacity : 1;}

/****** contents ******/
.cont-title{position:relative; padding:11px 24px 13px; background-color: #fff; border-bottom:1px solid #E0E0E0;}
.cont-title h4{padding-left:28px; background:url("../images/sub/dash_title.png") no-repeat left center; font-size:18px; font-weight:700; line-height: 1.5; letter-spacing: -.5px; color:#002E54;}

.breadcrumb{position:absolute; top:16px; right:24px; font-size:12px;}
.breadcrumb span{position:relative; display:inline-block; padding-right:13px; margin-right:8px; color:#6385a2;}
.breadcrumb span:after{content: ''; position:absolute; top:6px; right:0; width:5px; height:5px; border-top:1px solid #6385a2; border-right:1px solid #6385a2; transform: rotate(45deg);}
.breadcrumb strong{color:#434546;}

.cont-box{position:relative; margin-bottom:10px; padding:18px 15px 15px; background-color:#fff; border:1px solid #E0E0E0; border-radius: 6px;}
.tit-area{margin-bottom:10px; text-align: right;}
.tit-area:after{content:''; display:block; clear:both;}
.tit-area h5{float:left; padding-left:27px; background:url("../images/common/title_icon02.png") no-repeat left center; line-height:29px; font-size:16px; color:#101010;}
.tit-area .desc{float:left;font-size: 13px;color: #333;line-height: 30px;}
.tit-area .btn-bx > * + * {margin-left:5px;}
.tit-area .btn-bx {vertical-align: -1px;}
.tit-area .btn-bx .btn{vertical-align: 1.2px;}


.dv-grp{display:flex; align-items: center;}
.dv-grp > *{height:30px; line-height:30px;}
.dv-grp .dv{flex:1;}
.dv-grp .dvn{flex:none;}
.dv-grp .btn{vertical-align:-9px;}


span.email{padding-left:18px; background: url(../images/common/mail_icon.png) no-repeat left 6px;}

.link-blue{color:#0F85BC}

/* footer */
footer{position:absolute; /* bottom:0; */ width:100%; padding:16px 0 30px; background-color:#F3F4F7; text-align:center; font-size:11px; color:#9D9D9D;}
footer address{font-size: 13px;color:#677B91}
footer address .hanhwa-company{position:relative;display: inline-block;margin-right:24px;font-weight: 600;}
footer address .hanhwa-company::after{content: '';position: absolute;top:3px;right: -13px;width: 1px;height: 12px;background-color: #9CADBD;}
footer address .hanhwa-tel{font-family:'Poppins';font-weight: 600;}

/* table */
.viewTb tbody tr th{padding:10px; text-align: left; border: solid 1px #ededed; background:#f5f6fa; color:#333;}
.viewTb tbody tr td{padding:5px 10px; border: solid 1px #ededed; background-color: #fff;}
.viewTb tbody tr td img{vertical-align: middle;}
.viewTb.type_skyblue tbody tr th{background: #e7eff9;border: solid 1px #d9e3f2;}
.blue-desc{color:#0F85BC;font-size: 12px;}
.password-wrap{position: relative;}
.password-wrap input[type=password], .password-wrap input[type=text]{width: 204px;}
.password-wrap i{position: absolute;top: 10px;right: 5px;color: #677B91;}
.listTb{border-collapse: separate;}
.listTb thead tr th{padding:9px 5px 12px;color:#333;background-color: #EFF3F5; border-top:1px solid #e6eaf0; border-left:1px solid #e6eaf0; border-bottom:1px solid #e6eaf0;}
.listTb thead tr th:first-child{border-top-left-radius: 4px;}
.listTb thead tr th:last-child{border-top-right-radius: 4px; border-right:1px solid #e6eaf0;}
.listTb tbody tr td{padding:7px 10px;color:#555;border-left:1px solid #e6eaf0; border-bottom:1px solid #e6eaf0;}
.listTb tbody tr td:last-child{border-right:1px solid #e6eaf0;}
.listTb tbody tr td.ing{background-color: #ccc;color: #666;}
/* 리스트 추가 2022-03-02 */
.listTb.type1 tbody tr:hover td{background-color: #f3fafc;}
.listTb.type1 tbody tr td{padding:0 10px;color:#555;border-left:1px solid #e6eaf0; border-bottom:1px solid #e6eaf0;height: 40px;line-height: 40px;}
.listTb.type2 tbody tr td{background-color: #fcf3f3}


.noticeTb{border-collapse: separate;}
.noticeTb thead tr th{padding:9px 5px 12px;color:#333;background-color: #EFF3F5; border-top:1px solid #e6eaf0;border-bottom:1px solid #e6eaf0;}
.noticeTb thead tr th:first-child{border-top-left-radius: 4px;border-left:1px solid #e6eaf0;}
.noticeTb thead tr th:last-child{border-top-right-radius: 4px; border-right:1px solid #e6eaf0;}
.noticeTb tbody tr td{height: 40px;line-height: 40px;color:#677B91;border-bottom:1px solid #e6eaf0;text-align: center;}
.noticeTb tbody tr:hover td{background-color: #f3fafc;}
.noticeTb tbody tr td.notice-title{text-align: left;}
.noticeTb tbody tr td.notice-title a{color:#002E54;font-weight: 700;}
.noticeTb tbody tr td.notice-title.not a{color: #f41057;}
.noticeTb tbody tr td.notice-title img{margin-left: 5px;}
.noticeTb tbody tr td.date{color:#94A0AD}
.noticeTb tbody tr td img{vertical-align: middle;}

.noticeView{border-bottom:1px solid #e6eaf0;color: #555;}
.noticeView h4{position:relative;border-top: 2px solid #002E54;border-bottom:1px solid #e6eaf0;font-size:14px;color: #002E54;font-weight:600;padding: 14px 15px;}
.noticeView h4 .notice-date{position: absolute;top: 16px;right: 20px;font-size:12px;color: #677B91;font-weight: normal;}
.noticeView .main-cont{padding: 15px;min-height: 400px;}
.noticeView .file-attach-box{width:100%;display: table;padding: 7px 10px 7px 0;border-bottom:1px solid #e6eaf0;}
.noticeView .file-attach-box > div{display: table-cell;vertical-align: middle;}
.noticeView .file-attach-box .file-attach-title{width: 110px;}
.noticeView .file-attach-box .file-attach-title span{padding: 4px 20px;font-size: 12px;color:#333;font-weight: 600;background-color: #F5F6FA;border: 1px solid #EDEDED;border-radius: 16px;}
.noticeView .file-attach-box .file-attach-link{line-height: 24px;}

ul.count{display:flex; justify-content: space-between;}
ul.count li{flex:1; padding:18px 5px; text-align:center; background-color: #fff; border-radius: 6px; box-shadow: 0 4px 8px 0 rgba(42, 55, 71, 0.03);}
ul.count li.blue{border:1px solid #70baf2; color: #2b8ad1;}
ul.count li.total{border:1px solid #e03997; color:#f41057;}
ul.count li.ing{border:1px solid #666;background-color: rgba(0,0,0,.5);color:#fff;}
ul.count li + li{margin-left:10px;}
ul.count li span{font-size: 16px; font-weight: 700;}
ul.count li b{display:block; font-size:24px;}

.list-scroll-wrap{overflow-x: scroll;}

/* paging */
.search-total{color: #333;}
.paging-wrap {position: relative;clear: both;text-align: center;}
.paging-wrap::after {content: '';clear: both;display: block;}
.paging-wrap .total {line-height: 30px;float: right;font-size: 12px;color: #333;}
.paging {padding:0;margin: 0;display: inline-block;}
.paging a {font-weight: 300;}
.paging a,
.paging strong {display: inline-block;width: 28px;height: 28px;line-height: 28px;border: #E6EAF0 1px solid;margin: 0 1px;text-align: center;vertical-align: middle;color: #677B91;border-radius: 3px;margin-left: 5px;}
.paging a:hover,
.paging .on {border-color: #0F85BC;color: #0F85BC;font-weight: 500;}

.paging .direction{font-size: 16px;line-height: 26px;}
.paging .direction span{font-size: 0;text-indent: -9999px;}
.paging .direction:hover{background-color: #0F85BC;border: #0F85BC 1px solid;color: #fff;}
.paging .direction::after{content: "";font-family:'Font Awesome 5 Free';font-weight:900;}
.paging .direction.first::after{content: "\f100";}
.paging .direction.prev::after{content: "\f104";}
.paging .direction.next::after{content: "\f105"}
.paging .direction.last::after{content: "\f101";}
.paging select{vertical-align: middle;margin-left: 5px;}

/****** main******/
.cont-wrap{padding: 10px;}
.dash-main{display: flex;}
.dash-main .dash-board{flex:1;padding: 24px;background-color:#fff;border: 1px solid #E0E0E0;border-radius: 6px;}
.dash-main .dash-board.board2{margin-left: 10px;}
.dash-title{position: relative;padding-bottom:18px;font-size: 18px;font-weight: 600;line-height:1.5;letter-spacing:.5px;color:#002E54;border-bottom:1px solid #E0E0E0;}
.dash-title .dash-title-date{font-size:14px; color:#677B91;font-weight: normal;}
.dash-title .dash-more{position: absolute;right: 0;top: 5px;width: 24px;height: 24px;background: url('../images/sub/icon_plus.png') no-repeat;background-position: 0 0;text-indent: -9999px;transition: none;}
.dash-title .dash-more:hover{background-position: 0 -24px;}
.dash-board-wrap{display: flex;margin: 25px 0 0 0;}
.dash-board-wrap .dash-board-box{flex:1;position: relative;padding:5px 0 0 92px;}
.dash-board-wrap .dash-board-box img{position: absolute;top: 0;left: 0;width: 76px;height: 76px;}
.dash-board-wrap .dash-board-box a h4{color: #002E54 ;font-weight: normal;}
.dash-board-wrap .dash-board-box a p{font-family: 'Poppins';font-size: 40px;font-weight: 700;}
.dash-board-wrap .dash-board-box.box1 a p{color: #EC547A;}
.dash-board-wrap .dash-board-box.box2 a p{color: #5BCEAE;}
.dash-board-wrap .dash-board-box.box3 a p{color: #3796F6;}

.dash-list-wrap{display: flex;padding-top: 10px;}
.dash-list-wrap .cont-box{flex:1}
/* .dash-list-wrap .cont-box:last-child{margin-left: 10px;} */
.dash-list-wrap .cont-box:not(:first-child){margin-left: 10px;}
.dash-list-wrap .order-list{display:flex; padding-top:20px;}
.dash-list-wrap .order-list table{flex:1; width:calc(50% - 30px); position:relative; font-size:14px;}
.dash-list-wrap .order-list table + table:before{content:''; position:absolute;left:-15px; top:0; width:1px; height:100%;background-color:#E8E8E8;}
.dash-list-wrap .order-list table tbody tr th{padding:5px 0; text-align: left; font-weight:500; color: #002e54;}
.dash-list-wrap .order-list table tbody tr td{padding:5px 0;color:#677B91}
.dash-list-wrap .order-list table tbody tr td a{color: #EC547A;font-weight: 500;}
.dash-list-wrap .order-list table tbody tr td a:hover{color: #0F85BC;text-decoration: underline; cursor:pointer;}
.dash-list-wrap .order-list table tbody tr td.qcell-logo{text-align: center;color: #A6AAAF;height: 150px;}
.dash-notice-wrap{display: flex;}
.dash-notice-wrap .main-notice-box{flex:1;height: 180px;}
.dash-notice-wrap .main-notice-box:last-child{margin-left: 10px;}
.dash-notice-wrap .notice-list{margin-top: 20px;height: 79px;}
.dash-notice-wrap .notice-list li{position: relative;line-height: 38px;}
.dash-notice-wrap .notice-list li a{display: block;color: #002E54; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:750px;}
.dash-notice-wrap .notice-list li a:hover{color: #0F85BC;text-decoration: underline;}
.dash-notice-wrap .notice-list li span{position: absolute;top: 4px;right: 0;font-size: 11px;color: #A6AAAF;}

/*  main-수정 20220418 */
.dash-notice-wrap .notice-list table tbody tr th{height: 38px;line-height: 38px; text-align: left; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dash-notice-wrap .notice-list table tbody tr th a{color: #002E54;}
.dash-notice-wrap .notice-list table tbody tr th a:hover{color: #0F85BC;text-decoration: underline;}
.dash-notice-wrap .notice-list table tbody tr td{font-size: 11px;color: #A6AAAF;text-align: right;}

.cont-year-box{position:relative; margin-bottom:10px; padding:22px 24px;background-color:#fff; border:1px solid #E0E0E0; border-radius: 6px;}
.cont-year-box:last-child{margin-bottom: 0;}
.cont-year-box .year-info{display: flex;align-items: center;height: 39px;height: 39px;line-height: 39px;color: #002E54;font-size: 18px;font-weight: 500;vertical-align: middle;}
.cont-year-box .year-info .current-year{font-size: 28px;font-weight:600;display: inline-block;}
.cont-year-box .year-info .desc{font-size: 16px;color: #677B91;font-weight: normal;}
.cont-year-box .right-info{position: absolute;top: 22px;right: 24px;font-size: 28px;font-weight: 600;color: #3796F6;}
.cont-year-box:last-child .right-info{color: #EC547A;}


/* popup */
.layer-popup {position:fixed; top:48%;left:50%;width:800px;height:400px;margin:-200px 0 0 -400px;z-index:300;border:2px solid #00ADEF;background-color:#fff;}
.popup-cont-title{position:relative; padding:20px; background-color: #fff; }
.popup-cont-title h4{padding-left:30px; background:url("../images/sub/dash_title.png") no-repeat left center; font-size:18px; font-weight:700; line-height: 1.5; letter-spacing: -.5px; color:#002E54;}
.popup-cont-title .popup-close{position: absolute;top:15px;right: 20px;}
.popup-wrap{padding:0 20px 10px 20px;}
.popup-tb-scroll{width: 100%;overflow-y: scroll;height: 100px;}

/* login */
#login-wrap{min-height: 100vh;background: linear-gradient(to right, rgba(5,117,230,0.75), rgba(2,27,121,0.75)), url('../images/common/login_bg.png') top center;background-size: cover;}
.login-box{position: absolute;left:50%;top:200px;width: 600px;height: 440px;transform: translate(-50%,0);}
.login-box h2{font-size: 40px;font-weight: 600;color: #fff;margin-bottom: 20px;text-align: center;}
.login-box .login-info{width:100%;height: 360px;background-color: rgba(255,255,255,.8);border-radius: 15px;}
.login-box .login-info ul{width:400px;padding: 65px 0;margin: 0 auto;}
.login-box .login-info .login-input-wrap{position: relative;}
.login-box .login-info .login-password-wrap{position: relative;}
.login-box .login-info .login-password-wrap i{position: absolute;top: 14px;right: 15px;color: #185EB8;font-size: 15px;}
.login-box .login-info .login-pw-wrap{position: relative;}
.login-box .login-info input[type=text], .login-box .login-info input[type=password]{height: 44px;font-size: 14px;color: #94A0AD;padding-left: 40px;}
.login-box .login-info input:focus{border: 2px solid #185EB8 !important;}
.login-box .login-info input[type=password]:-ms-input-placeholder{font-size:14px;}
.login-box .login-info input[type=password]::-moz-placeholder{font-size:14px;}
.login-box .login-info input[type=password]::-webkit-input-placeholder{font-size:14px;}

.login-input.id{background:#fff url('../images/sub/icon_user.png') no-repeat 10px 12px;}
.login-input.pw{background:#fff url('../images/sub/icon_password.png') no-repeat 10px 12px;}
.login-box .login-info .login-btn{display: block;padding:14px 0;background-color: #185EB8;text-align: center;font-size: 18px;color: #fff;font-weight: 600;border-radius: 4px;}
.login-box .login-info .login-btn:hover{background-color: #00ADEF;}
.login-box .login-info .login-copy{color: #185EB8;}
.login-box .login-info .login-copy i{font-size: 15px;}
.form-control-clear {position: absolute;top: 12px;right: 15px;width: 20px;height: 20px;z-index: 1;background: url('../images/sub/icon_close.png') 0 0;cursor: pointer;}
.hidden{display: none;}
/* IE의 경우 */
input::-ms-clear,
input::-ms-reveal{
    display:none;
}

.icon_system{display: inline-block;height:22px; padding:0 6px;  line-height: 22px; text-align:center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #FEFEA9; font-size:10px; font-weight: 500; color:#EB401C;border: 1px solid #F6F68D;}
.icon_ing{display: inline-block;width:100%;height:28px;line-height: 28px; text-align:center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #ccc;color: #555; font-size:13px; font-weight: 500; border: 1px solid #bbb;vertical-align: -1px;}

/*2023-11-27 발전량시뮬레이션 등록*/
.select-contbox{display:block}
.module-select-box{display:flex}
.module-select{flex:1;padding:8px 15px 15px 15px;background-color: #fff;border: 1px solid #E4E4E6;box-shadow: 0px 4px 8px 0px rgba(42, 55, 71, 0.03);border-radius: 6px}
.module-select:last-child{margin-left:10px}
.tit-area.type01{margin-bottom:10px}
.small-copy{font-size:14px;font-weight:400;color:#333}
.local-box{display:flex;justify-content: space-between;margin-left:-30px;margin-top:29px}
.local-box li{flex:1;display:flex;flex-direction: column;align-items: center;margin-right:125px;}
.local-box li:last-child{margin-right:-30px;}
.house-box{display:flex;justify-content: space-between;margin-top:25px}
.house-box li{flex:1;display:flex;flex-direction: column;justify-content:center;align-items:Center;margin-right:30px;}
.house-box li .housebg{flex:1;display:flex;justify-content:center;width:100%;margin-bottom:13px;padding:30px 10px;background:#F3F4F7;border-radius:4px;}
.house-box li:last-child{margin-right:0;}
.selct-boxframe{display:flex;justify-content: space-between;margin-top:19px;margin-bottom:10px}
.selct-boxframe li{display:flex;flex-direction: column;margin-right:157px;}
.selct-boxframe li:last-child{margin-right:0;}
.loaciotn_inner{padding:0 25px}
.dv-grp.mtnumber{margin:25px 0 10px;}
.dv-grp.check-select{margin:15px 26px 10px;}
.dv-grp .type-text {position:relative;display:flex;width:180px;height:30px;line-height:30px;border: #d2d6de 1px solid;border-radius:4px;background:transparent}
.dv-grp .type-text.notdisabled{width:100%;background:#fff}
.dv-grp .type-text input{width:100%;padding-right:40px;border:0;height:28px;line-height:28px;}
.dv-grp .type-text input:disabled{background:#F5F6FA}
.input-text{position:absolute;right:10px;font-size:13px;color:#555}
.input-type01{display:flex;align-items: center;}
.foot_buttonframe{padding:20px 0;margin-top:15px;margin-bottom:10px;text-align: center;}
.icoarrow-img{vertical-align: -5px;margin-left:15px;}
.flex-height{flex:1;}
.tit-area.type01 h5{position:relative;}
.num-right{font-size:20px;font-weight:700;color:#F16500}
.chart-box_frame{margin-bottom:3px}
.chart-box{margin-top:-3px;padding:18px;border:1px solid #f0f1f3;box-shadow: 0px 2.33374px 6.22331px -0.77791px rgba(50, 50, 71, 0.05), 0px 0px 0.77791px 0px rgba(12, 26, 75, 0.24);border-radius:13px}
.chart-title{margin-top:20px;text-align:center;font-weight:700;font-size:13px;color:#333;}
.cont-box.table-box{border: 1px solid #E4E4E6;padding:10px 10px 30px 10px;box-shadow: 0px 4px 8px 0px rgba(42, 55, 71, 0.03);}
.table-bottom-copy{margin-top:16px;font-size:13px;color:#333;}
.listTb.type01 thead tr th{border-left:0;border-right:0;background:#EFF3F5;}
.listTb.type01 tbody tr td{border-left: 1px solid #E4E4E6;border-bottom: 1px solid #E4E4E6;text-align:right}
.listTb.type01 tbody tr td:last-child {border-left: 1px solid #E4E4E6;}
.listTb.type01 tfoot>tr{background:#F1FAFF}
.listTb.type01 tfoot tr td {padding: 7px 10px;border-left: 1px solid #E4E4E6;border-bottom: 1px solid #E4E4E6;text-align:right;color: #555;}
.listTb.type01 tfoot tr td:last-child{border-right: 1px solid #E4E4E6;}
.popup-box{display:flex;justify-content: space-between}
.popup-box li{flex:1;display:flex;flex-direction: column;justify-content:center;align-items:Center;margin-right:50px;}
.popup-box li .prductboxbg{display:flex;justify-content:center;align-items:Center;width:100%;height:100%;margin-bottom:13px;padding:0;border: 1px solid #E5E5E5;}
.popup-box li:last-child{margin-right:0;}
.noimg{width:60px;height:60px}
.module-select.type1{padding-top:15px}
.map_selectbox{display:flex;align-items:center;padding:0 175px}
.map_bgframe{max-width:1580px;width:100%;margin:0 auto;background:url("../images/sub/map_bg.png") center no-repeat;height:430px;}
.cont-box.locationcont{padding-bottom:0;padding-top:0;}
.location-box{position:relative;display:flex;height:100%;}
.location-reference{margin-left:auto;margin-top:90px;padding-right:120px;}
.loaction-list{position:absolute;bottom:177px;left: 50%;transform: translateX(-50%);margin-left:-100px}
.loaction-list-module{display:flex;}

.local-bluet{position:relative;margin-bottom:6px;padding-left:24px;font-size: 13px;font-weight: 500;color:#333}
.local-bluet:before{content:'';position:absolute;top:3px;left:0;width:13px;height:13px;border-radius:100%}
.local-bluet.local1:before{background:#21A600}
.local-bluet.local2:before{background:#0784CB}
.local-bluet.local3:before{background:#B512EE}
.local-bluet.local4:before{background:#593FD3}
.local-bluet.local5:before{background:#37AF9E}
.local-bluet.local6:before{background:#9B9A07}
.local-bluet.local7:before{background:#C98E00}
.local-bluet.local8:before{background:#C75073}
.modile{position:relative;}
.modile.defer01{width:165px;}
.modile.defer02{width:166px;margin-left:120px;margin-top:20px;}
.modile.defer03{width:166px;margin-left:95px;margin-top:20px;}
.modile.defer04{width:166px;margin-left:5px;margin-top:20px;}
.modile.defer05{width:166px;margin-left:5px;margin-top:12px;}
.modile span{position:absolute;cursor:pointer;width:51px;height:50px;line-height:48px;border-radius: 4px;border: 2px solid #C75073;background:#fff;text-align:center;color:#C75073}
.modile span.add{color:#fff!important}
.modile.defer02 > span{width:80px;height:30px;line-height:24px;border: 2px solid #9B9A07;text-align:center;color:#9B9A07}
.modile.defer03 > span{width:80px;height:30px;line-height:24px;border: 2px solid #37AF9E;text-align:center;color:#37AF9E}
.modile.defer04 > span{width:80px;height:30px;line-height:24px;border: 2px solid #593FD3;text-align:center;color:#593FD3}
.modile.defer05 > span{width:80px;height:30px;line-height:24px;border: 2px solid #B512EE;text-align:center;color:#B512EE}
.defer01-box{top:0;left:0;}
.defer02-box{top:0;left:57px;}
.defer03-box{top:0;right:0!important;left:unset!important}
.defer04-box{top:55px;left:0px;width:80px!important;height:65px!important;line-height:65px!important;}
.defer05-box{right:0!important;left:unset!important;top:55px;width:80px!important;height:30px!important;line-height:24px!important;}
.defer06-box{right:0!important;left:unset!important;top:90px;width:80px!important;height:30px!important;line-height:24px!important;}
.defer07-box{top:125px!important;left:0px;width:100%!important;height:30px!important;line-height:25px!important;}
.defer08-box{left:-97px;top:110px;width:80px!important;height:30px!important;line-height:24px!important;}

.defer01-box.add{background:#C75073;}
.defer02-box.add{background:#C75073;}
.defer03-box.add{background:#C75073;}
.defer04-box.add{background:#C75073;}
.defer05-box.add{background:#C75073;}
.defer06-box.add{background:#C75073;}
.defer07-box.add{background:#C75073;}
.defer08-box.add{background:#C75073;}

.defer21-box{top:0;left:0;}
.defer22-box{top:0;left:unset;right:0!important}
.defer23-box{top:35px;}
.defer24-box{top:35px;left:unset;right:0!important;}
.defer25-box{top:70px;border: 2px solid #C98E00!important;color:#C98E00!important}
.defer26-box{top:70px;right:0!important;left:unset!important;border: 2px solid #C98E00!important;color:#C98E00!important}
.defer27-box{top:105px!important;left:0px;border: 2px solid #C98E00!important;color:#C98E00!important}
.defer28-box{top:105px;left:unset;right:0!important;border: 2px solid #C98E00!important;color:#C98E00!important}
.defer29-box{left:-91px;width:85px!important;height:65px!important;line-height:65px!important}

.defer21-box.add{background:#9B9A07}
.defer22-box.add{background:#9B9A07}
.defer23-box.add{background:#9B9A07}
.defer24-box.add{background:#9B9A07}
.defer25-box.add{background:#C98E00}
.defer26-box.add{background:#C98E00}
.defer27-box.add{background:#C98E00}
.defer28-box.add{background:#C98E00}
.defer29-box.add{background:#9B9A07}

.defer31-box{top:0;left:0;}
.defer32-box{top:0;left:unset;right:0!important;border: 2px solid #593FD3!important;color:#593FD3!important}
.defer33-box{top:35px;width:80px!important;height:45px!important;line-height:43px!important}
.defer34-box{top:35px;left:unset;right:0!important;}
.defer35-box{top:85px;}
.defer36-box{top:70px;left:unset;right:0!important;}
.defer37-box{top:105px;right:0!important;left:unset!important;}
.defer38-box{left:-90px;width:85px!important;height:65px!important;line-height:62px!important}

.defer31-box.add{background:#37AF9E}
.defer32-box.add{background:#593FD3}
.defer33-box.add{background:#37AF9E}
.defer34-box.add{background:#37AF9E}
.defer35-box.add{background:#37AF9E}
.defer36-box.add{background:#37AF9E}
.defer37-box.add{background:#37AF9E}
.defer38-box.add{background:#37AF9E}

.defer41-box{top:-30px;left:0;width:80px!important;height:45px!important;line-height:43px!important}
.defer42-box{top:-15px;left:unset;right:0!important;border: 2px solid #593FD3!important;color:#593FD3!important}
.defer43-box{top:20px;width:80px!important;height:45px!important;line-height:43px!important}
.defer44-box{top:20px;left:unset;right:0!important;width:80px!important;height:45px!important;line-height:43px!important}
.defer45-box{top:70px;}
.defer46-box{top:70px;left:unset;right:0!important;}
.defer47-box{top:105px;right:0!important;left:unset!important;}

.defer41-box.add{background:#593FD3}
.defer42-box.add{background:#593FD3}
.defer43-box.add{background:#593FD3}
.defer44-box.add{background:#593FD3}
.defer45-box.add{background:#593FD3}
.defer46-box.add{background:#593FD3}
.defer47-box.add{background:#593FD3}

.defer51-box{top:-167px;left:50%;transform:translateX(-50%);width:80px!important;height:30px!important;line-height:26px!important;border: 2px solid #21A600!important;color:#21A600!important}
.defer52-box{top:-132px;width:165px!important;height:30px!important;line-height:26px!important;border: 2px solid #0784CB!important;color:#0784CB!important}
.defer53-box{top:-97px;width:80px!important;height:30px!important;line-height:24px!important;border: 2px solid #0784CB!important;color:#0784CB!important}
.defer54-box{top:-97px;left:unset;right:0!important;border: 2px solid #0784CB!important;color:#0784CB!important}
.defer55-box{top:-62px;border: 2px solid #0784CB!important;color:#0784CB!important}
.defer56-box{top:-62px;left:unset;right:0!important;border: 2px solid #0784CB!important;color:#0784CB!important}
.defer57-box{top:-27px;border: 2px solid #593FD3!important;color:#593FD3!important}
.defer58-box{top:-27px;left:unset;right:0!important;border: 2px solid #0784CB!important;color:#0784CB!important}
.defer59-box{top:8px}
.defer60-box{top:8px;left:unset;right:0!important}
.defer61-box{top:43px}
.defer62-box{top:43px;left:unset;right:0!important;}
.defer63-box{top:78px}
.defer64-box{top:113px;}
.defer65-box{top:78px;left:unset;right:0!important;width:80px!important;height:65px!important;line-height:62px!important}

.defer51-box.add{background:#21A600}
.defer52-box.add{background:#0784CB}
.defer53-box.add{background:#0784CB}
.defer54-box.add{background:#0784CB}
.defer55-box.add{background:#0784CB}
.defer56-box.add{background:#0784CB}
.defer57-box.add{background:#593FD3}
.defer58-box.add{background:#0784CB}
.defer59-box.add{background:#B512EE}
.defer60-box.add{background:#B512EE}
.defer61-box.add{background:#B512EE}
.defer62-box.add{background:#B512EE}
.defer63-box.add{background:#B512EE}
.defer64-box.add{background:#B512EE}
.defer65-box.add{background:#B512EE}

/* .local_text_inner{display:flex;flex-direction:column;margin-top:-50px;}
.japan_map{margin-left:auto;}
.local_text{display:flex;flex-wrap:wrap;}
.local_text li{flex:1;min-width:115px;margin:0 20px;margin-bottom:65px}
.local_text li:nth-child(4n + 1){margin-left:0px;}
.local_text li:nth-child(4n + 4){margin-right:0px;}
.local_text li dl{display:flex;flex-direction:column}
.local_text li dt{position:relative;margin-bottom:17px;font-size: 18px;font-weight: 700;color: #333;}
.local_text li dd{flex:1;margin-bottom:8px;padding-left:28px;}
.local_text li dd:last-child{margin-bottom:0;}
.local-bluet{padding-left:28px;}
.local-bluet:before{content:'';position:absolute;top:6px;left:0;width:18px;height:18px;border-radius:100%}
.local-bluet.local1:before{background:#D5A3C9}
.local-bluet.local2:before{background:#85B5E3}
.local-bluet.local3:before{background:#A8DADB}
.local-bluet.local4:before{background:#A2D0A1}
.local-bluet.local5:before{background:#F6E36A}
.local-bluet.local6:before{background:#F4B3BB}
.local-bluet.local7:before{background:#F1C16C}
.local-bluet.local8:before{background:#ED7A81}
.local1-color{font-weight:700;color:#D5A3C9}
.local2-color{font-weight:700;color:#85B5E3}
.local3-color{font-weight:700;color:#A8DADB}
.local4-color{font-weight:700;color:#A2D0A1}
.local5-color{font-weight:700;color:#F6E36A}
.local6-color{font-weight:700;color:#F4B3BB}
.local7-color{font-weight:700;color:#F1C16C}
.local8-color{font-weight:700;color:#ED7A81} */
.mb0{margin-bottom:0!important}


/*layerpop*/
.modal-popup{display: none;position: fixed;top: 0;left: 0;width:100%;height:100%;overflow-x: hidden;overflow-y: auto;background:rgba(0 0 0 /0.20);z-index:110000;}
.modal-dialog {position: relative;display: flex;align-items: center;min-height: calc(100% - (1.5rem * 2));max-width: 800px;z-index:200000;margin: 1.5rem auto;pointer-events: none;}
.modal-dialog.searchpop{max-width:740px;}
.modal-content{flex:1;position: relative;background-clip: padding-box;background-color: #fff;outline: 0 none;border: 2px solid #00ADEF;pointer-events: auto;}
.modal-header {display:block;position:relative;padding:0px}
.modal-body {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 0 20px}
.modal-footer {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: end;justify-content: center;padding:10px 20px 30px 20px;}
.close-btn{cursor:pointer;}
.modal-popup.fade .modal-dialog {transition: -webkit-transform .5s ease-out;transition: transform .5s ease-out;transition: transform .5s ease-out,-webkit-transform .5s ease-out;
    -webkit-transform: translate(0,-100px);transform: translate(0,-100px);}
.modal-popup.show .modal-dialog{-webkit-transform: none;transform: none;}

@media (max-width:1700px){
    .local-box{margin-left:0;}
    .local-box li:last-child{margin-right:0;}
    .location-reference{margin-right:-45px;padding-right:0px}
}
@media (max-width:1550px){
    .map_selectbox{padding:0 50px;}
    .loaction-list{margin-left:0px}
    .local-bluet{padding-left:20px;font-size:12px}
}

/* 2022-06-17 설계의뢰 추가 */
.ico{display: inline-block;width: 20px;height: 20px;line-height:20px;background: #A6AAAF;color: #fff;font-size: 10px;text-align: center;border-radius: 50%;vertical-align: 2px;}

.tab-type1{padding: 10px 0 30px;}
.tab-type1 > ul{display: flex;height: 40px;border-bottom: 1px solid #c2c4c6;position: relative;}
.tab-type1 > ul > li{margin:  0 0 0 -1px;}
.tab-type1 > ul > li.on{z-index: 2;}
.tab-type1 > ul > li > a{display: inline-block;width: 150px;height: 40px;line-height: 40px;border: 1px solid #c2c4c6;border-bottom: none;font-size: 14px;color: #767676;border-radius: 8px 8px 0 0;background: #f1f1f1;text-align: center;}
.tab-type1 > ul > li.on > a{position: relative;height: 41px;border: 1px solid #2185d0;border-bottom: none;background: #2185d0;font-weight: bold;color: #fff;}
.tab-cont{padding-bottom: 30px;}
.conts-divide{display: flex;justify-content: space-between;margin: 30px 0;}
.conts-divide > li{flex: 1;border: 1px solid #cdf0dd;margin-right: 15px;padding: 15px;border-radius: 5px;min-height: 200px;background: #dbf7e8;}
.conts-divide > li:first-child{background: #fef9e5;border-color: #f1eacf;}
.conts-divide > li:first-child h4{color: #756939;border-color:#ede5c8;}
.conts-divide > li:last-child{margin-right: 0;background: #fee8e8;border-color: #f6dada;}
.conts-divide > li:last-child h4{color: #98605f;border-color: #e6d2d2;}
.conts-divide h4{color: #5d9379;font-size: 16px;border-bottom: 1px solid #c4dbce;line-height: 40px;}
.readRemark{padding: 10px;border: 1px solid #d2d6de;border-radius: 5px;background: #f3f4f7;line-height: 20px;font-size: 13px;min-height: 200px;}
.contsTb{margin: 20px 0;}
.contsTb tbody tr th{color: #222;padding: 3px 0;}
.contsTb tbody tr td{padding:7px 0;color:#555;}
.no_active_bg{background: #f5f6fa !important;}

.file-box1{border: 1px solid #c2d2df;padding: 10px 20px;min-height: 120px;background: #e5eaee;position: relative;}
.file-list li{font-size: 14px;padding: 7px 0;}
.file-list li a{color: #222;}
.file-list li a:hover{color: #2185d0;}
.file-list li img{vertical-align: -3px;padding-left: 3px;}
.file-box2{border: 1px solid #E0E0E0;padding: 10px 20px;min-height: 120px;}
.filetxt{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #abc0d0;font-size: 16px;}


.tooltips{position: relative;}
.tooltips .tooltiptext {display: none;min-width: 380px;background-color: #A6AAAF;color: #fff;text-align: center;border-radius: 6px;padding: 5px 10px; position: absolute;z-index: 100;top: 150%;left: -5px;text-align:center;line-height: 150%;font-size: 13px;}
.tooltips .tooltiptext.long{min-width: 520px;}
.tooltips:hover .tooltiptext {display: block;}
.tooltips .tooltiptext::after {content: "";position: absolute;bottom: 100%;left: 20px;margin-left: -2px;border-width: 5px;border-style: solid;border-color: transparent transparent #A6AAAF transparent;}
.layer-popup2 {position:fixed; top:48%;left:50%;width:800px;height:500px;margin:-250px 0 0 -400px;z-index:300;border:2px solid #00ADEF;background-color:#fff;}
.popup-tb-scroll input[type=radio] + .popup-tb-scroll label, .popup-tb-scroll input[type=checkbox] + .popup-tb-scroll label{margin-right: 0;}
.btn-bx.bdLine{border-top: 1px solid #ddd;padding-top: 10px;}
.sub-tit1{position: relative;padding: 10px 0 10px 15px;font-size: 14px;color: #5786ac;}
.sub-tit1::after{content:"";position:absolute;top:17px;left:0px;width:6px;height:6px;border:2px solid #5786ac;border-top:none;border-right:none;transform:rotate(225deg);}

#plan-login-wrap{min-height: 100vh;background: linear-gradient(to right, rgba(0,219,222,0.75), rgba(2,27,121,0.75)), url('../images/common/login_background.jpg') top center;background-size: cover;}
.plan-login-box{position: absolute;left:50%;top:50%;width: 600px;height: 380px;transform: translate(-50%,-50%);}
.plan-login-box h2{font-size: 40px;font-weight: 600;color: #fff;margin-bottom: 20px;text-align: center;}
.plan-login-box .login-info{width:100%;height: 300px;background-color: rgba(255,255,255,.8);border-radius: 15px;}
.plan-login-box .login-info ul{width:400px;padding: 85px 0;margin: 0 auto;}
.plan-login-box .login-info .login-input-wrap{position: relative;}
.plan-login-box .login-info .login-password-wrap{position: relative;}
.plan-login-box .login-info .login-password-wrap i{position: absolute;top: 14px;right: 15px;color: #185EB8;font-size: 15px;}
.plan-login-box .login-info .login-pw-wrap{position: relative;}
.plan-login-box .login-info input[type=text]{height: 44px;font-size: 14px;color: #94A0AD;padding-left: 20px;}
.plan-login-box .login-info input:focus{border: 2px solid #185EB8 !important;}
.plan-login-box .login-info .login-btn{display: block;padding:14px 0;background-color: #185EB8;text-align: center;font-size: 18px;color: #fff;font-weight: 600;border-radius: 4px;}
.plan-login-box .login-info .login-btn:hover{background-color: #00ADEF;}

/* 2024-03-27 KCS */
.toputill.in_logo{display: flex; align-items: center; padding: 0 24px;}
.logo-wrap{display: flex;}
.logo-wrap > a{display: flex;}
.toputill.in_logo .user-wrap{margin-left: auto;}
#gnb.out_logo{margin-left: 0;}

/* mail popup 20221123 */
.layer-popup.mail-pop{height: auto;margin: -350px 0 0 -400px;padding-bottom: 20px;font-size: 13px;}
.pop-mail-hd{padding: 10px 15px;margin: 12px 0;background: #f5f6fa;border: 1px solid #ededed;}
.mail-hd-row{margin-bottom: 7px;}
.mail-hd-row .mail-hd-title{margin-right: 8px;;}
.mail-hd-row .mail-attach{margin-top: 5px;}
.mail-hd-row .mail-attach a{color: #0F85BC;}
.mail-hd-row .mail-attach img{vertical-align: middle;}
.pop-mail-con{border: 1px solid #ededed;height: 220px;overflow-y: auto;padding: 10px;}

.btn.btn-violet2{ background-color:#8265ef;}

/* filebox */
.filebox{ position:relative; padding:0; width:100%; display:inline-block; vertical-align:middle;}
.filebox input[type="file"]{ position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border:0;}
.filebox label{ border-radius: 4px; padding: 0 10px;/*width:104px;*/ height:30px; line-height:30px; margin:0; text-align:center; display:inline-block; color:#fff; background-color:#4c6d80; cursor: pointer;}
.filebox .upload-name{display: block; width: 100%; color:#314ec8; padding: 0; background-color:transparent; border:none; height: 30px; line-height: 30px; opacity: 1 !important;}

.filebox + .attach-lst{ margin-top: 10px;}
.dv-grp + .attach-lst{margin-top: 15px; padding-left:5px;}
.dv-grp + .attach-lst:after{content:''; display:block; clear:both;}
.dv-grp + .attach-lst li{float:left; margin-right:25px;}
.attach-lst li{float:left; cursor: default; margin-bottom:5px; margin-left:10px;}
.attach-lst li:first-child{margin-left:0;}
.attach-lst li .btn{vertical-align: 0;}
.attach-lst li .del{ display: inline-block; color: #fff; width: 12px; height: 12px; background-color:#666; text-align: center; line-height: 11px; margin-left: 5px; font-size: .6em;}
.attach-lst li .del.typ01{line-height:12px;}
.attach-lst .download-txt{color:#5082fa;}

.attach-lst.typ01 li a:hover{cursor:pointer; text-decoration: underline;}



/* kcs */
.local-box li{
    margin-right: 45px;
}
.dv-grp.mtnumber{
    margin-top: 34px;
}
.house-box{
    margin-top: 29px;
}
.house-box li .housebg{
    background-color: transparent;
    padding: 0;
    margin-bottom: 25px;
}


/* 2024-03-27 KCS */
.toputill.in_logo{display: flex; align-items: center; padding: 0 24px;}
.logo-wrap{display: flex;}
.logo-wrap > a{display: flex;}
.toputill.in_logo .user-wrap{margin-left: auto; display: flex; align-items: center;}
#gnb.out_logo{margin-left: 0;}

/*2024-06-19 KCS*/
.modal-dialog.small { max-width: 540px;}
.modal-dialog.small .modal-footer{padding: 10px 20px 10px 20px;}
.bottom-check{padding: 10px 0px;}

/* 링크 URL 스타일 (QMusubi용) */
.link-url-section {
	background-color: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 6px;
	padding: 12px 15px;
	margin-top: 15px;
}

.link-url-section h5 {
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: 600;
	color: #495057;
}

.link-url-section h5 i {
	margin-right: 6px;
	color: #007bff;
}

.link-item {
	margin-bottom: 6px;
}

.link-item:last-child {
	margin-bottom: 0;
}

.link-url {
	display: inline-block;
	padding: 6px 10px;
	background-color: #ffffff;
	color: #007bff;
	text-decoration: none;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 400;
	max-width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all 0.2s ease;
}

.link-url:hover {
	background-color: #e3f2fd;
	border-color: #007bff;
	color: #0056b3;
	text-decoration: none;
}

.link-url i {
	margin-right: 6px;
	font-size: 12px;
}

/* QMusubi 팝업용 링크 스타일 (작은 크기) */
.layer-popup .link-url-section {
	padding: 10px 12px;
	margin-top: 10px;
}

.layer-popup .link-url-section h5 {
	font-size: 13px;
	margin-bottom: 8px;
}

.layer-popup .link-url {
	padding: 5px 8px;
	font-size: 12px;
	max-width: 350px;
}

.layer-popup .link-url i {
	margin-right: 5px;
	font-size: 11px;
}