@charset "utf-8";

/*2020-10-30  ߰  */
.bnrSurvey{margin-top:5rem;background:#0094a1 url('/pspace/assets/images/content/bnrSurvey.png') 46px 26px no-repeat;border:7px solid rgba(255,255,255,.4);padding:30px 160px 30px 365px;box-sizing:border-box;position:relative;}
.bnrSurvey dt{color:#fff;font-family:'notokrMedium';font-size:26px;}
.bnrSurvey dd{color:#fff;font-family:'notokrMedium';font-size:18px;}
.bnrSurvey dd span{color:rgba(255,255,255,1);font-size:17px;padding-right:1.5rem;}
.bnrSurvey dd:last-child{margin-top:1rem;}
.bnrSurvey .btn{position:absolute;right:4.3rem;top:3.2rem;display:inline-block;background:#ffd200;width:10.9rem;padding:2rem 1rem;box-sizing:border-box;text-align:center;font-size:2rem;font-family:'notokrMedium';}
.basicWarp .bnrSurvey dd{line-height:1.6;}
/*2020-10-30  ߰  */

.textBlack{color:#000 !important;}
.textBlue{color:#07348c !important;}
.textCyan{color:#4a8dcb !important;}
.textRed{color:#e85e54 !important;}



.basicWarp{font-size:1.8rem;}
.basicWarp p{line-height:1.8;word-break:keep-all;}
.basicWarp .title{font-size:2.5rem;font-weight:normal;font-family:'notokrMedium';color:#383d53;margin:5rem 0 1rem;word-break:keep-all;}
.basicWarp .title.textBlue{color:#07348c;}
.basicWarp strong{font-weight:normal;font-family:'notokrMedium';color:#383d53;}
.basicWarp .pWrap>p{margin-bottom:2rem;}
.basicWarp strong.point{color:#31820a;}

.basicWarp .sTitle{font-size:2rem;font-weight:normal;font-family:'notokrMedium';color:#383d53;margin:4rem 0 1rem;word-break:keep-all;}
.basicWarp .sTitle.bullet{position:relative;padding-left:1.5rem;}
.basicWarp .sTitle.bullet::before{content:""; display:inline-block; position:absolute; top:50%; left:0; width:3px; height:12px; margin-top:-6px; background:#383d53; transform:rotate(30deg);}

.bulLi>li:first-child{/*margin-top:0;*/}
.bulLi>li{position:relative;display:block;padding-left:1.5rem;word-break:keep-all;margin-top:1.2rem;line-height:2;}


.basicWarp .numLi .num{position:absolute;top:1px;left:0;width:2.4rem;}
.basicWarp .numLi>li{position:relative;display:block;padding-left:2.4rem;word-break:keep-all;margin-top:1.2rem;line-height:1.8;}

.basicWarp .numLi>li .numLi>li{line-height:1.6;margin-top:1rem;}

.bgGrayBox{background:#f6f6f8;padding:2rem;margin-top:3rem;}
.bgGrayBox.searchBox{margin-top:0;}

.basicWarp .btnWrap{text-align:center;margin-top:3rem;}
.basicWarp .btnWrap .btn{display:inline-block;color:#fff;padding:1.25rem 4rem 1.25rem 2rem;margin:0 1rem;min-width:12rem;box-sizing:border-box;background:#45991a;position:relative;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.basicWarp .btnWrap .btn::before{width:7px;height:7px;background-color:transparent;content:'';margin-top:-4px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;top:50%;right:15px;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.basicWarp .btnWrap .btn:hover{background:#383d53;}
.basicWarp .btnWrap .btn:hover::before{border-color:#fff;}
.basicWarp .btnWrap .btnGray{background:#888;}


.basicWarp .btnWrap .btnNavy{display:inline-block;color:#fff;padding:1.25rem 4rem 1.25rem 2rem;margin:0 1rem;min-width:13.5rem;box-sizing:border-box;background:#383d53;position:relative;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.basicWarp .btnWrap .btnNavy::before{width:7px;height:7px;background-color:transparent;content:'';margin-top:-4px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;top:50%;right:15px;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.basicWarp .btnWrap .btnNavy:hover{background:#45991a;}
.basicWarp .btnWrap .btnNavy:hover::before{border-color:#fff;}


.imgCenter{text-align:center;}

.tabMenu{margin:5rem 0 0 0;}
.tabMenu::after{clear:both;display:table;content:'';}
.tabMenu>li{float:left;position:relative;min-width:35px;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;}
.tabMenu>li>a{display:block;position:relative;padding:1.2rem 1rem;line-height:35px;font-size:1.6rem;text-align:center;color:#777;}
.tabMenu>li.active{border-top:1px solid #45991a;border-bottom:1px solid #45991a;}
.tabMenu>li.active>a{color:#45991a;font-family:'notokrMedium';}
.tabMenu.li2>li{width:50%;}
.tabMenu.li3>li{width:33.33333333%;}
.tabMenu.li4>li{width:25%;}
.tabMenu.li5>li{width:20%;}
.tabMenu.li6>li{width:16.66666666666%;}
.tabMenu.li8>li{width:12.5%;}
.tabMenu.li9>li{width:11.11111111111%;}
.tabMenu.li11>li{width:9.090909090909091%;}

.sTabMenu{margin-top:5rem;}
.sTabMenu:after{content:'';display:block;clear:both;}
.sTabMenu>li{float:left;box-sizing:border-box;}
.sTabMenu>li>a{display:block;border-top:1px solid #c4c7cc;border-bottom:1px solid #c4c7cc;text-align:center;box-sizing:border-box;color:#858585;padding:1.2rem 1rem;font-size:1.7rem;position:relative;}
.sTabMenu>li:first-child>a{/*border-left:1px solid #c4c7cc;*/}
.sTabMenu .active>a{color:#333;font-family:'notokrMedium';}
.sTabMenu .active>a::before{content:'';display:block;height:3px;left:0;bottom:0;width:100%;background:#3d52bb;position:absolute;}
.sTabMenu>li.active:first-child>a{/*border-color:#09A281;*/}
.sTabMenu.li2>li{width:50%;}
.sTabMenu.li3>li{width:33.33333333%;}
.sTabMenu.li5>li{width:20%;}
.sTabMenu.li6>li{width:16.66666666666%;}
.sTabMenu.li7>li{width:14.285714285714286%;}
.sTabMenu.li8>li{width:12.5%;}
.sTabMenu.li9>li{width:11.11111111111%;}

.tabWrap .sTabMenu{margin-top:3rem;}
.tabWrap .tabCon{margin-top:3rem;display:none;font-size:1.8rem;}
.tabWrap .tabCon.active{display:block;}


.infraLi{margin:5rem 0 15rem;}
.infraLi::after{clear:both;display:block;content:'';}
.infraLi li {float:left;width:42%; margin:0 4%; position:relative;}


.infraLi li .text {background:#fff; text-align:center; padding:30px 5%; box-sizing:border-box; box-shadow:8px 8px 20px rgba(0,0,0,0.2); -webkit-box-shadow:8px 8px 20px rgba(0,0,0,0.2); position:absolute; width:80%; left:10%; bottom:-55px;}
.infraLi li .text .title {color:#383d53; font-size:24px; line-height:28px; margin:0 0 15px 0;}
.infraLi li img {display:block; width:100%;}
.basicWarp .infraLi .btnWrap{margin-top:1rem;}


.rentLiWrap{text-align:center;}
.rentLi{margin:5rem auto 0;display:inline-block;}
.rentLi>li{display:inline-block;width:34.2rem;background:#f3f3f3;box-sizing:border-box;padding:4rem 2rem 5rem;margin:0 3rem;}
.rentLi .img{width:21.6rem;border-radius:50% 50%;overflow:hidden;display:inline-block;}
.rentLi .tit{color:#383d53; font-size:24px;font-family:'notokrMedium';margin-top:1rem;}
.rentLi .eng{font-size:1.6rem;font-family:'NanumSquare';color:#666;line-height:1.6;}


.dataTableWrap{margin-top:5rem;}
.dataTable{margin-bottom:1rem;overflow:hidden;}
.dataTable table{width:100%;border-top:1px solid #585858;margin-left:-1px;}
.dataTable th{padding:16px 10px;margin-left:-1px;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;color:#000;font-weight:normal;font-family:'notokrMedium';text-align:center;}
.dataTable thead th{background:#fafafa;}
.dataTable td{padding:16px 10px;margin-left:-1px;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;text-align:center;word-break:keep-all;}
.dataTable th a:hover, .dataTable td a:hover{color:#004892;}
.dataTable td img{padding:0 3px;}
.dataTable .tl{text-align:left;}
.dataTable .btn{display:inline-block;color:#fff;font-size:1.3rem;vertical-align:middle;box-sizing:border-box;padding:0 2.5rem 0 1rem;line-height:3.4rem;position:relative;}
.dataTable .btn::before{width:6px;height:6px;background-color:transparent;content:'';margin-top:-3px;border-top:1px solid rgba(255, 255, 255, 0.8);border-right:1px solid rgba(255, 255, 255, 0.8);position:absolute;top:50%;right:10px;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.dataTable .navy{background:#383d53;}
.dataTable .btn.navy:hover{color:#fff;}
.dataTable .btn.navy::before:hover{background:#fff;}
.dataTable .yellow{background:#f8ab11;}
.dataTable .point{font-weight:normal;font-family:'notokrMedium';}
.dataTable .textBlack{color:#000;}
.dataTable .textRed{color:#e85e54;}
.dataTable .tableInfo{margin-top:1rem;}
.dataTable .tableInfoTop{margin-bottom:1rem;}
.dataTableWrap .tbUnit{text-align:right;margin-bottom:1rem;}
.btn_exp.btn_pay {background-color:#b71cab; color:white; padding:10px;}
.dataTable .bg01{background:#e4fbf1;}
.dataTable .bg02{background:#e4f9fb;}
.dataTable .bg03{background:#f0f0ff;}
.dataTable .bg01 strong, .dataTable .bg02 strong, .dataTable .bg03 strong{display:block;padding:5rem 2rem;}


.formWrap{border-top:1px solid #585858;}
.formWrap>dl{display:table;width:100%;min-height:6.8rem;}
.formWrap .label, .formWrap .inputWrap{display:table-cell;padding:1.6rem 2.4rem;border-bottom:1px solid #dedede;vertical-align:middle;box-sizing:border-box;}
.formWrap .label{width:20rem;background:#f6f6f8;color:#222;font-family:'notokrMedium';}
.formWrap .inputWrap label{margin-right:2rem;}
.formWrap input[type="radio"]{margin-right:.8rem;}
.formWrap .inputWrap .full{width:100%;}
.formWrap .inputWrap .num{width:15rem;}
.formWrap input, .formWrap select{height:3.5rem;width:35rem;}
.formWrap input[type="radio"], .formWrap input[type="checkbox"]{width:auto;height:auto;}
.formWrap .inputWrap.address .full{margin-top:.8rem;}
.formWrap .address .btn, .formWrap .email .btn, .formWrap .id .btn, .formWrap .pwd .btn{display:inline-block;vertical-align:middle;box-sizing:border-box;padding:0 1.5rem;line-height:3.3rem;border:1px solid #383d53;background:transparent;font-family:'notokrRegular';}
.formWrap .inputWrap>span{display:block;margin-top:.8rem;}
.formWrap .inputWrap>span:first-child{margin-top:0;}
.formWrap .inputWrap>span input[type="text"]{margin-left:1rem;}
.formWrap .inputWrap .info{margin-top:.8rem;}
.formWrap .inputWrap .infoInlineBlock{display: inline-block;}
.formWrap .inputWrap .detail {color: #475cc5;}
.formWrap .inputWrap .info>span{margin-right:2rem;}
.formWrap .inputWrap .detail>span{margin-right:1rem;}
.formWrap .inputWrap .date{margin-left:1rem;display:inline-block;}
.formWrap .inputWrap .file button{display:inline-block;vertical-align:middle;box-sizing:border-box;padding:0 4rem 0 1.5rem;line-height:3.5rem;background:#8187a1;font-family:'notokrRegular';color:#fff;border:none;position:relative;}
.formWrap .inputWrap .file button.add::before{width:12px;height:2px;background-color:#fff; content:''; position:absolute; top:17px; right:13px;}
.formWrap .inputWrap .file button.add::after{width:2px;height:12px;background-color:#fff; content:''; position:absolute; top:12px; right:18px;}
.formWrap .inputWrap .file button.delete::before{width:12px;height:2px;background-color:#fff; content:''; position:absolute; top:17px; right:13px;}

.formWrap.pwd{text-align:center;}
.formWrap.pwd .inputWrap{width:100%;display:block;padding:3rem;}
.formWrap.pwd .txt{background:#f6f6f8;color:#222;padding:3rem;font-size:2.2rem;}

.processLi::after{clear:both;display:table;content:'';}
.processLi>li{display:table;background:#f0f1f5;float:left;position:relative;padding:0;margin-right:2%;text-align:center;box-sizing:border-box;}
.processLi>li:last-child{margin-right:0;}
/*.processLi>li>span{display:table-cell;vertical-align:middle;padding:0 1rem;width:100%;color:#212b52;word-break:keep-all;}*/
.processLi>li>span{display:block;vertical-align:middle;padding:10px;color:#212b52;word-break:keep-all;background: #dcdde0;margin-bottom: 10px;}
.processLi>li::before{width:10px;height:10px;background-color:transparent;content:'';margin-top:-4px;border-top:2px solid #8f97b3;border-right:2px solid #8f97b3;position:absolute;top:50%;right:-12px;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}


/*.processLi>li::before{width:10px;height:10px;background-color:transparent;content:'';margin-top:-4px;border-top:2px solid #8f97b3;border-right:2px solid #8f97b3;position:absolute;top:50%;right:-15px;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}*/
.processLi>li:last-child::before{display:none;}
.processLi.li6>li{width:15%;height:8rem;}
.processLi.li5>li{width:18.3%;height:8rem;}
.processLi.li4>li{width:23%;height:9rem;margin-bottom: 10px}
/* 2020-10-05 추가 */
.processLi.li3>li{width:31%;height:12rem;margin-bottom: 10px}
.processLi.li3.short>li{height:8rem;}





.bulWrap{margin:3rem 0;}
.bulWrap .bulLi>li{line-height:1.8;}


.bgTitBox{margin-top:5rem;background:#f6f6f8;padding:1.5rem;text-align:center;position:relative;}
.bgTitBox .title{margin-top:0;margin-bottom:0;}

.bgGrayBox .searchDlWrap{margin-top:1rem;}
.bgGrayBox .searchDlWrap:first-child{margin-top:0;}
.searchDlWrap .searchDl{display:inline-block;}
.searchDl dt {display:inline-block;width:10rem;font-size:1.6rem;color:#383d53;font-family:'notokrMedium';}
.searchDl dd{display:inline-block;margin-right:5rem;}
.searchDl dd .input{margin-right:1rem;}
.searchDl dd .input select{min-width:12rem;}
.searchDl.subject{display:block;}
.searchDl.subject input{width:calc(120rem - 20rem);}
.searchDl.subject dd .btn{display:inline-block;color:#fff;font-size:1.4rem;vertical-align:middle;box-sizing:border-box;padding:0 3rem 0 1.5rem;line-height:3.6rem;background:#383d53;position:relative;border:0;}
.searchDl.subject dd .btn::before{width:8px;height:8px;background-color:transparent;content:'';margin-top:-4px;border-top:1px solid rgba(255, 255, 255, 0.8);border-right:1px solid rgba(255, 255, 255, 0.8);position:absolute;top:50%;right:15px;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}

.pick_date input{width:13rem;vertical-align: middle;}
.pick_date label {background:url("/infra/assets/images/common/iconCalendar.png") no-repeat;height:32px;width:33px;display:inline-block;vertical-align: middle;text-indent:-20000px;}


.flexBox{display:flex;display:-webkit-flex;flex-flow:row wrap;overflow:hidden;border-top:1px solid #585858;border-bottom:1px solid #999;}
.flexBox>li{position:relative;width:calc(100% / 2);box-sizing:border-box;margin:-1px 0 0 -1px;padding:4rem;border: 1px solid #ddd;border-right:none;}
.flexBox.li04>li{width:calc(100% / 4);}
.flexBox .infoDl{margin-top:0;}
.basicWarp .flexBox .sTitle{margin-top:0;}
.basicWarp .flexBox .btnWrap .btn{margin:1rem 0 0 0;}
.flexBox+p{margin-top:1rem;}
.flexBox .iconCall>dl, .flexBox .iconEmail>dl{margin-left:12.6rem;}
.flexBox .iconCall{position:relative;}
.flexBox .iconCall::before{position:absolute;display:block;content:'';width:9.6rem;height:9.6rem;border-radius:100%;background:#3b4054 url('/infra/assets/images/content/iconCall.png') center no-repeat;background-size:43px 45px;top:50%;margin-top:-4.8rem;}
.flexBox .iconEmail{position:relative;}
.flexBox .iconEmail::before{position:absolute;display:block;content:'';width:9.6rem;height:9.6rem;border-radius:100%;background:#3b4054 url('/infra/assets/images/content/iconEmail.png') center no-repeat;background-size:43px 36px;top:50%;margin-top:-4.8rem;}

.loginWrap+.basicWarp .flexBox{margin:5rem auto 0;width:60%;}
.loginWrap+.basicWarp .flexBox>li{width:100%;padding:5rem 25%;}

.siteMap::after{content:'';display:block;clear:both;}
.siteMap>li{/*float:left;width:100%;margin-right:0;*/margin-top:5rem;box-sizing:border-box;}
/*.siteMap>li:nth-child(2n){margin-right:0;}*/
.siteMap>li>a{margin:0 0 2rem 0;padding:0;line-height:3rem;text-align:center;border:1px solid #45991a;color:#45991a;width:100%;padding:1rem 0;font-size:2rem;font-family:'notokrMedium';display:block;}
.siteMap .depth2>ul{/*margin:2rem 0 0;*/}
.siteMap .depth2>ul::after{content:'';display:block;clear:both;}
.siteMap .depth2>ul>li{float:left;width:22%;margin-right:4%;/*margin:0 0 1rem;padding:0 0 1rem;*/border-bottom:1px dashed #d8d8d8}
.siteMap .depth2>ul>li:nth-child(4n){margin-right:0;}
.siteMap .depth2>ul>li>a{display:block;padding:1.2rem 2rem;}
.siteMap .depth3{/*margin:1rem 0 0;*/padding:1rem 2rem;background:#f8f8f8;}
.siteMap .depth3>li{margin:0;padding:0}
.siteMap .depth3>li>a{display:inline-block;padding-left:1.5rem;font-size:1.5rem;color:#666;}


.tbCalendar{margin-top:3rem;}
.tbCalendar table{width:100%;table-layout:fixed;border-top:1px solid #585858;border-bottom:0;}
.tbCalendar table thead th{padding:15px 5px;border-bottom:1px solid #a0a0a0;color:#333;text-align:center;font-weight:normal;font-family:'notokrMedium';}
.tbCalendar table tbody td{border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;height:16rem;color:#808080;vertical-align:top;}
.tbCalendar table tbody td:first-child {border-left:0;}
.tbCalendar table tbody td em {display:block;height:4rem;line-height:4rem;padding-left:1rem;color:#333;font-style:normal;}
.tbCalendar table tbody td.today em {background:#09A281;color:#fff;}
.tbCalendar table tbody td em.lastMonth {color:#d8d8d8;font-weight:normal;}
.tbCalendar table tbody td.data_chk {background-color: #fae8ee;}
.tbCalendar table tbody td.data_chk em {background-color:#fff;}
.tbCalendar table tbody td em.holiday{color:#e85e54;font-family:'notokrMedium';}
.tbCalendar .list {padding:5px 10px;}
.tbCalendar .list > p {display:block;}
.tbCalendar .list > p input[type=checkbox]{vertical-align:middle;margin-right:.5rem;}
.tbCalendar .list > p label{vertical-align:middle;}
.rentalWrap .head{position:relative;width:36rem;margin:5rem auto 3rem;}
.rentalWrap .head .date{text-align:center;font-size:3rem;color:#333;line-height:44px;font-family:'notokrMedium';}
.rentalWrap .head .today{position:absolute;top:0;left:0;}
.rentalWrap .head .today a{display:block;width:88px;height:44px;line-height:42px;text-align:center;font-size:16px;color:#02a677;border:1px solid #02a677;box-sizing:border-box;}
.rentalWrap .head .control{position:absolute;right:0;top:0;}
.rentalWrap .head .control>button{text-indent:-9999px;border:1px solid #6d7885;box-sizing:border-box;width:44px;height:44px;}
.rentalWrap .head .control .prev{background:url('/assets/images/content/view_nav_prev.png') center no-repeat;background-size:11px 22px;right:43px;position:absolute;}
.rentalWrap .head .control .next{background:url('/assets/images/content/view_nav_next.png') center no-repeat;background-size:11px 22px;}



.infoWrap{margin-top:5rem;}
.infoWrap::after{content:'';display:block;clear:both;}
.infoWrap .infoLi{border:1px solid #eaeaea;box-sizing:border-box;padding:0;float:left;width:23.5%;margin-right:2%;}
.infoWrap .infoLi:last-child{margin-right:0;}
.infoWrap .infoLi .img{}
.infoWrap .infoLi .textBox{margin:2rem 3rem;}
.infoWrap .infoLi .textBox dt{font-family:'notokrMedium';color:#383d53;font-size:2.4rem;border-bottom:1px solid #b6b6b8;padding-bottom:2rem;}
.infoWrap .infoLi .textBox dd{margin-top:2rem;}
.infoWrap .infoLi .btnBox{margin-top:2rem;text-align:center;}
.infoWrap .infoLi .btnBox .btnApply{display:inline-block;color:#fff;padding:1.25rem 2rem;margin:0 .5rem;box-sizing:border-box;background:#02a677;position:relative;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.infoWrap .infoLi .btnBox .btnApply:hover{background:#383d53;}
.infoWrap .infoLi .btnBox .btn{display:block;line-height:6rem;background:#f6f6f8;margin-top:2rem;position:relative;text-align:left;box-sizing:border-box;padding:0 3rem;}
.infoWrap .infoLi .btnBox .btn::before{width:8px;height:8px;background-color:transparent;content:'';margin-top:-4px;border-top:1px solid rgba(0, 0, 0, 0.8);border-right:1px solid rgba(0, 0, 0, 0.8);position:absolute;top:50%;right:3rem;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}

.totalWrap{margin-top:5rem;}
.totalWrap dl{display:flex;display:-webkit-flex;flex-flow:row wrap;overflow:hidden;}
.totalWrap dt, .totalWrap dd{position:relative;box-sizing:border-box;font-size:2.2rem;padding:4rem;font-family:'notokrMedium';}
.totalWrap dt{width:40%;background:#45991a;color:#fff;}
.totalWrap dd{width:60%;background:#f6f6f8;text-align:right;color:#383d53;}
.totalWrap p{margin-top:2rem;}


a.btnDelete{display:inline-block;font-size:1.5rem;vertical-align:middle;box-sizing:border-box;padding:0 1.5rem;line-height:3rem;border:1px solid #383d53;}

.maskStopSns{/*display:none;*/position:fixed;top:0;left:0;width:100%;height:100%;z-index:98;background-color:#000;background-color:rgba(0,0,0,0.8)}
.stopSnsWrap{/*display:none;*/position:fixed;top:20%;left:0;right:0;width:100%;max-width:65rem;z-index:99;margin:auto;padding:0;border:5px solid #21bc8b;background:#fff;text-align:center;box-sizing:border-box;padding:5rem;}
.stopSnsWrap .title{font-size:3rem;font-weight:normal;font-family:'notokrMedium';color:#1ba87a;margin-top:3rem;padding-bottom:.7rem;position:relative;display:inline-block;}
.stopSnsWrap .title::after{content:'';background:#1ba87a;width:100%;height:2px;display:block;position:absolute;bottom:-2px;}
.stopSnsWrap .textWrap{background:#f0f0f0;box-sizing:border-box;padding:0 2rem 2rem 2rem;}
.stopSnsWrap .textWrap>p{color:#777;font-size:1.7rem;padding-top:2rem;}
.stopSnsWrap .btnSnsClose{position:absolute;top:-4rem;right:-.5rem;width:37px;height:35px;display:block;text-indent:-9999px;background:url('/infra/assets/images/common/btnSnsClose.gif') no-repeat;border:none;}


/*2020-10-30  ߰  */
@media all and (max-width : 1420px){
.bnrSurvey{background-position-x:2rem;padding-left:30rem;}
}
/*2020-10-30  ߰  */

@media screen and (max-width: 1400px){
.rentLi>li{margin:0 1rem;}

.searchDl.subject input{width:calc(100rem - 20rem);}
}


@media screen and (max-width: 1200px){
.searchDl.subject input{width:calc(90rem - 20rem);}

.loginWrap+.basicWarp .flexBox{width:80%;}

/*2020-10-30  ߰  */
.bnrSurvey{padding-right:3rem;padding-left:32rem;}
.bnrSurvey .btn{position:static;width:auto;padding:1rem 2rem;font-size:1.8rem;margin-top:1.5rem;}
.bnrSurvey dd span{font-size:16px;padding-right:1rem;}
/*2020-10-30  ߰  */

}

@media all and (max-width : 1080px){
.dataTable{overflow-x:auto;}
.dataTable table{min-width:1024px;}

.searchDl.subject input{width:calc(85rem - 20rem);}

.tbCalendar{overflow-x:auto;}
.tbCalendar table{width:200%;}
.infoWrap .infoLi{width:48%;margin-right:0;}
.infoWrap .infoLi:nth-child(even){margin-left:4%;}
.infoWrap .infoLi:nth-child(3), .infoWrap .infoLi:nth-child(4){margin-top:3rem;}
}

@media screen and (max-width: 1024px){
.basicWarp, .tabMenu>li>a, .infoDl>dt, .selectTab>li, .dataTable th, .dataTable td{font-size:1.6rem;}
.bulLi>li, .dashLi>li{line-height:1.8;}

.infraLi li{width:45%;margin:0 2.5%;}
.infraLi li .text{padding:25px 5%;}
.infraLi li .text .title{font-size:2.2rem;line-height:2.6rem;}

.rentLi>li{width:28rem;}
.rentLi .img{width:19.6rem;}
.rentLi .eng{display:none;}

.searchDl dt{width:9rem;}

.siteMap .depth2>ul>li{width:48%;}
.siteMap .depth2>ul>li:nth-child(2n){margin-right:0;}

.stopSnsWrap{top:7.5rem;}

/*2020-10-30  ߰  */
.bnrSurvey{background-position-y:50%;}
/*2020-10-30  ߰  */

}

@media screen and (max-width: 960px){
.rentLi>li{margin:0 .5rem;}

.formWrap .email input, .formWrap .email select{width:20rem;}

.searchDl dt{width:8rem;}
.searchDl dd{margin-right:3rem;}

.loginWrap+.basicWarp .flexBox>li{padding:5rem 20%;}

/*2020-10-30  ߰  */
.bnrSurvey{padding:24rem 3rem 3rem 3rem;background-position:50% 3rem;text-align:center;}
/*2020-10-30  ߰  */
}

@media screen and (max-width: 812px){
.infraLi li .text{width:90%; left:5%; padding:20px 5%;}
.infraLi li .text .title{font-size:2rem;line-height:2.4rem;}
.basicWarp .infraLi .btnWrap .btn{font-size:1.6rem;}

.rentLi>li{width:23.5rem;}

.formWrap input, .formWrap select{width:30rem;}
.formWrap .email input, .formWrap .email select{width:16rem;}
.formWrap .inputWrap .num{width:12rem;}

.searchDlWrap .searchDl{display:block;margin-top:1rem;}
.bgGrayBox .searchDlWrap, .bgGrayBox .searchDlWrap:first-child .searchDl:first-child{margin-top:0;}
.searchDl.subject input{width:calc(65rem - 20rem);}
.searchDl dd{margin-right:0;}

.loginWrap+.basicWarp .flexBox{Width:90%;}
}

@media screen and (max-width: 768px){
.rentLi{display:block;margin-top:0;}
.rentLi>li{display:block;margin:3rem 0 0 0;width:100%;}
.rentLi .eng{display:block;}

.formWrap .email input{width:42%;}
.formWrap .email select{width:100%;margin-top:.8rem;}
.formWrap .email .info input{width:auto;}
.formWrap .file input{width:26rem;}

.processLi>li>span{padding:1rem;}

.loginWrap+.basicWarp .flexBox{width:100%;}

.stopSnsWrap{padding:2.5rem;height:80%;max-width:none;width:90%;overflow-y:auto;}
.stopSnsWrap .btnSnsClose{top:0;right:0;}

}

@media screen and (max-width: 640px){
.infraLi{margin-bottom:0;}
.infraLi li{float:none;width:100%;margin:0 0 10rem 0;}
.infraLi li .text .title{font-size:1.8rem;line-height:2.2rem;margin-bottom:.8rem;}
.rentLi .tit{font-size:1.8rem;}
.rentLi>li{padding:3rem 2rem;}
.basicWarp .rentLi .btnWrap{margin-top:2rem;}

.formWrap .label, .formWrap .inputWrap{display:block;}
.formWrap .label{width:100%;}
.formWrap .label br{display:none;}

.processLi>li{width:100%;margin-right:0;margin-bottom:25px;}
.processLi>li::before{transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg);right:50%;top:auto;bottom:-17px;}

.searchDl.subject input{width:calc(55rem - 20rem);}

.formWrap .inputWrap .info>span{display:block;}
.formWrap.pwd .txt{font-size:1.8rem;}

.loginWrap+.basicWarp .flexBox>li{padding:5rem;}
.siteMap>li:first-child{margin-top:3rem;}

.totalWrap{margin-top:3rem;}
.totalWrap dt, .totalWrap dd{padding:2rem;width:100%;text-align:center;}


.stopSnsWrap .img img{width:7.3rem;height:7.1rem;}
.stopSnsWrap .title{font-size:2.6rem;margin-top:1.5rem;}


/*2020-10-30  ߰  */
.bnrSurvey{padding:14rem 2rem 3rem 2rem;background-size:131px 105px;}
.bnrSurvey dt{line-height:1.4;margin-bottom:1rem;}
.bnrSurvey dt, .bnrSurvey dd{word-break:keep-all;}
/*2020-10-30  ߰  */
}

@media screen and (max-width: 568px){
.searchDl.subject input{width:calc(48rem - 20rem);}

.siteMap .depth2>ul>li{width:100%;margin-right:0;}
}

@media screen and (max-width: 480px){
.basicWarp{font-size:1.5rem;}
.basicWarp .title{font-size:2rem;margin-top:3rem;}
.basicWarp .sTitle{font-size:1.8rem;margin-top:2rem;}

.bulWrap .bulLi>li{line-height:1.6;}

.infraLi{margin-top:3rem;}
.infraLi li .text{padding:17px 5%;}
.basicWarp .infraLi .btnWrap .btn, .basicWarp .rentLi .btnWrap .btn{font-size:1.5rem;}

.formWrap{margin-top:3rem;}
.formWrap input{width:100%;}
.formWrap .inputWrap>span input{width:60%;}
.formWrap .address .btn, .formWrap .email .btn, .formWrap .id .btn, .formWrap .pwd .btn{width:100%;margin-top:.8rem;}
.formWrap .inputWrap .num{width:30%;}
.formWrap .inputWrap .file button{padding-right:3rem;}
.formWrap .inputWrap>span.file input{width:50%;}

.formWrap.pwd .txt{font-size:1.5rem;padding:2rem;}

.loginWrap+.basicWarp .flexBox{margin-top:3rem;}
.loginWrap+.basicWarp .flexBox>li{padding:4rem;}

.searchDl dd .input.pick_date{margin-right:0;}
.pick_date input{width:10rem;}
.searchDl dt{width:7rem;font-size:1.5rem;}
.searchDl.subject input{width:calc(42rem - 20rem);}
.searchDl dd .input select{min-width:0;}

.siteMap>li{margin-top:2rem;}
.siteMap>li>a{font-size:1.8rem;}
.siteMap>li:first-child{margin-top:0;}

.rentalWrap .head{width:100%;margin-top:1rem;}
.rentalWrap .head .date{font-size:2.4rem;}

.infoWrap{margin-top:3rem;}
.infoWrap .infoLi .textBox{margin:2rem;}
.infoWrap .infoLi .textBox dt{font-size:2.2rem;}
.infoWrap .infoLi .btnBox .btn{padding:0 2rem;}
.infoWrap .infoLi .btnBox .btn::before{right:2rem;}

.stopSnsWrap{padding:2.5rem 2rem;}
.stopSnsWrap .title{font-size:2.2rem;}
.stopSnsWrap .textWrap>p{font-size:1.5rem;}

/*2020-10-30  ߰  */
.bnrSurvey{margin-top:3rem;padding-left:1rem;padding-right:1rem;}
.bnrSurvey dt{font-size:2rem;}
.bnrSurvey dd{font-size:1.5rem;}
.bnrSurvey dd span{font-size:1.5rem;display:block;padding-right:0;}
/*2020-10-30  ߰  */
}

@media screen and (max-width: 414px){
.basicWarp .btnWrap .btn{margin:0 0 1rem;display:block;}

.stopSnsWrap{padding:2.5rem 1rem;}
.stopSnsWrap .textWrap{padding:0 1rem 2rem;}
}

@media all and (max-width : 360px){
.formWrap .label, .formWrap .inputWrap{padding:1.6rem 1rem;}
.formWrap .inputWrap>span.file input{width:45%;}

.loginWrap+.basicWarp .flexBox>li{padding:2rem;}
}

@media all and (max-width : 320px){
.bgGrayBox{padding:2rem 1rem;}

.pick_date input{width:9.5rem;}
.searchDl.subject input{width:calc(40rem - 20rem);}

.loginWrap+.basicWarp .flexBox>li{padding:2rem 1rem;}
}


/* new tab menu 추가 2023-10-25 */
.tabMenu>li, .tabMenu>li.active{border-top:0;border-bottom:0;}
.tabMenu>li>a{border:1px solid #c4c7cc;border-left:0;display:block;}
.tabMenu>li:first-child>a{border-left:1px solid #c4c7cc;}
.tabMenu>li.active>a{color:#fff;background:#3d52bb;border-color:#3d52bb;}
/*.sTabMenu>li.active:first-child>a, .sTabMenu .active>a{background:#6c7480;border-color:#6c7480;}*/
.tabMenu.open>li{padding:0;}
.tabMenu.open>li.active>a{color:#fff;}
.tabMenu.open>li.active{border-top:0;border-bottom:0;}

@media all and (max-width : 1420px){
  .tabMenu.open>li>a, .tabMenu.open>li.active, .tabMenu.open>li:first-child>a{border:0;}
  .tabMenu.open>li.active>a::before{display:none;}
  .tabMenu.open>li>a{line-height:36px;}
}

@media all and (max-width : 768px){
  .tabMenu{overflow-y:hidden;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
  .tabMenu::-webkit-scrollbar{display:none;}
  .tabMenu>li{float:none;display:inline-block;border:none;}
  .tabMenu>li>a{padding:1.2rem 2rem;}
  .tabMenu>li.active{border:none;}
  .tabMenu>li.active>a{position:relative;}
  .tabMenu>li.active>a::before{content:'';display:block;width:100%;height:2px;background-color:#4a8dcb;position:absolute;bottom:0;left:0}
  .tabMenu.li4>li{width:auto;}
  .tabMenu.li5>li{width:auto;}
  .tabMenu.li3>li{width:auto;}
  .tabMenu.li2>li{width:auto;}
  .tabMenu.li6>li{width:auto;}
  .tabMenu.li7>li{width:auto;}


  .tabMenu>li>a, .tabMenu>li.active, .tabMenu>li:first-child>a{border:0;}
  .tabMenu>li.active>a::before{display:none;}
  .tabMenu>li>a{line-height:36px;}
}
/* //new tab menu 추가 2023-10-25 */

/* sTabMenu 추가 2023-12-15 */
@media screen and (max-width: 1024px){
  .sTabMenu>li>a{font-size:1.6rem;}
}

@media screen and (max-width: 960px){
  .sTabMenu{margin-top:3rem;overflow-y:hidden;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border-top:1px solid #c4c7cc;border-bottom:1px solid #c4c7cc;}
  .sTabMenu::-webkit-scrollbar{display:none;}
  .sTabMenu>li{float:none;display:inline-block;}
  .sTabMenu>li>a{border:none;}
  .sTabMenu.li2>li{width:auto;}
  .sTabMenu.li3>li{width:auto;}
  .sTabMenu.li5>li{width:auto;}
  .sTabMenu.li7>li{width:auto;}
  .sTabMenu.li8>li{width:auto;}
  .sTabMenu.li9>li{width:auto;}
}
/* //sTabMenu 추가 2023-12-15 */

/* 회원탈퇴 디자인 수정 2023-12-18 */
.loginWrap+.basicWarp .flexBox.wide>li{padding-left:20%;padding-right:20%;}

@media screen and (max-width: 480px){
  .loginWrap+.basicWarp .flexBox.wide>li{padding-left:4rem;padding-right:4rem;}
  .loginWrap+.basicWarp .flexBox.wide .sTitle{word-break:break-all;}
  .loginWrap+.basicWarp .flexBox.wide dd{word-break:break-all;}
}

@media all and (max-width : 360px){
  .loginWrap+.basicWarp .flexBox.wide>li{padding-left:2rem;padding-right:2rem;}
}

@media all and (max-width : 320px){
  .loginWrap+.basicWarp .flexBox.wide>li{padding-left:1rem;padding-right:1rem;}
}
/* // 회원탈퇴 디자인 수정 2023-12-18 */

/* 20240327 추가 */
.formWrap .inputWrap .info>span.imp{color:#d9001f;}
.formWrap .inputWrap .req.imp{display: inline-block;padding-left: 5px;color:#d9001f }

/* 마이페이지 on off 버튼 추가 20240418 */
.switch{position:relative;display:inline-block;width:60px;height:30px;vertical-align:middle;}
.switch input{opacity:0;width:0;height:0;}
.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
.switch .slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
.switch input:checked + .slider{background-color:#3d52bb;}
.switch input:focus + .slider{box-shadow:0 0 1px #3d52bb;}
.switch input:checked + .slider:before{-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);}

/* Rounded sliders */
.switch .slider.round{border-radius:30px;}
.switch .slider.round:before{border-radius:50%;}
.switch .slider.round em{font-size:1.5rem;font-style:normal;display:block;line-height:30px;padding:0 10px;}
.switch .slider.round em.on{color:#fff;}
.switch .slider.round em.off{color:#383838;text-align:right;}
.formWrap .cell .btn{display:inline-block;vertical-align:middle;box-sizing:border-box;padding:0 1.5rem;line-height:3.3rem;border:1px solid #383d53;background:transparent;font-family:'notokrRegular';}
@media screen and (max-width: 480px){
  .formWrap .cell .btn{width:100%;margin-top:.8rem;}
}
/* // 마이페이지 on off 버튼 추가 20240418 */
/* 접근성 추가 20240508 -> 20250702 접근성 수정*/
.switch>input:focus + .slider{outline:2px dashed red;outline-offset:3px;}
/* // 접근성 추가 20240508 */
/* 비밀번호 보기 감추기 버튼 디자인 수정 20240520 */
.formWrap .inputWrap .pwdWrap{position:relative;}
.formWrap .inputWrap .pwdWrap input[type="password"]+.iconEye{position:absolute;left:31rem;background:url(/assets/images/newLayout/icoEyeHide.png) center no-repeat;background-size:15px 10px;width:3.5rem;height:3.5rem;border:none;text-indent:-9999px;}
.formWrap .inputWrap .pwdWrap input[type="text"]+ .iconEye{position:absolute;left:31rem;background:url(/assets/images/newLayout/icoEye.png) center no-repeat;background-size:15px 12px;width:3.5rem;height:3.5rem;border:none;text-indent:-9999px;}
.formWrap .pwdWrap input{padding-right:3.5rem;}
/* // 비밀번호 보기 감추기 버튼 디자인 수정 20240520 */

/* 20240729 글쓰기 버튼 위치 디자인 변경 */
.listTopBtn{text-align:center;margin-top:5rem;}
.listTopBtn .btn{color:#fff;padding:0 1.5rem;line-height:4rem;display:inline-block;min-width:84px;box-sizing:border-box;}
.listTopBtn .btn.appeal{background:#e27700;line-height:6.5rem;position:relative;padding:0 13rem 0 7.5rem;font-size:18px;}
.listTopBtn .btn.appeal::before{width:8px;height:8px;background-color:transparent;content:'';margin-top:-4px;border-top:2px solid rgba(255, 255, 255, 0.8);border-right:2px solid rgba(255, 255, 255, 0.8);position:absolute;top:50%;right:30px;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.listTopBtn .appeal i{background:url(/assets/images/content/icoAppeal.png) no-repeat;display:inline-block;width:25px;height:23px;background-size:25px 23px;position:absolute;top:50%;left:3rem;margin-top:-14px;}
/* // 20240729 글쓰기 버튼 위치 디자인 변경 */

/* 2024-08-07 추가 */
.listTopBtn .btn.appeal.write{padding:0 9rem 0 7.5rem;}
/* // 2024-08-07 추가 */

/*웹 접근성 추가 250530*/
.text_need {margin-top:3rem;text-align: right;}
.marking{display:inline-block; position:relative; width:10px; height:14px; margin-bottom:-2px; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;}
.marking:after{content:'*'; display:inline-block; position:absolute; top:0; left:0; line-height:17px; font-size:14px; font-weight:600; text-indent:0; color:#e85e54;}

/* //웹 접근성 추가 250530*/