@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:300,400,500,600,700&display=swap');
/*
Main	#30499b
Mainbd	#121b38

Sub1	#4cb2d4
Sub2	#56b949
Point	#ee4035
Font	#646464

N1	#736e72
N2	#616161
N3	#9e9e9e
N4	#a9aeae
N5	#c5bcc1
N6	#ebeceb
N7	#f7f5f6
*/



/* -------------------------------------------------------------------------------- Setting (html) ---------------------------------------- */
html {}

body {
	font-family: 'Noto Sans KR', sans-serif;
	word-break: keep-all;
}

html,
body {
	min-width: 1650px;
}


/* -------------------------------------------------------------------------------- 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 {}

.over-light img {
	opacity: 1;
	transition: all 0.5s
}

.over-light:hover img {
	opacity: 0.8;
	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: 1200px
}

@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
}





/* -------------------------------------------------------------------------------- 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;} */
#device_change {
	position: fixed;
	display: block;
	left: 5vw;
	top: 20px;
	/*transform: translateX(-50%);*/
	width: 90vw;
	padding: 2vw;
	font-size: 20px;
	text-align: center;
	z-index: 999999;
	color: #FFF;
	border: 1px solid #FFF;
	border-radius: 10px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	font-weight: 700;
	letter-spacing: -0.05em;
}

@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
}

.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: #303231;
	font-size: 0.9em;
	color: #fff;
	opacity: 0.9;
}

.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 th {
	width: 150px;
	padding: 10px 13px;
	border-bottom: 1px solid #e9e9e9;
	text-align: left
}

.tbl_frm01 td {
	padding: 10px 10px;
	border-bottom: 1px solid #e9e9e9;
}

.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 {
	padding: 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: #30499b;
	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: #30499b;
	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: #30499b
}

/* 자바스크립트 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 #121b38;
	background: #30499b;
	color: #fff
}

a.btn_b02:hover {
	background: #121b38;
	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: #30499b
}

.copymove_currentbg {
	background: #30499b
}


/* 게시판 리스트 */
#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 1em auto;
	border-bottom: 2px solid #ebeceb;
}

#bo_cate_ul li {
	display: inline-block;
	width: 150px;
}

#bo_cate_ul li a {
	display: block;
	width: 100%;
	padding: 15px 32px;
	border-right: 1px solid #ebeceb;
	border-top: 1px solid #ebeceb;
	text-align: center;
}

#bo_cate_ul a#bo_cate_on {
	background: #ff4883;
	font-weight: bold;
	color: #fff;
}

#bo_cate_ul li:first-child a {
	border-left: 1px solid #ebeceb;
}

/*#bo_cate_ul #bo_cate_on{border:1px solid #121b38;background:#30499b;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
}



/* QNA */
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

ul,
li,
p {
	list-style: none;
	padding: 0;
	margin: 0;
}

.listWrap {
	font-family: 'Noto Sans KR', sans-serif;
	margin-bottom: 20px;
}

.listWrap .dr_li {
	position: relative;
	display: block;
	padding: 0;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	cursor: pointer;
}

.listWrap .dr_li .ca_name {
	margin-bottom: 5px;
	font-weight: 400;
	color: #999;
	font-size: 12px;
}

.listWrap .dr_li .qu-tit {
	color: #222;
	font-size: 18px;
	transition: color 0.3s ease-out;
	letter-spacing: -1px;
}

.listWrap .dr_li:hover .qu-tit {
	color: #0a7ac8;
}

.dr_li .question {
	position: relative;
	display: block;
	padding: 20px 100px;
	/*background:url('./img/q.png') 40px center no-repeat;*/
}

.dr_li .question .qu-tit:before {
	margin-right: 20px;
	content: 'Dr.Song4u';
	color: #7da7d9;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}

.dr_li .question .iconDiv {
	position: absolute;
	right: 40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dr_li .answer {
	position: relative;
	display: none;
	padding: 20px 100px;
	;
	font-size: 13px;
	color: #222;
	line-height: 28px;
	background: #f6f6f6;
	border-top: 1px solid #e4e4e4;
}

/*.dr_li .answer:before {float:left; padding:6px 15px 10px 15px; margin-right:20px; content:'A'; color:#fff; background:#7da7d9; border:1px solid #7da7d9; border-radius:50px; font-weight:bold; font-size:1.8em; text-align:center;}*/

.dr_li .qu-tit .modA {
	position: absolute;
	right: 30px;
	bottom: 30px;
	color: #e82b2b;
}


/* -------------------------------------------------------------------------------- ★닥터송포유 (Header) ---------------------------------------- */
#top-btn {
	padding: 11px 130px;
	border-bottom: 1px solid #e2e8ea;
	text-align: center;
}

#top-btn .t-right {
	float: right;
}

