@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;
}

/* 구버전 PC 전용 고정폭 잔재 — default.css와 동일한 사유로 제거 (2026-06)
   미디어쿼리 없이 모든 화면에 적용되어 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;
	background: var(--c-navy, #1c3178);
	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;
	cursor: pointer;
}

@media (min-width:1024px) {
	/* 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%);
	transition: transform 0.4s;
}

.dr_li.open .question .iconDiv {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-moz-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.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;
}


/* ============================================================
   서브페이지 헤더 — default.css(메인/PC) 헤더 블록과 100% 동일
   (구버전 #h-updown/.gnb_1dli 레거시 헤더 CSS를 신규 구조로 교체)
   ============================================================ */
/* ================================================================
   default.css  —  닥터송포유 리뉴얼 PC / 주요 페이지 스타일
   기준 디자인: 닥터송_메인랜딩시안_260422
   로드 순서: common.css → default.css → mobile.css
   수정이력: 2026-06 CSS 구조 정리
     - #header / .header-inner / GNB 중복 블록 1개로 통합
     - .sec-title 기본 정의 → common.css로 이전 (여기서 제거)
     - .gnb_wrap !important 중복 정리
     - @media 순서 재정렬: 1280 → 1024 → 996 → 768
     - !important 최소화 (gnb_wrap 배경 제어 2개만 유지)
   ================================================================ */

/* ──────────────────────────────────────────
   폰트
────────────────────────────────────────── */
@font-face {
    font-family: 'KbizHanmaumGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KBIZHanmaumGothic.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

/* ══════════════════════════════════════════
   0. 유틸리티 바 (#util-bar)
   ■ 항상 흰색 배경, 헤더 위에 독립 노출
   ■ 인덱스: #header가 absolute로 util-bar 바로 아래서 시작
   ■ 서브:   normal flow → header가 그 아래 이어짐
══════════════════════════════════════════ */

#util-bar {
    background: #fff;
    height: 44px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    z-index: 901; /* header(z-index:900) 보다 위 */
}

.util-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--inner-max);
    height: 100%;
    margin: 0 auto;
    padding: 0 24px;
}

/* 왼쪽 그룹 */
.util-left {
    display: flex;
    align-items: center;
    gap: 0;
}

/* 언어 선택 */
.util-lang {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-right: 14px;
    border-right: 1px solid #e8e4e0;
}
.util-lang-link {
    font-size: 11px;
    font-weight: 600;
    color: #999;
    letter-spacing: 0.06em;
    text-decoration: none;
    transition: color var(--tr);
}
.util-lang-link:hover { color: var(--c-navy); }
.util-lang-sep { font-size: 10px; color: #ddd; line-height: 1; }

/* 회원/블로그 링크 */
.util-member {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 14px;
}
.util-member a {
    font-size: 12px;
    font-weight: 400;
    color: #888;
    text-decoration: none;
    letter-spacing: -0.02em;
    transition: color var(--tr);
}
.util-member a:hover { color: var(--c-navy); }
.util-sep { font-size: 10px; color: #ddd; line-height: 1; }

/* 오른쪽 그룹 */
.util-right {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* ══════════════════════════════════════════
   1. 헤더 우측 SNS / 연결 그룹 (common.css 보완)
══════════════════════════════════════════ */
.top-sns {
    display: flex;
    align-items: center;
    gap: 8px;
}
.top-sns-link {
    display: flex;
    align-items: center;
    opacity: 0.7;
    transition: opacity var(--tr);
}
.top-sns-link:hover { opacity: 1; }
.top-sns-link img { width: 22px; height: auto; }

.top-connect {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-left: 16px;
    border-left: 1px solid var(--c-border);
}
.top-connect-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--c-text-light);
}
.top-connect-tel {
    font-size: 15px;
    font-weight: 700;
    color: var(--c-navy);
    letter-spacing: -0.03em;
    text-decoration: none;
    transition: color var(--tr);
}
.top-connect-tel:hover { color: var(--c-navy); opacity: 0.75; }

/* ══════════════════════════════════════════
   2. 헤더 (#header)
   ■ 인덱스: 투명 absolute overlay (비주얼 위)
   ■ 서브:   흰색 배경 relative
══════════════════════════════════════════ */

/* h-updown */
#h-updown {
    overflow: hidden;
    height: 60px;
}
#h-updown .bxpager { display: none; }
#h-updown .bxslider { height: 60px; }
#h-updown .bxslider img { max-height: 56px; width: auto; }

/* 헤더 기본 */
#header {
    position: relative;
    background: transparent;
    border-bottom: none;
    box-shadow: none;
    z-index: 900;
}

