@charset "utf-8";

/*
Main	#AE9489
Mainbd	#AE826F

Sub1	#A98D7E
Sub2	#BEA79C
Point	#47C45A
Font	#646464

N1	#736e72
N2	#616161
N3	#9e9e9e
N4	#a9aeae
N5	#c5bcc1
N6	#ebeceb
N7	#f7f5f6
*/





/* -------------------------------------------------------------------------------- Setting (html) ---------------------------------------- */
html {
	background: #fff;
}

body {
	font-family: "Noto Sans KR", sans-serif;
	word-break: keep-all;
	overflow-x: hidden;
}

html,
body,
.wrap {}


/* -------------------------------------------------------------------------------- Setting (Dnew) ---------------------------------------- */
.mobile {
	display: none;
}


/* 여백부여 */
.mt-1 {
	margin-top: 10px;
}

.mt-2 {
	margin-top: 20px;
}

.mt-3 {
	margin-top: 30px;
}

.mt-4 {
	margin-top: 40px;
}

.mt-5 {
	margin-top: 50px;
}

.mt-6 {
	margin-top: 60px;
}

.mt-7 {
	margin-top: 70px;
}

.mt-8 {
	margin-top: 80px;
}

.mt-9 {
	margin-top: 90px;
}

.mt-10 {
	margin-top: 100px;
}

.mt-11 {
	margin-top: 110px;
}

.mt-12 {
	margin-top: 120px;
}

.mt-13 {
	margin-top: 130px;
}

.mt-14 {
	margin-top: 140px;
}

.mt-15 {
	margin-top: 150px;
}

.mt-20 {
	margin-top: 200px;
}

.mb-1 {
	margin-bottom: 10px;
}

.mb-2 {
	margin-bottom: 20px;
}

.mb-3 {
	margin-bottom: 30px;
}

.mb-4 {
	margin-bottom: 40px;
}

.mb-5 {
	margin-bottom: 50px;
}

.mb-6 {
	margin-bottom: 60px;
}

.mb-7 {
	margin-bottom: 70px;
}

.mb-8 {
	margin-bottom: 80px;
}

.mb-9 {
	margin-bottom: 90px;
}

.mb-10 {
	margin-bottom: 100px;
}

.mb-11 {
	margin-bottom: 110px;
}

.mb-12 {
	margin-bottom: 120px;
}

.mb-13 {
	margin-bottom: 130px;
}

.mb-14 {
	margin-bottom: 140px;
}

.mb-15 {
	margin-bottom: 150px;
}

.mb-20 {
	margin-bottom: 200px;
}

.pt-1 {
	padding-top: 10px;
}

.pt-2 {
	padding-top: 20px;
}

.pt-3 {
	padding-top: 30px;
}

.pt-4 {
	padding-top: 40px;
}

.pt-5 {
	padding-top: 50px;
}

.pt-6 {
	padding-top: 60px;
}

.pt-7 {
	padding-top: 70px;
}

.pt-8 {
	padding-top: 80px;
}

.pt-9 {
	padding-top: 90px;
}

.pt-10 {
	padding-top: 100px;
}

.pt-11 {
	padding-top: 110px;
}

.pt-12 {
	padding-top: 120px;
}

.pt-13 {
	padding-top: 130px;
}

.pt-14 {
	padding-top: 140px;
}

.pt-15 {
	padding-top: 150px;
}

.pt-20 {
	padding-top: 200px;
}

.pb-1 {
	padding-bottom: 10px;
}

.pb-2 {
	padding-bottom: 20px;
}

.pb-3 {
	padding-bottom: 30px;
}

.pb-4 {
	padding-bottom: 40px;
}

.pb-5 {
	padding-bottom: 50px;
}

.pb-6 {
	padding-bottom: 60px;
}

.pb-7 {
	padding-bottom: 70px;
}

.pb-8 {
	padding-bottom: 80px;
}

.pb-9 {
	padding-bottom: 90px;
}

.pb-10 {
	padding-bottom: 100px;
}

.pb-10 {
	padding-bottom: 100px;
}

.pb-11 {
	padding-bottom: 110px;
}

.pb-12 {
	padding-bottom: 120px;
}

.pb-13 {
	padding-bottom: 130px;
}

.pb-14 {
	padding-bottom: 140px;
}

.pb-15 {
	padding-bottom: 150px;
}

.pb-20 {
	padding-bottom: 200px;
}

.padding-1 {
	padding: 10px;
}

.padding-2 {
	padding: 20px;
}

.padding-3 {
	padding: 30px;
}

.padding-4 {
	padding: 40px;
}

.padding-5 {
	padding: 50px;
}

.margin-1 {
	padding: 10px;
}

.margin-2 {
	margin: 20px;
}

.margin-3 {
	margin: 30px;
}

.margin-4 {
	margin: 40px;
}

.margin-5 {
	margin: 50px;
}

.box-1 {
	padding: 10px;
	border: 1px solid #ebeceb;
}

.box-2 {
	padding: 20px;
	border: 1px solid #ebeceb
}

.box-3 {
	padding: 30px;
	border: 1px solid #ebeceb
}

.box-4 {
	padding: 40px;
	border: 1px solid #ebeceb
}

.box-5 {
	padding: 50px;
	border: 1px solid #ebeceb
}

.border-1 {
	border: 1px solid #ebeceb;
}

.border-2 {
	border: 2px solid #ebeceb;
}

.border-3 {
	border: 3px solid #ebeceb;
}

.border-4 {
	border: 4px solid #ebeceb;
}

.border-5 {
	border: 5px solid #ebeceb;
}

.border-6 {
	border: 6px solid #ebeceb;
}

.border-7 {
	border: 7px solid #ebeceb;
}

.border-8 {
	border: 8px solid #ebeceb;
}

.border-9 {
	border: 9px solid #ebeceb;
}

.border-10 {
	border: 10px solid #ebeceb;
}


/* 마우스오버 */
.over-zoom {
	overflow: hidden;
}

.over-zoom img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.over-zoom:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.over-dark {
	background: #000;
}

.over-dark img {
	opacity: 1;
	transition: all 0.5s
}

.over-dark:hover img {
	opacity: 0.9;
	transition: all 0.5s
}

.over-light {
	background: #fff;
}

.over-light img {
	opacity: 1;
	transition: all 0.5s
}

.over-light:hover img {
	opacity: 0.9;
	transition: all 0.5s
}

.over-gray img {
	-webkit-filter: gray(100%);
	filter: gray;
	transition: all 0.5s
}

.over-gray:hover img {
	-webkit-filter: grayscale(100%);
	filter: none;
	transition: all 0.5s
}

.over-blur img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	transition: all 0.5s
}

.over-blur:hover img {
	-webkit-filter: none;
	filter: none;
	transition: all 0.5s
}

.over-color img {
	-webkit-filter: none;
	filter: none;
	transition: all 0.5s
}

.over-color:hover img {
	-webkit-filter: saturate(3);
	filter: saturate(3);
	transition: all 0.5s
}


/* 기타 */
.ee {
	display: block;
	height: 1px;
}

.thumb img::before {
	display: block;
	line-height: 100px;
	content: '이미지 준비중';
	text-align: center;
	opacity: .3;
	font-size: 2em;
}


/* -------------------------------------------------------------------------------- Setting (Bootstrap) -------------------------------------- */
.lead {
	font-size: 21px
}

.dl-horizontal dt {
	float: left;
	width: 160px;
	overflow: hidden;
	clear: left;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap
}

.dl-horizontal dd {
	margin-left: 180px
}

.container {
	max-width: 1280px;
	width: 95%;
}

