@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
html {
	overflow-x: hidden;
	overflow-y: scroll;
}

.body-layout {
	background-color: #fff;
}

* {
	word-break: keep-all;
}

/* 폰트 설정 */

.body-layout,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button {
	font-family: 'Noto Sans KR', "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif;
}

/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */

ol,
ul,
li {
	list-style: none;
	list-style-position: inside;
}

.navbar .caret,
.navbar .divider-vertical,
.navbar~br,
.footer-social-layout,
.footer_copy .text-center>br,
.topmarginLay_a {
	display: none;
}

/* 메뉴 상단 영역 설정 */

.navbar-top {
	width: 100%;
	padding: 0;
	background: #E7213A;
}

.navbar-top-wrap {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

.navbar-top-wrap ul {
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 768px) {
	.navbar-top-wrap ul {
		margin-right: 65px;
	}
}

.navbar-top-wrap ul li {
	float: left;
}

.navbar-top-wrap ul li:hover a {
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
}

.navbar-top-wrap .navbar-top-btn {
	margin: 0 -1px 0 0;
	padding: 12px 20px;
	display: inline-block;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.6);
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.02em;
	text-decoration: none;
}

.navbar-top-wrap li button {
	border: none;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	background: transparent;
}

.navbar-top-wrap li button.active {
	color: #fff
}

.navbar-top-wrap li button:hover,
.navbar-top-wrap li button:focus,
.navbar-top-wrap li button:active {
	color: #fff
}

@media screen and (max-width: 991px) {
	.navbar-top-wrap {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.navbar-top {
		display: none;
	}
}

/* 메뉴 설정 시작 */

.navbar-toggle {
	background: #E7213A;
	border: none;
	margin-top: 21px;
}

.navbar-inverse {
	background: #fff;
	padding: 0;
	margin: 0;
	z-index: 9999;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	position: absolute;
	border: none;
}

@media screen and (max-width: 767px) {
	.navbar-inverse {
		height: auto;
	}
}

.navbar-inverse .divider-vertical {
	display: none;
}

.navbar .caret {
	display: none;
}

.navbar-right>li:hover .caret {
	color: #E7213A;
	display: block;
	margin: 0 auto;
	margin-top: 8px;
	position: absolute;
	left: 48%;
}

.navbar~br {
	display: none;
}

/*===== 메인 메뉴 설정 =====*/

.navbar-inverse .navbar-nav>li>a {
	color: #222;
	font-size: 18px;
	font-weight: 500;
	text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
	letter-spacing: -0.04em;
	padding: 40px 10px 36px;
	border: none !important;
}

@media screen and (max-width: 1199px) {
	.navbar-inverse .navbar-nav>li>a {
		padding: 20px;
	}
}

@media screen and (max-width: 991px) {
	.navbar-inverse .navbar-nav>li>a {
		font-size: 16px;
		padding: 20px 0px;
	}
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	background: rgba(0, 0, 0, 0);
	color: #E7213A !important;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	border: none !important;
}

.navbar-inverse .navbar-nav>li:hover>a,
.navbar-inverse .navbar-nav>li:focus>a,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
	color: #E7213A !important;
	border: none !important;
}

.navbar-right #m-29 a {
	text-indent: -9999px;
	background: url(/skin/img/logo/logo_menu.png) no-repeat center;
	background-size: cover;
	width: 70px;
	height: 70px;
	display: block;
	padding: 0 !important;
}

@media screen and (min-width: 768px) {
	.navbar-inverse .navbar-brand img {
		margin: 0;
	}
	.navbar-collapse {
		clear: both;
		vertical-align: bottom
	}
	.navbar-right {
		float: none !important;
		margin: 0px 60px 0px 0px;
		text-align: center;
	}
	.navbar-right>li {
		margin: 0 10px;
		display: inline-block;
		float: none;
		vertical-align: middle;
	}
	.navbar-header {
		display: none;
	}
	#m-17>a.m-17 {
		padding: 0;
		position: relative;
		top: 20px;
		color: #fff;
	}
}

@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-nav>li>a {
		font-size: 18px;
		padding: 20px 30px;
		margin: 0;
	}
	.navbar-nav>li>.dropdown-menu {
		top: 0 !important;
		height: auto !important;
	}
	.navbar-nav>li>.dropdown-menu>li {
		display: block !important;
		float: none !important;
	}
	.navbar-right>li:hover .caret {
		display: none;
	}
	.navbar-nav .open .dropdown-menu>li>a {}
	.navbar-right>li:nth-of-type(3) {
		display: none;
	}
	.navbar-inverse .navbar-brand img {
		margin-top:0; width:80%;
	}
	.navbar-inverse .navbar-toggle	{margin-right: 30px;
    margin-top: 35px;}

}

.navbar-nav .divider-vertical~li {
	display: none;
}

.topmarginLay_a {
	height: 134px !important;
}

/*===== 서브 메뉴 설정 =====*/

.navbar-nav>li>.dropdown-menu {
	border: 2px solid #E7213A;
	border-top: 1px solid #eee;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #fff;
	padding: 14px 8px;
	margin: 0;
	margin-left: -10px;
	box-shadow: none;
	-webkit-box-shadow: none;
	min-width: 190px;
	left: auto;
	right: auto;
}

.navbar-nav>li>.dropdown-menu>li {
	display: block;
}

.navbar-nav>li>.dropdown-menu>li>a {
	background: none;
	display: block;
	padding: 8px 14px;
	color: #666;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.04em;
}

.navbar-nav>li>.dropdown-menu>li>a:hover {
	color: #333;
	background: #f3f3f3
}

/*=======================MAIN CUSTOM ========================*/

/* basic layout */

.container_slide,
.container_contents {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.container_slide {
	padding-top: 132px;
}

.intro-html-layout {
	margin-left: 0px;
	margin-right: 0px;
}

#main_html {
	margin: 0 0 -49px;
}

#main_html>.slider {
	height: 500px;
}

#main_html #section01 {
	top: -48px;
	position: relative;
	border-bottom: 1px solid #d2d2d2;
}

#main_html #section01>.row>div:first-child {
	-webkit-box-shadow: 22px 0px 34px -9px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 22px 0px 34px -9px rgba(0, 0, 0, 0.1);
	box-shadow: 22px 0px 34px -9px rgba(0, 0, 0, 0.1);
	border: 1px solid #F4F4F4;
	position: relative;
	z-index: 99;
	padding: 50px 0px;
}

#main_html #section01>.row>div:nth-child(2) {
	background: url('/skin/img/main/mainVideo_bg.jpg') no-repeat center / cover;
	padding: 50px 0px;
}

@media screen and (min-width: 992px) {
	#main_html #section01>.row>div:first-child {
		border-right: 1px solid #d2d2d2;
		padding: 60px 40px 0 0;
		min-height: 740px;
	}
	#main_html #section01>.row>div:nth-child(2) {
		padding: 60px 0 0 40px;
		min-height: 740px;
	}
}

.main_program a {
	text-decoration: none;
}

.main_program>header {
	margin-bottom: 40px;
}

.main_program>header>h3 {
	color: #333;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: -0.04em;
	margin: 0 0 10px;
}

.main_program>header>p {
	margin: 0;
	color: #888;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -0.02em;
}

