/* �룿�듃 */
@font-face {
	font-family: 'Pretendard-Regular';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'NanumSquareRound';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


.wrapper {font-family: 'NanumSquareRound'; font-size: 0.85rem; color: #333333;}
a {text-decoration: none !important; color: #3d3d3d !important;}
header {
	background-color: #fff;
	padding: 0.8rem;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	height: 53px;
	z-index: 999;
	border-top: 1px solid #e5e5ec;
	border-bottom: 1px solid #e5e5ec;
}
header i {font-size: 1.5rem;} 
/******************.list-wrapper*******************/
.list-wrapper .write {padding: 1rem; border-bottom: 1px solid #eee;}
.list-wrapper .write > a {text-decoration: none;}
.list-wrapper .total {
	font-family: 'Pretendard' !important;
	font-size: 14px;
	line-height: 24px;
	color: #999; font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: -0.35px;
}
.list-wrapper .total > span {
	font-family: 'Pretendard' !important;
	color: #FF6610;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	letter-spacing: -0.4px;
}


.list-wrapper .write i {color: #2baee2; font-size: 1.2rem; cursor: pointer;}
.list-wrapper .write i span {font-size: 0.85rem;}
.list-wrapper .list {padding: 0.3rem 1rem; border-bottom: 1px solid #e7e7e7; cursor: pointer; line-height: 2;}
.list-wrapper .list:hover {background-color: #eeeeee;}
.list-wrapper .pagination > a, .pagination > a > i {color: #555555; border-radius: 50%;}
.list-wrapper .pagination > .num.active {background-color: #FF6610;color: #fff !important;}
.list-wrapper .page-link {border: none; margin: 0 0.2rem;}
.list-wrapper .list-select > select {padding: 0.1rem; width: 4.5rem; font-size: 0.85rem;}
.list-wrapper .btn-sm {width: 5.5rem;}
.list-wrapper .form-control {
	height: 42px;
	border-radius: 8px;
}
.list-wrapper .form-control::placeholder {color: #cccccc;}
.list-wrapper .search {
	padding: 0 1rem 80px;
}

.list-wrapper .search >*{
	margin-left: 12px
}

.list-wrapper .search >*:first-child{
	margin-left: 0;
}
.list-wrapper .search button {
	background-color: #FF6610;
	color: #fff !important;
	border-radius: 8px;
}
/******************.write-wrapper*******************/
.write-wrapper .form-control {border-radius: 0; border: none; margin: 0.5rem 0; font-size: 0.85rem;}
.write-wrapper .form-control::placeholder {color: #bbbbbb;}
.write-wrapper textarea:focus, .write-wrapper input[type="text"]:focus, .write-wrapper textarea[type="cont"]:focus {border-color: none; box-shadow: none; -webkit-box-shadow: none; outline: none;}
.write-wrapper .file-wrap {background-color: #92b6d3; bottom: 0; left: 0; position: fixed; z-index: 999; padding: 0 1rem 0 1rem;}
.write-wrapper .box-file-input .file-input{display:none;}
.write-wrapper .box-file-input label {display:inline-block; color:#fff; padding: 0.4rem 0; cursor:pointer; border-radius: 4px; margin-bottom: 0;}
.write-wrapper .box-file-input:nth-child(1) label:after {content:"泥⑤�1";}
.write-wrapper .box-file-input:nth-child(2) label:after {content:"泥⑤�2";}
.write-wrapper .box-file-input:nth-child(3) label:after {content:"泥⑤�3";}
.write-wrapper .filename {width: calc(100vw - 120px); display:inline-block; padding-left:10px; color: #6b6b6b; overflow: hidden; vertical-align: middle;}
.fa-rectangle-xmark {color: #6b6b6b; font-size: 1.3rem;}
/******************.view-wrapper*******************/
.view-wrapper .view-wrap {
	width: 100%;
	background-color: #fff;
	padding: 1rem;
	color: #555;
	line-height: 1.8;
	margin-top: 32px;
}
.view-wrapper .line {border-bottom: 1px solid #e7e7e7;}
.view-wrapper .fa-ellipsis-v {position: relative; font-size: 1.1rem;}
.view-wrapper .subs {position: absolute; top: 2rem; right: 1rem; border: 1px solid #e7e7e7;}
.view-wrapper .cont{
	font-size: 16px; padding: 0; border: none;
	outline: none; background-color: #fff;
	border-bottom: 1px solid #e5e5ec;
}

.view-wrapper .cont textarea.form-control{
	padding: 0;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.4px;
	font-family: 'Pretendard' !important;
}
.view-wrapper .list .title {
	font-size: 16px;
	padding: 0; border: none; outline: none; background-color: #fff;
	font-family: 'Pretendard' !important;
	letter-spacing: -0.4px;
}
.view-wrapper .title {font-size: 0.85rem; padding: 0; border-top: none; border-left: none; border-right: none; border-radius: 0; outline: none; background-color: #fff;}
.view-wrapper .subs li {display: none; text-align: center; font-size: 0.85rem; width: 3.6rem; padding: 0.8rem 0.5rem; background-color: #eee; border: 1px solid #e7e7e7; color: #707070;}
.view-wrapper .btn-view {background-color: #868686; color: #ffffff; padding: 0.4rem 0.7rem; font-size: 0.8rem;}
.view-wrapper .conts-wrap {
	padding: 0 16px;
}
.view-wrapper .form-control::placeholder {color: #aaaaaa; font-size: 0.85rem;}
.to-send{
	width: 100%;
	border-top: 1px solid #e5e5ec;
	padding: 10px 16px;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #fff;
}
.to-send > textarea {
	height: 48px;
	background-color: #f7f7fb;
	border: 0;
	border-radius: 12px;
	font-size: 14px;
	line-height: 20px;
	overflow-y: hidden;
	resize: none;
	padding: 14px 63px 14px 16px; /* 총 28px padding = 14 + 14 */
	box-sizing: border-box;
	font-family: 'Pretendard' !important;
	letter-spacing: -0.35px;
}

.to-send > textarea::placeholder{
	font-size: 14px;
	line-height: 20px;
	color: #adadad;
	font-family: 'Pretendard' !important;
	letter-spacing: -0.35px;
}

.to-send > textarea.form-control:focus{
	background-color: #f7f7fb;
}
.send-bt {
	background-color: #FF6610;
	position: absolute;
	top: 50%;
	right: 32px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	padding: 6px 0;
	box-sizing: border-box;
	transform: translateY(-50%);
}

.send-bt svg{
	display: block;
	width: 20px;
	margin: 0 auto;
}
.view-wrapper .cont-bt {background-color: #b9b9b9; color: #ffffff; padding: 0.15rem 0.4rem; font-size: 0.8rem;}
.view-wrapper .list {
	padding: 0.3rem 0;
	border-bottom: 1px solid #e5e5ec;
	line-height: 2;
}
/***************************swal 李�**************************/
.swal-modal {width: 330px; border-radius: 10px; font-family: 'Pretendard-Regular';}
.swal-title {font-size: 1.1rem;}
.swal-text {text-align: center; line-height: 1.5;}
.swal-footer {text-align: center; padding-bottom: 2rem;}
.swal-button--confirm {background-color: #FF6610 !important; border-radius: 30px; padding: 0.8rem 2.5rem; box-shadow: 0 2px 6px rgba(185, 146, 138, 0.5); font-weight: normal;}
.swal-button--cancel {background-color: #f19584 !important; color: #fff; border-radius: 30px; padding: 0.8rem 2.5rem; box-shadow: 0 2px 6px rgba(185, 146, 138, 0.5); font-weight: normal;}
.title {display: flex; align-items: center;}
.number {background-color: #c7c7c7; border-radius: 50%; width: 1.5rem; height: 1.5rem; text-align: center; vertical-align: middle; color: #fff;}


.Head{
	background-color: #fff;
	border-bottom: 1px solid #e5e5ec;
	font-family: 'Pretendard' !important;
	box-shadow: none;
	position: fixed;
}

.Head .head-title{
	color: #222;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%,-50%);
}

.writeBt{
	position: fixed;
	bottom: 40px;
	right: 20px;
	width: 60px;
	height: 60px;
	background-color: #FF6610;
	border-radius: 50%;
	box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.12);
	padding: 16px 0;
	box-sizing: border-box;
}

.writeBt svg{
	display: block;
	width: 24px;
	margin: 0 auto;
}

.Write_st{
	stroke: #fff;
}

.Write_Wd{
	stroke-width: 1.3px;
}

.form-control:focus{
	border-color: #ced4da !important;
	box-shadow: none !important;
}

.btn.focus, .btn:focus {
    outline: 0;
	box-shadow: none !important;
}

.finsh_Wrap{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 13%, rgba(255, 255, 255, 1) 100%);
	padding: 10px 20px;
	box-sizing: border-box;
}

.finsh_bt{
	display: block;
	width: 100%;
	line-height: 52px;
	text-align: center;
	background-color: #FF6610;
	color: #fff;
	border-radius: 12px;
	font-weight: 600;
	font-size: 16px;
	font-family: 'Pretendard' !important;
	letter-spacing: -0.4px;
}


.writeBx{
	margin-top: 16px;
	padding-bottom: 80px;
}

.writeBx.write-wrapper input{
	display: block;
	width: 90%;
	padding: 0 16px;
	box-sizing: border-box;
	margin: 0 auto;
	height: 48px;
	font-size: 14px;
	background-color: #f1f1f5;
	border: 1px solid transparent;
	border-radius: 8px;
	font-family: 'Pretendard' !important;
	letter-spacing: -0.35px;
}

.writeBx.write-wrapper input:focus{
	border: 1px solid #e5e5ec;
}

.writeBx.write-wrapper textarea.form-control{
	width: 90%;
	margin: 16px auto 0;
	padding: 16px 0;
	font-size: 14px;
	box-sizing: border-box;
	height: auto;
	font-weight: 400;
	font-family: 'Pretendard' !important;
	letter-spacing: -0.35px;
}

.writeBx.write-wrapper textarea.form-control::placeholder{
	color: #adadad;
}

.prevBtn{
	width: 32px;
	height: 32px;
	padding: 3px 0;
	box-sizing: border-box;
}

.prevBtn svg{
	width: 24px;
	display: block;
}

.prevbt_pt{
	fill: #222;
	stroke-width: 0.5px;
}

.head-title{
	font-family: 'Pretendard' !important;
	letter-spacing: -0.4px;
	font-size: 16px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	font-weight: 500;
}

.ViewBx{
	margin-top: 1px;
	padding-bottom: 80px;
}

.mitb_f{
	fill: #222;
}

.mitb_st{
	stroke-width: 1.3px;
}

.MitB_wrap{
	display: block;
	margin-left: auto;
	width: 32px;
	position: relative;
}

.MitB_ico{
	display: block;
	width: 32px;
	padding: 4px 0;

}


.MitB_ico svg{
	display: block;
	width: 24px;
	margin: 0 auto;
}

.finish2{
	display: none;
	margin-left: auto;
}

.DropD_Bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 12;
	display: none;
}

.DropDownB{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #f7f7fb;
	z-index: 13;
	border-radius: 24px 24px 0 0;
	padding: 16px 20px;
	box-sizing: border-box;
	display: none;
}

.DDL{
	background-color: #fff;
	border-radius: 16px;
	padding: 0 16px;
	box-sizing: border-box;
}

.DDL >li{
	border-bottom: 1px solid #e5e5ec;
}

.DDL >li:last-child{
	border-bottom: 0;
}

.DDL >li >a{
	display: block;
	font-size: 16px;
	text-align: center;
	line-height: 48px;
	font-family: 'Pretendard' !important;
	letter-spacing: -0.4px;
	font-weight: 500;
}

.DDL >li.remove >a{
	color: #dc0000 !important;
}

.close_dropDw{
	display: block;
	margin: 12px auto 0;
	width: 100%;
	background-color: #fff;
	border-radius: 12px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	letter-spacing: -0.4px;
	font-weight: 500;
}
.Viewtitle{
	font-family: 'Pretendard';
	letter-spacing: -0.45px;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	border: 0;
	background-color: #fff !important;
}

.DNB {
	border-bottom: 1px solid #e5e5ec;
	padding: 4px 0;
	box-sizing: border-box;
}

.DNB >ul >li:nth-child(2){
	margin-top: 4px;
}

.DNB >ul >li >span{
	display: block;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.4px;
	color: #767676;
	font-family: 'Pretendard' !important;
}

.DNB >ul{
	display: flex;
	/* align-items: center; */
	width: 100%;
	flex-direction: column;
	padding: 0 20px;
	box-sizing: border-box;
}

.DNB ul li {
	display: flex;
	align-items: center;
}

.dnb_tit{
	display: block;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.4px;
	color: #767676;
	font-family: 'Pretendard' !important;
	width: 48px;
}

.file{
	margin-top: 12px;
	/* padding: 1rem; */
}

.file >ul{
	width: 90%;
	margin: 0 auto;
}

.file >ul li:first-child{
	margin-top: 0;
}

.file >ul li{
	display: flex;
	padding: 12px 16px;
	box-sizing: border-box;
	align-items: center;
	background-color: #f7f7fb;
	border-radius: 12px;
	margin-top: 16px;
}


.fileico{
	display: inline-block;
	width: 28px;
	margin-right: 8px;
}

.filetit{
	display: inline-block;
	width: calc(100% - 16px - 68px - 28px);
	font-size: 14px;
	line-height: 24px;
	overflow-wrap: break-word;
	font-family: 'Pretendard' !important;
}

.fileDownBt{
	width: 68px;
	display: inline-block;
	margin-left: 8px;
	text-align: center;
	line-height: 32px;
	background-color: #100035;
	font-size: 12px;
	color: #fff !important;
	border-radius: 8px;
	font-family: 'Pretendard' !important;
	letter-spacing: -0.3px;
}

.Circle{
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #e5e5ec;
	margin: 0 8px;
}

.commentWrap{
	margin-top: 24px;
}


.CommtTop{
	display: flex;
	align-items: center;
}

.CommtTop >li:nth-child(2){
	margin-left: auto;
}

.MitB_comm{
	display: block;
	width: 24px;
}

.MitB_comm svg{
	display: block;
	width: 100%;
}

.Mit_pt{
	fill: #adadad;
}

.CommtTop .name{
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.35px;
	font-family: 'Pretendard' !important;
	color: #222;
	font-weight: 600;
}

.commentWrap .date{
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.35px;
	font-family: 'Pretendard' !important;
	color: #999;
}

.commentWrap .title{
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.35px;
	font-family: 'Pretendard' !important;
	font-weight: 400;
	margin-top: 8px;
	color: #222;
}

.CommentPop{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #f7f7fb;
	z-index: 999;
	border-radius: 24px 24px 0 0;
	padding: 16px 20px;
	box-sizing: border-box;
	display: none;
}

.DDL >li >button{
	display: block;
	width: 100%;
	font-size: 16px !important;
	letter-spacing: -0.4px;
	background-color: transparent !important;
	color: #222 !important;
	line-height: 42px;
	padding: 0 !important;
}

.DDL >li >button.cont-remove{
	color: #dc0000 !important;
}

.Line{
	width: 100%;
	height: 10px;
	background-color: #f7f7fb;
	margin-top: 24px;
}

.viewTitBox{
	display: flex;
	align-items: center;
	padding: 0 16px ;
	box-sizing: border-box;
}

.viewtit_tit{
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #505050;
	letter-spacing: -0.3px;
	font-family: 'Pretendard' !important;
	width: 38px;
}

.veiwtit_Real_tit{
	display: inline-block;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -0.45px;
	font-weight: 600;
	font-family: 'Pretendard' !important;
}