@media screen and (max-width:767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd
	}

	.table-responsive>.table {
		margin-bottom: 0
	}

	.table-responsive>.table>tbody>tr>td,
	.table-responsive>.table>tbody>tr>th,
	.table-responsive>.table>tfoot>tr>td,
	.table-responsive>.table>tfoot>tr>th,
	.table-responsive>.table>thead>tr>td,
	.table-responsive>.table>thead>tr>th {
		white-space: nowrap
	}

	.table-responsive>.table-bordered {
		border: 0
	}

	.table-responsive>.table-bordered>tbody>tr>td:first-child,
	.table-responsive>.table-bordered>tbody>tr>th:first-child,
	.table-responsive>.table-bordered>tfoot>tr>td:first-child,
	.table-responsive>.table-bordered>tfoot>tr>th:first-child,
	.table-responsive>.table-bordered>thead>tr>td:first-child,
	.table-responsive>.table-bordered>thead>tr>th:first-child {
		border-left: 0
	}

	.table-responsive>.table-bordered>tbody>tr>td:last-child,
	.table-responsive>.table-bordered>tbody>tr>th:last-child,
	.table-responsive>.table-bordered>tfoot>tr>td:last-child,
	.table-responsive>.table-bordered>tfoot>tr>th:last-child,
	.table-responsive>.table-bordered>thead>tr>td:last-child,
	.table-responsive>.table-bordered>thead>tr>th:last-child {
		border-right: 0
	}

	.table-responsive>.table-bordered>tbody>tr:last-child>td,
	.table-responsive>.table-bordered>tbody>tr:last-child>th,
	.table-responsive>.table-bordered>tfoot>tr:last-child>td,
	.table-responsive>.table-bordered>tfoot>tr:last-child>th {
		border-bottom: 0
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

	input[type=date],
	input[type=time],
	input[type=datetime-local],
	input[type=month] {
		line-height: 34px
	}

	.input-group-sm input[type=date],
	.input-group-sm input[type=time],
	.input-group-sm input[type=datetime-local],
	.input-group-sm input[type=month],
	input[type=date].input-sm,
	input[type=time].input-sm,
	input[type=datetime-local].input-sm,
	input[type=month].input-sm {
		line-height: 30px
	}

	.input-group-lg input[type=date],
	.input-group-lg input[type=time],
	.input-group-lg input[type=datetime-local],
	.input-group-lg input[type=month],
	input[type=date].input-lg,
	input[type=time].input-lg,
	input[type=datetime-local].input-lg,
	input[type=month].input-lg {
		line-height: 46px
	}
}

.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}

.form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle
}

.form-inline .form-control-static {
	display: inline-block
}

.form-inline .input-group {
	display: inline-table;
	vertical-align: middle
}

.form-inline .input-group .form-control,
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn {
	width: auto
}

.form-inline .input-group>.form-control {
	width: 100%
}

.form-inline .control-label {
	margin-bottom: 0;
	vertical-align: middle
}

.form-inline .checkbox,
.form-inline .radio {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle
}

.form-inline .checkbox label,
.form-inline .radio label {
	padding-left: 0
}

.form-inline .checkbox input[type=checkbox],
.form-inline .radio input[type=radio] {
	position: relative;
	margin-left: 0
}

.form-inline .has-feedback .form-control-feedback {
	top: 0
}

.form-horizontal .control-label {
	padding-top: 7px;
	margin-bottom: 0;
	text-align: right
}

.form-horizontal .form-group-lg .control-label {
	padding-top: 14.33px
}

.form-horizontal .form-group-sm .control-label {
	padding-top: 6px
}

.navbar-right .dropdown-menu {
	right: 0;
	left: auto
}

.navbar-right .dropdown-menu-left {
	right: auto;
	left: 0
}

.nav-tabs.nav-justified>li {
	display: table-cell;
	width: 1%
}

.nav-tabs.nav-justified>li>a {
	margin-bottom: 0
}

.nav-tabs.nav-justified>li>a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
	border-bottom-color: #fff
}

.nav-justified>li {
	display: table-cell;
	width: 1%
}

.nav-justified>li>a {
	margin-bottom: 0
}

.nav-tabs-justified>li>a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover {
	border-bottom-color: #fff
}

.navbar {
	border-radius: 4px
}

.navbar-header {
	float: left
}

.navbar-collapse {
	width: auto;
	border-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.navbar-collapse.collapse {
	display: block !important;
	height: auto !important;
	padding-bottom: 0;
	overflow: visible !important;
	visibility: visible !important
}

.navbar-collapse.in {
	overflow-y: visible
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse {
	padding-right: 0;
	padding-left: 0
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
	margin-right: 0;
	margin-left: 0
}

.navbar-static-top {
	border-radius: 0
}

.navbar-fixed-bottom,
.navbar-fixed-top {
	border-radius: 0
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
	margin-left: -15px
}

.navbar-toggle {
	display: none
}

.navbar-nav {
	float: left;
	margin: 0
}

.navbar-nav>li {
	float: left
}

.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px
}

.navbar-form .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}

.navbar-form .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle
}

.navbar-form .form-control-static {
	display: inline-block
}

.navbar-form .input-group {
	display: inline-table;
	vertical-align: middle
}

.navbar-form .input-group .form-control,
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn {
	width: auto
}

.navbar-form .input-group>.form-control {
	width: 100%
}

.navbar-form .control-label {
	margin-bottom: 0;
	vertical-align: middle
}

.navbar-form .checkbox,
.navbar-form .radio {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle
}

.navbar-form .checkbox label,
.navbar-form .radio label {
	padding-left: 0
}

.navbar-form .checkbox input[type=checkbox],
.navbar-form .radio input[type=radio] {
	position: relative;
	margin-left: 0
}

.navbar-form .has-feedback .form-control-feedback {
	top: 0
}

.navbar-form {
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 0;
	margin-left: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.navbar-text {
	float: left;
	margin-right: 15px;
	margin-left: 15px
}

.navbar-left {
	float: left !important
}

.navbar-right {
	float: right !important;
	margin-right: -15px
}

.navbar-right~.navbar-right {
	margin-right: 0
}

@media screen and (min-width:768px) {
	.jumbotron {
		padding: 48px 0
	}

	.container .jumbotron,
	.container-fluid .jumbotron {
		padding-right: 60px;
		padding-left: 60px
	}

	.jumbotron .h1,
	.jumbotron h1 {
		font-size: 63px
	}
}

.modal-dialog {
	width: 600px;
	margin: 30px auto
}

.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}

.modal-sm {
	width: 300px
}

@media (min-width:992px) {
	.modal-lg {
		width: 900px
	}
}