/* slider */

.fill {
	height: 480px;
	border-bottom: 1px solid #d2d2d2;
}

.carousel-caption {
	padding: 0;
	text-align: left;
	top: 50%;
	bottom: auto;
	margin: -110px 0 0;
}

.fill h1 {
	margin: 0 0 20px;
}

.fill h1 span,
.fill p span {
	background: none;
	padding: 0;
	opacity: 1;
	color: #222;
	text-shadow: none;
}

.fill h1 span {
	color: #333;
	font-size: 60px;
	font-weight: 600;
	letter-spacing: -0.04em;
	line-height: 1;
}

.fill h1 span>span {
	color: #222;
	font-size: 22px;
	letter-spacing: -0.06em;
	font-weight: 500;
	margin: 0 0 10px;
	display: inline-block;
}

.fill p {
	margin: 0;
}

.fill p span {
	color: rgba(0, 0, 0, 0.8);
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: -0.02em;
}

#myCarousel>.pull-center {
	display: none;
}

.slide_btn {
	top: -47px;
	position: relative;
}

@media screen and (max-width: 767px) {
	.slide_btn {
		display: none;
	}
}

.slide_btn>ul {
	text-align: center;
	margin: 1px auto 2px;
	line-height: 1;
	padding-left: 0;
}

.slide_btn>ul::after {
	clear: both;
	content: "";
	display: block;
}

.slide_btn>ul>li {
	text-align: center;
	display: inline-block;
	margin: 0px -3px;
	padding: 14px 0;
	background: #fff;
	border: 1px solid #d2d2d2;
	border-bottom: 0px;
	height: 45px;
	width: 50px;
}

.slide_btn>ul>li:hover {
	background: #f8f8f8;
	cursor: pointer;
}

/************** MAIN program ***************/