/* 헤더 내부 레이아웃 */
.header-inner {
    max-width: var(--inner-max);
    margin: 0 auto;
    padding: 0 24px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

/* 로고 */
.header-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    line-height: 0;
}
.header-logo a { display: block; }
.header-logo img {
    height: 48px;
    width: auto;
    display: block;
    transition: opacity var(--tr);
}
.header-logo a:hover img { opacity: 0.82; }

/* 로고 두 이미지 기본 제어 */
#index .logo-default { display: block; }
#index .logo-dark    { display: none;  }
.wrap:not(#index) .logo-default { display: none;  }
.wrap:not(#index) .logo-dark    { display: block; }
#index.gnb-hovered .logo-default { display: none;  }
#index.gnb-hovered .logo-dark    { display: block; }

/* 특별 링크 */
.header-special-link { display: block; }
.header-special-link img { max-height: 52px; width: auto; }

/* 모바일 햄버거 — PC 숨김 */
.m-nav-btn { display: none; }

/* ■ 인덱스 전용: 헤더 absolute overlay — util-bar(44px) 바로 아래 */
#index #header {
    position: absolute;
    top: 44px; left: 0;
    width: 100%;
    background: transparent;
    border-bottom: none;
    box-shadow: none;
    transition: background 0.28s ease, box-shadow 0.28s ease;
}

/* 인덱스 — gnb-hovered 시 헤더 흰색 */
#index.gnb-hovered #header {
    background: #fff;
    box-shadow: 0 2px 16px rgba(0,0,0,0.08);
    border-bottom: 1px solid var(--c-border);
}

/* ■ 서브 페이지: 흰색 배경 헤더 */
.wrap:not(#index) #header {
    position: relative;
    background: #fff;
    border-bottom: 1px solid var(--c-border);
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* ══════════════════════════════════════════
   3. GNB 내비게이션 (#gnb)
   ■ 인덱스: 투명 배경 + 흰색 텍스트
   ■ 서브:   네이비 배경 + 흰색 텍스트
══════════════════════════════════════════ */
#gnb {
    position: relative;
    z-index: 800;
    background: transparent;
}

/* gnb_wrap 배경: 인덱스/서브 구분 */
#index .gnb_wrap            { background: transparent !important; }
.wrap:not(#index) .gnb_wrap { background: #fff !important; }

.gnb-inner {
    max-width: var(--inner-max);
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
}

/* 1뎁스 리스트 */
#gnb_1dul {
    display: flex;
    align-items: stretch;
    flex: 1;
    width: 100%;
    margin: 0; padding: 0;
    list-style: none;
}
.gnb_1dli {
    flex: 1;
    text-align: center;
    position: relative;
}

/* 인덱스 GNB: 투명 + 흰색 텍스트 */
#index #gnb { background: transparent; }
#index .gnb_1da {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 6px;
    font-size: 15px;
    font-weight: 400;
    color: rgba(255,255,255,0.88);
    letter-spacing: -0.02em;
    white-space: nowrap;
    text-shadow: 0 1px 5px rgba(0,0,0,0.20);
    transition: color 0.25s ease;
    position: relative;
}
#index .gnb_1da::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background: #fff;
    transition: transform 0.22s ease;
}
#index .gnb_1dli:hover > .gnb_1da { color: #fff; }
#index .gnb_1dli:hover > .gnb_1da::after { transform: translateX(-50%) scaleX(1); }

/* 인덱스 — gnb-hovered 시 GNB 텍스트 다크 전환 */
#index.gnb-hovered .gnb_1da {
    color: #111;
    text-shadow: none;
}
#index.gnb-hovered .gnb_1dli:hover > .gnb_1da { color: #111; }
#index.gnb-hovered .gnb_1da::after { background: #111; }