@media all and (transform-3d),
(-webkit-transform-3d) {
	.carousel-inner>.item {
		-webkit-transition: -webkit-transform .6s ease-in-out;
		-o-transition: -o-transform .6s ease-in-out;
		transition: transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000;
		perspective: 1000
	}

	.carousel-inner>.item.active.right,
	.carousel-inner>.item.next {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	.carousel-inner>.item.active.left,
	.carousel-inner>.item.prev {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	.carousel-inner>.item.active,
	.carousel-inner>.item.next.left,
	.carousel-inner>.item.prev.right {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@media screen and (min-width:768px) {

	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-next,
	.carousel-control .icon-prev {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		font-size: 30px
	}

	.carousel-control .glyphicon-chevron-left,
	.carousel-control .icon-prev {
		margin-left: -15px
	}

	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-next {
		margin-right: -15px
	}

	.carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 30px
	}

	.carousel-indicators {
		bottom: 20px
	}
}


/*
.col-sm-w5,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-w5{width:20%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-w5{right:20%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-w5{margin-left:20%}.col-sm-offset-0{margin-left:0}
.col-md-w5,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-w5{width:20%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-w5{right:20%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-w5{margin-left:20%}.col-md-offset-0{margin-left:0}
.col-lg-w5,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-w5{width:20%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-w5{right:20%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-w5{margin-left:20%}.col-lg-offset-0{margin-left:0}

.visible-xs,.visible-sm,.visible-md{display:none;}
.hidden-lg{display:none!important}
*/

@media (min-width:768px) {

	.col-sm-w5,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9 {
		float: left
	}

	.col-sm-12 {
		width: 100%
	}

	.col-sm-11 {
		width: 91.66666667%
	}

	.col-sm-10 {
		width: 83.33333333%
	}

	.col-sm-9 {
		width: 75%
	}

	.col-sm-8 {
		width: 66.66666667%
	}

	.col-sm-7 {
		width: 58.33333333%
	}

	.col-sm-6 {
		width: 50%
	}

	.col-sm-5 {
		width: 41.66666667%
	}

	.col-sm-4 {
		width: 33.33333333%
	}

	.col-sm-3 {
		width: 25%
	}

	.col-sm-2 {
		width: 16.66666667%
	}

	.col-sm-1 {
		width: 8.33333333%
	}

	.col-sm-w5 {
		width: 20%
	}

	.col-sm-pull-12 {
		right: 100%
	}

	.col-sm-pull-11 {
		right: 91.66666667%
	}

	.col-sm-pull-10 {
		right: 83.33333333%
	}

	.col-sm-pull-9 {
		right: 75%
	}

	.col-sm-pull-8 {
		right: 66.66666667%
	}

	.col-sm-pull-7 {
		right: 58.33333333%
	}

	.col-sm-pull-6 {
		right: 50%
	}

	.col-sm-pull-5 {
		right: 41.66666667%
	}

	.col-sm-pull-4 {
		right: 33.33333333%
	}

	.col-sm-pull-3 {
		right: 25%
	}

	.col-sm-pull-2 {
		right: 16.66666667%
	}

	.col-sm-pull-1 {
		right: 8.33333333%
	}

	.col-sm-pull-w5 {
		right: 20%
	}

	.col-sm-pull-0 {
		right: auto
	}

	.col-sm-push-12 {
		left: 100%
	}

	.col-sm-push-11 {
		left: 91.66666667%
	}

	.col-sm-push-10 {
		left: 83.33333333%
	}

	.col-sm-push-9 {
		left: 75%
	}

	.col-sm-push-8 {
		left: 66.66666667%
	}

	.col-sm-push-7 {
		left: 58.33333333%
	}

	.col-sm-push-6 {
		left: 50%
	}

	.col-sm-push-5 {
		left: 41.66666667%
	}

	.col-sm-push-4 {
		left: 33.33333333%
	}

	.col-sm-push-3 {
		left: 25%
	}

	.col-sm-push-2 {
		left: 16.66666667%
	}

	.col-sm-push-1 {
		left: 8.33333333%
	}

	.col-sm-push-0 {
		left: auto
	}

	.col-sm-offset-12 {
		margin-left: 100%
	}

	.col-sm-offset-11 {
		margin-left: 91.66666667%
	}

	.col-sm-offset-10 {
		margin-left: 83.33333333%
	}

	.col-sm-offset-9 {
		margin-left: 75%
	}

	.col-sm-offset-8 {
		margin-left: 66.66666667%
	}

	.col-sm-offset-7 {
		margin-left: 58.33333333%
	}

	.col-sm-offset-6 {
		margin-left: 50%
	}

	.col-sm-offset-5 {
		margin-left: 41.66666667%
	}

	.col-sm-offset-4 {
		margin-left: 33.33333333%
	}

	.col-sm-offset-3 {
		margin-left: 25%
	}

	.col-sm-offset-2 {
		margin-left: 16.66666667%
	}

	.col-sm-offset-1 {
		margin-left: 8.33333333%
	}

	.col-sm-offset-w5 {
		margin-left: 20%
	}

	.col-sm-offset-0 {
		margin-left: 0
	}
}

@media (min-width:992px) {

	.col-md-w5,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9 {
		float: left
	}

	.col-md-12 {
		width: 100%
	}

	.col-md-11 {
		width: 91.66666667%
	}

	.col-md-10 {
		width: 83.33333333%
	}

	.col-md-9 {
		width: 75%
	}

	.col-md-8 {
		width: 66.66666667%
	}

	.col-md-7 {
		width: 58.33333333%
	}

	.col-md-6 {
		width: 50%
	}

	.col-md-5 {
		width: 41.66666667%
	}

	.col-md-4 {
		width: 33.33333333%
	}

	.col-md-3 {
		width: 25%
	}

	.col-md-2 {
		width: 16.66666667%
	}

	.col-md-1 {
		width: 8.33333333%
	}

	.col-md-w5 {
		width: 20%
	}

	.col-md-pull-12 {
		right: 100%
	}

	.col-md-pull-11 {
		right: 91.66666667%
	}

	.col-md-pull-10 {
		right: 83.33333333%
	}

	.col-md-pull-9 {
		right: 75%
	}

	.col-md-pull-8 {
		right: 66.66666667%
	}

	.col-md-pull-7 {
		right: 58.33333333%
	}

	.col-md-pull-6 {
		right: 50%
	}

	.col-md-pull-5 {
		right: 41.66666667%
	}

	.col-md-pull-4 {
		right: 33.33333333%
	}

	.col-md-pull-3 {
		right: 25%
	}

	.col-md-pull-2 {
		right: 16.66666667%
	}

	.col-md-pull-1 {
		right: 8.33333333%
	}

	.col-md-pull-w5 {
		right: 20%
	}

	.col-md-pull-0 {
		right: auto
	}

	.col-md-push-12 {
		left: 100%
	}

	.col-md-push-11 {
		left: 91.66666667%
	}

	.col-md-push-10 {
		left: 83.33333333%
	}

	.col-md-push-9 {
		left: 75%
	}

	.col-md-push-8 {
		left: 66.66666667%
	}

	.col-md-push-7 {
		left: 58.33333333%
	}

	.col-md-push-6 {
		left: 50%
	}

	.col-md-push-5 {
		left: 41.66666667%
	}

	.col-md-push-4 {
		left: 33.33333333%
	}

	.col-md-push-3 {
		left: 25%
	}

	.col-md-push-2 {
		left: 16.66666667%
	}

	.col-md-push-1 {
		left: 8.33333333%
	}

	.col-md-push-0 {
		left: auto
	}

	.col-md-offset-12 {
		margin-left: 100%
	}

	.col-md-offset-11 {
		margin-left: 91.66666667%
	}

	.col-md-offset-10 {
		margin-left: 83.33333333%
	}

	.col-md-offset-9 {
		margin-left: 75%
	}

	.col-md-offset-8 {
		margin-left: 66.66666667%
	}

	.col-md-offset-7 {
		margin-left: 58.33333333%
	}

	.col-md-offset-6 {
		margin-left: 50%
	}

	.col-md-offset-5 {
		margin-left: 41.66666667%
	}

	.col-md-offset-4 {
		margin-left: 33.33333333%
	}

	.col-md-offset-3 {
		margin-left: 25%
	}

	.col-md-offset-2 {
		margin-left: 16.66666667%
	}

	.col-md-offset-1 {
		margin-left: 8.33333333%
	}

	.col-md-offset-w5 {
		margin-left: 20%
	}

	.col-md-offset-0 {
		margin-left: 0
	}
}

@media (min-width:1200px) {

	.col-lg-w5,
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9 {
		float: left
	}

	.col-lg-12 {
		width: 100%
	}

	.col-lg-11 {
		width: 91.66666667%
	}

	.col-lg-10 {
		width: 83.33333333%
	}

	.col-lg-9 {
		width: 75%
	}

	.col-lg-8 {
		width: 66.66666667%
	}

	.col-lg-7 {
		width: 58.33333333%
	}

	.col-lg-6 {
		width: 50%
	}

	.col-lg-5 {
		width: 41.66666667%
	}

	.col-lg-4 {
		width: 33.33333333%
	}

	.col-lg-3 {
		width: 25%
	}

	.col-lg-2 {
		width: 16.66666667%
	}

	.col-lg-1 {
		width: 8.33333333%
	}

	.col-lg-w5 {
		width: 20%
	}

	.col-lg-pull-12 {
		right: 100%
	}

	.col-lg-pull-11 {
		right: 91.66666667%
	}

	.col-lg-pull-10 {
		right: 83.33333333%
	}

	.col-lg-pull-9 {
		right: 75%
	}

	.col-lg-pull-8 {
		right: 66.66666667%
	}

	.col-lg-pull-7 {
		right: 58.33333333%
	}

	.col-lg-pull-6 {
		right: 50%
	}

	.col-lg-pull-5 {
		right: 41.66666667%
	}

	.col-lg-pull-4 {
		right: 33.33333333%
	}

	.col-lg-pull-3 {
		right: 25%
	}

	.col-lg-pull-2 {
		right: 16.66666667%
	}

	.col-lg-pull-1 {
		right: 8.33333333%
	}

	.col-lg-pull-w5 {
		right: 20%
	}

	.col-lg-pull-0 {
		right: auto
	}

	.col-lg-push-12 {
		left: 100%
	}

	.col-lg-push-11 {
		left: 91.66666667%
	}

	.col-lg-push-10 {
		left: 83.33333333%
	}

	.col-lg-push-9 {
		left: 75%
	}

	.col-lg-push-8 {
		left: 66.66666667%
	}

	.col-lg-push-7 {
		left: 58.33333333%
	}

	.col-lg-push-6 {
		left: 50%
	}

	.col-lg-push-5 {
		left: 41.66666667%
	}

	.col-lg-push-4 {
		left: 33.33333333%
	}

	.col-lg-push-3 {
		left: 25%
	}

	.col-lg-push-2 {
		left: 16.66666667%
	}

	.col-lg-push-1 {
		left: 8.33333333%
	}

	.col-lg-push-0 {
		left: auto
	}

	.col-lg-offset-12 {
		margin-left: 100%
	}

	.col-lg-offset-11 {
		margin-left: 91.66666667%
	}

	.col-lg-offset-10 {
		margin-left: 83.33333333%
	}

	.col-lg-offset-9 {
		margin-left: 75%
	}

	.col-lg-offset-8 {
		margin-left: 66.66666667%
	}

	.col-lg-offset-7 {
		margin-left: 58.33333333%
	}

	.col-lg-offset-6 {
		margin-left: 50%
	}

	.col-lg-offset-5 {
		margin-left: 41.66666667%
	}

	.col-lg-offset-4 {
		margin-left: 33.33333333%
	}

	.col-lg-offset-3 {
		margin-left: 25%
	}

	.col-lg-offset-2 {
		margin-left: 16.66666667%
	}

	.col-lg-offset-1 {
		margin-left: 8.33333333%
	}

	.col-lg-offset-w5 {
		margin-left: 20%
	}

	.col-lg-offset-0 {
		margin-left: 0
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm {
		display: block !important
	}

	table.visible-sm {
		display: table
	}

	tr.visible-sm {
		display: table-row !important
	}

	td.visible-sm,
	th.visible-sm {
		display: table-cell !important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-block {
		display: block !important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-inline {
		display: inline !important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-inline-block {
		display: inline-block !important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md {
		display: block !important
	}

	table.visible-md {
		display: table
	}

	tr.visible-md {
		display: table-row !important
	}

	td.visible-md,
	th.visible-md {
		display: table-cell !important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-block {
		display: block !important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-inline {
		display: inline !important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-inline-block {
		display: inline-block !important
	}
}

@media (min-width:1200px) {
	.visible-lg {
		display: block !important
	}

	table.visible-lg {
		display: table
	}

	tr.visible-lg {
		display: table-row !important
	}

	td.visible-lg,
	th.visible-lg {
		display: table-cell !important
	}
}

@media (min-width:1200px) {
	.visible-lg-block {
		display: block !important
	}
}

@media (min-width:1200px) {
	.visible-lg-inline {
		display: inline !important
	}
}

@media (min-width:1200px) {
	.visible-lg-inline-block {
		display: inline-block !important
	}
}

@media (max-width:767px) {
	.hidden-xs {
		display: none !important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hidden-sm {
		display: none !important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.hidden-md {
		display: none !important
	}
}

@media (min-width:1200px) {
	.hidden-lg {
		display: none !important
	}
}





/* -------------------------------------------------------------------------------- Setting (Gnuboard)---------------------------------------- */
/* ie6 이미지 너비 지정 */
.img_fix {
	width: 100%;
	height: auto
}


/* Mobile화면으로 */
#device_change {
	display: block;
	left: 0;
	top: 0px;
	width: 100vw;
	padding: 5vw;
	font-size: 6vw;
	text-align: center;
}

@media (min-width:1024px) {
	#device_change {
		display: none;
	}
}


/* 팝업 */
#hd_pop {
	z-index: 1000;
	position: relative;
	margin: 0 auto;
	height: 0
}

#hd_pop h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

/* 강제 z-index */
#hd_pops_62 {
	z-index: 99;
}

.hd_pops {
	/*position:absolute;*/
	z-index: 20;
	min-width: 300px;
}

.hd_pops_con img {
	width: 100%;
}

.hd_pops_footer {
	margin-top: -5px;
	padding: 10px;
	border-radius: 5px;
	background: #484b4a;
	font-size: 0.9em;
	color: #fff;
	opacity: 1;
}

.hd_pops_footer input {
	margin-right: 5px;
}

.hd_pops_footer .hd_pops_close {
	border: none;
	background: none;
}

.hd_pops_bg {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
	/* IE 8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* IE 7 and olders */
}


/* 댓글 스타일 */
.cnt_cmt {
	display: inline-block;
	margin: 0 0 0 3px;
	font-weight: bold
}


/* 기본테이블 */
.tbl_wrap table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

.tbl_wrap caption {
	padding: 10px 0;
	font-weight: bold;
	text-align: left
}

.tbl_head01 {
	margin: 0 0 10px
}

.tbl_head01 caption {
	padding: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

.tbl_head01 thead th {
	padding: 12px 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background: #f7f7f7;
	color: #383838;
	font-size: 0.95em;
	text-align: center;
}

.tbl_head01 thead a {
	color: #383838
}

.tbl_head01 thead th input {
	vertical-align: top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th,
.tbl_head01 tfoot td {
	padding: 10px 0;
	border-top: 1px solid #c1d1d5;
	border-bottom: 1px solid #c1d1d5;
	background: #d7e0e2;
	text-align: center
}

.tbl_head01 tbody th {
	padding: 8px 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9
}

.tbl_head01 td {
	padding: 8px 5px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	line-height: 1.5em;
	word-break: break-all
}

.tbl_head01 a {}

.tbl_head02 {
	margin: 0 0 10px
}

.tbl_head02 caption {
	padding: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

.tbl_head02 thead th {
	padding: 5px 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background: #f7f7f7;
	color: #383838;
	font-size: 0.95em;
	text-align: center;
}

.tbl_head02 thead a {
	color: #383838
}

.tbl_head02 thead th input {
	vertical-align: top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th,
.tbl_head02 tfoot td {
	padding: 10px 0;
	border-top: 1px solid #c1d1d5;
	border-bottom: 1px solid #c1d1d5;
	background: #d7e0e2;
	text-align: center
}

.tbl_head02 tbody th {
	padding: 5px 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9
}

.tbl_head02 td {
	padding: 5px 3px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	line-height: 1.4em;
	word-break: break-all
}

.tbl_head02 a {}


/* 폼 테이블 */
.tbl_frm01 {
	margin: 0 0 20px
}

.tbl_frm01 table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.tbl_frm01 tr {
	display: block;
	margin-bottom: 20px;
}

.tbl_frm01 th {
	display: block;
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #;
	text-align: left
}

.tbl_frm01 td {
	display: block;
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #;
}

.tbl_frm01 textarea,
.frm_input {
	border: 1px solid #e4eaec;
	background: #f7f7f7;
	color: #000;
	vertical-align: middle;
	line-height: 2em
}

.tbl_frm01 textarea {
	padding: 2px 2px 3px;
	width: 100%;
	height: 100px
}

.tbl_frm01 fieldset {
	border: 0px;
}

.tbl_frm01 select {
	pospadding: 5px 10px;
}

.frm_input {
	padding: 3px;
}

.tbl_frm01 a {
	text-decoration: none
}

.tbl_frm01 .frm_file {
	display: block;
	margin-bottom: 5px
}

.tbl_frm01 .frm_info {
	display: block;
	padding: 0 0 5px;
	line-height: 1.4em
}


/* 자료 없는 목록 */
.empty_table {
	padding: 50px 0 !important;
	text-align: center
}

.empty_list {
	padding: 20px 0 !important;
	text-align: center
}


/* 필수입력 */
.required,
textarea.required {
	background: url('../img/wrest.gif') top right no-repeat !important
}


/* 테이블 항목별 정의 */
.td_board {
	width: 120px;
	text-align: center
}

.td_category {
	width: 80px;
	text-align: center
}

.td_chk {
	width: 30px;
	text-align: center
}

.td_date {
	width: 60px;
	text-align: center
}

.td_datetime {
	width: 110px;
	text-align: center
}

.td_group {
	width: 100px;
	text-align: center
}

.td_mb_id {
	width: 100px;
	text-align: center
}

.td_mng {
	width: 80px;
	text-align: center
}

.td_name {
	width: 100px;
	text-align: left
}

.td_nick {
	width: 100px;
	text-align: center
}

.td_num {
	width: 50px;
	text-align: center
}

.td_numbig {
	width: 80px;
	text-align: center
}

.td_stat {
	width: 60px;
	text-align: center
}

.txt_active {
	color: #5d910b
}

.txt_done {
	color: #e8180c
}

.txt_expired {
	color: #aaa
}

.txt_rdy {
	color: #8abc2a
}


/* 새창 기본 스타일 */
.new_win {}

.new_win .tbl_wrap {
	margin: 0 20px
}

.new_win #win_title {
	margin: 0 0 10px;
	padding: 20px;
	border-top: 3px solid #333;
	border-bottom: 1px solid #dde4e9;
	background: #fff;
	font-size: 1.2em
}

.new_win #win_title .sv {
	font-size: 0.75em;
	line-height: 1.2em
}

.new_win .win_ul {
	margin: -20px 0 20px 0;
	padding: 0 20px;
	border-bottom: 1px solid #455255;
	background: #484848;
	list-style: none;
	zoom: 1
}

.new_win .win_ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.new_win .win_ul li {
	float: left;
	margin-left: -1px
}

.new_win .win_ul a {
	display: block;
	padding: 10px 10px 8px;
	border-right: 1px solid #455255;
	border-left: 1px solid #455255;
	color: #fff;
	font-family: dotum;
	font-weight: bold;
	text-decoration: none
}

.new_win .win_desc {
	padding: 20px
}

.new_win .win_btn {
	clear: both;
	padding: 20px;
	text-align: center
}

/* 새창용 */
.new_win .win_btn button {
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	border: 0;
	background: #AE9489;
	color: #fff;
	line-height: 2em;
	cursor: pointer
}

.new_win .win_btn input {
	padding: 0 10px;
	height: 30px;
	line-height: 2em
}

.new_win .win_btn a {
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	background: #AE9489;
	color: #fff;
	vertical-align: middle;
	line-height: 2.4em
}

.new_win .win_btn a:focus,
.new_win .win_btn a:hover {
	text-decoration: none
}


/* 검색결과 색상 */
.sch_word {
	color: #AE9489
}

/* 자바스크립트 alert 대안 */
#validation_check {
	margin: 100px auto;
	width: 500px
}

#validation_check h1 {
	margin-bottom: 20px;
	font-size: 1.3em
}

#validation_check p {
	margin-bottom: 20px;
	padding: 30px 20px;
	border: 1px solid #e9e9e9;
	background: #fff
}


/* 사이드뷰 */
.sv_wrap {
	display: inline-block;
	position: relative;
	font-weight: normal
}

.sv_wrap .sv {
	z-index: 1000;
	display: none;
	margin: 5px 0 0;
	border: 1px solid #283646
}

.sv_wrap .sv a {
	display: inline-block;
	margin: 0;
	padding: 3px;
	width: 94px;
	border-bottom: 1px solid #283646;
	background: #111;
	color: #fff !important
}

.sv_wrap a:focus,
.sv_wrap a:hover,
.sv_wrap a:active {
	text-decoration: none
}

.sv_on {
	display: block !important;
	position: absolute;
	top: 10px;
	left: 20px;
	width: auto;
	height: auto
}

.sv_nojs .sv {
	display: block
}


/* 페이징 */
.pg_wrap {
	clear: both;
	margin: 0 0 20px;
	padding: 20px 0 0;
	text-align: center
}

.pg {}

.pg_page,
.pg_current {
	display: inline-block;
	padding: 0 8px;
	height: 25px;
	color: #000;
	letter-spacing: 0;
	line-height: 2.2em;
	vertical-align: middle
}

.pg a:focus,
.pg a:hover {
	text-decoration: none
}

.pg_page {
	background: #e4eaec;
	text-decoration: none
}

.pg_start,
.pg_prev {
	/* 이전 */
}

.pg_end,
.pg_next {
	/* 다음 */
}

.pg_current {
	display: inline-block;
	margin: 0 4px 0 0;
	background: #333;
	color: #fff;
	font-weight: normal
}


/* 게시판 일괄적용 */
#bo_v_atc_title {
	position: absolute;
	width: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden
}

#container_title {
	display: none;
}

#bo_v_act {
	display: none;
}


/* 게시판용 버튼 */
a.btn_b01,
a.btn_b02,
a.btn_admin,
.btn_bo_adm input {
	display: inline-block;
	padding: 7px 10px;
	border-radius: 3px;
	text-decoration: none;
	vertical-align: middle;
	color: #303231
}

a.btn_b01,
.btn_bo_adm input {
	border: 1px solid #ebeceb;
	background: #fff;
}

a.btn_b01:hover,
.btn_bo_adm input:hover {
	background: #edeeed;
	color: #000;
	transition: all 0.3s
}

a.btn_b02 {
	border: 1px solid #AE826F;
	background: #AE9489;
	color: #fff
}

a.btn_b02:hover {
	background: #AE826F;
	transition: all 0.3s
}

a.btn_admin {
	border: 1px solid #f3b15f;
	background: #f1c161;
	color: #fff
}

a.btn_admin:hover {
	background: #f3b15f;
	transition: all 0.3s
}


/* 게시물 선택복사 선택이동 */
#copymove {}

.btn_bo_adm {
	float: left;
	width: auto;
}

.copymove_current {
	float: right;
	color: #AE9489
}

.copymove_currentbg {
	background: #AE9489
}


/* 게시판 리스트 */
#bo_list_total {
	display: none;
	float: left;
	width: auto;
	margin: 13px 0 10px 0;
	font-size: 0.9em;
}

/*게시물수*/
.bo_fx ul {
	margin: 0 0 7px 0;
	padding: 0;
}

/*버튼줄*/
.bo_fx li {
	display: inline-block;
	margin: 0 1px;
	padding: 0;
	list-style-type: none;
}

.btn_bo_user {
	float: right;
	width: auto;
}

#bo_list thead th {
	padding: 15px 0;
	background: none;
}

/*테이블*/
#bo_list .td_cnt {
	width: 100px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
}

#bo_list .td_cnt span {
	display: block;
	width: 100%;
	padding: 5px 0;
}

#bo_list .td_name {
	text-align: center;
}