@media screen and (min-width: 992px) {
	.main_program {
		float: right;
		max-width: 650px;
		width: 100%;
	}
	.main_program>section {
		max-width: 650px;
		width: 100%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 991px) {
	.main_program>section {
		padding: 0 35px;
	}
}

.main_program>section>.row:nth-child(2) {
	margin-top: 10px;
}

.main_program .col-sm-6 {
	padding: 0 5px;
}

@media screen and (min-width: 768px) {
	.main_program>section>.row {
		margin: 0;
	}
}

.program_des {
	overflow: hidden;
	border: 1px solid #E3E3E3;
}

@media screen and (max-width: 767px) {
	.program_des {
		margin: 10px 0px;
	}
}

.program_des>.img_wrap {
	position: relative;
	min-height: 190px;
	z-index: -1
}

.program_des01>.img_wrap {
	background: url('/skin/img/main/mainProgram_1.jpg') no-repeat center / cover;
}

.program_des02>.img_wrap {
	background: url('/skin/img/main/mainProgram_2.jpg') no-repeat center / cover;
}

.program_des03>.img_wrap {
	background: url('/skin/img/main/mainProgram_3.jpg') no-repeat center / cover;
}

.program_des04>.img_wrap {
	background: url('/skin/img/main/mainProgram_4.jpg') no-repeat center / cover;
}

.program_des>.img_wrap .icon_wrap {
	bottom: -140px;
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	padding-top: 15px;
	margin: 0 auto;
}

.program_des figcaption {
	padding: 20px 0 16px;
	background: #fff;
	text-align: center;
	width: 100%;
	z-index: 99;
}

.program_des figcaption h4 {
	margin: 0;
	color: #222;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.06em;
}

.program_btn {
	float: right;
	background: #E7213A;
	color: #fff;
	padding: 35px;
	transform: rotate(-48deg);
	position: absolute;
	right: -45px;
	top: -45px;
}

.program_btn i {
	position: relative;
	left: -28px;
	top: -5px;
	transform: rotate(48deg);
	font-size: 16px;
}

.program_btn::after {
	content: '';
	clear: both;
	display: block;
}

/* 프로그램 메뉴 호버 시 */

.program_hover_des {
	background: rgba(230, 34, 57, 0.8);
	color: #fff;
	padding-top: 80px;
	position: absolute;
	top: 0%;
	width: calc(100% - 12px);
	height: 100%;
	visibility: hidden;
}

.program_hover_title {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.04em;
	margin: 0;
}

.program_hover_title::after {
	content: '';
	display: block;
	width: 10px;
	height: 2px;
	background: #fff;
	margin: 20px auto;
}

.program_hover_des p {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -0.02em;
	line-height: 1.6;
	margin: 0;
}

.program_des:hover .program_hover_des {
	visibility: visible;
}

/************ main video *************/

/* 구연동화 맛보기 */

.main_video>header {
	margin-bottom: 40px;
}

.main_video>header>span {
	display: inline-block;
	float: left;
	margin-right: 8px;
}

.main_video>header>h3,
.main_video>header>p {
	text-align: left;
}

.main_video>header>h3 {
	display: inline-block;
	color: #222;
	font-size: 26px;
	font-weight: 600;
	letter-spacing: -0.04em;
	margin: 0 0 10px;
	text-align: left;
	float: left;
}

.main_video>header>p {
	float: left;
	display: inline-block;
	margin: 0;
	color: #888;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.02em;
}

.main_video>header::after {
	content: "";
	clear: both;
	display: block;
}

.main_video a {
	text-decoration: none;
}

.main_video .video_des {
	position: relative;
}

.main_video .video_des .img_wrap {
	height: 200px;
	border: 2px solid #E7213A;
	border-radius: 6px;
	position: relative;
}

.main_video .video_des01 .img_wrap {
	background: url(/skin/img/main/mainVideo_img_1.png) no-repeat center / cover;
}

.main_video .video_des02 .img_wrap {
	background: url(/skin/img/main/mainVideo_img_2.png) no-repeat center / cover;
}

.main_video .video_des .video_title {
	margin: 20px 0 40px;
	padding: 0;
	color: #444;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: -0.04em;
}

.main_video .video_des .video_title span {
	background: #E7213A;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.04em;
	padding: 2px 10px;
	margin-right: 8px;
	border-radius: 50px;
}

.main_video a:hover .video_des .video_title {
	color: #222;
}

.main_video a:hover .video_des .video_title span {
	background: #940517;
}

/* 구연동화 맛보기 반응형  */

@media screen and (min-width: 525px) and (max-width: 991px) {
	.main_video>header {
		max-width: 345px;
		width: 100%;
		margin: 0 auto;
	}
	.main_video>section {
		text-align: center;
	}
	.main_video .video_des {
		width: 45%;
		display: inline-block;
	}
}

@media screen and (min-width: 525px) and (max-width: 767px) {
	.main_video .video_des .img_wrap>.video_btn span {
		font-size: 13px;
	}
	.main_video .video_des .img_wrap>.video_btn {
		right: -20px;
	}
	.main_video .video_des .video_title {
		padding: 0px;
	}
}

@media screen and (min-width: 992px) {
	.main_video {
		max-width: 345px;
		width: 100%;
	}
}

@media screen and (max-width: 1023px) {
	.main_video {
		margin: 0 auto;
		max-width: 750px;
	}
}

/* mainBoard */

/* .intro-board-widget-layout {width: 100%; max-width: 100%; margin: -50px auto 0; background: #F8F8F8; padding: 60px 0 80px;} */

.intro-board-widget-layout>.row {
	width: 100%;
	max-width: 1130px;
	margin: 0 auto;
}

.intro-boardbox .page-header {
	padding: 20px 30px;
	margin: 0;
	border: none;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.intro-boardbox:nth-of-type(1) .page-header {
	background: #008fd7;
}

.intro-boardbox:nth-of-type(2) .page-header {
	background: #544b9a;
}

.intro-boardbox:nth-of-type(3) .page-header {
	background: #E7213A;
}

.intro-boardbox .page-header h3 {
	color: #fff;
	padding: 0;
	font-weight: 500;
	font-size: 24px;
	margin: 0;
}

.intro-boardbox .page-header h3 a {
	background: rgba(0, 0, 0, .3);
	border-radius: 50%;
	margin-top: -6px;
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 0;
	padding-top: 8px;
}

.intro-boardbox .page-header h3 a:hover,
.intro-boardbox .page-header h3 a:focus {
	background: #fff;
}

.intro-boardbox .page-header h3 a i {
	font-size: 16px;
}

.intro-boardbox .page-header h3 a i::before {
	content: "\f061";
	color: #fff;
}

.intro-boardbox:nth-of-type(1) .page-header h3 a:hover i::before {
	color: #008fd7;
}

.intro-boardbox:nth-of-type(2) .page-header h3 a:hover i::before {
	color: #544b9a;
}

.intro-boardbox:nth-of-type(3) .page-header h3 a:hover i::before {
	color: #E7213A;
}

@media screen and (min-width: 992px) {
	.intro-boardbox {
		width: calc(100%/3);
	}
}

@media screen and (max-width: 991px) {
	.intro-board-widget-layout {
		padding: 40px 0 80px;
	}
	.intro-boardbox {
		margin: 0 0 25px;
	}
}

.dh-front-list2 h6 {
	margin: 0;
	line-height: 32px;
}

.dh-front-list2 h6::before {
	display: inline-block;
	content: '';
	width: 8px;
	height: 2px;
	position: absolute;
	top: 16px;
	left: 8px;
}

.intro-boardbox:nth-of-type(1) .dh-front-list2 h6::before {
	background: #008fd7;
}

.intro-boardbox:nth-of-type(2) .dh-front-list2 h6::before {
	background: #544b9a;
}

.intro-boardbox:nth-of-type(3) .dh-front-list2 h6::before {
	background: #E7213A;
}

.dh-front-list2 h6 a,
.dh-front-list2 h6 a span {
	color: #555555;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -0.05em;
}

.dh-front-list2 h6 a span.row-separator,
.dh-front-list2 h6 small,
.dh-front-list2 h5,
.dh-front-list2 h5 a,
.dh-front-list2 h5 p,
.dh-front-list2 h5 span {
	display: none;
}

.dh-front-list2 h6 a span.list-row-subject {
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 200px;
	white-space: nowrap;
}

.dh-front-list2 h6 a span.list-row-regdate {
	color: #999999;
	font-size: 13px;
	float: right
}

.dh-front-list2 .front-panel>.panel {
	border: none;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0px 5px 0px #D7D7D7;
	margin: 0;
}

.dh-front-list2 .panel-body {
	padding: 25px 20px;
	min-height: 242px;
}

.dh-front-list2-words {
	margin: 0;
	padding: 0 15px 0 25px;
	position: relative;
}

.dh-front-list2-words:first-child {
	margin: 0;
}

/* footer */

.footer-social-layout {
	display: none;
}

.footer_copy {
	padding: 0;
	margin: 0;
}

.footer_copy>.text-center {
	padding: 0;
}

footer {
	padding: 0;
	overflow: hidden;
	font-size: 12px;
	background: #242424;
}

.footer-wrap,
footer .link {
	max-width: 1170px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

footer+br {
	display: none;
}

.footer-list ul {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.footer-list ul li {
	float: left;
	list-style: none;
}

footer .link {
	overflow: hidden;
	padding: 20px 0;
}

footer .link li {
	float: left;
	list-style: none;
}

footer .link li a {
	color: rgba(255, 255, 255, 0.6);
	font-weight: 400;
}

footer .link li a::after {
	content: '';
	display: inline-block;
	background: rgba(255, 255, 255, 0.2);
	height: 12px;
	width: 1px;
	margin: 0 20px;
}

footer .link li:last-child a::after {
	background: rgba(255, 255, 255, 0);
}

footer .link li a:hover,
.footer-list .link li a:focus {
	color: #fff;
	text-decoration: none;
}

.footer_bottom {
	padding: 0 0 40px;
}

.footer-list {
	float: left;
}

.footer-list .info li {
	color: rgba(255, 255, 255, 0.4);
	font-weight: 300;
	letter-spacing: -0.02em;
	margin-right: 20px;
	line-height: 2;
}

.footer-list .info .company_name {
	color: #E7213A !important;
	font-weight: 500;
}

@media screen and (max-width: 767px) {
	footer .link {
		padding: 15px;
	}
	footer .link li a::after {
		margin: 0 10px;
	}
	.footer_bottom {
		padding: 30px 15px 50px;
	}
	.footer-list .info li {
		font-size: 13px;
		line-height: 1.5;
		word-break: keep-all;
	}
}

/*=======================SUB CUSTOM ========================*/

.sub-layout {
	padding: 0 0 100px;
	margin: 0;
	width: 100%;
	padding-top: 132px;
}

.sub_content>.container>article {
	margin-bottom: 35px;
}

/* Subtop */

#greeting #sub_top,
main.sub-page2 #sub_top,
main.sub-page3 #sub_top,
main.sub-page4 #sub_top {
	background: url(/skin/img/sub/subTop1.jpg) no-repeat center / cover;
	height: 240px;
}

#sub_top .container {
	padding: 0;
}

@media screen and (max-width: 767px) {
	#sub_top .container {
		padding: 0 15px;
	}
	.sub-layout{padding-top: 100px;}
}


#sub_top nav {
	margin-top: 20px;
}

#sub_top nav .breadcrumb {
	background: none;
	padding: 0;
	margin: 0 0 54px;
	color: #888;
	font-size: 12px;
	font-weight: 300;
}

#sub_top nav .breadcrumb>li>a {
	color: #888;
	letter-spacing: -0.02em;
}

#sub_top nav .breadcrumb>li.active {
	color: #444;
	font-weight: 500;
}

#sub_top nav .breadcrumb>li+li:before {
	padding: 0 10px;
	font-family: FontAweSome;
	content: "\f0da";
	color: #E7213A;
	font-size: 12px;
	font-weight: 400;
}

#sub_top h2 {
	margin: 0 0 10px;
	color: #333;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: -0.04em;
}

#sub_top p {
	margin: 0;
	color: #666;
	font-size: 16px;
	letter-spacing: -0.04em;
	word-break: keep-all;
}

/*sub content */

#sub_content>.container {
	padding: 0;
}

#sub_top .container {
	height: 100%;
}

@media screen and (max-width: 767px) {
	#sub_content>.container {
		padding: 0 15px;
	}
}