/* 서브 GNB: 네이비 배경 */
.wrap:not(#index) #gnb { background: var(--c-navy); }
.wrap:not(#index) .gnb_1da {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 0 8px;
    font-size: 16px;
    font-weight: 500;
    color: #111;
    letter-spacing: -0.03em;
    white-space: nowrap;
    transition: color var(--tr), background var(--tr);
    position: relative;
    text-shadow: none;
}
.wrap:not(#index) .gnb_1da::after {
    content: '';
    position: absolute;
    bottom: 0; left: 50%;
    transform: translateX(-50%);
    width: 0; height: 2px;
    background: var(--c-gold);
    transition: width 0.25s ease;
}
.wrap:not(#index) .gnb_1dli:hover > .gnb_1da,
.wrap:not(#index) .gnb_1dli.active > .gnb_1da { color: #111; }
.wrap:not(#index) .gnb_1dli:hover > .gnb_1da::after { width: 44%; }

/* 전체메뉴 버튼 */
.gnb_mnal {
    flex: 0 0 auto;
    padding-left: 16px;
}
.gnb_menu_btn {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
}
.gnb-menu-icon {
    display: block;
    width: 22px; height: 1.5px;
    background: rgba(255,255,255,0.7);
    transition: background var(--tr);
}
.gnb_menu_btn:hover .gnb-menu-icon { background: #fff; }

/* ══════════════════════════════════════════
   전체메뉴 드롭다운 (#gnb_all)
══════════════════════════════════════════ */
#gnb_all {
    position: absolute;
    top: 100%; left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid var(--c-border);
    z-index: 700;
    display: none;
    box-shadow: 0 12px 32px rgba(0,0,0,0.10);
}
#gnb_all.is-open {
    animation: gnbDropIn 0.22s ease forwards;
}
@keyframes gnbDropIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}
.gnb-all-inner {
    max-width: var(--inner-max);
    margin: 0 auto;
    padding: 24px 0 28px;
    position: relative;
    display: flex;
    align-items: flex-start;
}
.gnb_al_ul {
    display: flex;
    flex: 1;
    width: 100%;
    margin: 0; padding: 0;
    list-style: none;
}
.gnb_al_li {
    flex: 1;
    border-right: 1px solid var(--c-border);
    padding: 0 12px;
    text-align: left;
}
.gnb_al_li:last-child { border-right: none; }
.gnb_al_li ul { padding: 0; margin: 0; list-style: none; }
.gnb_al_li li a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    font-size: 13.5px;
    font-weight: 400;
    color: #444;
    letter-spacing: -0.03em;
    border-radius: var(--r-sm);
    transition: color 0.18s ease, background 0.18s ease, padding-left 0.18s ease;
}
.gnb_al_li li a:hover {
    color: #111;
    background: rgba(20,31,80,0.05);
    padding-left: 14px;
}
.gnb_al_li li a i {
    font-size: 10px;
    opacity: 0.40;
    flex-shrink: 0;
    transition: opacity 0.18s;
}
.gnb_al_li li a:hover i { opacity: 0.85; }

.gnb_close_btn {
    flex: 0 0 auto;
    align-self: flex-start;
    background: none;
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    color: #aaa;
    font-size: 15px;
    cursor: pointer;
    margin-top: 2px;
    transition: color var(--tr), border-color var(--tr), background var(--tr);
}
.gnb_close_btn:hover {
    color: #111;
    border-color: #111;
    background: rgba(20,31,80,0.04);
}

/* ══════════════════════════════════════════
   모바일 드로어 (#m-nav) — PC 기본 숨김
   (default.css에서 누락되어 추가)
══════════════════════════════════════════ */
#m-nav {
    position: fixed;
    top: 0; right: -100%;
    width: 100%; height: 100vh;
    z-index: 2000;
    visibility: hidden;
    transition: right 0.38s cubic-bezier(0.4,0,0.2,1), visibility 0.38s;
}
#m-nav.active { right: 0; visibility: visible; }

.m-nav-inner {
    position: absolute;
    top: 0; right: 0;
    width: 80%; max-width: 320px;
    height: 100%;
    background: #fff;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 0;
    box-shadow: -8px 0 32px rgba(0,0,0,0.14);
    overflow-y: auto;
}
.m-nav-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 18px;
    border-bottom: 1px solid var(--c-border);
}
.m-nav-logo img { height: 28px; width: auto; }
.m-nav-close {
    background: none; border: none;
    font-size: 20px; color: #888;
    cursor: pointer; padding: 4px;
    transition: color var(--tr);
}
.m-nav-close:hover { color: #222; }

.m-gnb { flex: 1; overflow-y: auto; }
.m-gnb > ul { padding: 8px 0; }
.m-gnb-item > a {
    display: flex;
    align-items: center;
    padding: 13px 20px;
    font-size: 15px;
    font-weight: 500;
    color: #222;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #f4f4f4;
    transition: color var(--tr), background var(--tr);
}
.m-gnb-item > a:hover { color: var(--c-navy); background: var(--c-bg); }

.m-gnb-sub { background: var(--c-bg); }
.m-gnb-sub li a {
    display: block;
    padding: 10px 20px 10px 32px;
    font-size: 13.5px;
    color: var(--c-text-mid);
    border-bottom: 1px solid #eee;
    letter-spacing: -0.02em;
    transition: color var(--tr);
}
.m-gnb-sub li a::before { content: '·'; margin-right: 6px; opacity: 0.5; }
.m-gnb-sub li a:hover { color: var(--c-navy); }

.m-nav-footer {
    padding: 20px;
    border-top: 1px solid var(--c-border);
}
.m-nav-sns {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}
.m-nav-sns a { display: flex; align-items: center; opacity: 0.75; transition: opacity var(--tr); }
.m-nav-sns a:hover { opacity: 1; }
.m-nav-sns img { width: 28px; height: auto; }
.m-nav-tel-label {
    display: block;
    font-size: 11px;
    color: var(--c-text-light);
    letter-spacing: 0.06em;
    margin-bottom: 3px;
}
.m-nav-tel-num {
    font-size: 20px;
    font-weight: 700;
    color: var(--c-navy);
    letter-spacing: -0.04em;
}
.m-nav-dim {
    position: absolute; inset: 0;
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(3px);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.38s ease;
}
#m-nav.active .m-nav-dim { opacity: 1; }

/* 모바일 다국어 토글 — PC 기본 숨김 (default.css에서 누락되어 추가) */
.m-lang-wrap{display:none;}


/*서브비쥬얼*/
#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%;
}