#bo_sch {
	width: 100%;
	text-align: center;
}

/* 검색 */


/* 카테고리 */
#bo_cate h2 {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 0;
}

/*카테고리*/
#bo_cate_ul {
	width: auto;
	margin: 2em auto 0 auto;
}

#bo_cate_ul li {
	display: inline-block;
}

#bo_cate_ul li a {
	display: block;
	width: 100%;
	padding: 0 10px;
	border-right: 1px solid #ebeceb;
	border-top: 1px solid #ebeceb;
}

#bo_cate_ul li:first-child a {
	border-left: 1px solid #ebeceb;
}

/*#bo_cate_ul #bo_cate_on{border:1px solid #AE826F;background:#AE9489;color:#fff}*/


/* 게시판 쓰기 */
/* 임시저장 */
#autosave_wrapper {
	position: relative
}

#autosave_pop {
	display: none;
	z-index: 10;
	position: absolute;
	top: 24px;
	right: 117px;
	padding: 8px;
	width: 350px;
	height: auto !important;
	height: 180px;
	max-height: 180px;
	border: 1px solid #565656;
	background: #fff;
	overflow-y: scroll
}

html.no-overflowscrolling #autosave_pop {
	height: auto;
	max-height: 10000px !important
}

/* overflow 미지원 기기 대응 */
#autosave_pop strong {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#autosave_pop div {
	text-align: right
}