.sub_cont_title {
	color: #333333;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: -0.05em;
	margin: 0 0 30px;
}

#sub_content>.container>section,
#sub_content>.container>article {
	padding-top: 50px;
}

#sub_content>.container>section:last-child,
#sub_content>.container>article:last-child {
	padding-bottom: 80px;
}

/*****서브페이지 - 공통******/

#sub_content {
	margin-top: 60px;
}

.sub-page #sub_content h4 {
	margin: 0 0 24px;
	color: #E7213A;
	font-size: 26px;
	letter-spacing: -0.06em;
}

.sub-page #sub_content h4 strong {
	font-weight: 400;
}

.sub-page #sub_content p {
	line-height: 1.8;
	letter-spacing: -0.04em;
	color: #666;
	margin: 0 0 20px;
	font-size: 15px;
}

.sub-page #sub_content .en {
	letter-spacing: 0;
	line-height: 1.8em;
}

/***************서브페이지 - 대표인사말************/

.sub-page1 .con1 {
	margin: 0 15px 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid #e6e6e6;
}

.sub-page1 .con1 h3 {
	font-size: 18px;
	font-weight: 500;
	color: #E7213A;
	letter-spacing: -0.04em;
	line-height: 1.4;
	margin: 0 0 20px;
}

.sub-page1 .con1 h3 span {
	font-size: 30px;
	font-weight: 400;
	letter-spacing: -0.06em;
	color: #222;
}

.sub-page1 .con1 ul {
	margin: 0;
	padding: 0;
	line-height: 1.8;
	color: #666;
	letter-spacing: -0.02em;
}

.sub-page1 .con1 ul li {
	padding-left: 15px;
	position: relative;
}

.sub-page1 .con1 ul li:before {
	content: "";
	background: #aaa;
	width: 5px;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1px;
}

.sub-page1 .con2 {
	margin: 0;
}

.sub-page1 .con2-1 h4 {
	letter-spacing: 1px;
}

.sub-page1 .con2-1 p {
	letter-spacing: 0;
}

#greeting .con3 p {
	font-weight: 300;
	letter-spacing: 0.04px;
}

#greeting .con3 {
	margin-top: 60px
}

#greeting .con3 .col-md-3 {
	max-width: 210px;
}

#greeting .con3 img {
	border: 1px solid #ccc
}

#greeting .con3 h3 {
	margin-bottom: 20px;
	font-weight: 600
}

/*****서브페이지 - 스토리스쿨이란?******/

#storyschool .con p {
	text-align: center;
}

#storyschool .con p b {
	font-size: 17px;
}

#storyschool .con h4 {
	margin: 0 0 40px;
	font-weight: 600;
	text-align: center;
}

#storyschool .con0 {
	margin-bottom: 60px
}

#storyschool .con0 dl {
	text-align: center;
	margin-bottom: 20px;
	border: 3px solid #E7213A;
	padding: 15px;
	border-radius: 10px;
}

#storyschool .con0 dt {
	margin-bottom: 15px;
	font-size: 15px;
}

#storyschool .con0 dd {
	font-size: 13px;
	letter-spacing: -.8px;
}

#storyschool .con0 dt small {
	font-weight: 500;
	letter-spacing: -0.4px;
	margin-top: 5px;
	display: block;
}

#storyschool .con0 .col-md-4:nth-of-type(1) dl dd {
	margin-bottom: 18px
}

#storyschool .con0 .col-md-4:nth-of-type(3) dl dd {
	margin-bottom: 36px
}

#storyschool.storyschool_en .con0 .col-md-4:nth-of-type(3) dl dd {
	margin-bottom: 18px
}

@media(max-width:768px) {
	#storyschool .con0 .col-md-4:nth-of-type(1) dl dd {
		margin-bottom: 0;
	}
	#storyschool .con0 .col-md-4:nth-of-type(3) dl dd {
		margin-bottom: 0
	}
}

.sub-page2 #sub_content .con {
	margin-bottom: 60px;
}

.sub-page2 #sub_content .con1 {
	margin-bottom: 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid #e6e6e6;
}

.sub-page2 #sub_content .con1 h3,
#storyschool .con h3 {
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	color: #222;
	letter-spacing: -0.04em;
	margin: 0 0 40px;
}

#sub_content .sub-header h3 {
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	color: #222;
	letter-spacing: -0.04em;
	margin: 0 0 10px;
}

.sub-page2 #sub_content .con1 p {
	text-align: center;
	line-height: 1.8;
	margin: 0;
}

.sub-page2 #sub_content .con2 span {
	color: #888;
	display: block;
	font-size: 14px;
	margin-top: 10px;
	font-weight: 300;
	letter-spacing: 0.02em;
}

.sub-page2 #sub_content .con3 {
	margin-top: 60px;
}

.sub-page2 #sub_content .con3 .con3-1 {
	margin-top: 50px;
}

.sub-page2 #sub_content .con3 .fas,
.sub-page2 #sub_content .con3 .far,
.sub-page2 #sub_content .con3 .fab {
	font-size: 40px;
	text-align: center;
	margin-bottom: 40px;
	display: block;
	color: rgba(230, 34, 57, 0.8);
}

.sub-page2 #sub_content .con3 dl {
	text-align: center;
	margin: 0 0 40px;
}

.sub-page2 #sub_content .con3 dt {
	color: #222;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.02em;
	margin: 0 0 8px;
}

.sub-page2 #sub_content .con3 dd {
	background: #e6e6e6;
	display: inline-block;
	color: #666;
	font-size: 13px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: -0.04em;
	padding: 4px 20px 4px;
	border-radius: 50px;
}

#storyschool .con1 h4 {
	text-align: center
}

/*****서브페이지 - 교육과정*****/

/* .sub-page3 #sub_content .sub-header h3 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #333;
    letter-spacing: -0.04em;
    margin: 0 0 10px;
} */

.sub-page3 #sub_content .sub-header span {
	text-align: center;
	display: block;
	margin-bottom: 20px;
	color: #888;
	font-weight: 300;
	letter-spacing: 0.02em;
}

.curr-list {
	width: 100%;
	margin: 0 0 20px;
	overflow: hidden;
}

.curr-list .col-md-4 {
	color: #FFF;
	padding: 28px 30px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.04em;
	min-height: 165px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.education_en .curr-list .col-md-4{min-height: 190px;}
.curr-wrap>.col-md-12>.curr-list:nth-child(1) .col-md-4 {
	background-color: #E7213A;
	color: #fff;
}

.curr-wrap>.col-md-12>.curr-list:nth-child(2) .col-md-4 {
	background-color: #008000;
	color: #FFF;
}

.curr-wrap>.col-md-12>.curr-list:nth-child(3) .col-md-4 {
	background-color: #06069e;
	color: #fff;
}

.curr-wrap .col-md-12 .curr-list p:nth-of-type(4) {
	text-indent: 5px;
}

@media screen and (min-width: 768px) {
	.curr-list .col-md-4::after {
		content: '';
		position: absolute;
		right: 0px;
		top: 50%;
		width: 0;
		height: 0;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-right: 20px solid #f6f6f6;
		clear: both;
		z-index: 9995;
		margin-top: -20px;
	}
}

.curr-list .col-md-8 {
	background-color: #f6f6f6;
	padding: 20px 30px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

.curr-list .col-md-8 p {
	margin: 0 !important;
	font-size: 14px !important;
}

@media screen and (min-width: 768px) {
	.curr-list .col-md-4 {
		width: 300px !important;
	}
	.curr-list .col-md-9 {
		width: calc(100% - 300px) !important;
	}
}

#education #sub_content .con1 {
	padding: 15px;
}

#education #sub_content .con1 .col-md-12:nth-of-type(1) {
	padding: 0
}