#top-btn .t-right a {
	float: left;
	margin: 0 3px;
}

#top-btn .top-connect {
	float: right;
	padding-left: 10px;
	width: 170px;
	color: #000;
}

#top-btn .top-connect a {
	display: block;
	color: #000;
}

#top-btn .top-connect .name {
	float: left;
	padding: 5px 10px 0 0;
	font-size: 12px;
}

#top-btn .top-connect .tit {
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 500;
}

#top-btn .admin a {
	padding: 5px 10px;
	background: #000;
	color: #fff;
	font-weight: bold;
}

#top-btn .btnn a {
	color: #000;
	border-right: 1px dotted #333333;
}


#top-btn .reserve a {
	background: #00afef;
	color: #fff;
	font-weight: bold;
}

#top-btn .surgery a {
	background: #30499b;
	color: #fff;
	font-weight: bold;
}

#top-btn .surgery2 a {
	background: #3bc94f;
	color: #fff;
	font-weight: bold;
}

#top-btn .facelift a {
	background: #4544f6;
	color: #fff;
	font-weight: bold;
}

#top-btn .list-absoulte {
	position: absolute;
	top: 24px;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
}

#listTopMenu {
	float: left;
	width: 600px;
	text-align: left;
}

#listTopMenu li {
	display: inline-block;
	font-size: 12px;
	padding: 5px 0;
}

#listTopMenu li:last-child a {
	border: none;
}

#listTopMenu li a {
	display: block;
	width: auto;
	padding: 0 10px;
	font-family: 'dotum';
}

/*#listTopMenu li:first-child a {padding:5px 13px 5px 0;}*/
#listTopMenu li a img {
	float: left;
	padding: 2px 10px 0 0;
}

#listTopMenu .lang {
	float: left;
	width: auto;
	padding-right: 10px;
}

#header {}

#header #h-updown {
	overflow: hidden;
	max-height: 120px;
	padding: 15px 0;
}

#header #h-updown .bxslider {}

#header #h-updown .bxslider img {}

#header #h-updown .bxslider .con a {
	display: block;
}

#header #h-updown .bxpager {
	position: absolute;
	margin-right: 40px;
	z-index: 999;
}

#header .logo img {
	padding-top: 27px;
}


/* GNB */
#gnb {
	position: relative;
	z-index: 999;
}

#gnb a {
	font-family: 'Noto Sans KR', sans-serif;
}

#gnb .gnb_wrap {
	margin: 0 auto;
	position: relative;
	border-top: 1px solid #e2e8ea;
	border-bottom: 1px solid #e2e8ea;
}

#gnb ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#gnb #gnb_1dul {
	margin: 0 auto;
	padding: 18px 0;
	width: 1650px;
	zoom: 1;
	text-align: center;
}

.gnb_1dli {
	display: inline-block;
	position: relative;
	width: 150px;
	/*★★★*/
	vertical-align: middle;
}

.gnb_1dli:hover {
	background: #;
}

.gnb_1dli .bg {
	display: inline-block;
	overflow: hidden;
	width: 10px;
	height: 10px;
	text-indent: -999px
}

.gnb_1dli,
#gnb .gnb_menu_btn,
#gnb .gnb_close_btn {
	/*height: 60px;line-height: 60px;*/
}

#gnb .gnb_close_btn {
	top: -60px;
}

#gnb_1dul li a {
	display: block;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.5px;
	box-sizing: border-box;
	border-right: 1px solid #e2e8ea;
	text-align: center;
	color: #000;
	padding: 0;
}

#gnb_1dul li:last-child a {
	border-right: none;
}

.gnb_1dli .bg {
	display: none;
}

.gnb_1dli_over .gnb_1da {
	color: #30499b;
}

.gnb_2dli {
	line-height: 40px;
}