#autosave_pop button {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent
}

#autosave_pop ul {
	margin: 10px 0;
	padding: 0;
	border-top: 1px solid #e9e9e9;
	list-style: none
}

#autosave_pop li {
	padding: 8px 5px;
	border-bottom: 1px solid #e9e9e9;
	zoom: 1
}

#autosave_pop li:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#autosave_pop a {
	display: block;
	float: left
}

#autosave_pop span {
	display: block;
	float: right
}

.autosave_close {
	cursor: pointer
}

.autosave_content {
	display: none
}

#btn_autosave {
	margin-top: 5px;
}


/* ckeditor 단축키 */
.cke_sc {
	display: none;
}


/* 기타 */
.margin-auto {
	margin: 0 auto;
}


/* 게시판 보기 */
#bo_v {}


/* 게시판 댓글 */
#bo_vc {
	margin: 0 0 10px;
	padding: 20px 20px 10px;
	border: 1px solid #ebeceb;
	background: #fdfdfd
}

#bo_vc h4 {
	margin-bottom: 1em;
	font-size: 1.2em;
}

#bo_vc section {
	padding: 0 0 10px;
	border-top: 1px solid #ebeceb
}

#bo_vc header {
	position: relative;
	padding: 15px 0 5px
}

/*작성자이름*/
#bo_vc header .icon_reply {
	position: absolute;
	top: 15px;
	left: -20px
}