#education #sub_content .con1 ul {
	padding: 0 15px
}

#education #sub_content .con1 ul li {
	color: #555;
}

#education #sub_content .con1 h5 {
	font-size: 18px;
	border-left: 5px solid #555;
	padding-left: 5px;
	margin: 30px 15px 15px;
}

#education #sub_content .con1,
#education #sub_content .con2,
#education #sub_content .con3,
#education #sub_content .con4 {
	margin-bottom: 50px
}

#education #sub_content .con1 img {
	border-radius: 10px;
	max-height: 300px;
}

#education #sub_content .con1 .con1-text span {
	font-weight: 600;
	font-size: 17px;
}

#education #sub_content .con2 .tuition ul {
	padding: 0;
	margin-top: 15px;
	line-height: 1.8em;
	font-size: 15px;
	font-weight: 500;
	color: #555;
}

#education .table th {
	text-align: center
}

#education .table td {
	text-align: center;
	vertical-align: middle
}

#education #slider-thumbs {
	margin-top: 10%;
}

#education #carousel-bounding-box {
	margin-top: 20px;
}

#education .hide-bullets {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#education #sub_content .sub-header span {
	margin-bottom: 0
}

#education #sub_content .sub-header p {
	text-align: center;
	font-weight: 500;
}

/************서브페이지 - 사계절 *************/

/* .sub-page4 #sub_content .sub-header h3 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #333;
    letter-spacing: -0.04em;
    margin: 0 0 10px;
} */

#storytelling .season_all {
	margin: 0;
	width: 100%;
}

#storytelling .col-md-6 {
	background: #f6f6f6;
	max-width: 380px;
	height: 180px;
	border-radius: 10px;
	margin: 0 10px 10px;
	padding: 30px 40px;
}

#storytelling .col-md-6 h4 {
	margin-bottom: 5px;
	font-weight: 600;
	color: #222;
	font-size: 24px;
	letter-spacing: -0.08em;
	line-height: 1.2;
}

#storytelling .col-md-6 span {
	color: #666;
	font-size: 13px;
	display: block;
	letter-spacing: 0.02em;
	font-weight: 300;
}

#storytelling .col-md-6 p {
	display: block;
	color: #444;
	font-size: 18px;
	font-weight: 500;
	position: absolute;
	left: 40px;
	bottom: 20px;
	margin: 0;
}

#storytelling .season1 {
	margin: 0 auto;
	max-width: 800px;
	position: relative;
}

#storytelling .season1 h3 {
	position: absolute;
	left: 50%;
	bottom: -90px;
	z-index: 10;
	margin-left: -90px;
	background: #E7213A;
	padding: 34px 0 0;
	border-radius: 50%;
	width: 180px;
	height: 180px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.04em;
	color: #fff;
	border: 20px solid #fff;
}

#storytelling .season1 .spring {
	background-color: #bedb5e;
	color: #555;
}

#storytelling .season1 .summer {
	margin-bottom: 15px;
	background-color: #54b9d5;
	color: #FFF;
}

#storytelling .fall {
	background-color: #fab73e;
	color: #555;
}

#storytelling .winter {
	background-color: #4262b6;
	color: #FFF;
}

#storytelling .season2 {
	margin: 0 auto;
	max-width: 800px;
}

#storytelling .summer p,
#storytelling .winter p {
	right: 40px;
	left: auto;
	color: rgba(255, 255, 255, 0.8);
}

#storytelling .season1 .summer h4,
#storytelling .season1 .summer span,
#storytelling .season2 .winter h4,
#storytelling .season2 .winter span {
	text-align: right;
	color: #fff
}

/***서브페이지 - 공지사항***/

#notice .sub-header {
	margin: 0
}

#event .sub-header {
	margin: 0
}
#event .sub-header span{
	display: block;
    text-align: center;
    font-weight: 500;
    color: #999;
    font-size: 13px;} 


/****서브페이지 - 교육워크샵****/

.teller_con1 {
	margin: 0 0 50px;
}

#work .work-txt {
	background: #f6f6f6;
	padding: 30px 40px;
	border-radius: 10px;
	margin: 0;
}

#work .work-txt ul {
	font-size: 14px;
	padding: 0;
	margin: 0;
}

#work .work-txt ul li {
	margin-bottom: 10px;
	line-height: 1.8;
	letter-spacing: -0.04em;
	color: #666;
}

#work .work-txt ul li span {
	text-indent: 65px;
	display: block;
}

#work #sub_content .time-tel {
	color: #222;
	font-weight: 600;
	font-size: 16px;
	margin: 20px 0 0;
}

#work .work-img .row:nth-of-type(2) {
	margin-top: 15px
}

/********서브페이지 - 스토리타임*******/

.sub-header {
	margin-bottom: 40px
}

#storytime #sub_content {
	margin-bottom: 50px
}

#storytime #sub_content .con-top p {
	text-align: center;
	color: #222;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.06em;
	line-height: 1;
	margin: 0 0 40px;
}

#storytime #main_area .row>.col-sm-6:nth-child(1) {
	padding: 0 15px !important;
}

#storytime #sub_content .con-bottom {
	background: #f6f6f6;
	padding: 30px 40px;
	border-radius: 10px;
	margin: 0;
}

#storytime #sub_content .con-bottom p {
	font-size: 14px;
	margin: 0 0 10px;
}

#storytime #sub_content .con-bottom .time-tel {
	color: #222;
	font-weight: 600;
	font-size: 16px;
	margin: 20px 0 0;
}

@media(min-width:768px) {
	#storytime .carousel-inner {
		margin-top: 0;
	}
}

/***********서브페이지 - 오시는 길*********/

#location #sub_content p {
	padding: 10px 0;
	text-align: center;
	background: #E7213A;
	color: #fff;
	font-size: 18px;
	margin-bottom: 80px;
}

.table {
	width: 100%;
	border: none;
	border-top: 2px solid #E7213A;
	border-bottom: 1px solid #323232;
	margin: 20px 0 0;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	padding: 16px 15px;
	color: #666;
	font-size: 13px;
	letter-spacing: -0.04em;
	line-height: 1.6;
	border: none;
	border-bottom: 1px solid #dedede;
}

.table>tbody>tr>th {
	background: #f6f6f6;
}

/**********서브 페이지 - 스페셜 이벤트***********/

#special_event #sub_content p:nth-of-type(1) {
	text-align: center;
	color: #222;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.06em;
	line-height: 1;
	margin: 0 0 10px;
}

#special_event #sub_content p:nth-of-type(2) {
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.02em;
	line-height: 1;
	color: #888;
	margin: 0 0 40px;
}

#special_event #sub_content img {
	box-shadow: 2px 5px 7px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 2px 5px 7px rgba(0, 0, 0, .2);
}

