.board-control	{position:relative;margin:2rem 0;}
.board-btn		{text-align:right;margin:0;}
.board-paging	{float:left;font-size:.75rem}
.board-paging a	{display:inline-block;width:40px;height:40px;line-height:40px;border:1px solid #dee2e6;background:#fff;border-radius:2px;text-align:center;vertical-align:top;}
.board-paging a.active{border-color:#5A5AD2;color:#5A5AD2;font-weight:600}
.board-paging a.prev:before,
.board-paging a.next:after	{content:"";font-family:FontAwesome;font-weight:900;}
.board-paging a.prev:before	{content:"\f053"}
.board-paging a.next:after	{content:"\f054"}
.board-paging-go		{display:inline-block;margin-left:1rem}
.board-paging-go input	{float:left;width:40px;height:40px;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;}
.board-paging-go button	{float:left;display:block;vertical-align:top;width:40px;height:40px;line-height:40px;border:1px solid #dee2e6;border-left:none;color:#999;background:#F4F4F4;border-top-right-radius:2px;border-bottom-right-radius:2px;}
.board-paging-go input:focus	{width:160px;}
.board-paging-go input::placeholder{display:none;}
.board-paging-go input:focus::placeholder{display:block;}
.board-paging-go.focused button	{border-color:#5A5AD2}

.board-list				{border-top:none;text-align:center;}	
.board-list	tr			{border-bottom:1px solid #eee}
.board-list th,
.board-list td			{padding:.875rem 0.5rem}
.board-list thead tr		{border-bottom:none}
.board-list	thead th		{background:#768395;color:#fff;}
.board-list	thead th:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.board-list	thead th:last-child	{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.board-list	tbody tr:hover		{background:#f6f6f6;}
.board-list	.subject	{display:block;text-align:left}
.board-list .clip-list	{display:block;}
.board-list	.attach		{position:relative;right:auto;}
.board-list	label		{vertical-align:middle;padding:0;margin:0;}

.board-write						{background:#F4F5F6;border-radius:0.275rem;}
.board-write .form-group			{padding:10px 10px;margin:0;border-bottom:1px solid rgba(0,0,0,0.05);}
.board-write .form-control-label	{width:160px;padding-left:15px;padding-right:15px;line-height:40px;}
.board-write .form-control-body		{width:calc(100% - 160px);padding-left:15px;padding-right:15px;}
.board-write .form-control-body th,
.board-write .form-control-body td	{padding:0.25rem 0.5rem 0.25rem 0}
.board-write .form-control-body thead	{font-size:13px;color:#888;}
.board-write .form-group:last-child	{border-bottom:none;}
.board-write .form-control-body.text-body	{line-height:40px;}

.board-view			{font-size:1rem;}
.board-view	img		{max-width:100% !important}
.board-view .subject{font-size:1.5rem;color:#333;margin-top:10px;}
.board-view .clip	{background:#f6f6f6;padding:10px;margin-top:10px;}
.board-view-title	{padding:0 0 20px 0;border-bottom:2px solid #768395;line-height:1.2}
.board-view-desc	{padding:20px 0;font-size:0.875rem;}
.board-view-desc .vd-tit{display:inline-block;min-width:60px;color:#999;}
.board-view-cont	{padding:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.attach-preview iframe{width:auto;}

.board-reply				{margin:20px;}
.board-reply .list			{background:#f6f6f6;padding:20px;font-size:0.725rem;color:#999;text-align:justify}
.board-reply .list li		{width:100%;display:table;border-top:1px solid #eaeaea;padding:10px 0;}
.board-reply .list li:first-child{border:none;padding-top:0;}
.board-reply .list li:after	{content:"";clear:both;display:block;float:none;}
.board-reply .write			{padding:20px;border:1px solid #eaeaea;margin-top:10px;}
.board-reply .thumb			{display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff}
.board-reply .thumb-area	{display:table-cell;float:left;width:40px;padding-right:10px;}
.board-reply .desc			{display:table-cell;float:right;width:calc(100% - 50px);vertical-align:top;}
.board-reply .name			{font-size:0.875rem;color:#555;}
.board-reply .date			{display:inline-block;margin-left:10px;font-size:0.5rem;color:#999;}
.board-reply .control		{background:#f6f6f6;padding:0 20px 20px 20px;}
.board-reply .control a		{width:40px;height:40px;}
.board-reply .control a:not(.btn-main){background:#fff;border-color:#fff;color:#768395}

.board-info			{margin:1.5rem 0;}
.board-control	{position:relative;margin:2rem 0;}
.board-btn		{text-align:right;margin:0;}
.board-paging	{float:left;font-size:.75rem}
.board-control.tac .board-paging	{float:none;}
.board-paging a	{display:inline-block;width:40px;height:40px;line-height:40px;border:1px solid #dee2e6;background:#fff;border-radius:2px;text-align:center;vertical-align:top;}
.board-paging a.active{border-color:#0158C2;color:#0158C2;font-weight:600}
.board-paging a.prev:before,
.board-paging a.next:after,
.board-paging a.last:after	{content:"";font-family:FontAwesome;}
.board-paging a.prev:before	{content:"\f053";font-weight:900;}
.board-paging a.next:after	{content:"\f054";font-weight:900;}
.board-paging a.last:after	{content:"\f101";font-weight:900;}
.board-paging-go		{display:inline-block;margin-left:1rem}
.board-paging-go input	{float:left;width:40px;height:40px;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;}
.board-paging-go button	{float:left;display:block;vertical-align:top;width:40px;height:40px;line-height:40px;border:1px solid #dee2e6;border-left:none;color:#999;background:#F4F4F4;border-top-right-radius:2px;border-bottom-right-radius:2px;}
.board-paging-go input:focus	{width:160px;}
.board-paging-go input::placeholder{display:none;}
.board-paging-go input:focus::placeholder{display:block;}
.board-paging-go.focused button	{border-color:#0158C2}


@media only screen and (max-width:1023px){ /* 720px */	
	.board-write .form-control-label,
	.board-write .form-control-body		{width:100%;padding-left:15px;padding-right:15px;}
	.board-write .form-control-label	{margin:0 0 5px;}
}


.form-inline{display:flex;flex-flow:row wrap;align-items:center}
.form-inline .form-check{width:100%}
.row	{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}

@media (min-width:576px){
	.form-inline label{display:flex;margin-bottom:0;align-items:center;justify-content:center;margin-right:.5rem}
	.form-inline .form-group{display:flex;margin-bottom:0;flex:0 0 auto;flex-flow:row wrap;align-items:center}
	.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle;    margin-right:.25rem}
	.form-inline .form-control-plaintext{display:inline-block}
	.form-inline .tv-select,.form-inline .input-group{width:auto}
	.form-inline .form-check{display:flex;width:auto;padding-left:0;align-items:center;justify-content:center}
	.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}
	.form-inline .custom-control{align-items:center;justify-content:center}
	.form-inline .custom-control-label{margin-bottom:0}
}
.form-group	{margin-bottom:1rem}
.form-control{font-size:0.875rem;display:block;width:100%;height:40px/*calc(2.75rem + 2px)*/;padding:6px 12px;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);border:1px solid #ccc;border-radius:3px;background-color:#fff;background-clip:padding-box;box-shadow:none}
.form-control::-ms-expand{border:0;background-color:transparent}
.form-control::placeholder{opacity:1;color:#ccc}
.form-control:-ms-input-placeholder{opacity:1;color:#ccc}
.form-control::-ms-input-placeholder{opacity:1;color:#ccc}
.form-control:focus					{border-color:#5050D2;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 2px 6px rgba(80,80,210,.2);color:#768395;outline:0;background-color:#fff;}
select.form-control:focus::-ms-value	{color:#768395;background-color:#fff}
.form-control:focus:-ms-input-placeholder{color:#ccc}
.form-control:focus::-ms-input-placeholder{color:#ccc}
.form-control:focus::placeholder{color:#ccc}
.form-control:disabled,.form-control[readonly]{opacity:1;background-color:#e9ecef}
.form-control-file,.form-control-range{display:block;width:100%}
.form-control-plaintext{line-height:1.5;display:block;width:100%;margin-bottom:0;padding-top:.625rem;padding-bottom:.625rem;color:#525f7f;border:solid transparent;border-width:1px 0;background-color:transparent}
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}
.form-control-sm{font-size:.875rem;line-height:1.5;height:calc(1.8125rem + 2px);padding:.25rem .5rem;border-radius:.25rem}
.form-control-lg{font-size:1.25rem;line-height:1.5;height:calc(3.625rem + 2px);padding:.875rem 1rem;border-radius:.4375rem}
select.form-control[multiple],
select.form-control[size]{height:auto}
textarea.form-control{height:auto;min-height:300px;}
.form-control-label	{/*font-size:.875rem;*/font-weight:500;color:#525f7f;}
.form-control-label:focus{border-color:#5050D2}
.focused .input-group-text,
.focused .form-control{border-color:#5050D2}

@media screen and (prefers-reduced-motion:reduce){
	.form-control{transition:none}
}


@media only screen and (max-width:778px){/* mobile-l */
	textarea.form-control{min-height:200px;}


}
.form-control-muted{border-color:#f7fafe;background-color:#f7fafe;box-shadow:none}
.form-control-muted:focus{background-color:#fcfdff}
.form-control-alternative{transition:box-shadow .15s ease;border:0;box-shadow:0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02)}
.form-control-alternative:focus{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}
.form-control-lg{font-size:1rem}


.w30	{width:30px !important;margin-right:5px;}
.w40	{width:40px !important;margin-right:5px;}
.w50	{width:50px !important;margin-right:5px;}
.w60	{width:60px !important;margin-right:5px;}
.w80	{width:80px !important;margin-right:5px;}
.w100	{width:100px !important;margin-right:5px;}
.w120	{width:120px !important;margin-right:5px;}
.w150	{width:150px !important;margin-right:5px;}
.w190	{width:190px !important;margin-right:5px;}
.w200	{width:200px !important;margin-right:5px;}
.w300	{width:300px !important;margin-right:5px;}

.btn-d.btn-main		{background-color:#0066cc;border-color:#0066cc;}


#review		{}
#review ul	{margin:0 -20px}
#review li	{position:relative;float:left;width:calc(33.3333% - 40px);margin:0 20px 40px 20px;background:#f5f5f5;padding:30px;border-radius:14px;}
#review li:after		{content:"";position:absolute;right:0;bottom:-15px;border: solid transparent;width:0;height:0;border-top-color:#f5f5f5;border-width:15px;transform:rotate(-135deg)}
#review li:nth-child(3n+1)	{clear:both;}
#review li .name i {margin-right:10px;}
#review li .desc{height:80px;padding-right:20px;overflow-y:scroll;}
#review li .tit	{margin:10px 0;font-weight:500;}
#review li .txt	{font-size:15px;color:#888;text-overflow:ellipsis;line-height:1.6;}
#review .nodata {width:calc(100% - 40px);}
#review .nodata:after {display:none;}
/* SCROLL */
.scroll::-webkit-scrollbar { width:5px; }
.scroll::-webkit-scrollbar-track { background-color:transparent}
.scroll::-webkit-scrollbar-thumb {background:#ccc;border-radius:80px;}
.scroll::-webkit-scrollbar-button { display: none;}
/*#review {
scrollbar-arrow-color: #1697bf;
scrollbar-Face-Color: #62b7ac;
scrollbar-3dLight-Color: #f0f0f0;
scrollbar-base-color: #f0f0f0;
scrollbar-Track-Color: #f0f0f0;
scrollbar-DarkShadow-Color: #f0f0f0;
scrollbar-Highlight-Color: #f0f0f0;
scrollbar-Shadow-Color: #f0f0f0;
}*/

@media only screen and (max-width:778px){/* mobile-l */
	#review li	{float:none;width:auto;padding:20px;}

}


/* 별점 */
.sns_bottom {margin-bottom:20px;overflow:hidden;background:#f6f6f6;padding:15px 30px 10px 30px}
.star-input>.input, .star-input>.input>label:hover, .star-input>.input>input:focus+label, .star-input>.input>input:checked+label {display: inline-block;vertical-align:middle;background: url(../img/grade_img.png) no-repeat}
.star-input {display:inline-block;float:left;}
.sns_bottom .btn_star {background:#58585a;width:75px;height:30px;font-size:14px;color:#ffffff;border:none;display:inline-block;text-align:center;cursor:pointer;margin-left:10px;position:relative;top:5px;-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear;}
.sns_bottom .btn_star:hover {background:#eb777a;}
.star-input>.input {display:inline-block;width:150px;background-size:150px;height:28px;white-space:nowrap;overflow:hidden;position: relative;}
.star-input>.input>input {position:absolute;width:1px;height:1px;opacity:0;}
.star-input>.input.focus {outline:1px dotted #ddd;}
.star-input>.input>label {width:30px;height:0;padding:28px 0 0 0;overflow: hidden;float:left;cursor: pointer;position: absolute;top: 0;left: 0;}
.star-input>.input>label:hover, .star-input>.input>input:focus+label, .star-input>.input>input:checked+label {background-size: 150px;background-position: 0 bottom;}
.star-input>.input>label:hover~label {background-image: none;}
.star-input>.input>label[for="p1"] {width:30px;z-index:5;}
.star-input>.input>label[for="p2"] {width:60px;z-index:4;}
.star-input>.input>label[for="p3"] {width:90px;z-index:3;}
.star-input>.input>label[for="p4"] {width:120px;z-index:2;}
.star-input>.input>label[for="p5"] {width:150px;z-index:1;}
.star-input>output {display:inline-block;width:60px;font-size:18px;text-align:right;vertical-align:middle;}

.sns_list		{float:right;display:inline-block}
.star-input .tit,
.sns_list .tit	{display:inline-block;line-height:40px;letter-spacing:-1px;color:#555;margin-right:10px;vertical-align:top}
.sns_tit i		{display:inline-block;margin-right:5px;font-size:22px;vertical-align:middle;}
.sns_list ul	{overflow:hidden;display:inline-block}
.sns_list ul li {float:left;display:inline-block;}
.sns_list ul li a		{border-radius:50%;width:40px;height:40px;margin:0 5px 0 0;display:block;line-height:40px;text-align:center;-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear;}
.sns_list ul li a i		{font-size:18px;position:relative;color:#ffffff}

.sns_list ul li.bul01 a {background:#7996e1;}
.sns_list ul li.bul02 a {background:#79cce1;}
.sns_list ul li.bul03 a {background:#F5C500;}
.sns_list ul li.bul04 a {background:#02C23A;}
.sns_list ul li.bul04	{margin-right:15px;}
.sns_list ul li:nth-child(n+5) a	{border:1px solid #ddd;color:#aaa}
.sns_list ul li:nth-child(n+5) i	{color:#aaa}
.sns_list ul li:nth-child(n+5) a:hover{border-color:#aaa}

@media only screen and (max-width:778px){/* mobile-l */	
	.sns_list ul li a{margin-bottom:5px}
	.star-input,
	.sns_list	{float:none;text-align:left;display:block;}
	.star-input .tit,
	.sns_list .tit{display:block;}
	.sns_list .tit{margin-top:10px}
	.sns_list ul li:nth-child(4n+1)		{clear:both;}
}

/* 검색 */
.bbg {background:#fff;}
.btn-lg i {font-size:32px;}
_:-ms-input-placeholder, :root .btn-lg i {font-size:30px; margin-top:2px;}
.btn {padding:0 5px 0 0 !important;}
.gsc-input-box {border:none !important;height:26px; line-height: 26px; width:calc(100% - 30px); padding:0 10px;box-sizing: border-box;}
.gsc-search-box button {background:none;border:none;float: right;width:30px;}
.gsc-search-box button i {font-size:25px; color:#999999}
.gsc-search-button-v2 {border:none !important;background:none !important; padding: 6px 2px 1px 2px !important;}
.gsc-search-button-v2 svg {fill: #555 !important;width: 25px;height: 21px;}
.gsc-search-box {border: 1px solid #ccc !important;border-radius: 120px;padding: 5px 10px;overflow: hidden;}
.close i {color:#000000; font-size:25px;}
.searchResult_list {padding:15px 10px;font-weight: 100;}
.searchResult_list ul li {margin-bottom:10px;}
/*.searchResult_list ul li a {background:url(/img/bg_searchresult_list.jpg) no-repeat left 1px; min-height:21px; padding-left:27px; display: block;}*/

#mm-blocker {background:#000 !important;opacity:.3;transition:opacity .4s ease .4s;}




.modal-open {
	overflow:hidden
}
.modal {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1050;
	display:none;
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
	outline:0
}
.modal.fade .modal-dialog {
-webkit-transition:-webkit-transform .3s ease-out;
-o-transition:-o-transform .3s ease-out;
transition:transform .3s ease-out;
	-webkit-transform:translate(0, -25%);
	-ms-transform:translate(0, -25%);
	-o-transform:translate(0, -25%);
	transform:translate(0, -25%)
}
.modal.in .modal-dialog {
	-webkit-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0)
}
.modal-open .modal {
	overflow-x:hidden;
	overflow-y:auto
}
.modal-dialog {
	position:relative;
	width:auto; 
}
.modal-content {
	position:relative;
	background-color:#fff;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #999;
	border:1px solid rgba(0, 0, 0, .2);
	outline:0;


}
.modal-backdrop {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1040;
	background-color:#000
}
.modal-backdrop.fade {
	filter:alpha(opacity=0);
	opacity:0
}
.modal-backdrop.in {
	filter:alpha(opacity=50);
	opacity:.5
}
.modal-header {
	padding:15px 15px 0 15px;
	text-align:right;
}
.modal-header .close {
	margin-top:-2px
}
.modal-title {
	margin:0;
	line-height:1.42857143
}
.modal-body {
	position:relative;
	padding:15px 15px 5px 15px
}
.modal-footer {
	padding:15px;
	text-align:right;
	border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn {
	margin-bottom:0;
	margin-left:5px
}
.modal-footer .btn-group .btn+.btn {
	margin-left:-1px
}
.modal-footer .btn-block+.btn-block {
	margin-left:0
}
.modal-scrollbar-measure {
	position:absolute;
	top:-9999px;
	width:50px;
	height:50px;
	overflow:scroll
}
@media (min-width:768px) {
.modal-dialog {
width:400px; position:absolute; top:79px; right:77px
}
.modal-content {

}
.modal-sm {
width:300px
}
}
@media (min-width:992px) {
.modal-lg {
width:900px
}
}
.fade {
	opacity:0;
	-webkit-transition:opacity .15s linear;
	-o-transition:opacity .15s linear;
	/* transition:opacity .15s linear; */
}
.fade.in {
	opacity:1;
}