.gnb_2dul {
	display: none;
	position: absolute;
	min-width: 200px;
	margin-top: -5px;
	padding: 5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	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: -95px;
}

.gnb_2dul a:hover {
	background: #e4f5fd;
	font-weight: bold;
}

.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;
	right: 0;
	width: 50px;
	height: 58px;
	line-height: 50px;
	border: 0;
	color: #000;
	vertical-align: top;
	font-size: 18px;
	background: url('../img/gnb_menu.png') no-repeat center #fff;
	border-left: 1px solid #e2e8ea;
}

#gnb .gnb_close_btn {
	position: absolute;
	top: -58px;
	right: 0;
	z-index: 2;
	width: 50px;
	line-height: 56px;
	border: 0;
	background: #00afef;
	color: #fff;
	vertical-align: top;
	font-size: 18px;
}

#gnb_all {
	display: none;
	position: absolute;
	width: 100%;
	height: 370px;
	z-index: 99;
	background: rgba(0, 0, 0, 0.7);
	padding: 10px 20px 20px 20px;
}

#gnb_all .gnb_al_ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#gnb_all .gnb_al_ul {
	/*position: absolute;*/
	width: 1650px;
	margin: 0 auto;
	z-index: 3;
	text-align: center;
}

#gnb_all .gnb_al_li {
	display: inline-block;
	width: 150px;
	/*★★★*/
	padding: 0 5px;
	text-align: center;
	vertical-align: top;
}

#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: #30499b
}

#gnb_all .gnb_al_li li {
	line-height: 1.6em;
}

#gnb_all .gnb_al_li li i {
	display: none;
}

#gnb_all .gnb_al_li li a {
	display: block;
	padding: 8px 0;
	font-size: 15px;
	color: #a9a9a9;
}

#gnb_all .gnb_al_li li a:hover {
	color: #fff;
	font-weight: bold;
	transform: 0.5s all;
}

#gnb_all .bg-cover {
	display: none;
	position: fixed;
	top: 0%;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 200%;
	/*background: #000;*/
	opacity: 0.7;
}


/*서브비쥬얼*/
#svisual {
	background: url('../img/sub/sv_bg.png') no-repeat center #eef5fe;
}

#svisual .sv-txt {
	width: 700px;
	padding: 170px 80px 100px 0;
}

#svisual .sv-location {
	padding: 0 3px;
	font-size: 17px;
	color: #2c2c2c;
	font-weight: 200;
	letter-spacing: -0.5px;
}

#svisual .sv-point {
	margin: 14px 0;
	font-size: 54px;
	color: #000;
	font-weight: 200;
	letter-spacing: -2px
}

#svisual .sv-tit {
	font-size: 75px;
	color: #006bef;
	font-weight: 600;
	letter-spacing: -4px;
	line-height: 82px;
}

#svisual .sv-sm {
	padding: 0 10px;
	margin-top: 70px;
	font-size: 16px;
	color: #d5e2f3;
	font-weight: 600;
	letter-spacing: 25px;
}

/* -------------------------------------------------------------------------------- ★닥터송포유 (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 {}

#footer .f-btn {
	padding: 16px 0;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	text-align: center;
}

#footer .f-btn li a {
	display: block;
	padding: 0 30px;
	font-size: 14px;
	font-weight: 400;
	border-right: 1px solid #d4dde2;
	text-align: center;
	color: #000;
}

#footer .f-btn li:last-child a {
	border-right: none;
}

#footer .f-copyright {
	padding: 50px 0 70px 0;
}

#footer .f-copyright .txt {
	padding-left: 80px;
	font-family: 'dotum';
	font-size: 13px;
	line-height: 20px;
	color: #a7a7a7;
	letter-spacing: 1px;
}


#quick {
	display: none;
}

#quick .reserve-latest {
	padding: 5px 20px;
	height: 170px;
	background: #fff;
}

#quick .reserve-latest li {
	line-height: 31px;
}

#quick .reserve-latest img {
	display: none;
}


@media (min-width:1024px) {
	#quick {
		display: initial;
		position: fixed;
		top: 228px;
		right: 0;
		z-index: 9999;
	}
}





/* -------------------------------------------------------------------------------- ★닥터송포유 (Index) ---------------------------------------- */
.bxslider,
.bxslider>div {
	height: 100%;
}