/**********서브 페이지 - 협회소개***********/

#korea_storyteller .sub-header p {
	margin-top: 30px;
	text-align: center;
}

#korea_storyteller .teller_con1 p {
	text-align: center;
	border: 3px solid #E7213A;
	border-radius: 50%;
	padding: 35px 0 0;
	width: 200px;
	height: 200px;
}

#korea_storyteller .teller_con1 p span {
	font-size: 30px;
	font-weight: 600;
	color: #E7213A;
}

#korea_storyteller .teller_con2 dt {
	background: #E7213A;
	padding: 15px;
	color: #f8f8f8;
	font-weight: 500;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	letter-spacing: -0.5px;
}

#korea_storyteller .teller_con2 dd {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 15px;
	color: #555;
	font-weight: 400;
	letter-spacing: -0.7px;
}

#korea_storyteller .teller_con2 .col-md-3 .fa-arrow-down {
	display: block;
	text-align: center;
	font-size: 40px;
	margin-bottom: 20px;
	color: #E7213A;
}

#korea_storyteller .teller_con2 .col-md-3 ul {
	border: 1px solid #ccc;
	padding: 15px 10px;
	border-radius: 10px;
}

#korea_storyteller .teller_con2 .col-md-3 ul li {
	font-size: 13px;
}

#korea_storyteller .teller_con2 dd:last-child {
	border-bottom: 1px solid #ccc;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-bottom: 10px;
}

#korea_storyteller .teller_con2 .col-md-3:nth-of-type(2) dl dd {
	padding-bottom: 30px;
}

#korea_storyteller .teller_con2 .col-md-3:nth-of-type(4) dl dd {
	padding-bottom: 50px;
}

#korea_storyteller .teller_con2 dd span {
	display: inline-block;
	text-indent: 50px;
}

#korea_storyteller .teller_con2 .col-md-3:nth-of-type(2) dl dd span {
	display: inline-block;
	text-indent: 65px;
}

#korea_storyteller #sub_content h4 {
	text-align: center;
	padding-left: 20px;
	margin-bottom: 30px;
}

/*=====----- 게시판 설정 -----=====*/

.dh-board,
.img-bbs-default-index-layout .page_wrap~div,
.dh-view-box,
.form-horizontal,
#mailForm {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 50px 0;
}

.bbs-list-index-layout .subPage .right_contents,
.bbs-list-view-layout .subPage .right_contents,
.bbs-list-edit-layout .subPage .right_contents {
	width: 100%;
	padding: 0;
}

/*=====----- 텍스트 게시판 설정 -----=====*/

.dh-board .table>thead>tr>th,
.dh-board .table>tbody>tr>th,
.dh-board .table>tfoot>tr>th,
.dh-board .table>thead>tr>td,
.dh-board .table>tbody>tr>td,
.dh-board .table>tfoot>tr>td {
	padding: 16px 20px;
	color: #666;
	font-size: 14px;
}

.dh-board .table>thead>tr>th {
	background: #f8f8f8;
	vertical-align: middle;
	border-bottom: 1px dotted #bdbdbd;
	font-size: 15px;
	font-weight: 600;
	color: #333;
	letter-spacing: -0.03em;
}

.dh-board .table>tbody>tr>td {
	border-bottom: 1px dotted #dedede;
}

.dh-board .table>tbody>tr>td>strong>a {
	color: #555;
}

.dh-board>.table-hover {
	border-top: 2px solid #2d2d2d;
	border-bottom: 1px solid #ccc;
	margin: 0px 0 30px;
}

.dh-board>.table-hover>tbody>tr:hover td {
	background-color: #f9f9f9;
}

.dh-board>.table-hover>tbody>tr:hover>td>strong>a {
	color: #000;
}

.dh-margin-top {
	margin-top: 40px;
	display: inline-block;
}

/* ----- 블로그 B타입 게시판 ----- */

.bbs-blog2-index-layout .dhb-txt-box-type-b {
	border: none;
	background-color: #fff;
	width: 25%;
	margin: 0 0 20px;
	padding: 0 10px;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b>div {
	margin: 0;
	padding: 0;
	border: 1px solid #e5e5e5;
}

.dhb-txt-box-type-b-img-layout {
	padding: 0;
}

.dhb-txt-box-type-b-img-layout .thumb-hidden {
	border: none;
	min-height: 200px;
	max-height: 200px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.dhb-txt-box-type-b-text-layout h4 {
	font-size: 14px;
	margin: 15px 0;
}

.dhb-txt-box-type-b-text-layout .txt-box-footer {
	margin-top: 0;
	float: none;
	text-align: left;
	display: none;
}

.txt-box-footer em {
	display: none;
}

.txt-box-footer em>span.regdate {
	font-style: normal;
	color: #666;
	font-size: 13px;
}

.txt-box-footer em>span:last-child {
	display: none;
}

.txt-box-footer small.hits {
	display: none;
}

@media screen and (max-width: 767px) {
	.bbs-blog2-index-layout .dhb-txt-box-type-b {
		width: 100%;
		margin: 10px 0 20px;
	}
}

/* ----- 게시판 버튼 설정 ----- */

.label {
	background: rgba(0, 0, 0, 0);
	padding: 0 5px;
	font-size: 90%;
}

.label-danger {
	color: #E7213A;
}

.label-primary {
	color: #E7213A;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #E7213A;
	border: 1px solid #E7213A !important;
}

.pagination>li>a,
.pagination>li>span {
	color: #9D8478;
	border: 1px solid #fff !important;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	color: #9D8478;
}

.dh-margin-top form#insertForm {
	width: 100%;
	max-width: 100%;
	display: block;
	margin: 0 0 0;
}

.btnRead {
	font-weight: 500;
}

.btn-default,
.btn-primary,
.btn-danger {
	background-image: none;
}

.btn-group,
.btn-group-vertical {
	margin: 10px 0 30px;
}

/* ----- 게시글 뷰 페이지 설정 ----- */

.dh-view-box {
	margin-top: 0px;
}

.sns-box {
	display: none;
}

.dh-view-box>.row>.page-header {
	border-top: 2px solid #000;
	border-bottom: 1px solid #ccc;
	padding: 0 20px;
	margin: 0;
}

.dh-view-box>.row>.page-header>h4 {
	color: #333;
	font-size: 23px;
	margin: 14px 0;
}

.dh-view-box>.row>.dh-view-info {
	border-bottom: 1px solid #ccc;
	background: rgba(0, 0, 0, 0);
	padding: 8px 20px 8px;
	color: #888;
}

.dh-view-box>.row>.dh-view-info>span {
	padding: 0 15px 0 0;
}

.dh-view-box>.row>.dh-view-info>span>strong {
	color: #555;
	padding: 0 5px 0 0;
}

.dh-view-box .dh-attach h6 {
	margin: 0 0 0;
	padding: 5px 5px 0;
}

.dh-view-box>.row:nth-child(2)>div:nth-child(3) {
	padding: 30px 20px 60px !important;
	min-height: 300px;
}

@media screen and (max-width: 991px) {
	.dh-board,
	.img-bbs-default-index-layout .page_wrap~div,
	.dh-view-box,
	.form-horizontal,
	#mailForm {
		padding: 60px 15px;
	}
}

