@charset "utf-8";



/************************************************************************
* MAIN *
************************************************************************/
.main .WRAP{background:url(/img/mvis.png) no-repeat right bottom 10%;flex-direction:column;align-items:flex-start;}
.main a.logo{margin-left:4%;display:block;}
.main .btBox{margin-left:4%;padding-top:10%;display:flex;}
.main .btBox a{margin-right:60px;text-align:center;}
.main .btBox a img{margin:0 auto 16px 0;width:100px;}
.main .btBox a font{font-size:30px;color:#fff;background:#461cf0;margin:0 auto;padding:10px 24px 4px 24px;border-radius:30px;display:block;}
.main .btBox a.worker font{background:#0aad79;}
.main .btBox a.owner font{background:#0ab9bb;}

.hide {display:none;}

@media all and (max-width:1024px) {
.main .WRAP{background-size:40% auto;}
.main a.logo{width:60%;}
.main a.logo img{width:100%;}

.main .btBox a{margin-right:50px;}
.main .btBox a font{font-size:28px;padding:10px 22px 4px 22px;}
}
@media all and (max-width:912px) {
.main .WRAP{background-size:50% auto;}
.main a.logo{width:70%;}

.main .btBox a{margin-right:40px;}
.main .btBox a img{width:90px;}
.main .btBox a font{font-size:26px;}
}
@media all and (max-width:767px) {
.main .btBox a font{font-size:22px;}
}
@media all and (max-width:640px) {
.main .btBox{display:block;}
.main .btBox a{margin-right:0;margin-bottom:10px;display:flex;align-items:center;}
.main .btBox a img{width:80px;margin-right:16px;}
.main .btBox a font{font-size:20px;margin:0;}
}
@media all and (max-width:420px) {
.main .WRAP{background-size:60% auto;}
.main .btBox a{margin-bottom:5px;}
.main .btBox a img{width:70px;margin-right:14px;}
.main .btBox a font{font-size:18px;padding:8px 20px 4px 20px;}
}
@media all and (max-width:380px) {
.main .btBox a{margin-bottom:2px;}
.main .btBox a img{width:60px;margin-right:12px;}
.main .btBox a font{padding:7px 15px 4px 15px;}
}
@media all and (max-width:280px) {
.main .WRAP{background-size:80% auto;}
.main a.logo{width:80%;margin:0 auto;}
}

@media all and (max-height:700px) {
.main .btBox{padding-top:5%;}
}
@media all and (max-height:600px) {
.main .WRAP{background-size:35% auto;}
.main a.logo{width:50%;}
}





/************************************************************************
* login *
************************************************************************/
.loginP>div{flex-direction:column;}
.loginP .loginBox{width:445px;}

.loginP .loginBox input{width:100%;padding:30px;margin-bottom:10px;border-radius:20px;display:block;color:#fff;font-size:30px;}
.loginP .loginBox input::-webkit-input-placeholder{color:#fff !important;font-size:30px !important;}
.loginP .loginBox input::-moz-input-placeholder{color:#fff !important;font-size:30px !important;}
.loginP .loginBox input::-ms-input-placeholder{color:#fff !important;font-size:30px !important;}

.loginP .loginBox input[type=text]{background:url(/img/ico-1.png) no-repeat right 30px center #bdbdbd;}
.loginP .loginBox input[type=password]{background:url(/img/ico-2.png) no-repeat right 30px center #bdbdbd;}
.loginP .loginBox input[type=button]{background:#4f18ee;cursor:pointer;padding-top:30px;margin:0;}
.loginP .loginBox input[type=button]:nth-child(1){background:#0c37db;}
.loginP .loginBox input[type=button]:nth-child(2){background:#6d0ebe;}
.loginP .loginBox input[type=button]:nth-child(3){background:#1e7798;}
.loginP .loginBox input[type=button]:nth-child(4){background:#464141;}


.loginP .loginBox input[type=button]{background:#4f18ee;cursor:pointer;padding-top:36px;margin:0;}



.loginP .loginBox .btBox{}
.loginP .loginBox .btBox a{width:32%;text-align:center;padding:18px 0 12px 0;border-radius:15px;}
.loginP .loginBox .btBox a.bt-s1{background:#2e2e2e;color:#fff;}
.loginP .loginBox .btBox a.bt-s1:hover{background:#000;}
.loginP .loginBox .btBox a.bt-s2{border:solid 1px #dfdfdf;}
.loginP .loginBox .btBox a.bt-s2:hover{background:#f1f1f1;}

@media all and (max-width:960px) {
.loginP .loginBox input{font-size:25px;}
.loginP .loginBox input::-webkit-input-placeholder{font-size:25px !important;}
.loginP .loginBox input::-moz-input-placeholder{font-size:25px !important;}
.loginP .loginBox input::-ms-input-placeholder{font-size:25px !important;}
.loginP .loginBox input[type=text]{background-size:32px auto;}
.loginP .loginBox input[type=password]{background-size:32px auto;}
}
@media all and (max-width:540px) {
.loginP img{max-width:160px;}
.loginP .loginBox{width:350px;}
.loginP .loginBox input{font-size:23px;}
.loginP .loginBox input::-webkit-input-placeholder{font-size:23px !important;}
.loginP .loginBox input::-moz-input-placeholder{font-size:23px !important;}
.loginP .loginBox input::-ms-input-placeholder{font-size:23px !important;}
.loginP .loginBox input[type=text]{background-size:30px auto;}
.loginP .loginBox input[type=password]{background-size:30px auto;}
}
@media all and (max-width:420px) {
.loginP .loginBox p{padding:20px 30px;margin-bottom:5px;}
.loginP .loginBox input[type=button]{padding:20px 30px;padding-top:26px;}
}
@media all and (max-width:380px) {
.loginP img{max-width:50%;}
.loginP .loginBox{width:90%;}
.loginP .loginBox input{font-size:20px;border-radius:10px;}
.loginP .loginBox input::-webkit-input-placeholder{font-size:20px !important;}
.loginP .loginBox input::-moz-input-placeholder{font-size:20px !important;}
.loginP .loginBox input::-ms-input-placeholder{font-size:20px !important;}

.loginP .loginBox input[type=text]{background-size:25px auto;}
.loginP .loginBox input[type=password]{background-size:25px auto;}
.loginP .loginBox input[type=button]{border-radius:10px;}
.loginP .loginBox .btBox a{padding:14px 0 8px 0;border-radius:10px;}
}


@media all and (max-height:800px) {
.loginP .loginBox input{padding:14px 30px;margin-bottom:5px;font-size:25px;}
.loginP .loginBox input::-webkit-input-placeholder{font-size:25px !important;}
.loginP .loginBox input::-moz-input-placeholder{font-size:25px !important;}
.loginP .loginBox input::-ms-input-placeholder{font-size:25px !important;}
.loginP .loginBox input[type=button]{padding:14px 30px;padding-top:20px;}
}
@media all and (max-height:600px) {
.loginP img{max-width:120px;}
.loginP .loginBox{width:350px;}
.loginP .loginBox input{padding:10px 30px;border-radius:10px;}
.loginP .loginBox input{font-size:23px;}
.loginP .loginBox input::-webkit-input-placeholder{font-size:23px !important;}
.loginP .loginBox input::-moz-input-placeholder{font-size:23px !important;}
.loginP .loginBox input::-ms-input-placeholder{font-size:23px !important;}
.loginP .loginBox input[type=text]{background-size:30px auto;}
.loginP .loginBox input[type=password]{background-size:30px auto;}
.loginP .loginBox input[type=button]{padding:10px 30px;padding-top:16px;border-radius:10px;}
.loginP .loginBox .btBox a{padding:12px 0 6px 0;border-radius:10px;}
}



.loginP.lo-2 .disF img,.loginP.lo-3 .disF img{margin-right:20px;margin-top:-10px;}
.loginP.lo-3 .loginBox input[type=text]:nth-child(2){background-image:url(/img/ico-5.png);}

.loginP .loginBox.search input[type=text]{background-image:none;}





/************************************************************************
* join *
************************************************************************/
.appBox{border-top:solid 2px #000;}
.appBox li{display:flex;justify-content:space-between;align-items:center;border-bottom:solid 1px #ddd;padding:14px 10px;}
.appBox li font{width:165px;padding-top:4px;}
.appBox li span{width:calc(100% - 165px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.appBox li span i{display:block;width:calc(100% - 100px);}
.appBox li span a{display:block;width:80px;background:#9e9e9e;color:#fff;text-align:center;line-height:100%;padding:15px 0 12px 0;border-radius:10px;}
.appBox li span b{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:10px;}
.appBox li span b:first-child{margin-top:0;}

.appBox li input{padding:12px 15px 8px 15px;border:solid 1px #ddd;border-radius:10px;font-size:16px;color:#565656;}
.appBox li input[type=radio]{padding:12px 15px 8px 15px;border:solid 1px #ddd;border-radius:10px;font-size:16px;color:#565656;}
.appBox li input.w70{width:70% !important;}
.appBox li input.w30{width:30% !important;}
.appBox li input.search_id{width:calc(30% - 5px);border-color:#000;background:#000;color:#fff;margin-left:5px;cursor:pointer;padding-left:0;padding-right:0;}
.appBox li input[type=text]{width:100%;}
.appBox li input[type=password]{width:100%;}
.appBox li input[type=file]{padding:0;border:none;border-radius:0;font-size:14px;color:#565656;}
.appBox li select{width:30%;padding:12px 10px 8px 10px;border:solid 1px #ddd;border-radius:10px;font-size:16px;color:#565656;}
.appBox li textarea{width:100%;min-height:200px;padding:12px 10px 8px 10px;border:solid 1px #ddd;border-radius:10px;font-size:14px;color:#565656;}


.appBox li .dvs{justify-content:flex-start;}
.appBox li .dvs i{padding-right:15px;width:auto;font-size:16px;color:#565656;display:inline-block;}
.appBox li .dvs i input[type=radio]{margin-right:5px;}



.appbut *{width:100%;padding:22px 15px 20px 15px;background:#000;color:#fff;border-radius:10px;font-size:16px;cursor:pointer;}

@media all and (max-width:960px) {
.appBox li{padding:12px 8px;}
.appBox li font{width:125px;}
.appBox li span{width:calc(100% - 125px);}
.appBox li span i{width:calc(100% - 90px);}
.appBox li span a{border-radius:6px;}

.appBox li input{border-radius:6px;font-size:15px;}
.appBox li select{border-radius:6px;font-size:15px;}
.appBox li textarea{border-radius:6px;font-size:13px;}

.appbut *{border-radius:6px;font-size:15px;}
}
@media all and (max-width:640px) {
.appBox li{flex-wrap:wrap;padding:10px 4px;}
.appBox li font{width:100%;margin-bottom:6px;}
.appBox li span{width:100%;}
.appBox li span i{width:calc(100% - 70px);}
.appBox li span a{width:60px;}

.appBox li input{font-size:14px;}
.appBox li select{font-size:14px;}
.appBox li textarea{font-size:12px;min-height:120px;}

.appbut *{font-size:14px;}
}
@media all and (max-width:420px) {
.appBox li span i{width:100%;}
.appBox li span a{width:100%;margin-top:10px;padding:12px 0 9px 0;}

.appBox li input{font-size:13px;}
.appBox li select{font-size:13px;}
.appBox li textarea{font-size:11px;}

.appbut *{font-size:13px;}
}






/************************************************************************
* list *
************************************************************************/
.search_box{display:flex;justify-content:flex-end;}
.search_box li{margin:0 5px;padding:14px 20px;border-radius:30px;background:#f0f0f0;}
.search_box li *{font-size:14px;font-family:'GmarketSansLight';background:transparent;border:none;line-height:100%;}
.search_box li select{padding-top:3px;}
@media all and (max-width:1100px) {
.search_box li{margin:0 4px;padding:14px 18px 10px 18px;}
.search_box li *{font-size:13px;}
.search_box li select{padding-top:2px;}
}
@media all and (max-width:640px) {
.search_box li input{width:140px;}
}
@media all and (max-width:420px) {
.search_box{margin:20px 0 !important;}
.search_box li{margin:0 4px;padding:12px 16px 8px 16px;}
.search_box li:first-child{width:100px;}
.search_box li:last-child{width:calc(100% - 116px);}
.search_box li *{font-size:12px;}
.search_box li select{padding-top:1px;}
.search_box li input{width:calc(100% - 22px);}
}



.listBox{}
.listBox span{}
.listBox span *{text-align:center;}
.listBox span.sc-0{width:7%;}
.listBox span.sc-1{width:7%;}
.listBox span.sc-2{width:5%;}
.listBox span.sc-3{width:9%;}
.listBox span.sc-4{width:9%;}
.listBox span.sc-5{width:5%;}
.listBox span.sc-6{width:9.5%;}
.listBox span.sc-7{width:6%;}
.listBox span.sc-8{width:6%;}
.listBox span.sc-9{width:8%;}
.listBox span.sc-10{width:11%;}
.listBox span.sc-11{width:9.5%;}
.listBox span.sc-12{width:8%;}


.listBox .titBox{padding:22px 0 16px 0;background:#461cf0;}
.listBox .titBox.worker{background:#0aad79;}
.listBox .titBox.owner{background:#0ab9bb;}
.listBox .titBox font{color:#fff;}
.listBox .conBox .item{border-bottom:solid 1px #d9d9d9;padding:24px 0 22px 0;}
.listBox .conBox .item font b{margin:0 3px;}
.listBox .conBox .item i.hide{display:none;}


.listBox.charge span.sc-1{width:10%;}
.listBox.charge span.sc-2{width:30%;}
.listBox.charge span.sc-3{width:45%;}
.listBox.charge span.sc-4{width:15%;}
.listBox.charge span.sc-4 font[class*='ico-']{padding:10px 10px 6px 10px;border-radius:3px;color:#fff;}
.listBox.charge span.sc-4 .ico-1{background:#f0621c;}
.listBox.charge span.sc-4 .ico-2{background:#7a7a7a;}
.listBox.charge .conBox .item{padding:8px 0;align-items:center;}

.listBox.charge-2 span.sc-1{width:10%;}
.listBox.charge-2 span.sc-2{width:20%;}
.listBox.charge-2 span.sc-3{width:50%;}
.listBox.charge-2 span.sc-4{width:20%;}


@media all and (max-width:1100px) {
.listBox span{margin-bottom:20px;}

.listBox span.sc-0{width:15%;}
.listBox span.sc-1{width:15%;}
.listBox span.sc-2{width:15%;}
.listBox span.sc-3{width:17.5%;}
.listBox span.sc-4{width:17.5%;}
.listBox span.sc-5{width:17.5%;}
.listBox span.sc-6{width:17.5%;}

.listBox span.sc-7{width:15%;}
.listBox span.sc-8{width:15%;}
.listBox span.sc-9{width:17.5%;}
.listBox span.sc-10{width:17.5%;}
.listBox span.sc-11{width:17.5%;}
.listBox span.sc-12{width:17.5%;}

.listBox .titBox{display:none;}
.listBox .conBox .item{padding:0;margin-top:40px;border-radius:25px;overflow:hidden;border:solid 1px #d9d9d9;}
.listBox .conBox .item:first-child{margin-top:0;}
.listBox .conBox .item i.hide{display:block;padding:12px 0 8px 0;background:#606060;color:#fff;margin-bottom:20px;}
.listBox .conBox .item span.sc-1 i.hide{padding:15px 0 11px 0;}
.listBox .conBox .item span.sc-2 i.hide{padding:15px 0 11px 0;}
.listBox .conBox .item span.sc-3 i.hide{padding:15px 0 11px 0;}
.listBox .conBox .item span.sc-4 i.hide{padding:15px 0 11px 0;}
.listBox .conBox .item span.sc-5 i.hide{padding:15px 0 11px 0;}
.listBox .conBox .item span.sc-6 i.hide{padding:15px 0 11px 0;}
.listBox .conBox .item:nth-child(even){background:#f1f1f1;}


.listBox.charge span{display:inline-block !important;margin-bottom:0 !important;}
.listBox.charge span.sc-1{width:auto;}
.listBox.charge span.sc-2{width:auto;}
.listBox.charge span.sc-3{width:auto;}
.listBox.charge span.sc-4{width:auto;}
.listBox.charge span.sc-4 font[class*='ico-']{width:100px !important;padding:10px 0 6px 0;display:block;}

.listBox.charge .conBox .item{margin-top:10px;padding:8px 20px;align-items:center;border-radius:5px;}
.listBox.charge .conBox .item i.hide{display:inline-block !important;color:#333;background:none;margin-bottom:0 !important;padding:0 10px 0 0 !important;}
.listBox.charge .conBox .item font{width:auto !important;display:inline-block !important;}

.listBox.charge-2 span{margin-bottom:6px;}
.listBox.charge-2 span.sc-1{width:10%;}
.listBox.charge-2 span.sc-2{width:100%;}
.listBox.charge-2 span.sc-3{width:100%;}
.listBox.charge-2 span.sc-4{width:100%;margin-bottom:0;}
.listBox.charge-2 .conBox .item span.sc-1 font{width:90px !important;}
.listBox.charge-2 .conBox .item{margin-top:10px;padding:20px;align-items:center;border-radius:5px;}
.listBox.charge-2 .conBox .item i.hide{display:inline-block !important;color:#333;background:none;margin-bottom:0 !important;padding:0 10px 0 0 !important;word-wrap:break-word;display:block;word-break:keep-all;}
.listBox.charge-2 .conBox .item font{width:auto !important;display:inline-block !important;}

.listBox.charge-2 .conBox .item{display:flex;}
.listBox.charge-2 .conBox .item i{width:90px;text-align:left !important;}
.listBox.charge-2 .conBox .item font{width:calc(100% - 90px) !important;text-align:left !important;display:block;text-overflow:clip !important;white-space:break-spaces !important;}
}
@media all and (max-width:767px) {
.listBox span.sc-1{width:25%;}
.listBox span.sc-2{width:25%;}
.listBox span.sc-3{width:25%;}
.listBox span.sc-4{width:25%;}
.listBox span.sc-5{width:25%;}
.listBox span.sc-6{width:25%;}
.listBox span.sc-7{width:25%;}
.listBox span.sc-8{width:25%;}
.listBox span.sc-9{width:25%;}
.listBox span.sc-10{width:25%;}
.listBox span.sc-11{width:25%;}
.listBox span.sc-12{width:25%;}

.listBox .conBox .item span.sc-5 i.hide{padding:12px 0 8px 0;}
.listBox .conBox .item span.sc-6 i.hide{padding:12px 0 8px 0;}
}
@media all and (max-width:640px) {
.listBox.charge span{display:inline-block !important;margin-bottom:0 !important;}
.listBox.charge span.sc-1{width:20px;margin-right:8px;}
.listBox.charge .conBox .item span.sc-1 font{width:20px !important;height:20px;border-radius:50%;background:#333;color:#fff;display:flex !important;align-items:center;justify-content:center;}
.listBox.charge span.sc-2{width:auto;padding-right:20px;}
.listBox.charge span.sc-4{width:100%;margin-top:10px;}
.listBox.charge span.sc-4 font[class*='ico-']{width:100% !important;}

.listBox.charge .conBox .item{justify-content:flex-start;padding:20px;}
.listBox.charge .conBox .item font{padding-top:5px;}
.listBox.charge .conBox .item i.hide{padding-top:5px !important;}


.listBox.charge-2 span.sc-1{width:20px;margin-right:8px;}
.listBox.charge-2 .conBox .item span.sc-1 font{width:20px !important;height:20px;border-radius:50%;background:#333;color:#fff;display:flex !important;align-items:center;justify-content:center;padding-top:5px;}
}
@media all and (max-width:500px) {
.listBox span.sc-0{width:33.3333%;}
.listBox span.sc-1{width:33.3333%;}
.listBox span.sc-2{width:33.3333%;}
.listBox span.sc-3{width:33.3333%;}
.listBox span.sc-4{width:33.3333%;}
.listBox span.sc-5{width:33.3333%;}
.listBox span.sc-6{width:33.3333%;}
.listBox span.sc-7{width:33.3333%;}
.listBox span.sc-8{width:33.3333%;}
.listBox span.sc-9{width:33.3333%;}
.listBox span.sc-10{width:33.3333%;}
.listBox span.sc-11{width:33.3333%;}
.listBox span.sc-12{width:33.3333%;}

.listBox .conBox .item span.sc-4 i.hide{padding:12px 0 8px 0;}


.listBox.charge span.sc-2{width:100%;padding-right:0;}
.listBox.charge span.sc-3{width:100%;}


.listBox.charge-2 .conBox .item i{width:100%;}
.listBox.charge-2 .conBox .item font{width:100% !important;}

}
@media all and (max-width:300px) {
.listBox span.sc-1{width:50%;}
.listBox span.sc-2{width:50%;}
.listBox span.sc-3{width:50%;}
.listBox span.sc-4{width:50%;}
.listBox span.sc-5{width:50%;}
.listBox span.sc-6{width:50%;}
.listBox span.sc-7{width:50%;}
.listBox span.sc-8{width:50%;}
.listBox span.sc-9{width:50%;}
.listBox span.sc-10{width:50%;}
.listBox span.sc-11{width:50%;}
.listBox span.sc-12{width:50%;}

.listBox .conBox .item{border-radius:20px;}
.listBox .conBox .item span.sc-3 i.hide{padding:12px 0 8px 0;}
}





.indicator{}
.indicator .ol1{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;}
.indicator .ol1 > li{width:100%;padding:0 10px;position:relative;}
.indicator .ol1 > li .btn{cursor:pointer;display:block;}

.indicator .ol1 > li .popup_detail{width:200%;position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);display:none;z-index:1;}
.indicator .ol1 > li .popup_detail h5{width:100%;background:#000;}
.indicator .ol1 > li .popup_detail .popup_con{padding:25px;font-size:16px;line-height:140%;}

@media all and (max-width:1100px) {
.indicator .ol1 > li{text-align:left;padding:0;}
.indicator .ol1 > li .btn{text-align:left;}

.indicator .ol1 > li .popup_detail{display:none !important;}
}





/************************************************************************
* paging *
************************************************************************/
.paging{}
.paging ul{display:flex;}
.paging a{width:34px;height:34px;margin:0 2px;padding-top:2px;display:flex;align-items:center;justify-content:center;}
.paging a.on{border-radius:50%;color:#fff !important;background:#8203e4;}
.paging a:hover{color:#c7c7c7;}
.paging a.arr{font-size:0;position:relative;}
.paging a.arr:after{width:6px;height:6px;border:solid #999;position:absolute;top:calc(50% - 3px);display:block;content:"";transform:rotate(45deg);}
.paging a.pprev:after{border-width:0 0 1px 1px;right:calc(50% - 7px);}
.paging a.pprev:before{width:6px;height:6px;border:solid #999;border-width:0 0 1px 1px;position:absolute;top:calc(50% - 3px);right:calc(50% - 0);display:block;content:"";transform:rotate(45deg);}
.paging a.prev:after{border-width:0 0 1px 1px;right:calc(50% - 5px);}
.paging a.next:after{border-width:1px 1px 0 0;left:calc(50% - 5px);}
.paging a.nnext:after{border-width:1px 1px 0 0;left:calc(50% - 8px);}
.paging a.nnext:before{width:6px;height:6px;border:solid #999;border-width:1px 1px 0 0;position:absolute;top:calc(50% - 3px);left:calc(50% - 0);display:block;content:"";transform:rotate(45deg);}
.paging a.arr:hover:after{border-color:#333;}
.paging a.pprev:hover:after{border-color:#333;}
.paging a.pprev:hover:before{border-color:#333;}
.paging a.prev:hover:after{border-color:#333;}
.paging a.next:hover:after{border-color:#333;}
.paging a.nnext:hover:after{border-color:#333;}
.paging a.nnext:hover:before{border-color:#333;}

@media screen and (max-width:640px){
.paging a{width:30px;height:30px;}
}
@media screen and (max-width:500px){
.paging a{width:24px;height:24px;}
}
@media screen and (max-width:400px){
.paging a{width:20px;height:20px;}
}






/************************************************************************
* view *
************************************************************************/
.vwBox{border-top:solid 2px #000;}
.vwBox li{display:flex;justify-content:space-between;border-bottom:solid 1px #ddd;}
.vwBox li .tit{width:180px;padding:20px 20px 14px 20px;background:#f7f6f6;}
.vwBox li span{width:calc(100% - 180px);padding:20px 20px 14px 20px;}
.vwBox li span a{display:block;}

.vwBox li input{padding:12px 15px 8px 15px;border:solid 1px #ddd;border-radius:10px;font-size:16px;color:#565656;margin-top:-6px;}
.vwBox li input.w70{width:70% !important;}
.vwBox li input.w30{width:30% !important;}
.vwBox li input[type=text]{width:100%;}
.vwBox li select{width:30%;padding:12px 10px 8px 10px;border:solid 1px #ddd;border-radius:10px;font-size:16px;color:#565656;margin-top:-6px;}
.vwBox li select.w30{width:30% !important;}
.vwBox li textarea{width:100%;min-height:200px;padding:12px 10px 8px 10px;border:solid 1px #ddd;border-radius:10px;font-size:15px;color:#565656;margin-top:-6px;}

@media all and (max-width:1100px) {
.vwBox li .tit{width:160px;}
.vwBox li span{width:calc(100% - 160px);}
}
@media all and (max-width:960px) {
.vwBox li .tit{padding:20px 18px 14px 18px;}
.vwBox li span{padding:20px 18px 14px 18px;}

.vwBox li input{border-radius:9px;font-size:15px;}
.vwBox li select{width:50%;border-radius:9px;font-size:15px;}
.vwBox li textarea{border-radius:9px;font-size:14px;}
}
@media all and (max-width:767px) {
.vwBox li .tit{padding:20px 16px 14px 16px;}
.vwBox li span{padding:20px 16px 14px 16px;}
}
@media all and (max-width:580px) {
.vwBox li{flex-wrap:wrap;}
.vwBox li .tit{width:100%;padding:18px 12px 12px 16px;}
.vwBox li span{width:100%;padding:18px 12px 12px 16px;}

.vwBox li input{border-radius:8px;font-size:14px;}
.vwBox li select{width:70%;border-radius:8px;font-size:14px;}
.vwBox li textarea{border-radius:8px;font-size:13px;}
}
@media all and (max-width:400px) {
.vwBox li .tit{padding:16px 10px 12px 10px;}
.vwBox li span{padding:16px 10px 12px 10px;}

.vwBox li input{border-radius:7px;font-size:13px;}
.vwBox li select{width:100%;border-radius:7px;font-size:13px;}
.vwBox li select.w30{width:29% !important;}
.vwBox li textarea{border-radius:7px;font-size:12px;}
}
@media all and (max-width:300px) {
.vwBox li select.w30{width:25% !important;}
}


.vwBox.writeBox li .tit{padding-top:26px;}
@media all and (max-width:580px) {
.vwBox.writeBox li .tit{padding-top:16px;}
}





/************************************************************************
* button *
************************************************************************/
.BtBox a{margin:0 2px;padding:18px 34px 14px 34px;background:#000;color:#fff;border-radius:10px;font-size:16px;cursor:pointer;text-align:center;line-height:120%;display:block;}
.BtBox .blue{background:#461cf0;}
.BtBox .red{background:#F00;}
.BtBox .black{background:#000;}
.BtBox .white{background:#fff;color:#000;border:solid 1px #ddd;}
.BtBox .blueline{background:#fff;color:#461cf0;border:solid 2px #461cf0;}

@media all and (max-width:1100px) {
.BtBox a{padding:15px 30px 11px 30px;border-radius:9px;font-size:15px;}
}
@media all and (max-width:767px) {
.BtBox a{padding:14px 24px 10px 24px;border-radius:8px;font-size:14px;}
}
@media all and (max-width:640px) {
.BtBox a{padding:13px 20px 9px 20px;border-radius:7px;font-size:13px;}
}
@media all and (max-width:420px) {
.BtBox a{padding:13px 10px 9px 10px;font-size:12px;}
}
@media all and (max-width:300px) {
.BtBox a{padding:13px 6px 9px 6px;letter-spacing:-0.04em;}
}






/************************************************************************
* message *
************************************************************************/
.mescBox{}
.mescBox span{margin:0 5px;padding:16px 34px 12px 34px;background:#4d19ef;color:#fff;border-radius:15px;text-align:center;line-height:120%;}
.mescBox span a{color:#fff;}

.messBox li{display:flex;justify-content:space-between;}
.messBox .tit{width:120px;padding:22px 0 14px 10px;}
.messBox .tit.w100{padding-top:0 !important;}
.messBox span{width:calc(100% - 120px);padding:10px 0 0 0;}
.messBox input{padding:12px 15px 8px 15px;border:solid 1px #ddd;font-size:16px;color:#565656;width:100%;margin-bottom:8px;}
.messBox textarea{width:100%;min-height:200px;padding:12px 10px 8px 10px;border:solid 1px #ddd;font-size:15px;color:#565656;}
.messBox .BtBox a{padding:20px 54px 18px 54px;margin:0 auto;}
.messBox span .add{display:block;width:80px;background:#9e9e9e;color:#fff;text-align:center;line-height:100%;padding:15px 0 12px 0;}

.messBox.charge span input[type=radio]{width:auto;margin:14px 5px 8px 20px;display:inline-block;}
.messBox.charge span input[type=radio]:first-child{margin-left:0;}
.messBox.charge span label{display:inline-block;padding:12px 0 8px 0;}
.messBox.charge span select{padding:12px 15px 8px 15px;border:solid 1px #ddd;font-size:16px;color:#565656;width:100%;margin-bottom:8px;background:url(/img/select_arrow.png) no-repeat right 15px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

.mestBox{}
.mestBox div{width:32%;height:320px;padding:25px 20px;border:solid 1px #ddd;display:flex;flex-direction:column;justify-content:space-between;}
.mestBox div .tit{letter-spacing:-0.04em;}
.mestBox div:nth-child(1) .tit{color:#ee428c;}
.mestBox div:nth-child(2) .tit{color:#4c4dc3;}
.mestBox div:nth-child(3) .tit{color:#fd9c3d;}
.mestBox a.last{margin-right:40px;margin-bottom:8px;line-height:180%;}
.mestBox a.last i{width:24px;height:24px;margin-bottom:-2px;margin-right:10px;background:#000;border-radius:50%;position:relative;display:inline-block;}
.mestBox a.last i:after{width:6px;height:6px;border:solid #fff;border-width:2px 2px 0 0;position:absolute;top:calc(50% - 4px);right:calc(50% - 3px);display:block;content:"";transform:rotate(45deg);}

@media all and (max-width:1280px) {
.mestBox div{height:280px;}
}
@media all and (max-width:960px) {
.mescBox span{padding:16px 28px 12px 28px;}

.messBox .tit{width:100px;}
.messBox span{width:calc(100% - 100px);}
}
@media all and (max-width:767px) {
.mescBox span{margin:0 3px;padding:14px 20px 10px 20px;border-radius:10px;}

.mestBox div{width:100%;height:auto;margin-bottom:10px;}

.mestBox a.last{margin-top:40px;}
}
@media all and (max-width:500px) {
.mescBox span{margin:0 2px;padding:12px 14px 8px 14px;border-radius:8px;}

.messBox li{flex-wrap:wrap;}
.messBox .tit{width:100%;padding:22px 0 8px 8px;}
.messBox span{width:100%;padding:4px 0 0 0;}
.messBox span .add{width:70px;padding:12px 0 9px 0;}
}
@media all and (max-width:380px) {
.mescBox span{padding:10px 10px 6px 10px;border-radius:6px;}
}
@media all and (max-width:340px) {
.mescBox span{padding:10px 0 6px 0;width:100%;margin-bottom:4px;}
}






/************************************************************************
* assessment *
************************************************************************/
.assBox li{padding:40px 0;border-bottom:solid 1px #ddd;}
.assBox li:first-child{padding-top:0 !important;}
.assBox li .imgBox{width:45%;border:solid 3px #c6c6c6;display:flex;}
.assBox li .imgBox img{width:50%;}
.assBox li .txtBox{width:50%;padding-right:5%;}
.assBox li .txtBox span{display:flex;align-items:center;}
.assBox li .txtBox span font{margin-left:10px;}
.assBox li .txtBox span input{margin-top:-4px;}
@media all and (max-width:767px) {
.assBox li .txtBox{padding-right:0;}
.assBox li .txtBox span font{margin-left:6px;}
}
@media all and (max-width:640px) {
.assBox li .imgBox{width:100%;}
.assBox li .txtBox{width:100%;margin-top:20px;}
}
@media all and (max-width:400px) {
.assBox li{padding:30px 0;}
}
@media all and (max-width:320px) {
.assBox li .txtBox{justify-content:center;}
.assBox li .txtBox span{width:33.333%;margin-bottom:5px;}
}



.assBoxT{width:60%;margin:20px auto;}
.assBoxT span{display:flex;align-items:center;}
.assBoxT span font{margin-left:10px;}
.assBoxT span input{margin-top:-4px;}
@media all and (max-width:767px) {
.assBoxT{width:70%;}
.assBoxT span font{margin-left:6px;}
}
@media all and (max-width:640px) {
.assBoxT{width:80%;}
}
@media all and (max-width:520px) {
.assBoxT{width:90%;}
}
@media all and (max-width:320px) {
.assBoxT{width:95%;justify-content:center;}
.assBoxT span{width:33.333%;margin-bottom:5px;}
}






/************************************************************************
* winput *
************************************************************************/
.search_box_wi{padding:14px 20px;border-radius:30px;background:#f0f0f0;}
.search_box_wi *{font-size:16px;background:transparent;border:none;line-height:100%;}
.search_box_wi input{width:calc(100% - 22px);}

.wiBox{border-top:solid 2px #000;}
.wiBox li{display:flex;justify-content:space-between;border-bottom:solid 1px #ddd;}
.wiBox li .tit{width:180px;padding:20px 20px 14px 20px;background:#f7f6f6;}
.wiBox li span{width:calc(100% - 180px);padding:20px 20px 14px 20px;}
.wiBox li span a{display:block;}
.wiBox1 textarea{width:calc(100% - 110px);height:120px;border:solid 1px #ddd;}
.wiBox1 input{width:100px;background:#282828;color:#fff;font-size:16px;cursor:pointer;}
.comment {width:100%;display:flex;justify-content: center;padding:20px 0 0 0; color:#FF0000;}
.BtBox{}
.BtBox img{margin-left:20px;}
.BtBox.top{position:absolute;margin-top:-30px;}

@media all and (max-width:1100px) {
.search_box_wi{padding:14px 18px 10px 18px;}
.search_box_wi *{font-size:15px;}

.wiBox1 input{font-size:15px;}
}
@media all and (max-width:640px) {
.search_box_wi *{font-size:14px;}

.wiBox li{flex-wrap:wrap;}
.wiBox li .tit{width:100%;padding:16px 10px 10px 10px;}
.wiBox li span{width:100%;padding:16px 10px 10px 10px;}
.wiBox1 textarea{width:calc(100% - 90px);}
.wiBox1 input{width:85px;font-size:14px;}

.BtBox img{margin-left:15px;}
}
@media all and (max-width:420px) {
.search_box_wi{padding:12px 16px 8px 16px;}
.search_box_wi *{font-size:13px;}

.wiBox1 textarea{width:100%;}
.wiBox1 input{width:100%;font-size:13px;padding:16px 0 12px 0;margin-top:6px;}

.BtBox img{margin-left:10px;}
}





/************************************************************************
* wplacement *
************************************************************************/
.wpBox{align-items:flex-start;}
.wpBox .lineBox{border-radius:15px;}

.wpBox .coBox{width:26%;}
.wpBox .wcBox{border-top:solid 2px #000;}
.wpBox .wcBox li{display:flex;justify-content:space-between;border-bottom:solid 1px #ddd;}
.wpBox .wcBox li .tit{width:120px;padding:14px 0 10px 10px;background:#f7f6f6;}
.wpBox .wcBox li span{width:calc(100% - 120px);padding:14px 0 10px 10px;}
.wpBox .wcBox li span a{display:block;}
.wpBox .selectBox div{width:calc(33.3333% - 8px);margin:0 4px 18px 4px;}
.wpBox .selectBox figure,.wpBox .selectBox img{width:100%;}
.wpBox .selectBox span{padding-top:6px;}
.wpBox .selectBox font{padding-top:2px;}
.wpBox .selectBox a{padding:6px 10px 0 10px;border:solid 1px #e6e6e6;background:#f7f6f6;font-size:10px;}
.wpBox .BtBox a{width:calc(50% - 8px);padding-left:0;padding-right:0;}

.wpBox .liBox{width:72%;background:#e8e8e8;}
.wpBox .liBox .item{width:calc(20% - 16px);margin:0 8px 30px 8px;border:solid 3px #c8c8c8;background:#fff;}
.wpBox .liBox .item:hover,.wpBox .liBox .item.on{border-color:#0c33fd;}
.wpBox .liBox .item font{padding:16px 0 10px 0;text-align:center;}
.wpBox .liBox .item figure{width:100%;height:357px;}
.wpBox .liBox .item img{width:100%;height:50%;}

@media all and (max-width:1500px){
.wpBox .liBox .item figure{height:330px;}
}
@media all and (max-width:1400px){
.wpBox .liBox .item figure{height:300px;}
}
@media all and (max-width:1300px){
.wpBox .wcBox li{flex-wrap:wrap;}
.wpBox .wcBox li .tit{width:100%;padding:12px 8px 8px 8px;}
.wpBox .wcBox li span{width:100%;padding:12px 8px 8px 8px;}

.wpBox .liBox .item{width:calc(25% - 16px);}
.wpBox .liBox .item figure{height:330px;}
}
@media all and (max-width:1200px){
.wpBox .selectBox div{width:calc(50% - 8px);}
.wpBox .selectBox a{padding:5px 6px 0 6px;}

.wpBox .liBox .item figure{height:300px;}
}
@media all and (max-width:1100px){
.wpBox .liBox .item{width:calc(33.333% - 16px);}
.wpBox .liBox .item figure{height:380px;}
}
@media all and (max-width:1000px){
.wpBox .coBox{width:100%;}
.wpBox .wcBox li .tit{width:120px;padding:14px 0 10px 10px;}
.wpBox .wcBox li span{width:calc(100% - 120px);padding:14px 0 10px 10px;}
.wpBox .selectBox div{width:calc(20% - 8px);}

.wpBox .liBox{width:100%;margin-top:40px;}
.wpBox .liBox .item{width:calc(25% - 16px);}
}
@media all and (max-width:900px){
.wpBox .liBox .item figure{height:320px;}
}
@media all and (max-width:800px){
.wpBox .liBox .item figure{height:290px;}
}
@media all and (max-width:700px){
.wpBox .liBox .item{width:calc(33.333% - 16px);}
.wpBox .liBox .item figure{height:340px;}
}
@media all and (max-width:640px){
.wpBox .selectBox div{width:calc(33.33333% - 8px);}

.wpBox .liBox .item{width:calc(33.333% - 10px);margin:0 5px 20px 5px;}
.wpBox .liBox .item figure{height:320px;}
}
@media all and (max-width:540px){
.wpBox .liBox .item figure{height:265px;}
}
@media all and (max-width:500px){
.wpBox .liBox .item{width:calc(50% - 10px);margin:0 5px 20px 5px;}
.wpBox .liBox .item figure{height:350px;}
}
@media all and (max-width:420px){
.wpBox .wcBox li .tit{width:100%;padding:12px 8px 8px 8px;}
.wpBox .wcBox li span{width:100%;padding:12px 8px 8px 8px;}

.wpBox .liBox .item figure{height:315px;}
}
@media all and (max-width:380px){
.wpBox .selectBox a{font-size:8px;}

.wpBox .liBox .item{width:100%;margin:0 0 20px 0;}
.wpBox .liBox .item figure{height:auto;}
}
@media all and (max-width:340px){
.wpBox .selectBox div{width:calc(50% - 8px);}
}






/************************************************************************
* 아이디비번찾기 *
************************************************************************/
.idpwPwrap{padding:50px 0;}
.idpwBox>div{max-width:50%;margin:0 20px;border:solid 1px #ddd;border-radius:20px;padding:30px;}

.iprvBox{width:445px;margin:0 auto;background:#f1f1f1;border-radius:20px;padding:30px;}
.iprvBox ul{width:100%;border-top:solid 2px #000;}
.iprvBox ul li{width:100%;padding:15px 10px;border-bottom:solid 1px #ddd;display:flex;align-items:center;justify-content:space-between;}
.iprvBox ul li font{width:calc(100% - 120px);}
.iprvBox ul li a{width:120px;background:#000;color:#fff;text-align:center;padding:12px 0 8px 0;border-radius:5px;}



@media all and (max-width:1280px){
.idpwBox{display:block !important;}
.idpwBox>div{margin:0 auto 20px auto;border-radius:10px;}
.loginP .idpwBox .loginBox{width:100% !important;}

.iprvBox{border-radius:10px;}
.iprvBox ul li font{width:calc(100% - 100px);}
.iprvBox ul li a{width:100px;padding:11px 0 7px 0;}
}
@media all and (max-width:960px){
.idpwBox>div{max-width:60%;padding:20px;}

.iprvBox{width:60%;}
.iprvBox ul li font{width:calc(100% - 80px);}
.iprvBox ul li a{width:80px;padding:10px 0 6px 0;}
}
@media all and (max-width:860px){
.idpwBox>div{max-width:70%;}

.iprvBox{width:70%;}
}
@media all and (max-width:767px){
.idpwBox>div{max-width:85%;}

.iprvBox{width:85%;}
}
@media all and (max-width:640px){
.idpwPwrap{padding:30px 0;}

.idpwBox>div{max-width:100%;}

.iprvBox{width:100%;}
}






/************************************************************************
* 250702 추가 *
************************************************************************/
.msBox{display:flex;align-items:center;justify-content:flex-end;}
.msBox .ma-tab{display:flex;}
.msBox .ma-tab a{padding:14px 35px;margin:0 3px;border-radius:30px;font-weight:normal;color:#fff;display:block;background:#461cf0;}
.msBox .ma-tab a.active{background:#991cf0;}

@media all and (max-width:860px){
.msBox{display:block;}
.msBox .ma-tab{justify-content:center;}
.msBox .ma-tab a{padding:12px 25px;margin:0 2px;}

.msBox .search_box{margin-top:20px;}
}
@media all and (max-width:420px){
.msBox .ma-tab a{padding:10px 20px;}
}