#m-icon {
	padding: 40px 0;
}

#m-icon img {
	margin-bottom: 35px;
}

#m-icon a {
	float: left;
	display: block;
	width: 10%;
	padding: 0 20px;
	font-size: 18px;
	color: #000;
	letter-spacing: -0.5px;
	text-align: center;
}

#m-icon a:hover {
	color: #888888;
	transform: 0.2s all;
}

#m-info {
	padding: 55px 0;
	background: #f0f0f0;
}

#m-info:after {
	content: '';
	display: block;
	clear: both;
}

#m-info .time {
	float: left;
	width: 550px;
	height: 550px;
	padding: 50px;
	background: #fff;
}

#m-info .location {
	overflow: hidden;
	float: right;
	width: 800px;
	height: 550px;
	text-align: center;
}

#m-info .location .tit {
	display: none;
	margin: 30px 0 10px 0;
	font-size: 1.2em;
	font-weight: 900;
	color: #1c3178
}

#m-info .location address {
	display: block;
	margin-bottom: 1em;
	font-size: 1.4em;
	padding: 15px;
	background: #1c3178;
	color: #fff
}

#m-info a {
	display: inline-block;
}

#m-promise {
	margin: 90px 0;
}

#m-promise .mp-con {
	padding: 60px;
	height: 400px;
}

#m-promise .tit {
	font-size: 35px;
	line-height: 50px;
	letter-spacing: -2px;
	font-weight: bold;
	font-family: 'Noto Serif KR', serif;
}

#m-promise .txt {
	margin-top: 25px;
	font-size: 16px;
	line-height: 25px;
}

#m-promise .mp-mg {
	margin-top: 2px;
}

#m-promise .m-promise-1 {
	background: url('../img/m_promise_bg_1.png') no-repeat center;
}

#m-promise .m-promise-2 {
	background: url('../img/m_promise_bg_2.png') no-repeat center;
}

#m-promise .m-promise-3 {
	background: url('../img/m_promise_bg_3.png') no-repeat center;
}

#m-promise .m-promise-4 {
	background: url('../img/m_promise_bg_4.png') no-repeat center;
}

.m-tit {
	margin-bottom: 30px;
	font-size: 60px;
	text-align: center;
	letter-spacing: -2px;
	font-weight: 300;
}

#m-notice {
	margin: 130px 0;
}

#m-notice .notice-con {
	margin-bottom: 15px;
	padding: 20px 25px;
	box-sizing: border-box;
	border: 1px solid #cfd8dc;
	border-radius: 3px;
	text-align: center;
}

#m-notice .notice-con:after {
	content: '';
	display: block;
	clear: both;
}

#m-notice .notice-con .stit {
	padding-top: 6px;
	font-size: 12px;
	font-weight: 300;
}

#m-notice .notice-con .txt a {
	font-size: 19px;
	font-weight: 400;
	color: #000;
}

#m-notice .notice-con .txt a:hover {
	color: #888888;
	transform: 0.2s all;
}

#f-community {
	padding: 60px 0;
	background: url('../img/f_cm_bg.png') no-repeat center;
	background-size: cover;
}

#f-community .cm-list {
	margin-top: 22px;
}

#f-community .cm-list li {
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	padding: 2px;
}

#f-community .f-icon {}

#f-community .f-icon li {
	display: block;
	padding: 25px 0;
	border-right: 1px solid #fff;
}

#f-community .f-icon li:last-child {
	border-right: none;
}

#m-visit {
	padding: 60px 0;
}

#m-visit .mvisit-con:after {
	content: "";
	clear: both;
	display: table;
}

#m-visit .mvisit-tit {
	font-size: 45px;
	line-height: 65px;
	letter-spacing: -1px;
	font-weight: 100;
	color: #000;
}

#m-visit .mvisit-txt {
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: 500;
	color: #c7d8f1;
}

#m-visit .mvisit-con {
	padding: 30px;
	box-sizing: border-box;
	border: 2px solid #f2f2f2;
	border-radius: 7px;
}

#m-visit .mvisit-con .tit {
	padding-bottom: 12px;
	font-size: 20px;
	letter-spacing: -1px;
	color: #000;
	border-bottom: 2px solid #eeeeee;
}