@media screen and (max-width: 767px) {
	.dh-board,
	.img-bbs-default-index-layout .page_wrap~div,
	.dh-view-box,
	.form-horizontal,
	#mailForm {
		padding: 40px 15px;
	}
}

/* 게시판 설정 끝 */

/* 주문폼 (교육상담) */

#sub1_2 .order_manual_list {
	padding: 0;
	margin: 0 0 40px;
}

#sub1_2 .order_manual_list li {
	color: #333;
	font-size: 15px;
	letter-spacing: -0.03em;
	line-height: 28px;
	padding-left: 18px;
	position: relative;
	word-break: keep-all;
}

#sub1_2 .order_manual_list>li::before {
	content: '';
	width: 8px;
	height: 2px;
	background: #E2233C;
	display: inline-block;
	position: absolute;
	top: 14px;
	left: 0;
}

#sub1_2 .sub_sect01 {
	padding: 50px 0px 0px;
}

#mod_type_formForm {
	padding-top: 0;
}

#mod_type_formForm .q_number {
	width: 40%;
	margin: 0 0 15px 0;
}

#mod_type_formForm .q_2,
#mod_type_formForm .q_3 {
	float: left;
}

#mod_type_formForm .q_3 {
	padding-left: 20px;
}

#mod_type_formForm center {
	clear: both;
}

#mod_type_formForm .q_9 {
	display: block;
	width: 100%;
	float: none;
	padding: 40px 0px;
	margin: 0 0 40px;
	border-top: 1px solid #7f7f7f;
	border-bottom: 1px solid #e5e5e5;
}

#mod_type_formForm .q_9>.col-sm-12:nth-of-type(1) {
	padding: 0;
}

#mod_type_formForm .q_9>.col-sm-12:nth-of-type(2) {
	margin-top: 25px;
	padding: 0 0 0 5px;
	color: #444444;
	font-size: 15px;
	letter-spacing: -0.03em;
	line-height: 30px;
}

#mod_type_formForm .section02 .q_number .col-sm-12:nth-of-type(1) {
	width: 25%;
	padding: 0;
}

#mod_type_formForm .section02 .q_number .col-sm-12:nth-of-type(2) {
	width: 75%;
	padding-left: 0;
}

#mod_type_formForm .q_number input {
	margin: 0 !important;
	padding: 20px 0px;
	background: #f6f3f3;
	border: none;
	border-radius: 0;
	box-shadow: none;
	text-indent: 15px;
}

#mod_type_formForm .q_number i {
	display: none;
}

#mod_type_formForm .section02 {
	padding: 0 0 30px;
	margin: 0 0 10px;
	border-bottom: 1px solid #7f7f7f;
}

#mod_type_formForm .section02 .q_number div h3 {
	color: #777777;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.03em;
	display: inline-block !important;
	margin: 10px 0 0;
}

#mod_type_formForm center .save {
	margin-top: 20px;
	background: #E7213A;
	border: none;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.03em;
	text-shadow: none;
	border: none !important;
	border-radius: 50px;
	padding: 15px 50px;
}

/* 주문폼 반응형 */

@media screen and (max-width: 767px) {
	#mod_type_formForm .section02 .q_number {
		width: 100%;
		float: none !important;
	}
	#mod_type_formForm .section02 .q_number .col-sm-12 {
		width: 100% !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#mod_type_formForm .section02 .q_number {
		width: 50%;
	}
}

/* ----- 갤러리 미리보기 이미지 사이즈 조정 ----- */

.dh-front-gallery>.col-md-3>a.thumbnail {
	background-size: contain;
}

.thumb-hidden {
	border: none;
	box-shadow: none;
}

.contact-location-layout .glyphicon.glyphicon-globe {
	display: none;
}

/* ----- 블로그 게시판 설정 ----- */

.dhb-txt-box {
	background: transparent;
	margin: 0 0 10px;
	padding: 20px 0;
}

.dhb-txt-box>.text-right {
	display: none;
}

.dhb-txt-box .dhb-txt-list {
	border: none;
	width: 100%;
}

.dhb-txt-box .dhb-txt-list .row>div:nth-child(1) {
	width: 30%;
}

.dhb-txt-box .dhb-txt-list .row>div:nth-child(2) {
	width: 70%;
	padding: 0 30px;
}

.dhb-txt-box .dhb-txt-list .row h4 strong a {
	font-size: 18px;
	font-weight: 500;
	color: #454545;
}

.dhb-txt-box .dhb-txt-list .row h4 strong a:hover {
	color: #558ED5;
}