#bo_vc .sv_wrap {
	margin-right: 15px
}

#bo_vc .member,
#bo_vc .guest,
#bo_vc .sv_member,
#bo_vc .sv_guest {
	font-weight: bold
}

#bo_vc .bo_vc_hdinfo {
	display: none;
	inline-block;
	margin: 0 15px 0 5px
}

#bo_vc h1 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#bo_vc p {
	padding: 0 0 5px;
	line-height: 1.8em
}

#bo_vc p a {
	text-decoration: underline
}

#bo_vc p a.s_cmt {
	text-decoration: none
}

#bo_vc_empty {
	margin: 0;
	padding: 20px !important;
	text-align: center
}

#bo_vc #bo_vc_winfo {
	float: left
}

#bo_vc footer {
	zoom: 1
}

#bo_vc footer:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#bo_vc .bo_vc_act {
	float: right;
	margin: 0;
	list-style: none;
	zoom: 1
}

#bo_vc .bo_vc_act:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#bo_vc .bo_vc_act li {
	float: left;
	margin-left: 5px;
	font-size: 0.8em;
	opacity: 0.9;
}


/*댓글쓰기*/
#bo_vc_w {
	position: relative;
	margin: 0 0 10px;
}

#bo_vc_w h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#bo_vc_w #char_cnt {
	display: block;
	margin: 0 0 5px
}

#bo_vc_w .tbl_frm01 {
	margin: 0;
}

#bo_vc_w th,
#bo_vc_w td {
	padding: 10px 0;
	border-bottom: none;
}

#bo_vc_w .btn_confirm {
	margin: 0;
	text-align: right;
}

#bo_vc_sns {
	margin: 0;
	padding: 0;
	list-style: none;
	zoom: 1
}

#bo_vc_sns:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#bo_vc_sns li {
	float: left;
	margin: 0 20px 0 0
}

#bo_vc_sns input {
	margin: 0 0 0 5px
}






/* -------------------------------------------------------------------------------- ★병원명 (Header) ---------------------------------------- */
#listTopMenu {
	text-align: right;
}

#listTopMenu li {
	display: inline-block;
	font-size: 0.9em;
}

#listTopMenu li a {
	display: block;
	width: auto;
	padding: 5px 8px;
}

#header {
	position: absolute;
	z-index: 999;
	width: 100%;
	line-height: 1em;
}

#header .container {
	display: table;
}

#header .container>* {
	display: table-cell;
	vertical-align: middle;
}

#header .logo {
	width: 220px
}

#header .number {
	max-width: 200px;
}

#header .number a {
	display: block;
	padding-left: 30px;
	background: url(../img/h_call.png) no-repeat left;
	font-size: 22px;
	font-weight: bold;
	color: #fff
}

.bg-dim {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
}

#header img {
	max-width: ;
	transition-duration: 0.7s;
	transition-delay: 0s;
}

#header.shrink .logo img {
	max-width: 150px;
	transition-duration: 0.7s;
	transition-delay: 0s;
}

#header .bg-dim {
	transition-duration: 0.7s;
	transition-delay: 0s;
}

#header.shrink .bg-dim {
	opacity: 0.5;
	transition-duration: 0.7s;
	transition-delay: 0s;
}


#header .box .mob_menu_btn,
#header .box .mob_side_menu_wrap {
	display: none;
}

#header .mob_menu_btn {
	position: absolute;
	top: 7px;
	right: 10px;
	z-index: 999;
	width: 28px;
	height: 20px;
	display: none;
}

.mob_menu_btn .menu-trigger.active {
	position: fixed;
	top: 20px;
	right: 10px;
}

@media screen and (max-width:599px) {
	#header .gnb_1dli {
		width: 31%;
	}
}

@media screen and (min-width:600px) {
	#header .gnb_1dli {
		width: initial;
	}

	#header .gnb_1da {
		padding: 0 10px
	}
}

@media screen and (max-width:1199px) {
	#header {
		font-size: 35px;
	}

	#header .container {
		display: initial;
	}

	#header .container>* {
		display: initial;
	}

	#header .logo {
		width:
	}

	#header .logo img {
		max-width: 160px;
		padding: 10px 0;
	}

	#header #gnb {
		display: none;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	#header .gnb_1da {
		font-size: 14px;
	}

	#header .number {
		display: none;
	}

	#header .number a {
		padding: 10px 0;
		background: none;
		text-align: center;
	}

	#header .box .mob_menu_btn {
		display: block;
	}

	#header .box .mob_side_menu_wrap {
		display: block;
		background-color: #333;
		height: 100vh;
		width: 80%;
		position: fixed;
		right: -100%;
		top: 0;
		z-index: 10;
	}

	#header .box .mob_side_menu_wrap ul {
		margin-top: 60px;
	}

	#header .box .mob_side_menu_wrap ul>li {
		font-size: 16px;
		text-align: center;
		border-bottom: 1px solid #DDD;
		padding: 10px 0;
		width: 90%;
		margin: 0 auto;
	}

	#header .box .mob_side_menu_wrap ul>li a {
		color: #FFF;
		display: block;
		width: 100%;
		height: 100%;
	}

	/*
	#header.shrink #gnb{display: none;}
	#header.shrink .number{display: none;}
	*/
}

@media screen and (min-width:1200px) {
	#header {
		font-size: 80px;
		transition-duration: 0.7s;
		transition-delay: 0s;
	}

	#header.shrink {
		font-size: 60px;
		transition-duration: 0.7s;
		transition-delay: 0s;
	}

	#header #gnb {
		display: block;
		max-width: 890px;
		padding: 0 50px;
	}
}


/* GNB */
#gnb {
	position: relative;
	z-index: 999;
}

#gnb .gnb_wrap {
	margin: 0 auto;
	position: relative
}

#gnb ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#gnb #gnb_1dul {
	text-align: center;
	zoom: 1;
}

.gnb_1dli {
	display: inline-block;
	position: relative;
	height: 1em;
	vertical-align: top;
}

.gnb_1dli:hover {
	background: #;
}

/*.gnb_1dli .bg{display:inline-block;overflow:hidden;width:10px;height:10px;text-indent:-999px}*/
.gnb_1dli .bg {
	display: none;
}

.gnb_1da {
	display: block;
	padding: 0 25px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	opacity: 0.9;
}

.gnb_1dli_over .gnb_1da {
	color: #;
	opacity: 1;
}

.gnb_2dli {
	line-height: 40px;
}

.gnb_2dul {
	display: none;
	position: absolute;
	min-width: 180px;
	margin-top: -5px;
	padding: 5px 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
	-webkit-box-shadow: n;
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.gnb_1dli_over .gnb_2dul {
	display: block;
	left: 50%;
	margin-left: -90px;
}

.gnb_2da {
	display: block;
	padding: 0px 20px;
	font-size: 16px;
	color: #;
	text-align: center;
	text-decoration: none;
	opacity: 0.8;
}

.gnb_2da:focus,
.gnb_2da:hover {
	opacity: 1;
}

.gnb_wrap .gnb_empty {
	padding: 10px 0;
	width: 100%;
	text-align: center;
	line-height: 2em;
	color: #
}

.gnb_wrap .gnb_empty a {
	color: #;
	text-decoration: underline
}

.gnb_wrap .gnb_al_ul .gnb_empty,
.gnb_wrap .gnb_al_ul .gnb_empty a {
	color: #555
}

#gnb .gnb_menu_btn {
	position: absolute;
	top: 0px;
	left: 0;
	width: 50px;
	line-height: 50px;
	border: 0;
	background: #fff;
	color: #000;
	vertical-align: top;
	font-size: 18px
}

#gnb .gnb_close_btn {
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 2;
	width: 50px;
	line-height: 50px;
	border: 0;
	background: #AE9489;
	color: #fff;
	vertical-align: top;
	font-size: 18px;
}

#gnb_all {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 99;
}

#gnb_all .gnb_al_ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#gnb_all .gnb_al_ul {
	position: absolute;
	width: 100%;
	z-index: 3;
	background: #fff;
	padding: 10px 10px 30px 10px;
}

#gnb_all .gnb_al_li {
	background: #fff;
	float: left;
}

#gnb_all .gnb_al_li .gnb_al_a {
	padding: 10px 20px;
	display: block;
	position: relative;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	color: #AE9489
}