#m-visit .mvisit-con .mvsisit-btn-1 a {
	display: block;
	padding: 13px 0;
	width: 100%;
	text-align: center;
	border-radius: 5px;
}

#m-visit .mvisit-con .mvsisit-btn-2 a {
	display: block;
	padding: 13px 0;
	width: 49%;
	float: left;
	text-align: center;
	border-radius: 5px;
}

/*수술예약현황 최신글*/
.m-operation {
	padding: 15px 0;
}

.m-operation li {
	font-size: 15px;
	color: #000;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.m-operation li .op_caname {
	width: 80px;
	display: inline-block;
}

.m-operation li .op_caname:after {
	float: right;
	content: "|";
	color: #a3a3a3;
	font-size: 11px;
}

.m-operation li .op_subject {
	padding-left: 20px;
}

.m-operation li .op_date {
	position: absolute;
	right: 50px;
}

/*상담예약현황 최신글*/
.m-counsel {
	padding: 15px 0;
}

.m-counsel li {
	font-size: 15px;
	color: #000;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.m-counsel li .op_caname {
	width: 80px;
	display: inline-block;
}

.m-counsel li .op_caname:after {
	float: right;
	content: "|";
	color: #a3a3a3;
	font-size: 11px;
}

.m-counsel li .op_subject {
	padding-left: 20px;
}

.m-counsel li .op_date {
	position: absolute;
	right: 50px;
}

#m-community {
	padding: 60px 0;
	background: url('../img/f_cm_bg.png') no-repeat center;
	background-size: cover;
}



/*전후사진*/
.clear::before,
clear::after {
	content="";
	display: block;
	clear: both
}

#main-latest-webzine {
	padding-top: 60px;
	padding-bottom: 80px;
	overflow: hidden;
}

.bna-view,
.bna-slide {
	width: 50%;
	float: left;
}

.bna-slide {
	position: relative;
	margin-top: 24px;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 70px;
	padding-right: 70px;
	background: #fff;
	border: 1px solid #ddd;
}

.bna-slide .bna-slide-btn div {
	position: absolute;
	top: 40%;
	display: inline-block;
}

.bna-slide .bna-slide-btn .prev {
	left: 14px;
}

.bna-slide .bna-slide-btn .next {
	right: 14px;
}

.bna-slide .bxslider .col-md-6 {
	padding-right: 6px;
	padding-left: 6px;
	max-height: 250px;
	overflow: hidden;
	position: relative;
}

.bna-slide .bxslider .col-md-6 img {
	position: relative;
	top: 0px;
}

.bna-slide .bxslider .col-md-6:first-child img {}

.bna-slide .bxslider .col-md-6:last-child img {
	right: 12px;
}

.bna-slide .bxslider .no-login {
	padding: 50px 0;
	background: #000;
}

.thumb dl {
	margin-top: 10px;
	display: block;
	padding: 10px 0;
	background: #00afef;
	text-align: center;
	font-size: 16px;
}

.thumb dl a {
	color: #fff;
}

.rec_tit .bo_cate_link {
	margin-right: 5px;
}

/* -------------------------------------------------------------------------------- ★닥터송포유 (Content) ---------------------------------------- */
#content {
	margin-bottom: 80px;
}

#content #s-title {
	width: 1000px;
	margin: 1em auto;
	padding: 15px 0;
	border: 10px solid #ebeceb;
	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;
}

.lookup-con {
	width: 800px;
	margin: 20px auto;
	padding: 40px;
	border: 10px solid #f2f2f2;
	box-sizing: border-box;
}

.lookup-con table {
	padding: 0 30px;
}


/* -------------------------------------------------------------------------------- ★닥터송포유 (Board) ---------------------------------------- */
#board {}

.full_input {
	width: 100%;
}

#latest-webzine-bf {
	padding: 24px 0 0 2px;
}

#latest-webzine-bf .wb-img {}

#latest-webzine-bf .wb-img a {
	display: block;
	float: left;
	padding: 0 2px;
}

.btn_confirm input {
	width: 100%;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
}


/* -------------------------------------------------------------------------------- 닥터송포유 (Sub:Layout) ---------------------------------------- */
/* 서브 비주얼 */
.sub-visual {}


/* 서브네비 2depth */
.snb {
	margin: 20px auto;
	text-align: center;
}

.snb li {
	display: inline-block;
	list-style-type: none;
}

