@charset "UTF-8";

/* 커스텀 셀렉트 박스 */
.select-ul-box{position:relative;max-height:45px;}
.select-ul-box .btn-select-open{display:inline-block;margin:8px 0 9px;padding:0 27px 0 12px;width:100%;background: url(../img/board/btn-w-sel-open01.png) no-repeat top 10px right 10px/10px;font-size:1.6rem;line-height:2.6rem;font-weight:300;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.select-ul-box .select-ul-list{position:relative;z-index:20;width:100%;max-height:300px;border:1px solid rgba(0,0,0,0.2);background:#fff;overflow:unset;box-sizing:border-box;}
.select-ul-box .select-ul-list li{display:none;padding:0 12px;cursor:pointer;align-items:center;}
.select-ul-box .select-ul-list li:first-of-type{display:block;padding:0;max-height:43px;overflow:hidden;}
.select-ul-box .select-ul-list li:hover{background:#f7f7f7;}
.select-ul-box .select-ul-list li > div{padding:11px 0;}
.select-ul-box .select-ul-list li:nth-of-type(n+2) a{display:inline-block;padding:11px 0;width:100%;font-size:1.6rem;line-height:2.0rem;font-weight:300;box-sizing:border-box;}
.select-ul-box .select-ul-list li:hover a{color:#262626;}
.select-ul-box .select-ul-list li .b-btn-in-select{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;padding:7px 22px;min-width:100px;min-height:45px;background-color:#666;font-size:1.6rem;line-height:1.9rem;font-weight:300;color:#fff;text-align:center;cursor:pointer;box-sizing:border-box;vertical-align:middle;transition:all .2s;}
.select-ul-box .select-ul-list li .b-btn-in-select:hover{background:#000;color:#fff;}
.select-ul-box .select-ul-list li .b-chk{flex-shrink:0;margin:0 10px 0 0;}
.select-ul-box .select-ul-list li .b-chk + label{padding:8px 0;width:100%;font-size:1.4rem;line-height:2.0rem;font-weight:300;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.select-ul-box.active .btn-select-open{background-image:url(../img/board/btn-w-sel-close01.png)}
.select-ul-box.active .select-ul-list{display:block;z-index:30;border-color:#024098;overflow:auto;}
.select-ul-box.active .select-ul-list li{display:flex;}

.b-input-button-box{display:flex;align-items:center;}
.b-input-button-box > div{padding:0 10px 0 0;}
.b-input-button-box > div:first-of-type{width:100%;}
.b-input-button-box > div:last-of-type{padding:0;flex-shrink:0;}

@media screen and (max-width:1024.98px){
	/* 커스텀 셀렉트 박스 */
	.select-ul-box{max-height:42px;}
	.select-ul-box .btn-select-open{margin:7px 0;padding:0 21px 0 12px;background-position:top 10px right 8px;}
	.select-ul-box .select-ul-list li:first-of-type{max-height:40px;}
	.select-ul-box .select-ul-list li:nth-of-type(n+2) a{padding:10px 0;}
	.select-ul-box .select-ul-list li .b-btn-in-select{margin:0 0 0 5px;padding:8px 15px 6px;min-width:80px;min-height:42px;}
	
	.bn-write-common .b-flex-full-box{flex-direction:column;align-items:flex-start;margin:0;}
    .bn-write-common .b-flex-full-box > div{padding:0 0 10px;width:100%;}
    .bn-write-common .b-flex-full-box > div:last-of-type{padding:0;}
}
@media screen and (max-width:768px){
	.select-ul-box .select-ul-list li .b-chk + label{padding:6px 0;}
}