#gnb_all .gnb_al_li li {
	padding-left: 10px;
	line-height: 2em
}

#gnb_all .gnb_al_li li i {
	color: #AE9489
}

#gnb_all .gnb_al_li li a {
	color: #
}

#gnb_all .bg-cover {
	position: fixed;
	top: 0%;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 200%;
	background: #000;
	opacity: 0.7;
}

#mob_gnb {
	display: none;
}


@media screen and (max-width:767px) {
	#header #gnb {
		display: none;
	}

	#mob_gnb {
		display: block;
		position: absolute;
		top: 52vh;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		background: rgba(0, 0, 0, .3);
		border: none;
		padding: 30px;
		width: 60%;
	}

	#mob_gnb .mob_gnb_li {
		position: relative;
		width: 100%;
		text-align: left;
		border-bottom: 1px solid #FFF;
		height: 35px;
	}

	#mob_gnb .mob_gnb_li::after {
		color: #FFF;
		content: '+';
		font-size: 22px;
		font-weight: 300;
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		z-index: -1;
		transform: translateY(-50%);
		-webkit-transform: ;
		-moz-transform: ;
		-ms-transform: ;
		-o-transform: ;
	}

	#mob_gnb .mob_gnb_li .mob_gnb_a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin-left: 10px;
		color: #FFF;
		line-height: 35px;
		font-weight: 700;
	}
}

@media screen and (min-width:1024px) {}


/* -------------------------------------------------------------------------------- ★병원명 (Footer) ---------------------------------------- */
#fnb {}

#fnb .container>*>ul {
	float: left;
	width: 14%;
	vertical-align: top;
}

#fnb .container>*>ul>li a {
	display: block;
	width: 100%;
	padding: 5px 0;
}

#fnb .container .fnb_depth1 ul a {
	padding-bottom: 20px;
	font-weight: 600;
}

#fnb .container .fnb_depth2 ul a {}

#footer {
	position: relative;
	padding: 30px 0;
	background: #342B26;
	text-align: center;
	color: #877D78;
	z-index: 999 !important;
}

#footer ul {
	margin-bottom: 10px;
}

#footer li a {
	display: inline-block;
	padding: 5px 10px;
	font-size: 1.1em;
	color: #A49C98
}

#footer li:first-child a {
	padding-left: 0;
}

#footer address {
	color: #877D78;
	margin-bottom: 10px;
}

#footer .copyright {
	color: #877D78;
}

#footer a {
	color: #877D78;
}

#footer .copyright small {
	display: block;
	margin-top: 10px;
}

#footer .copyright .adm-btn {
	padding-left: 3px;
}

#footer .copyright .adm-btn a {
	display: inline-block;
	padding: 2px 3px;
	font-size: .8em;
	color: #8E7060 !important;
}

#quick {
	display: none;
}

@media (min-width:1024px) {
	#quick {
		display: initial;
	}
}

@media (max-width:767px) {
	#footer {
		padding: 10px 0;
	}

	#footer li a {
		font-size: 0.8em;
	}

	#footer .copyright {
		font-size: 11px;
	}
}



/* -------------------------------------------------------------------------------- ★병원명 (Index) ---------------------------------------- */
.bxslider,
.bxslider>div {
	height: 100%;
}


@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@700&display=swap');

#main_banner {
	position: relative;
	width: 100%;
	height: 90vh;
}

.main_wrap {
	position: absolute;
	z-index: 9;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #FFF;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.main_sub_title {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 5px;
}

.main_title {
	font-size: 70px;
	margin-bottom: 40px;
	letter-spacing: -0.03em;
}

.main_text_title {
	font-size: 20px;
	font-weight: 500;
}


.main_list {
	position: relative;
	width: 100%;
	height: 100%;
}

.main_list>li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -10;
	display: none;
}

.main_controls {
	position: absolute;
	bottom: 30px;
	z-index: 9;
	width: 100%;
	text-align: center;
}

.main_controls>li {
	display: inline-block;
	width: 30px;
	height: 8px;
	border: none;
	background: #C7B2A8;
	opacity: 0.7;
	cursor: pointer;
}

.main_controls>li.select {
	width: 60px;
	background: #fff;
	opacity: 1;
}

#side_menu {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 99999;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

#side_menu ul>li {
	position: relative;
	width: 96px;
	height: 96px;
	background-color: rgba(167, 139, 126, .9);
	transition-duration: 0.4s;
}

#side_menu ul>li a {
	color: #FFF;
	width: 100%;
	height: 100%;
	display: block;
}

#side_menu ul>li a img {
	position: absolute;
	display: block;
	margin-top: -10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

#side_menu ul>li a span {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

#side_menu ul>li:hover {
	background-color: #FFF;
}

#side_menu ul>li:hover a {
	color: #6f6358;
}


.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
}

.menu-trigger {
	position: relative;
	width: 28px;
	height: 20px;
}

.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
}

.menu-trigger span:nth-of-type(1) {
	top: 0;
}

.menu-trigger span:nth-of-type(2) {
	top: 9px;
}

.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
	-moz-transform: translateY(9px) rotate(-45deg);
	-ms-transform: translateY(9px) rotate(-45deg);
	-o-transform: translateY(9px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
	-moz-transform: translateY(-9px) rotate(45deg);
	-ms-transform: translateY(-9px) rotate(45deg);
	-o-transform: translateY(-9px) rotate(45deg);
}

/* mobile */
@media screen and (max-width:767px) {
	.main_wrap {
		display: flex;
		flex-direction: column-reverse;
		top: 50vh;
		margin-top: -180px;
	}

	.main_title {
		font-size: 7.5vw;
		margin-bottom: 10px;
	}

	.main_sub_title {
		position: relative;
		font-size: 14px;
		margin-bottom: 30px;
	}

	.main_sub_title::before {
		content: '';
		display: block;
		width: 30px;
		margin-left: -110px;
		border-top: 2px solid #FFF;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
	}

	.main_sub_title::after {
		content: '';
		display: block;
		width: 30px;
		margin-left: 110px;
		border-top: 2px solid #FFF;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
	}

	.main_text_title {
		display: none;
	}

	.main_controls {
		position: absolute;
		bottom: 60px;
		z-index: 9;
		width: 100%;
		text-align: center;
	}

	.main_controls>li {
		display: inline-block;
		width: 10px;
		height: 10px;
		border: none;
		background: #C7B2A8;
		opacity: 0.7;
		cursor: pointer;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}

	.main_controls>li.select {
		width: 30px;
		background: #fff;
		opacity: 1;
	}
}


/* -------------------------------------------------------------------------------- ★병원명 (Content) ---------------------------------------- */
#content {
	height: auto;
}

#content #s-title {
	margin-bottom: 1em;
	padding: 15px 0;
	border-bottom: 1px solid #ebeceb;
	font-family: "Nanum Square";
	font-size: 2em;
	text-align: center;
}

#content .container {
	max-width: 1000px;
	line-height: 1.8em;
}

#content ol,
#content ul {
	margin: 0 0 20px 20px;
}

#content li {
	list-style-type: disc;
	list-style-position: inside;
}

#content h4 {
	margin: 10px 0 5px 0;
	font-size: 1.2em;
}





/* -------------------------------------------------------------------------------- ★병원명 (Board) ---------------------------------------- */
#board {}

.full_input {
	width: 100%;
}



/* -------------------------------------------------------------------------------- ★병원명 (Sub:Basic Setting) ---------------------------------------- */

/* _SUB_ 폰트설정 */
.sub {}

.sub h2,
.sub h3,
.sub h4,
.sub h5,
.sub .h2,
.sub .h3,
.sub .h4,
.sub .h5 {
	font-weight: 300;
	letter-spacing: -0.05em;
}

.sub .container {
	background: url(../img/bg.png);
}

@media screen and (max-width:1023px) {
	.sub {
		padding-top: 70px;
		padding-bottom: 20px;
	}

	.sub .container {
		padding: 30px 15px;
	}
}