.snb li a {
	display: block;
	padding: 15px 20px;
	margin: 0 2px;
	border: 1px solid #e2e8ea;
	border-radius: 50px;
}

.snb li.on a {
	font-weight: 700;
	background: #00afef;
	color: #fff;
}

.snb li.on:first-child a {
	background: #00afef;
	color: #fff
}


/* 서브네비 3depth */
.ssnb li {
	display: inline-block;
}

.ssnb li a {
	display: block;
	padding: 15px;
}

/* 서브네비 3depth 210618_부인과 작업 */
.ssnb {
	text-align: center;
}

.ssnb li {
	display: inline-block;
}

.ssnb li a {
	display: block;
	padding: 17px;
}

.ssnb li {
	display: inline-block;
	list-style-type: none;
}

.ssnb li a {
	display: block;
	padding: 13px 20px;
	margin: 0 4px;
	/*border-radius:50px; */
}

.ssnb li.on a {
	font-weight: 700;
	border-bottom: 3px solid #51c5f0;
}

.ssnb li.on:first-child a {
	border-bottom: 3px solid #51c5f0;
}



/* 서브네비 location */
.s-location li {
	display: inline-block;
}

.s-location li a {
	display: block;
	padding: 15px;
}


/* 병원소개 */
#s-a010 .a010-0 {
	background: url('../img/sub/a010_0_bg.png') no-repeat center;
	background-size: cover;
}

#s-a010 .a010-0 .txt {
	padding: 150px 0 70px 0;
}

#s-a010 .a0-txt {
	padding: 90px 50px;
}

#s-a010 .a0-txt .tit {
	font-size: 45px;
	font-family: 'Noto Serif KR', serif;
	color: #000;
	font-weight: 300;
	letter-spacing: -2px;
}

#s-a010 .a0-txt .dr {
	padding: 35px 0;
	font-size: 16px;
	letter-spacing: 20px;
	color: #c1c1c1;
	font-weight: 500;
}

#s-a010 .a0-txt .txt {
	font-size: 18px;
	color: #000;
	letter-spacing: -0.5px;
	line-height: 35px;
}

#s-a010 .f-right {
	float: right !important;
}

/* 의료진소개 */
#s-a020 .container-md {
	max-width: 940px;
}

#s-a020 .tit {
	font-size: 45px;
	font-family: 'Noto Serif KR', serif;
	color: #000;
	font-weight: 300;
	letter-spacing: -2px;
}

#s-a020 .sm {
	font-size: 30px;
}

#s-a020 .dr {
	padding: 25px 0;
	font-size: 16px;
	letter-spacing: 20px;
	color: #c1c1c1;
	font-weight: 500;
}

/* 진료시간 */
#s-a030 .a030-1 .container {
	width: 332px;
	margin: 0 auto;
}

#s-a030 .a030-1 {
	padding: 3em 0;
	background: url('../img/sub/a030_1_bg.png') no-repeat right bottom #fafafa;
}

#s-a030 .a030-con {
	padding: 80px;
}

#s-a030 .a030-con .num-info {
	font-size: 45px;
	font-family: 'Noto Serif KR', serif;
	font-weight: bold;
	color: #000;
}

#s-a030 .a030-con .num-info .sm {
	font-size: 20px;
	font-family: 'Noto Sans KR', sans-serif;
	color: #404040;
	letter-spacing: -1px;
	vertical-align: middle;
}

#s-a030 .a030-con .time-info {
	padding: 20px 0;
}

#s-a030 .a030-con .kakao-info a:before {
	content: url('../img/sub/s_kakao.png');
	margin-right: 10px;
	vertical-align: middle;
}

#s-a030 .a030-con .kakao-info a {
	display: block;
	padding: 10px 15px 5px 15px;
	width: 330px;
	font-size: 25px;
	font-family: 'Noto Serif KR', serif;
	font-weight: bold;
	background: #fff200;
	color: #3a2020;
	text-align: center;
	border-radius: 5px;
}

#s-a030 .a030-con .kakao-info .sm {
	margin-right: 10px;
	font-size: 12px;
	font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: 5px;
	vertical-align: middle;
}

#s-a030 .dlist {
	font-size: 20px;
	line-height: 45px;
	color: #000;
}