/* ══════════════════════════════════════════
   22. FOOTER 리뉴얼
══════════════════════════════════════════ */
#footer {
    background: #f8f8f6;
    border-top: 1px solid var(--c-border);
}
.footer-policy {
    border-bottom: 1px solid var(--c-border);
    background: #fff;
}
.footer-policy .container-lg {
    max-width: var(--inner-max);
    margin: 0 auto;
    padding: 0 24px;
}
.footer-policy-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0; padding: 0;
    list-style: none;
    height: 48px;
    justify-content: center;
}
.footer-policy-list li {
    position: relative;
    padding: 0 16px;
}
.footer-policy-list li + li::before {
    content: '';
    position: absolute;
    left: 0; top: 50%;
    transform: translateY(-50%);
    width: 1px; height: 10px;
    background: #ccc;
}
.footer-policy-list li a {
    font-size: 12px;
    color: var(--c-text-mid);
    letter-spacing: -0.02em;
    transition: color var(--tr);
}
.footer-info {
    background-color: #fff;
    padding: 32px 0 36px;
}
.footer-info .container-lg {
    max-width: var(--inner-max);
    margin: 0 auto;
    padding: 0 24px;
}
.footer-info-inner {
    display: flex;
    align-items: center;
    gap: 36px;
}
.footer-logo { flex: 0 0 auto; }
.footer-logo img {
    display: block;
    max-width: 250px;
    width: 100%;
    height: auto;
    opacity: 0.75;
}
.footer-text { flex: 1; }
.footer-biz {
    font-size: 12px;
    color: #888;
    line-height: 1.7;
    letter-spacing: -0.01em;
    margin: 0 0 4px;
}
.footer-divider { display: inline-block; margin: 0 6px; color: #ccc; }
.footer-address {
    font-style: normal;
    font-size: 12px;
    color: #888;
    letter-spacing: -0.01em;
    margin: 0 0 6px;
}
.footer-copy {
    font-size: 11px;
    color: #bbb;
    margin: 0;
    letter-spacing: -0.01em;
}

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

/* 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 .qa_li { position:relative; display:block; padding:0; border-bottom:1px solid #ededed; cursor:pointer; }
.listWrap .qa_li:first-child { border-top:1px solid #a6a6a6; }
.listWrap .qa_li .ca_name { margin-bottom:5px; font-weight:400; color:#999; font-size:12px; }
.listWrap .qa_li .tit { color:#222; font-size:18px; transition:color 0.3s ease-out; letter-spacing: -1px;}
.listWrap .qa_li:hover .tit { color:#0a7ac8; }

.qa_li .question {position:relative; display:block; padding:20px 100px; /*background:url('./img/q.png') 40px center no-repeat;*/ }
.qa_li .question .tit:before {padding:5px 16px 10px 15px; margin-right:20px; content:'Q'; color:#7da7d9; border:1px solid #dbdbdb; border-radius:50px; font-weight:bold; font-size:1.3em; text-align:center;}
.qa_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%); }
.qa_li .answer { position:relative; display:none; padding:20px 100px;; font-size:13px; color:#222; line-height:28px; background:#f6f6f6; border-top:1px solid #e4e4e4; }
.qa_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;}

.modA { position:absolute; right:30px; bottom:30px; color:#e82b2b; }

.ee{width: 5px;}