@media screen and (min-width:1024px) {
	.sub {
		padding-top: 150px;
		padding-bottom: 100px;
	}

	.sub .container {
		padding: 100px 60px;
		-webkit-box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1);
		box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1);
	}

	.sub h1,
	.sub .h1 {
		font-size: 40px;
		font-weight: bold;
	}

	.sub h2,
	.sub .h2 {
		font-size: 38px;
	}

	.sub h3,
	.sub .h3 {
		font-size: 25px;
	}

	.sub h4,
	.sub .h4 {
		font-size: 18px;
	}

	.sub h5,
	.sub .h5 {
		font-size: ;
	}

	.sub h6,
	.sub .h6 {
		font-size: ;
	}

	.sub p {
		margin-bottom: 5px;
		font-size: 1.1em;
	}
}



.list-stick {}

.list-stick .li {
	padding-bottom: 10px;
}

.list-stick .li::before {
	content: '-';
	display: inline-block;
}

@media screen and (max-width:1023px) {
	.list-stick .li::before {
		padding-right: 5px;
	}
}

@media screen and (min-width:1024px) {
	.list-stick .li::before {
		position: absolute;
		left: 0px;
	}
}

.list-disc {}

.list-disc .li {
	display: list-item;
	padding-bottom: 10px;
	list-style-type: disc;
	list-style-position: inside;
}

.list-disc .li::marker {
	padding-right: 0;
}

/* -------------------------------------------------------------------------------- ★병원명 (Sub:Layout) ---------------------------------------- */

/*  */
.s-title {
	margin-bottom: 50px;
	text-align: center;
}

.s-title .tit-point {
	display: inline-block;
	position: relative;
	width: auto;
	margin: 80px auto 0px auto;
	padding: 0 20px;
	border-left: 15px solid #E5C1B4;
	border-right: 15px solid #E5C1B4;
	font-family: 'Noto Serif KR';
	font-weight: 700;
	font-size: 30px;
	color: #e26a3f;
	line-height: 1.2em;
}

.s-title .tit-point::before {
	content: 'The Clear Skin Clinic';
	position: absolute;
	top: -50px;
	left: 0px;
	display: block;
	width: 100%;
	padding-bottom: 10px;
	font-family: "Noto Sans Korean", sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ccc;
	letter-spacing: 5px;
	text-transform: uppercase;
}

.s-title-copy {
	margin-top: 50px;
	padding-bottom: 80px;
	text-align: center;
}

.s-title-copy p {
	line-height: 1.8em;
}


.sub .bg-tit {
	margin-bottom: 10px;
	padding: 5px;
	background: #AB9085;
	text-align: center;
	color: #fff
}

@media screen and (max-width:1023px) {
	.s-title {
		margin-bottom: 20px;
	}

	.s-title .tit-point {
		margin-top: 20px;
		padding: 0;
		border: none;
		font-size: 1.4em;
	}

	.s-title .tit-point::before {
		top: -20px;
		font-size: 6px;
		letter-spacing: 0;
	}

	.s-title-copy {
		margin-top: 20px;
		padding-bottom: 30px;
		line-height: 1.6em;
	}
}

@media screen and (min-width:1024px) {
	.s-title-copy p {
		font-size: 1.2em;
	}
}


/* 서브네비 2depth */
.snb li a {
	display: block;
	padding: 15px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	background: #fff;
	text-align: center;
	color: #666
}

.snb li.on a {
	border: 1px solid #E57551;
	background: #E57551;
	font-weight: 700;
	color: #fff;
}

.snb li.on:first-child a {
	display: none;
}

@media screen and (max-width:1023px) {
	.snb li {
		border-right: 1px solid #eee;
	}

	.snb li:last-child a {
		border-bottom: 1px solid #eee;
	}

	.snb li a {
		padding: 5px;
	}
}

@media screen and (min-width:1024px) {
	.snb ul {
		display: table;
		width: 100%;
		list-style-type: none;
	}

	.snb li {
		display: table-cell;
		list-style-type: none;
	}

	.snb li:last-child a {
		border-right: 1px solid #eee;
	}
}


/* 항목 */
.s-contents {}

@media screen and (max-width:1023px) {
	.s-contents {
		padding: 30px 0px;
	}

}

@media screen and (min-width:1024px) {
	.s-contents {
		padding: 80px 50px;
	}

	.s-box {
		border: 1px solid #eee;
		background: #fff;
	}
}

/* list */
.list-number {}

.list-number .li {
	display: list-item;
	list-style-type: number;
	list-style-position: inside;
}

.list-circle {
	text-align: center;
}

.list-circle .li {
	display: inline-block;
	width: 120px;
	margin: 0 5px 5px 5px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	border: 5px solid #E7A78E;
	padding: 0;
	background: #fff;
	line-height: 110px;
}

.list-circle .li:nth-child(3n-1) {
	border-color: #D37C75;
}

.list-circle .li:nth-child(3n) {
	border-color: #582925;
}

.list-box {
	text-align: center;
}

.list-box .li {
	margin-bottom: 1px;
	padding: 10px;
}

@media screen and (max-width:767px) {
	.list-box .li {
		display: inline-block;
		width: 49%;
		border-bottom: 1px dotted #ccc;
	}

	/* .list-box .li:last-child{border: none;} */
}

@media screen and (min-width:768px) {
	.list-box {}

	.list-box .li {
		display: inline-block;
		width: 100px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 0;
		background: #fff;
		line-height: 60px;
	}
}

@media screen and (min-width:1024px) {
	.list-box .li {
		width: 140px;
	}
}



/* -------------------------------------------------------------------------------- ★병원명 (Sub:Custom Page) ---------------------------------------- */
/* 10~20 큰설명 */
.s-explan {
	padding-bottom: 60px;
}

.s-explan .h2 {
	font-weight: bold;
}

.s-explan p {
	line-height: 1.8em;
}

@media screen and (max-width:1023px) {
	.s-explan .thumb {
		margin-top: 20px;
	}
}

@media screen and (min-width:1024px) {}


/* 10~20 세부설명 */
.s-details {
	vertical-align: top;
}

.s-details .row {
	padding-bottom: 40px;
}

.s-details .row:first-child {
	margin-bottom: 40px;
	border-bottom: 1px solid #ddd;
}

.s-details .h3 {
	font-weight: bold;
	line-height: 1em;
}

.s-details .con {}

.s-details .con .em {
	margin-right: 30px;
	padding: 0 20px;
	border-left: 3px solid #7b6b66;
	border-right: 3px solid #7b6b66;
	font-weight: bold;
	color: #7b6b66;
}

.s-details .goal p {
	line-height: 25px;
}

.s-details .h4 {
	font-weight: bold;
	color: #E57551;
}

.s-details .h4::before {
	content: '■';
	display: inline-block;
	padding-right: 10px;
	font-size: 0.5em;
}

@media screen and (max-width:1023px) {
	.s-details .con .em {
		margin-right: 10px;
	}
}

@media screen and (min-width:1024px) {
	.s-details {
		padding: 60px;
		background: #fbfbfb;
	}
}

/* 20 레이저 */
.laser-list {}





/* a010 의료진 */
.s-doctor {
	margin-bottom: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #ded0cb;
	border-bottom: 1px solid #ded0cb;
}

.s-doctor .name {
	padding-bottom: 10px;
	font-size: 1.4em;
}

.s-doctor .name .em {
	font-weight: bold;
}


@media screen and (max-width:767px) {
	.s-doctor {}

	.s-doctor .name {
		padding-top: 10px;
		text-align: center;
	}
}

@media screen and (min-width:768px) {
	.s-doctor {
		margin-bottom: 80px;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.s-doctor .name {
		padding-bottom: 10px;
		font-size: 1.8em;
	}

	.s-doctor .thumb {
		margin-top: 50px;
	}
}

/* a010 인테리어 */
.s-interior {
	padding-top: 0;
}

.s-interior img {
	padding-bottom: 10px;
}


/* a050 진료안내 */
.s-time {
	text-align: center;
}

.s-time .h4 {}

.s-time .time {
	max-width: 250px;
	margin: 0 auto;
	font-size: 1.1em;
	text-align: left;
}

.s-time .time dl {
	margin-bottom: 10px;
}

.s-time .time dt,
.s-time .time dd {
	display: inline-block;
}

.s-time .time dt {
	width: 80px;
	font-weight: bold;
}

/* a060 오시는길 */
.s-map {}

.s-map .info-add p {
	line-height: 1.6em;
}


/* 팝업 반응형 */
@media screen and (max-width:768px) {
	.hd_pops {
		top: 69px !important;
		left: 50% !important;
		width: 75% !important;
		transform: translateX(-50%);
	}

	.hd_pops_con {
		max-width: 100% !important;
	}
}