.dhb-txt-box .dhb-txt-list .row h5 {
	height: 105px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.dhb-txt-box .dhb-txt-list .row h5 a {
	color: #666;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.col-sm-12.intro-boardbox:nth-child(2) .row.dh-front-blog .col-sm-6.col-md-4,
.col-sm-12.intro-boardbox:nth-child(3) .row.dh-front-gallery.thumbs .col-md-3,
.col-sm-12.intro-boardbox:nth-child(4) .row.dh-front-blog .col-sm-6.col-md-4,
.col-sm-12.intro-boardbox:nth-child(5) .row.dh-front-blog .col-sm-6.col-md-4 {
	width: 100%;
}

@media screen and (min-width: 768px) {
	.col-sm-12.intro-boardbox:nth-child(2) .row.dh-front-blog .col-sm-6.col-md-4,
	.col-sm-12.intro-boardbox:nth-child(3) .row.dh-front-gallery.thumbs .col-md-3,
	.col-sm-12.intro-boardbox:nth-child(4) .row.dh-front-blog .col-sm-6.col-md-4,
	.col-sm-12.intro-boardbox:nth-child(5) .row.dh-front-blog .col-sm-6.col-md-4 {
		width: 50%;
		float: left;
	}
}

@media screen and (min-width: 992px) {
	.col-sm-12.intro-boardbox:nth-child(2) .row.dh-front-blog .col-sm-6.col-md-4,
	.col-sm-12.intro-boardbox:nth-child(3) .row.dh-front-gallery.thumbs .col-md-3,
	.col-sm-12.intro-boardbox:nth-child(4) .row.dh-front-blog .col-sm-6.col-md-4,
	.col-sm-12.intro-boardbox:nth-child(5) .row.dh-front-blog .col-sm-6.col-md-4 {
		width: 25%;
	}
}

.row.dh-front-gallery.thumbs>.col-md-3>a.thumbnail {
	border: none;
	box-shadow: none;
}

.dh-front-blog>.col-md-4>.thumbnail {
	min-height: 200px;
	border: none;
	box-shadow: none;
}

.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb {
	border: none;
	background-size: contain;
}

.dh-front-blog>.col-md-4>.thumbnail>.caption {
	padding: 10px 0 0 !important;
}

.dh-front-blog>.col-md-4>.thumbnail>.caption h5 {
	margin: 0;
	padding: 0 !important;
}

.dh-front-blog>.col-md-4>.thumbnail>.caption h5 a {
	font-weight: 500;
	color: #666;
	font-size: 13px;
}

.intro-board-widget-layout .intro-boardbox:nth-child(1) {
	width: 25%;
}

.intro-board-widget-layout .intro-boardbox:nth-child(1) .dh-front-blog>div {
	width: 100% !important;
}

@media all and (max-width:920px) {
	.intro-board-widget-layout .intro-boardbox:nth-child(1) .dh-front-blog>div,
	.intro-board-widget-layout .intro-boardbox:nth-child(2) .dh-front-blog>div {
		width: 100%;
	}
}

.blog-row-contents {
	display: none;
}

.dh-view-box>.row:last-child .col-xs-12:nth-child(3) {
	padding: 50px 20px !important;
}

.dh-view-box .dh-attach b,
.dh-view-box .dh-attach a {
	font-size: 16px;
	font-weight: bold;
}

.dhb-txt-box {
	background: none;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b {
	background: none;
	border: none;
}

.dhb-txt-box-type-b-img-layout .thumb-hidden {
	height: 140px;
}

/* 회원가입 */

.login-layout,
.id-find-layout,
.pw-find-layout {
	background: #f7f7f7;
	min-height: 700px;
}

.login-layout .inner-box-wrapper,
.id-find-layout .inner-box-wrapper,
.pw-find-layout .inner-box-wrapper {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 100px 0 0;
}

.login-layout .inner-box-wrapper,
.id-find-layout .inner-box-wrapper,
.pw-find-layout {
	margin-top: -20px;
}

.join-agree-layout,
.join-layout {
	width: 1170px;
	margin: 0 auto 70px;
}

.join-agree-layout .panel,
.join-layout .panel {
	border: 1px solid #dedede;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	border-radius: 0;
}

.join-agree-layout .panel-heading,
.join-layout .panel-heading {
	background-image: none !important;
	background-color: #f7f7f7 !important;
}

.join-agree-layout .btn-primary,
.join-layout .btn-primary {
	background-color: #E7213A !important;
	border: 0px;
	border-radius: 0;
}

@media screen and (max-width: 991px) {
	.login-layout,
	.id-find-layout,
	.pw-find-layout {
		width: 100%;
		margin: 0;
	}
}

/* 로그인 / 아이디, 비밀번호 찾기 */

.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel {
	border-radius: 8px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0);
	min-height: 440px;
	margin: 0;
	padding: 50px 30px 80px;
}

.login-layout .panel-body h2,
.id-find-layout .panel-body h2,
.pw-find-layout .panel-body h2 {
	margin: 0;
	color: #454545;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0.01em;
}

.login-layout .inner-box-msg p,
.id-find-layout .inner-box-msg p,
.pw-find-layout .inner-box-msg p {
	font-size: 13px;
	color: #666;
	margin: 0;
}

.login-layout .inner-box-form form label,
.id-find-layout .inner-box-form form label,
.pw-find-layout .inner-box-form form label {
	font-size: 14px;
}

.login-layout .inner-box-form form label.error,
.id-find-layout .inner-box-form form label.error,
.pw-find-layout .inner-box-form form label.error {
	font-weight: 400;
	color: #E7213A;
	font-size: 12px;
}

.login-layout input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	background: #fff !important;
	border: 1px solid #d5d5d5;
}

.login-layout .btn-warning,
.id-find-layout .btn-warning,
.pw-find-layout .btn-warning {
	background-image: none;
	background-color: #2a2a2a;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	color: #f5f5f5;
}

.login-layout .btn-warning:focus,
.login-layout .btn-warning:hover,
.id-find-layout .btn-warning:focus,
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:focus,
.pw-find-layout .btn-warning:hover {
	background: #E7213A;
}

.login-layout form>div>p>a {
	display: inline-block;
	float: left;
	font-size: 12px;
	color: #777;
}

.login-layout form>div>p>a:hover {
	color: #303030;
}

.login-layout form>div>p>a:after {
	content: " | ";
	font-size: 8px;
	padding: 0 8px 0;
	margin: 0;
	color: #d9d9d9;
}

.login-layout form>div>p:last-child>a:after {
	content: "";
}

.id-find-layout .panel-body,
.pw-find-layout .panel-body {
	margin-top: 40px;
}

.navbar-right>li .btn-primary {
	background-color: #E7213A;
	border: 1px solid #E7213A !important;
}

/********* 수정 **********/

#education #sub_content .txt-red {
	color: red
}

#education #sub_content .txt-green {
	color: green
}

#education #sub_content .txt-blue {
	color: blue
}

#education #sub_content .txt-yellow {
	color: #fbdd41
}

#education #sub_content .con2 td b {
	color: #666
}

.bbs-blog-index-layout .dhb-txt-list img.dhb-thumb {
	width: 70%;
	margin-left: auto;
	margin-right: auto
}

.bbs-blog-index-layout .thumb-hidden {
	max-height: 200px;
}

.text-bbs7 .dh-view-box img:nth-of-type(1) {
	margin-right: 20px
}

.text-bbs10 .dh-view-box img:nth-of-type(1) {
	margin-right: 20px
}

/********* 2차수정 **********/

#education #sub_content .con1 .col-md-12 h4 {
	margin: 0 0 10px;
}

#education #sub_content .con1 .col-md-12 h4+span {
	font-size: 13px;
	display: block;
	margin-bottom: 20px;
	color: #888;
	font-weight: 300;
	letter-spacing: 0.02em;
}

/********* 영문 - 키사 **********/

#korea_storyteller.storyteller_en .teller_con1 p {
	line-height: 1.5em;
}

#korea_storyteller.storyteller_en .teller_con1 p span {
	display: block;
}

#korea_storyteller.storyteller_en .teller_con2 .col-md-3:nth-of-type(3) dl dd {
	padding-bottom: 50px;
}

#korea_storyteller.storyteller_en .teller_con2 .col-md-3:nth-of-type(4) dl dd {
	padding-bottom: 30px;
}

#korea_storyteller.storyteller_en .teller_con2 .col-md-3:nth-of-type(5) dl dd {
	padding-bottom: 70px;
}

#storytime.storytime_en #sub_content .con-top p {
	line-height: 1.5em;
}

.btn-primary {
	background: #E7213A;
	border: 1px solid #E7213A
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	background: #E7213A;
	border: 1px solid #E7213A
}



@media(max-width:767px){
	
	#main_html .main_video header, #main_html .main_video section{padding: 0 15px;}
	.navbar-nav #m-29{display:none}
	#greeting #sub_content .con1 {margin: 0 0 60px;}
	#greeting #sub_content .con3 .col-md-2{text-align:center}
	#greeting #sub_content .con3 .col-md-6+.col-md-2{margin-bottom:15px}
	#storytelling .season1 h3{bottom:0;top:0;position:relative}
	#storytime #sub_content .con-bottom, #work .work-txt{    margin-top: 15px;}
	#korea_storyteller #sub_content h4{padding-left:0}
	#korea_storyteller .teller_con1 p{    margin: 0 auto 20px;}
	#korea_storyteller .teller_con2 .col-md-3{margin-bottom:50px}
	.dhb-txt-box .dhb-txt-list .row>div:nth-child(1){    width: 100%;}
	.dhb-txt-box .dhb-txt-list .row>div:nth-child(2){  width: 100%;}
	#location iframe{height:300px !important;margin-bottom:15px}
	.navbar-fixed-top .navbar-collapse{    max-height: 100%;}
}