#s-a030 .dlist dt {
	float: left;
	margin-right: 15px;
	width: 100px;
	letter-spacing: -1px;
	background: #00b0ef;
	color: #ffff;
	text-align: center;
}

#s-a030 .dlist dd {
	font-weight: bold;
}

#bo_gall {
	margin: 40px auto;
}




/* -------------------------------------------------------------------------------- ★닥터송포유 (Sub:Basic Setting) ---------------------------------------- */
/* _SUB_ 폰트설정 */
.sub {}

.sub h2,
.sub h3,
.sub h4,
.sub h5 {
	font-weight: 300;
	letter-spacing: -0.05em;
}

.sub h2 {
	font-size: 60px;
}

.sub h3 {
	font-size: 40px;
}

.sub h4 {
	font-size: 35px;
}

.sub h5 {
	font-size: 1.6em;
}

.sub h6 {
	font-size: 1.2em;
}

.sub p {
	font-size: 1.1em;
}

.scon {
	padding: 80px 0;
}

.scon h2 {
	font-size: 35px;
	color: #000;
	font-weight: 300;
	letter-spacing: -2px;
}

.scon h3 {
	font-size: 25px;
}

.scon h4 {
	font-size: 20px;
	font-weight: 500;
	color: #006bef
}

.scon h4::before {
	position: relative;
	top: -3px;
	padding-right: 5px;
	content: '■';
	font-size: 2px;
}

.scon p {
	padding: 5px 0px;
	font-size: 18px;
	color: #000;
	line-height: 30px;
	font-weight: 200;
}

.scon p.tit {}

.scon hr {
	margin: 50px 0
}

.circle-num {
	padding: 6px 15px;
	margin-right: 3px;
	border-radius: 30px;
	font-size: 70%;
	font-weight: bold;
}

/*리스트 스타일*/
.slist {
	font-size: 17px;
	line-height: 43px;
	color: #000;
}

.dot-list li:before {
	padding: 0 10px 0 0;
	content: '●';
	font-size: 10px;
	color: #00b0ef;
	vertical-align: bottom;
}

.checklist span {
	color: #00b0ef;
	padding-right: 10px;
}

.checklist li {
	padding: 10px 30px;
	margin-bottom: 10px;
	box-sizing: border-box;
	border: 3px solid #ececec;
	border-radius: 50px;
}

.dot-line {
	width: 100%;
	height: 1px;
	border: 1px dotted #dedede;
}

/* -------------------------------------------------------------------------------- ★닥터송포유 (Sub:Custom Page) ---------------------------------------- */
/* 항목 */
.sub-explanation {}


/* 항목 */
.sub-cause {}


/* 항목 */
.sub-symptom {}


/* 항목 */
.sub-treatment {}


.md-tit {
	margin: 50px 0;
	color: #000;
	font-size: 15px;
	letter-spacing: 10px;
}

#bna {
	padding-top: 100px;
	padding-bottom: 100px;
}

#bna .cont {}

#bna .cont .lt {}

#bna .cont .lt li.ld_lastest_li_bna {
	margin-bottom: 30px;
	background: transparent;
}

#bna .cont .lt li.ld_lastest_li_bna a {
	display: block
}

#bna .cont .lt li.ld_lastest_li_bna a .img {
	position: relative;
	overflow: hidden;
	min-height: 320px;
	background: #000;
}

#bna .cont .lt li.ld_lastest_li_bna a .img img {
	position: absolute;
	height: 100%;
	top: 0;
	width: 50%;
}

#bna .cont .lt li.ld_lastest_li_bna a .img img:first-child {
	left: 0;
}

#bna .cont .lt li.ld_lastest_li_bna a .img img:last-child {
	right: 0;
}

#bna .cont .lt li.ld_lastest_li_bna a span.ld_lastest_subject {
	display: block;
	padding: .5em;
	background: #ededed;
	font-size: 18px;
	line-height: 1em;
	font-weight: 600;
	color: #111;
}

#youtube {
	padding-top: 100px;
	padding-bottom: 100px;
}

#youtube .youtube-search {
	margin-top: 40px;
	margin-bottom: 40px;
}

#youtube .cont .box {
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
	margin-bottom: 80px;
	height: 0;
	max-width: 100%;
	text-align: center
}

#youtube .cont .box iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}



