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

@font-face {
    font-family: 'miracle-font';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*  */
html.fixed , body.fixed {overflow:hidden; touch-action:none; -webkit-touch-action:none;}
* {padding:0; margin:0; border:0; box-sizing:border-box; vertical-align:middle; outline:0; font-size:14px; font-weight:400; font-family: 'miracle-font'; -webkit-tap-highlight-color: rgba(0,0,0,0); appearance:none; -webkit-appearance:none;}
*:focus {outline:1px dotted #3561ea;}

/*  */
table {width:100%; border-spacing:0; table-layout:fixed;}
th , td {/*width:fit-content; */vertical-align:middle; text-align:center;}
legend , caption {display:none;}

/*  */
html , body {overflow-x:hidden; max-width:100%;}
body {-webkit-text-size-adjust:none; overflow-x:hidden;}

/*  */
a , button {outline:0; display:inline-block; vertical-align:top; box-sizing:border-box; cursor:pointer;}

/*  */
h1 , h2 , h3 , h4 , h5 , h6 {font-size:100%; font-weight:normal; color:#000;}
h3 {font-size:20px; font-weight:500;}
h4 {font-size:17px; font-weight:500;}

/*  */
img , fieldset {border:none;}
img , object {vertical-align:top;}

/*  */
textarea {resize:none;}
select {border-radius:0; background:#fff;}

/*  */
::placeholder {color:#ffc331;}

/*  */
ul , ol , li {list-style:none;}
em ,address {font-style:normal;}

/*  */
a:link {color:inherit; text-decoration:none;}
a:active {color:inherit; text-decoration:none;}
a:visited {color:inherit; text-decoration:none;}
a:hover {color:none !important; text-decoration:none !important;}

/*  */
input , textarea {-webkit-border-radius:0;}
input:-internal-autofill-selected {background:transparent !important;}
input[type="text"], input[type="password"] {
				border: 1px solid #ccc;
				padding-left:10px;
				height:40px;
			}
input::placeholder, textarea::placeholder { font-size: 16px; color: #9c9c9c; }

/*  */
.clearfix::after {content:""; clear:both; display:block;}

/*  */
::selection {color:#fff; background:#844da3; border:0;}

/*  */
.highlight {color:red !important;}

/*  */
.hidden {display:none !important;}

/*  */
.txt-hidden {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*  */
.txt-left {text-align:left;}
.txt-right {text-align:right;}
.txt-center {text-align:center;}

/*  */
.pull-left {display:inline-block; float:left;}
.pull-right {display:inline-block; float:right;}
.pull-beetwen {display:flex; justify-content: space-between; align-items: center;}

/*  */

.forpast{
	width:100%;
}
select {
	width:fit-content;
	min-width: 200px;
	padding: .2em .8em;
	border:3px solid #000;
	font-family: inherit;
	font-size:15px;
	font-weight:800;
	background: url('../images/icon_arrow.png') no-repeat 95% 50% #fff;
	border-radius: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* 말줄임 */
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* 숨김처리 */
.hidden {display:none !important;}
.hide {display:none !important;}

/* 박스 */
.flex {display:flex; flex-wrap:wrap;}
.flex-nw {display:flex; flex-wrap:nowrap;}
.flex-vc {align-items:center;}
.flex-vt {align-items:flex-start;}
.flex-vb {align-items:flex-end;}
.flex-vw {align-content: space-between;}
.flex-tc {justify-content:center;}
.flex-tl {justify-content:flex-start;}
.flex-tr {justify-content:flex-end;}
.flex-tj {justify-content:space-between;}
.flex-ar {justify-content:space-around;}
.flex-ev {justify-content:space-evenly;}
.flex-dc {flex-direction: column;}
.flex-rw {flex-direction: row;}

/* 폰트크기 */
.f10 {font-size:10px !important;}
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f18 {font-size:18px !important;}
.f20 {font-size:20px !important;}
.f22 {font-size:22px !important;}
.f24 {font-size:24px !important;}
.f26 {font-size:26px !important;}
.f27 {font-size:28px !important;}

/* 정렬 */
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}
.taj {text-align:justify !important;}
.vm {vertical-align:middle !important;}
.vt {vertical-align:top !important;}
.vb {vertical-align:bottom !important;}

/* 입력폼 사파리에서의 초기화 */
input , textarea {-webkit-border-radius:0;}
input:-internal-autofill-selected {background:transparent !important;}

/* 클리어픽스 */
.clearfix::after {content:""; clear:both; display:block;}

/* 태그표시 */
.hidden {display:none !important;}

/* 텍스트표시 */
.txt-hidden {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* 위치조절 */
.pull-left {display:inline-block; float:left;}
.pull-right {display:inline-block; float:right;}

/* 테두리설정 */
.bd0 {border:0 !important;}
.bt0 {border-top:0 !important;}
.br0 {border-right:0 !important;}
.bb0 {border-bottom:0 !important;}
.bl0 {border-left:0 !important;}

/* 너비설정 */
.wfull {width:100% !important;}
.w20 {width:20px !important;}
.w25 {width:25px !important;}
.w30 {width:30px !important;}
.w35 {width:35px !important;}
.w40 {width:40px !important;}
.w45 {width:45px !important;}
.w50 {width:50px !important;}
.w55 {width:55px !important;}
.w60 {width:60px !important;}
.w65 {width:65px !important;}
.w70 {width:70px !important;}
.w75 {width:75px !important;}
.w80 {width:80px !important;}
.w85 {width:85px !important;}
.w90 {width:90px !important;}
.w95 {width:95px !important;}
.w100 {width:100px !important;}
.w115 {width:115px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w125 {width:125px !important;}
.w130 {width:130px !important;}
.w135 {width:135px !important;}
.w140 {width:140px !important;}
.w145 {width:145px !important;}
.w150 {width:150px !important;}
.w155 {width:155px !important;}
.w160 {width:160px !important;}
.w165 {width:165px !important;}
.w170 {width:170px !important;}
.w175 {width:175px !important;}
.w180 {width:180px !important;}
.w185 {width:185px !important;}
.w190 {width:190px !important;}
.w195 {width:195px !important;}
.w200 {width:200px !important;}
.w205 {width:205px !important;}
.w210 {width:210px !important;}
.w215 {width:215px !important;}
.w220 {width:220px !important;}
.w225 {width:225px !important;}
.w230 {width:230px !important;}
.w235 {width:235px !important;}
.w240 {width:240px !important;}
.w245 {width:245px !important;}
.w250 {width:250px !important;}
.w255 {width:255px !important;}
.w260 {width:260px !important;}
.w265 {width:265px !important;}
.w270 {width:270px !important;}
.w275 {width:275px !important;}
.w280 {width:280px !important;}
.w285 {width:285px !important;}
.w290 {width:290px !important;}
.w295 {width:295px !important;}
.w300 {width:300px !important;}
.w305 {width:305px !important;}
.w310 {width:310px !important;}
.w315 {width:315px !important;}
.w320 {width:320px !important;}
.w325 {width:325px !important;}
.w330 {width:330px !important;}
.w335 {width:335px !important;}
.w340 {width:340px !important;}
.w345 {width:345px !important;}
.w350 {width:350px !important;}
.w355 {width:355px !important;}
.w360 {width:360px !important;}
.w365 {width:365px !important;}
.w370 {width:370px !important;}
.w375 {width:375px !important;}
.w380 {width:380px !important;}
.w390 {width:390px !important;}
.w400 {width:400px !important;}
.w410 {width:410px !important;}
.w420 {width:420px !important;}
.w430 {width:430px !important;}
.w440 {width:440px !important;}
.w450 {width:450px !important;}
.w460 {width:460px !important;}
.w470 {width:470px !important;}
.w480 {width:480px !important;}
.w490 {width:490px !important;}
.w500 {width:500px !important;}
.w650 {width:650px !important;}

.mw50 {max-width:50px !important;}
.mw55 {max-width:55px !important;}
.mw60 {max-width:60px !important;}
.mw65 {max-width:65px !important;}
.mw70 {max-width:70px !important;}
.mw75 {max-width:75px !important;}
.mw80 {max-width:80px !important;}
.mw85 {max-width:85px !important;}
.mw90 {max-width:90px !important;}
.mw95 {max-width:95px !important;}
.mw100 {max-width:100px !important;}
.mw115 {max-width:115px !important;}
.mw110 {max-width:110px !important;}
.mw120 {max-width:120px !important;}
.mw125 {max-width:125px !important;}
.mw130 {max-width:130px !important;}
.mw135 {max-width:135px !important;}
.mw140 {max-width:140px !important;}
.mw145 {max-width:145px !important;}
.mw150 {max-width:150px !important;}
.mw155 {max-width:155px !important;}
.mw160 {max-width:160px !important;}
.mw165 {max-width:165px !important;}
.mw170 {max-width:170px !important;}
.mw175 {max-width:175px !important;}
.mw180 {max-width:180px !important;}
.mw185 {max-width:185px !important;}
.mw190 {max-width:190px !important;}
.mw195 {max-width:195px !important;}
.mw200 {max-width:200px !important;}
.mw205 {max-width:205px !important;}
.mw210 {max-width:210px !important;}
.mw215 {max-width:215px !important;}
.mw220 {max-width:220px !important;}
.mw225 {max-width:225px !important;}
.mw230 {max-width:230px !important;}
.mw235 {max-width:235px !important;}
.mw240 {max-width:240px !important;}
.mw245 {max-width:245px !important;}
.mw250 {max-width:250px !important;}
.mw255 {max-width:255px !important;}
.mw260 {max-width:260px !important;}
.mw265 {max-width:265px !important;}
.mw270 {max-width:270px !important;}
.mw275 {max-width:275px !important;}
.mw280 {max-width:280px !important;}
.mw285 {max-width:285px !important;}
.mw290 {max-width:290px !important;}
.mw295 {max-width:295px !important;}
.mw300 {max-width:300px !important;}
.mw305 {max-width:305px !important;}
.mw310 {max-width:310px !important;}
.mw315 {max-width:315px !important;}
.mw320 {max-width:320px !important;}
.mw325 {max-width:325px !important;}
.mw330 {max-width:330px !important;}
.mw335 {max-width:335px !important;}
.mw340 {max-width:340px !important;}
.mw345 {max-width:345px !important;}
.mw350 {max-width:350px !important;}
.mw355 {max-width:355px !important;}
.mw360 {max-width:360px !important;}
.mw365 {max-width:365px !important;}
.mw370 {max-width:370px !important;}
.mw375 {max-width:375px !important;}
.mw380 {max-width:380px !important;}
.mw390 {max-width:390px !important;}
.mw400 {max-width:400px !important;}
.mw410 {max-width:410px !important;}
.mw420 {max-width:420px !important;}
.mw430 {max-width:430px !important;}
.mw440 {max-width:440px !important;}
.mw450 {max-width:450px !important;}
.mw460 {max-width:460px !important;}
.mw470 {max-width:470px !important;}
.mw480 {max-width:480px !important;}
.mw490 {max-width:490px !important;}
.mw500 {max-width:500px !important;}

/* 높이설정 */
.h05 {height:5px !important;}
.h10 {height:10px !important;}
.h15 {height:15px !important;}
.h20 {height:20px !important;}
.h25 {height:25px !important;}
.h30 {height:30px !important;}
.h35 {height:35px !important;}
.h40 {height:40px !important;}
.h45 {height:45px !important;}
.h50 {height:50px !important;}
.h55 {height:55px !important;}
.h60 {height:60px !important;}
.h65 {height:65px !important;}
.h70 {height:70px !important;}
.h75 {height:75px !important;}
.h80 {height:80px !important;}
.h85 {height:85px !important;}
.h90 {height:90px !important;}
.h95 {height:95px !important;}
.h100 {height:100px !important;}
.h110 {height:110px !important;}
.h120 {height:120px !important;}
.h130 {height:130px !important;}
.h140 {height:140px !important;}
.h150 {height:150px !important;}
.h160 {height:160px !important;}
.h170 {height:170px !important;}
.h180 {height:180px !important;}
.h190 {height:190px !important;}
.h200 {height:200px !important;}
.h210 {height:210px !important;}
.h220 {height:220px !important;}
.h230 {height:230px !important;}
.h240 {height:240px !important;}
.h250 {height:250px !important;}
.h260 {height:260px !important;}
.h270 {height:270px !important;}
.h280 {height:280px !important;}
.h290 {height:290px !important;}
.h300 {height:300px !important;}
.h310 {height:310px !important;}
.h320 {height:320px !important;}
.h330 {height:330px !important;}
.h340 {height:340px !important;}
.h350 {height:350px !important;}
.h360 {height:360px !important;}
.h370 {height:370px !important;}
.h380 {height:380px !important;}
.h390 {height:390px !important;}
.h395 {height:395px !important;}

/* 패딩설정 */
.pdl0 {padding:10px !important;}
.pl0  {padding-left:0px !important;}
.pl5  {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl65 {padding-left:65px !important;}
.pl70 {padding-left:70px !important;}
.pl75 {padding-left:75px !important;}
.pl80 {padding-left:80px !important;}
.pl85 {padding-left:85px !important;}
.pl90 {padding-left:90px !important;}
.pl95 {padding-left:95px !important;}
.pl100 {padding-left:100px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}
.pr70 {padding-right:70px !important;}

.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt100 {padding-top:100px !important;}

.pb0 {padding-bottom:0px !important;}
.pb3 {padding-bottom:3px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pb65 {padding-bottom:65px !important;}
.pb70 {padding-bottom:70px !important;}
.pb100 {padding-bottom:100px !important;}
.pb120 {padding-bottom:120px !important;}
.pb150 {padding-bottom:150px !important;}

/* 마진설정 */
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}
.ml70 {margin-left:70px !important;}
.ml75 {margin-left:75px !important;}
.ml80 {margin-left:80px !important;}
.ml85 {margin-left:85px !important;}
.ml90 {margin-left:90px !important;}
.ml95 {margin-left:95px !important;}
.ml100 {margin-left:100px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt100 {margin-top:100px !important;}
.mt150 {margin-top:150px !important;}
.mt250 {margin-top:250px !important;}
.mt270 {margin-top:270px !important;}

.mb0 {margin-bottom:0px !important;}
.mb2 {margin-bottom:2px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb150 {margin-bottom:150px !important;}
.mb250 {margin-bottom:250px !important;}


/* Hide the browser's default checkbox */

			.container_chk {
			  position: relative;
			  padding-left: 35px;
			  cursor: pointer;
			  font-size: 14px;
			  -webkit-user-select: none;
			  -moz-user-select: none;
			  -ms-user-select: none;
			  user-select: none;
			}
			/* Create a custom checkbox */
			.checkmark {
			  position: absolute;
			  display:inline-block;
			  top:0;
			  left:0;
			  height: 25px;
			  width: 25px;
			  background-color: #eee;
			  border-radius:5px;
			}

			/* On mouse-over, add a grey background color */
			.container_chk:hover input ~ .checkmark {
			  background-color: #ccc;
			}

			/* When the checkbox is checked, add a blue background */
			.container_chk input:checked ~ .checkmark {
			  background-color: #844da3;
			}

			/* Create the checkmark/indicator (hidden when not checked) */
			.checkmark:after {
			  content: "";
			  position: absolute;
			  display: none;
			}

			/* Show the checkmark when checked */
			.container_chk input:checked ~ .checkmark:after {
			  display: block;
			}

			/* Style the checkmark/indicator */
			.container_chk .checkmark:after {
			  left: 9px;
			  top: 4px;
			  width: 5px;
			  height: 10px;
			  border: solid white;
			  border-width: 0 3px 3px 0;
			  -webkit-transform: rotate(45deg);
			  -ms-transform: rotate(45deg);
			  transform: rotate(45deg);
			}
			
			/* The container */
			.container_radio {
			  display: inline-block;
			  position: relative;
			  padding-left: 30px;
			  cursor: pointer;
			  font-size: 14px;
			  margin-right:10px;
			  -webkit-user-select: none;
			  -moz-user-select: none;
			  -ms-user-select: none;
			  user-select: none;
			}

			/* Hide the browser's default radio button */
			.container_radio input {
			  position: absolute;
			  opacity: 0;
			  cursor: pointer;
			}

			/* Create a custom radio button */
			.container_radio .checkmark {
			  position: absolute;
			  top: 0;
			  left: 0;
			  height: 18px;
			  width: 18px;
			  background-color: #eee;
			  border-radius: 50%;
			}

			/* On mouse-over, add a grey background color */
			.container_radio:hover input ~ .checkmark {
			  background-color: #ccc;
			}

			/* When the radio button is checked, add a blue background */
			.container_radio input:checked ~ .checkmark {
			  background-color: #023f00;
			}

			/* Create the indicator (the dot/circle - hidden when not checked) */
			.checkmark_radio:after {
			  content: "";
			  position: absolute;
			  display: none;
			}

			/* Show the indicator (dot/circle) when checked */
			.container_radio input:checked ~ .checkmark:after {
			  display: block;
			}

			/* Style the indicator (dot/circle) */
			.container_radio .checkmark:after {
				top: 5px;
				left: 5px;
				width: 5px;
				height: 5px;
				border-radius: 50%;
				background: white;
			}
			/*  */
			
			.detail_board ul{
				display: table;
				width:100%;
				margin-bottom:50px;
				border-top:2px solid #023f00;
			}
			
			
			.detail_board ul li{
				display: table-row;
				width:100%;
			}
			
			.detail_board ul li div{
				display: table-cell;	
				vertical-align: middle;
				text-align:center;
				
				border-bottom:1px solid #aaa;
			}
			
			.detail_board .likeTableTh {
				width:150px;
				font-weight:bold;
			}
			
			.detail_board .likeTableTd {
				text-align:left;
				padding-left:20px;
				background-color:#fff;
			}
			
			.detail_board .likeTableTd button {
				background-color:#023f00;
				padding:5px 20px;
				width:fit-content;
				height:40px;
				color:#fff !important;
			}
			
			.detail_board .likeTableTd .copy {
				background-color:#777;
				padding:3px 10px;
				width:fit-content;
				height:fit-content;
				border-radius:5px;
				color:#fff !important;
			}
			.detail_board .likeTableTd .copyok {
				color:#777;
			}
			
			
			/* UI*/
			.sales_list .sales_color{
				display:none;
			}
			.sales_list .sales_right{
				display:contents;
			}
			.sales_list .sales_left{
				display:contents;
			}
			.sales_list .sales_btn{
				display:none;
			}
			.sales_list .td_money{
				font-weight:bold;
				color:#345fac;
			}
			
			.sales_list .td_money.repund{
				color:#f05052;
			} 
			
			
/*  */

	.board_list_area ul{
		display: table;
		width:100%;
		border-top:2px solid #023f00;
	}
	
	
	.board_list_area ul li{
		display: table-row;
		width:100%;
	}
	
	.board_list_area ul li div{
		display: table-cell;	
		vertical-align: middle;
		text-align:center;
		
		
		border-bottom:1px solid #aaa;
	}
	
	.likeTableTB{
		margin-top:20px;
	}
		
	.likeTableTr {
		height:45px;
		font-size: 10pt;
	}
	.likeTableTh div{
		background-color:#fff;
		text-align:center;
		font-weight:bold;
	}
	
	.likeTableTB .td_num{
		width: 100px;
		color: #999;
	}
	
	.likeTableTB .td_notice{
		width:fit-content;
		display:inline-block;
		padding:5px 10px;
		background-color:#023f00;
		border-radius:5px;
		color:#fff;
		font-size:14px !important;
		margin-bottom:5px;
	}
	
	
	.likeTableTB .td_name{
		width: 100px;
	}
	
	.likeTableTB .td_date{
		width: 100px;
	}
	
	.likeTableTB .td_title{
		text-align:left;
	}
	
	.likeTableTB .btnCell{
		width: 130px;
		text-align: center;
	}
	
	.likeTableTB .mobileTh{
		display:none;
	}
	
	.likeTableTB .btn{
		width:98%;
		padding:0 20px;
		color:#fff !important;
		font-size: 9pt;
	}
	
	.page_nation {
		width:100%;
		display:flex;
		margin-top:30px;
		justify-content: center;
	}
	.page_nation .none {
		display:none;
	}
	.page_nation a {
		display:block;
		margin:0 3px;
		border:1px solid #e6e6e6;
		width:28px;
		height:28px;
		line-height:28px;
		text-align:center;
		background-color:#fff;
		font-size:13px;
		color:#999999;
		text-decoration:none;
	}
	.page_nation .arrow {
		border:1px solid #ccc;
	}
	.page_nation .pprev {
		background:#f8f8f8 url('../images/page_pprev.png') no-repeat center center;
		margin-left:0;
	}
	.page_nation .prev {
		background:#f8f8f8 url('../images/page_prev.png') no-repeat center center;
		margin-right:7px;
	}
	.page_nation .next {
		background:#f8f8f8 url('../images/page_next.png') no-repeat center center;
		margin-left:7px;
	}
	.page_nation .nnext {
		background:#f8f8f8 url('../images/page_nnext.png') no-repeat center center;
		margin-right:0;
	}
	.page_nation a.active {
		background-color:#42454c;
		color:#fff;
		border:1px solid #42454c;
	}
	/*  */
			
			.board_btnarea_left{
				display:flex;
				margin-top:5px;
				justify-content: flex-start;
			}
			.board_btnarea_left .btn{
				width:fit-content;
				background:#fff;
				padding:5px 10px;
				border:1px solid #000;
				border-radius:10px;
				margin-right:10px;
				font-weight:600;
			}
			
			

@media (max-width:991px){
	/*  */
	
	.likeTableTB {
		margin-top:5px;
	}
	.likeTableTB .td_name{
		width:fit-content;
	}
	
	.likeTableTB .td_date{
		width:100%;
	}
	
	.likeTableTB .hiddenTh{
		display:none;
	}
	
	.likeTableTB .hiddenCell{
		display:none;
	}
	
	.likeTableTB .mobileTh{
		display:inline-block;
		text-align:left;
		margin-bottom:5px;
	}
	
	.likeTableTB .mobileCell{
		width:100%;
		display:flex;
		flex-direction: column;
	}
	
	.likeTableTB .btn{
		margin: 2px 0;
	}
	

	.board_list_area ul{
		
		border-top:2px solid #023f00;
		
	}
	.board_list_area ul li{
		display: table-row;
		height:fit-content;
		flex-direction: column;
		width:100%;
		border-bottom:1px solid #aaa;
		
		padding:10px 15px;
	}
	

	.board_list_area ul li div{
		display:table-cell;	
		vertical-align: middle;
		text-align:center;
		border-bottom:0;
	}
	
	.likeTableTB .td_title , .likeTableTB .td_title a{
		font-weight:700;
		font-size:17px !important;
		margin-bottom:5px;
	}
	
	.likeTableTB .td_notice{
		width:fit-content;
		
		background-color:#023f00;
		border-radius:5px;
		color:#fff;
		font-size:14px !important;
		margin-bottom:5px;
	}
	
	.likeTableTd{
		background-color:#fff;
	}
	
	
	/*  */
	
	.detail_board{
		margin-bottom:30px;
	}
	
	.detail_board ul li div{
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	
	.detail_board ul li div input{
		width:100% !important;
	}
	
	.detail_board ul li div button{
		width:100%;
		height:40px;
	}
	
	.detail_board .likeTableTh{
		border:0;
		height:fit-content;
		padding:10px 0;
		width:100%;
		
		background-color:#f7f8f8;
		
		font-size:14px;
		font-weight:bold;
		justify-content: center;
	}
	
	.detail_board .likeTableTr {
		width:100%;
		height:auto;
	}
	
	.detail_board .likeTableTd {
		height:fit-content;
		padding:5px;
		font-size:18px;
	}
	
	.detail_board .likeTableTd .full{
		width:100%;
	}
	
	.detail_board .likeTableTd .detail_board{
		width:100%;
	}
	
	.detail_board .likeTableTd .detail_board ul li:nth-of-type(1) .likeTableTh{
		flex-direction: row;
	}
	
	.detail_board .likeTableTd h4{
		display:none;
	}
	
}