/*-- new css --*/

/*-- newQuick --*/
#newQuick{position: fixed;top: 62%;right: 0;transform: translateY(-50%);z-index: 1000;}

.newQuick-navi ul{display: flex;flex-direction: column;align-items: flex-end;}
.newQuick-navi li{border-radius: 46px 0 0 46px;overflow: hidden;transition: all .3s;cursor: pointer;}
.newQuick-navi li:first-child{background-color: #002063;}
.newQuick-navi li:last-child{background-color: #747474;}
.newQuick-navi li + li{margin-top: 10px;}

.newQuick-navi li a{display: flex;align-items: center;justify-content: flex-end;gap: 20px;width: 100%;height: 100%;line-height: 46px;color: #FFF;font-size: 1.125rem;}
.newQuick-navi li:first-child a{padding-left: 27px;padding-right: 23px;}
.newQuick-navi li:last-child a{padding-left: 37px;padding-right: 39px;}

.newQuick-navi li figure{display: flex;justify-content: flex-end;width: 30px;margin: 0;}
.newQuick-navi li figure img{display: block;}

/*scroll-ing*/
.newQuick-navi li.scroll-ing:first-child{transform: translateX(110px);}
.newQuick-navi li.scroll-ing:first-child a{padding-left: 17px;}
.newQuick-navi li.scroll-ing:last-child{transform: translateX(124px);}
.newQuick-navi li.scroll-ing:last-child a{padding-left: 19px;}

.newQuick-navi li:hover{transform: translateX(0) !important;}

@media screen and (max-width: 720px){

	.newQuick-navi li + li{margin-top: 5px;}
	
	.newQuick-navi li.scroll-ing:first-child{transform: translateX(110px);}
	.newQuick-navi li.scroll-ing:last-child{transform: translateX(124px);}
}

/*-- checkbox --*/
.mbCheck{position: relative;}

.selec_chk{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;outline: 0;z-index: -1;overflow: hidden;}

.mbCheck input[type=checkbox] + label, .mbCheck input[type=radio] + label{display: flex;align-items: center;gap: 8px;cursor: pointer;}
.mbCheck input[type=checkbox] + label span, .mbCheck input[type=radio] + label span{width: 20px;height: 20px;border: 1px solid #dbdbdb;background: #FFF;}
.mbCheck input[type=checkbox]:checked + label span, .mbCheck input[type=radio]:checked + label span{background: url(/img/chk.png) no-repeat 50% 50% #222;border-color: #222;}

@media screen and (max-width: 720px){

	.mbCheck input[type=checkbox] + label, .mbCheck input[type=radio] + label{font-size: 15px;}
}

/*-- board-button --*/
.buttonWrap{display: flex;justify-content: space-between;margin-top: 40px;}
.buttonWrap>ul{display: flex;gap: 5px;}

.boardBtn{font-family: 'Pretendard Variable';display: block;width: 95px;height: 45px;line-height: 43px;border: 1px solid #e4e4e4;color: #343434;background: #FFF;text-align: center;font-size: .9375rem;font-weight: 400;border-radius: 5px;overflow: hidden;cursor: pointer;}
.boardBtn00{background: #0085FF;font-weight: bold;border-color: #0085FF;color: #FFF;}

.boardBtn .memberCheck input[type=checkbox] + label{justify-content: center;}

.mbCheck input[type=checkbox] + label{justify-content: center;line-height: 43px;font-family: 'Pretendard Variable';}

@media screen and (max-width: 960px){

	.boardBtn{font-size: 15px !important;}
}

@media screen and (max-width: 720px){

	.buttonWrap{margin-top: 30px;}
	
	.boardBtn{width: 75px;height: 40px;line-height: 38px;font-size: 14px !important;}
	div.boardBtn{width: 100px;} 
}