/*sms*/
.sms-map {
	position: fixed;
	bottom: 30px;
	left: inherit;
	margin: 0 10px;
	z-index: 9999;
	width: 280px;
	background: url('../img/sms/sms_bg_eonju.png') no-repeat;
	background-size: contain;
}

.sms-map textarea {
	display: none;
}

.sms-map .sms-con {
	padding: 290px 45px 0 25px;
}

.sms-map .sms-con .form-control {
	padding: 6px 8px !important;
}

.sms-map .sms-con .agree {
	padding: 5px 0;
	text-align: center;
	font-size: 1em;
	letter-spacing: -0.5px;
}

.sms-map .sms-button {
	width: 230px !important;
}

.sms-map .sms-button a {
	margin: 5px auto 10px auto;
	display: block;
	padding: 13px 15px;
	border-radius: 50px;
	background: #00afef;
	color: #fff;
	text-align: center;
	font-size: 1.1em;
	letter-spacing: -1px;
	border: 1px solid #00a5e1;
}

.sms-map .sms-button a:hover {
	background: #00a5e1;
	transform: all 0.5s;
}

.sms-map .sms-button input {
	margin: 5px auto 10px auto;
	display: block;
	padding: 13px 15px;
	border-radius: 50px;
	background: #00afef;
	color: #fff;
	text-align: center;
	font-size: 1.1em;
	letter-spacing: -1px;
	border: 1px solid #00a5e1;
	width: 100%;
}

.sms-map .sms-button input:hover {
	background: #00a5e1;
	transform: all 0.5s;
}

.sms-map .layer_popup_btn {
	text-align: center;
	color: #000;
	width: 250px;
	position: relative;
	top: -8px;
}

.ld-btn {
	position: absolute;
	width: 250px;
	top: -330px;
	left: 8px;
}

.ld-btn a {
	display: block;
	clear: both;
}

.ld-btn a img {
	width: 100%;
}

.fvisual {
	padding: 14px 0 0 0;
	background: url('../img/sub/foot_point_bg.png') no-repeat center;
	background-size: cover;
}

.sillicon-btn a {
	font-size: 1.1rem;
	padding: .4em 1em;
	border-radius: 30px;
}


/* 유튜브 섹션 추가 */
#m-youtube {
	padding: 140px 0 100px;
	background: #ebfbff;
	overflow-x: hidden;
}

#m-youtube .sub-tit {
	text-align: center;
}

#m-youtube .sub-tit h3 {
	font-size: 42px;
}

#m-youtube .sub-tit h3 .fc-p {
	font-size: 1.2em;
}

#m-youtube .sub-tit h3 .dot {
	position: relative;
}

#m-youtube .sub-tit h3 .dot::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -14px;
	margin: 0 auto;
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #00a3ef;
}

#m-youtube .sub-tit a {
	display: block;
	max-width: 420px;
	margin: 20px auto
}

#m-youtube .sub-tit a img {
	display: block;
	width: 100%;
}

#m-youtube .cont {
	position: relative;
	margin-top: 40px;
}

#m-youtube .cont img.bubble {
	position: absolute;
	left: 50%;
	margin-left: -500px;
	top: -160px;
}

#m-youtube .cont .pager {
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	max-width: 1060px;
	margin: -50px auto 0;
}

#m-youtube .cont .pager div.prev {
	display: inline-block;
}

#m-youtube .cont .pager div.next {
	display: inline-block;
	float: right;
}

#m-youtube .cont .pager div a {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 58px;
	border-radius: 50%;
	background: #ddd;
	text-align: center;
	transition: all .2s;
}

#m-youtube .cont .pager div a:hover {
	background: #ff0000;
}

#m-youtube .cont .bx-viewport {
	overflow: visible !important
}

#m-youtube .cont .slider {}

#m-youtube .cont .slider .box {}

#m-youtube .cont .slider .box .embed-youtube {
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 56.2%;
	margin-bottom: 80px;
	max-width: 100%;
	border-radius: 40px;
	text-align: center
}

#m-youtube .cont .slider .box .embed-youtube {
	position: relative;
}

#m-youtube .cont .slider .box .embed-youtube::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5)
}

#m-youtube .cont .slider .box[aria-hidden='false'] .embed-youtube::after {
	display: none
}

#m-youtube .cont .slider .box iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}