@charset "utf-8";

/*
 *
 * CSS CONTENTS:
 *
 * 01. Web Font
 * 02. Type Selector Reset
 * 03. Accessibility Navigation
 * 04. Layout Selector
 * 05. Components
 * 06. Entry Content
 * 07. Comment
 * 08. Aside(sidebar)
 * 09. ETC
 * 10. Option(Color Type & List Type)
 * 11. Retina Display
 * 12. Media Screen
 *
 */

/* Web Font Load */
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:800&subset=korean');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

/* Type Selector Reset */
body {
	-webkit-text-size-adjust: 100%;
	font-weight: 400;
	font-family: 'AppleSDGothicNeo', 'Noto Sans KR', sans-serif;
	font-size: 1em;
	line-height: 1.25;
	color: #555;
}
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
a{
	text-decoration: none;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure {
	margin: 0;
	padding: 0;
}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
	display: block;
}
button, input[type=submit], input[type=reset], input[type=button] {
	overflow: visible;
	cursor: pointer;
}
input[type=text], input[type=email], input[type=password], input[type=submit], textarea {
	-webkit-appearance: none;
}
input, select, textarea, button {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 100%;
	border-radius: 0;
}
button {
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
ul li {
	list-style: none;
}
img, fieldset {
	border: none;
	vertical-align: top;
}
hr {
	display: none;
}
a, a:link {text-decoration:none; color:#555;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}

/* Accessibility Navigation */
#acc-nav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 0;
}
#acc-nav a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin-left: -1px;
	margin-bottom: -1px;
	text-align: center;
	font-weight: bold;
	font-size: 0.875em;
	color: #000;
	white-space: nowrap;
}
#acc-nav a:focus, #acc-nav a:hover, #acc-nav a:active {
	width: 100%;
	height: auto;
	padding: 10px 0;
	background: #000;
	color: #fff;
	z-index: 1000;
}

/* Layout Selector */
#header {
	border-bottom: 1px solid #eee;
}
#header .inner {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
}
#header h1 {
	padding: 23px 0 ;
	font-family: 'Nanum Myeongjo';
	font-weight: 800;
	font-size: 1.75em;
	line-height: 32px;
	letter-spacing: -0.2px;
	color: #333;
	text-align: center;
}
#header h1 a {
	display: inline-block;
	height: 32px;
	text-decoration: none;
	color: #333;
	vertical-align: top;
}
#header h1 img {
	width: auto;
	height: 32px;
}

#header .util {
	position: absolute;
	top: 24px;
	right: 0;
	display: none;
}
#header .util .search {
	position: relative;
	float: left;
	overflow: hidden;
	width: 32px;
	background-color: #fff;
	box-sizing: border-box;
	transition: width 0.5s;
	-webkit-transition: width 0.5s;
}
#header .util .search:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
	width: 32px;
	height: 32px;
	border: 1px solid #eee;
	border-radius: 50%;
	text-indent: -999em;
	background: #fff url(./images/ico_package.png) no-repeat 0 0;
	vertical-align: top;
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
}
#header .util .search input {
	width: 32px;
	height: 32px;
	padding: 5px 15px;
	border: 0;
	background-color: transparent;
	font-size: 0.875em;
	line-height: 1;
	outline: none;
	box-sizing: border-box;
}
#header .util .search input:focus {
	border-color: #484848;
}
#header .util .search input::placeholder {
	color: #969696;
}
#header .util .search button {
	position: absolute;
	top: 1px;
	right: 1px;
	z-index: 10;
	width: 30px;
	height: 30px;
	text-indent: -999em;
	border: 1px solid #eee;
	border-radius: 50%;
	background: #fff url(./images/ico_package.png) no-repeat -1px -1px;
	vertical-align: top;
	outline: none;
}
#header .util .search.on {width: 200px;}
#header .util .search.on:before {content: none;}
#header .util .search.on input {
	display: block;
	width: 100%;
	border: 1px solid #eee;
	border-radius: 32px;
}
#header .util .search.on button {border-color: transparent;}

#header .util .profile {
	position: relative;
	float: left;
	margin-left: 14px;
}
#header .util .profile button {
	display: block;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border: 1px solid #eee;
	border-radius: 50%;
}
#header .util .profile img {
	width: 100%;
	height: 100%;

}
#header .util .profile nav {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 30;
	width: 96px;
	margin: 0 0 0 -48px;
	padding-top: 12px;
}
#header .util .profile ul {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
#header .util .profile ul li a {
	display: block;
	margin-top: -1px;
	border: 1px solid #eee;
	background-color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 0.875em;
	line-height: 2.3125rem;
	color: #777;
}
#header .util .profile ul li a:focus,
#header .util .profile ul li a:hover {
	background-color: #fafafa;
	color: #333;
}
#header .util .menu {
	display: none;
}
#gnb {
	height: 66px;
	overflow-x: auto;
	overflow-y: hidden;
	-ms-overflow-style: none;
	display: flex;
	justify-content: center;
  border-top: 1px solid #eee;
}
#gnb::-webkit-scrollbar {
	display: none;
}

#gnb ul {
	display: inline-flex;
	margin-left: -30px;
	vertical-align: top;
	width: 100% !important;
	justify-content: space-between;
	max-width: 1080px;
}
#gnb ul li {
	float: left;
	padding: 0 26px;
	font-weight: bold;
}
#gnb ul li a {
	position: relative;
	display: block;
	text-decoration: none;
	padding: 22px 4px 24px;
	color: #777;
}
#gnb ul li a:hover,
#gnb ul li.current a {
	color: #333;
}
#gnb ul li.current a:after,
#gnb ul li a:hover:after,
#gnb ul li a:focus:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #333;
}
#container {
	position: relative;
}
#container .content-wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 20px;
}
#container .content-wrap:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 10;
	width: 1px;
	height: 100%;
	margin-left: 255px;
	background-color: #eee;
	display: none;
}
#container .content-wrap:after {
	content: "";
	clear: both;
	display: none;
	height: 0;
	visibility: hidden;
}
#content {
	float: left;
	width: 68.518518518518519%;
	padding: 72px 0 60px;
	box-sizing: border-box;
}
#content>.inner:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	
}

#aside {
	float: right;
	width: 21.296296296296296%;
	padding: 75px 0 32px;
	box-sizing: border-box;
	display: none;
}
#aside .close,
#aside .profile {
	display: none;
}

#footer {
	clear: both;
	padding: 38px 0 28px;
	border-top: 1px solid #eee;
}
#footer .inner {
	position: relative;
	max-width: 1080px;
	margin: 0 auto;
}
#footer p {
	margin-bottom: 10px;
	font-size: 0.875em;
	color: #777;
}
#footer .order-menu a {
	display: inline-block;
	margin-bottom: 23px;
	font-size: 0.8125em;
	vertical-align: middle;
	color: #555;
}
#footer .order-menu a:hover,
#footer .order-menu a:focus {
	color: #333;
}
#footer .order-menu a:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 0 20px 2px 15px;
	background-color: #d2d2d2;
	vertical-align: middle;
}
#footer .order-menu a:first-child::before {
	content: none;
}
#footer .page-top {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	border: 1px solid #eee;
	border-radius: 50%;
	background: #fff url(./images/ico_package.png) no-repeat -100px -200px;
	text-indent: -999em;
}
#footer .page-top:focus,
#footer .page-top:hover {
	background-color: #757575;
	background-position-x: -150px;
}

#tt-body-index .main-slider {
	display: block;
}
#tt-body-index #content {
	padding-bottom: 43px;
}
.post-cover.notice {
	height: auto;
	background-color: transparent;
	background: unset !important;
}
.post-cover.notice h1 {
	margin: 0;
	font-size: 1.6875em;
	line-height: 1.5;
	color: #000;
}
.post-cover.notice h1 a {
	color: #000;
}
.post-cover.notice .meta {
	margin: 0 0 30px;
	color: rgba(0,0,0,0.6);
}
#tt-body-page #container {
	padding-top: 0;
}
#tt-body-page.post-cover-hide #container {
	padding-top: 0;
}
#tt-body-page .post-cover {
	width: 100%;
}
#tt-body-tag .tags {
	margin-top: 0;
}

/* Components */
.btn, a.btn {
	display: inline-block;
	width: 100px;
	height: 36px;
	background-color: #c4c4c4;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 36px;
	color: #fff;
	vertical-align: middle;
}
.btn:hover {
	background-color: #676767;
}
.main-slider {
	display: none;
	position: relative;
	top: -1px;
	z-index: 20;
	overflow: hidden;
	width: 100%;
	background-color: #cbcbcb;
}
.main-slider ul {
	position: relative;
}
.main-slider ul li {
	display: table;
	width: 100%;
	height: 340px;
	background-position: 50% 50%;
	background-size: cover;
}
.main-slider ul li a {
	display: table;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background-color: rgba(0,0,0,0.15);
}
.main-slider ul li .inner {
	display: table-cell;
	vertical-align: middle;
}
.main-slider ul li .box {
	display: block;
	max-width: 910px;
	margin: 0 auto;
	padding: 0 24px 6px;
}
.main-slider ul li .text {
	display: block;
	overflow: hidden;
	max-width: 65%;
	text-overflow: ellipsis;
	font-weight: 300;
	font-size: 2.125em;
	line-height: 1.2352;
	color: #fff;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.main-slider ul li .btn {
	display: block;
	width: 118px;
	height: 35px;
	margin-top: 32px;
	border-radius: 35px;
	line-height: 35px;
	background-color: #fff;
	color: #555;
}
.main-slider ul li .btn:hover {
	background-color: #04beb8;
	color: #fff;
}
.main-slider .prev,
.main-slider .next {
	display: none;
}
.main-slider .paging {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	margin-left: 447px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.main-slider .paging button {
	display: block;
	width: 8px;
	height: 8px;
	margin: 10px 0;
	text-indent: -999em;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.4);
}
.main-slider .paging .current {
	background-color: rgba(255,255,255,1);
}

.cover-thumbnail-1 {
	position: relative;
	margin-bottom: 77px;
}
.cover-thumbnail-1 h2 {
	margin-bottom: 19px;
	font-weight: 500;
	font-size: 1em;
	color: #555;
}
.cover-thumbnail-1 ul {
	display: inline-block;
	width: 103.378378378378378%;
	margin-left: -3.378378378378378%;
	margin-bottom: -40px;
	vertical-align: top;
}
.cover-thumbnail-1 ul li {
	float: left;
	width: 33.333333333333333%;
	padding-left: 3.26797385620915%;
	margin: 0 0 38px;
	box-sizing: border-box;
}
.cover-thumbnail-1 ul li a {
	display: block;
	text-decoration: none;
}
.cover-thumbnail-1 ul li a:hover .title,
.cover-thumbnail-1 ul li a:focus .title {
	text-decoration: underline;
}
.cover-thumbnail-1 ul li figure {
	display: block;
	height: 0;
	margin-bottom: 9px;
	padding-bottom: 130.434782608695652%;
	background-color: #f8f8f8;
}
.cover-thumbnail-1 ul li figure img {
	width: 100%;
	height: auto;
}
.cover-thumbnail-1 ul li .title {
	display: block;
	overflow: hidden;
	width: 95%;
	margin-bottom: 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.75;
}
.cover-thumbnail-1 ul li .date {
	display: block;
	font-size: 0.75em;
	color: #999;
}
.cover-thumbnail-1 .more {
	position: absolute;
	top: 4px;
	right: 0;
	font-weight: 300;
	font-size: 0.875em;
	color: #999;
}

.cover-thumbnail-2 {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 77px;
}
.cover-thumbnail-2 h2 {
	margin-bottom: 28px;
	padding-bottom: 19px;
	border-bottom: 1px solid #eee;
	font-weight: 500;
	font-size: 1em;
	color: #555;
}
.cover-thumbnail-2 ul li {
	overflow: hidden;
	margin-top: 28px;
}
.cover-thumbnail-2 ul li a {
	display: block;
	text-decoration: none;
}
.cover-thumbnail-2 ul li a:hover .title,
.cover-thumbnail-2 ul li a:focus .title {
	text-decoration: underline;
}
.cover-thumbnail-2 ul li figure {
	float: right;
	width: 128px;
	margin-left: 57px;
}
.cover-thumbnail-2 ul li figure img {
	width: 100%;
	height: auto;
	border: 1px solid #f1f1f1;
	box-sizing: border-box;
}
.cover-thumbnail-2 ul li .title {
	display: block;
	overflow: hidden;
	max-width: 95%;
	margin-bottom: 10px;
	padding-top: 7px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.25em;
	line-height: 1.4;
}
.cover-thumbnail-2 ul li .excerpt {
	display: block;
	overflow: hidden;
	max-width: 95%;
	margin-bottom: 20px;
	text-overflow: ellipsis;
	font-size: 0.875em;
	line-height: 1.5rem;
	color: #999;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.cover-thumbnail-2 ul li .meta {
	display: block;
	font-size: 0.75em;
	color: #999;
}
.cover-thumbnail-2 ul li .meta span:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 0 8px 0 5px;
	background-color: #d2d2d2;
	vertical-align: middle;
}
.cover-thumbnail-2 ul li .meta span:first-child:before {
	content: none;
}
.cover-thumbnail-2 .more {
	display: block;
	width: 100%;
	margin-top: 28px;
	padding: 12px 0 11px;
	border: 1px solid #eee;
	text-align: center;
	font-size: 0.875em;
	color: #999;
}

.cover-thumbnail-3 {
	position: relative;
	margin-bottom: 77px;
}
.cover-thumbnail-3 h2 {
	margin-bottom: 19px;
	font-weight: 500;
	font-size: 1em;
	color: #555;
}
.cover-thumbnail-3 ul {
	position: relative;
	display: inline-block;
	width: 103.378378378378378%;
	margin-left: -3.378378378378378%;
	margin-bottom: -25px;
	vertical-align: top;
}
.cover-thumbnail-3 ul li {
	float: left;
	width: 20%;
	margin-bottom: 22px;
	padding-left: 3.26797385620915%;
	box-sizing: border-box;
}
.cover-thumbnail-3 ul li a {
	display: block;
	text-decoration: none;
}
.cover-thumbnail-3 ul li a:hover .title,
.cover-thumbnail-3 ul li a:focus .title {
	text-decoration: underline;
}
.cover-thumbnail-3 ul li figure {
	display: block;
	width: 100%;
	height: 0;
	margin-bottom: 11px;
	padding-bottom: 129.6875%;
	background-color: #f8f8f8;
}
.cover-thumbnail-3 ul li figure img {
	width: 100%;
	height: auto;
	border: 1px solid #f1f1f1;
	box-sizing: border-box;
}
.cover-thumbnail-3 ul li .title {
	display: block;
	overflow: hidden;
	width: 95%;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.8125em;
	line-height: 1.4;
}
.cover-thumbnail-3 button {
	position: absolute;
	top: -1px;
	width: 24px;
	height: 24px;
	border: 1px solid #eee;
	border-radius: 50%;
	background: url(./images/ico_package.png) no-repeat 0 -50px;
	text-indent: -999em;
	outline: none;
}
.cover-thumbnail-3 .prev {
	right: 30px;
}
.cover-thumbnail-3 .next {
	right: 0;
	background-position-x: -50px;
}
.cover-thumbnail-3 button:focus,
.cover-thumbnail-3 button:hover {
	background-color: #757575;
	background-position-y: -74px;
}

.cover-thumbnail-4 {
	position: relative;
	margin-bottom: 17px;
}
.cover-thumbnail-4 h2 {
	margin-bottom: 19px;
	font-weight: 500;
	font-size: 1em;
	color: #555;
}
.cover-thumbnail-4 ul {
	position: relative;
	display: inline-block;
	width: 103.378378378378378%;
	margin-left: -3.378378378378378%;
	vertical-align: top;
}
.cover-thumbnail-4 ul li {
	float: left;
	width: 33.333333333333333%;
	min-height: 283px;
	padding-left: 3.26797385620915%;
	margin: 0 0 55px;
	box-sizing: border-box;
}
.cover-thumbnail-4 ul li a {
	display: block;
	text-decoration: none;
}
.cover-thumbnail-4 ul li a:hover .title,
.cover-thumbnail-4 ul li a:focus .title {
	text-decoration: underline;
}
.cover-thumbnail-4 ul li figure {
	display: block;
	width: 100%;
	height: 0;
	margin-bottom: 5px;
	padding-bottom: 60.869565217391304%;
	background-color: #f8f8f8;
}
.cover-thumbnail-4 ul li figure img {
	width: 100%;
	height: auto;
}
.cover-thumbnail-4 ul li .title {
	display: block;
	overflow: hidden;
	max-width: 95%;
	margin-bottom: 4px;
	padding-top: 9px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.4;
}
.cover-thumbnail-4 ul li .excerpt {
	display: block;
	overflow: hidden;
	max-width: 95%;
	margin-bottom: 15px;
	text-overflow: ellipsis;
	font-size: 0.8125em;
	line-height: 1.5rem;
	color: #999;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.cover-thumbnail-4 ul li .meta {
	display: block;
	font-size: 0.75em;
	color: #999;
}
.cover-thumbnail-4 ul li .meta span:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 7px 8px 9px 5px;
	background-color: #d2d2d2;
	vertical-align: top;
}
.cover-thumbnail-4 ul li .meta span:first-child:before {
	content: none;
}
.cover-thumbnail-4 button {
	position: absolute;
	top: -1px;
	width: 24px;
	height: 24px;
	border: 1px solid #eee;
	border-radius: 50%;
	background: url(./images/ico_package.png) no-repeat 0 -50px;
	text-indent: -999em;
	outline: none;
}
.cover-thumbnail-4 .prev {
	right: 30px;
}
.cover-thumbnail-4 .next {
	right: 0;
	background-position-x: -50px;
}
.cover-thumbnail-4 button:focus,
.cover-thumbnail-4 button:hover {
	background-color: #757575;
	background-position-y: -74px;
}

.cover-list {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 42px;
}
.cover-list h2 {
	margin-bottom: 35px;
	padding-bottom: 19px;
	border-bottom: 1px solid #eee;
	font-weight: 500;
	font-size: 1em;
	color: #555;
}
.cover-list ul li {
	overflow: hidden;
	margin-bottom: 33px;
}
.cover-list ul li a {
	display: block;
	text-decoration: none;
}
.cover-list ul li a:hover .title,
.cover-list ul li a:focus .title {
	text-decoration: underline;
}
.cover-list ul li .title {
	display: block;
	overflow: hidden;
	max-width: 95%;
	margin-bottom: 6px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.25em;
	line-height: 1.4;
}
.cover-list ul li .excerpt {
	display: block;
	overflow: hidden;
	max-width: 95%;
	margin-bottom: 18px;
	text-overflow: ellipsis;
	font-size: 0.875em;
	line-height: 1.5rem;
	color: #999;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.cover-list ul li .date {
	display: block;
	font-size: 0.75em;
	color: #999;
}
.cover-list .more {
	position: absolute;
	top: 4px;
	right: 0;
	font-weight: 300;
	font-size: 0.875em;
	color: #999;
}

.cover-event {
	margin-bottom: 57px;
}
.cover-event h2 {
	margin-bottom: 19px;
	font-weight: 500;
	font-size: 1em;
	color: #555;
}
.cover-event ul {
	display: inline-block;
	width: 102.702702702702703%;
	margin-left: -2.702702702702703%;
	vertical-align: top;
}
.cover-event ul li {
	float: left;
	width: 50%;
	padding-left: 2.631578947368421%;
	margin: 0 0 20px;
	box-sizing: border-box;
}
.cover-event ul li a {
	position: relative;
	display: block;
	padding-bottom: 33.333333333333333%;
	border: 1px solid #eee;
	background-color: #757575;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	text-decoration: none;
	color: #555;
}
.cover-event ul li a:hover,
.cover-event ul li a:focus {
	color: #333;
}
.cover-event ul li a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.15);
}
.cover-event ul li .title {
	position: absolute;
	top: 15%;
	left: 24px;
	z-index: 30;
	overflow: hidden;
	max-width: 60%;
	margin-bottom: 7px;
	padding-top: 9px;
	text-overflow: ellipsis;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #fff;
}
.cover-event ul li .more {
	position: absolute;
	bottom: 20.833333333333333%;
	left: 24px;
	z-index: 30;
	text-decoration: underline;
	font-size: 0.875em;
	color: rgba(255,255,255,0.6);
}

.post-cover {
	position: relative;
	z-index: 20;
	display: table;
	width: 100%;
	height: auto;
	background-position: 50% 50%;
	background-size: cover;
	box-sizing: border-box;
}

.post-cover .inner {
	display: table-cell;
	position: relative;
	z-index: 10;
	vertical-align: bottom;
	color: #000;
}
.post-cover .category {
	display: none;
	max-width: 1080px;
	margin: 0 auto 13px;
	font-size: 0.875em;
	color: #fff;
}
.post-cover h1 {
	max-width: 1080px;
	margin: 0 auto;
	font-weight: 300;
	font-size: 2.125em;
	line-height: 1.2352;
}
.post-cover a {
	text-decoration: none;
	color: #fff;
}
.post-cover .meta {
	display: none;
	max-width: 1080px;
	margin: 34px auto 0;
	font-size: 0.875em;
	color: rgba(0, 0, 0, 1);
}
.post-cover .meta a {
	color: rgba(0, 0, 0, 1);
}
.post-cover .meta a:before,
.post-cover .meta span:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 0 8px 0 4px;
	background-color: rgba(0, 0, 0, 1);
	vertical-align: middle;
}
.post-cover .meta span:first-child:before {
	content: none;
}

.post-header {padding-top: 4px;}
.post-header h1 {
	margin-bottom: 18px;
	font-size: 1em;
	line-height: 1.375;
}
#tt-body-archive .post-header span:before {content: "'";}
#tt-body-archive .post-header span:after {content: "' 에 등록된 글";}
#tt-body-tag .post-header span:before {content: "#";}
#tt-body-search .post-header span:before {content: "'";}
#tt-body-search .post-header span:after {content: "'의 검색결과";}

.post-header h1 em {
	margin-left: 7px;
	font-style: normal;
	color: #04beb8;
}

.post-item {
	float: left;
	width: 31.081081081081081%;
	margin: 0 0 58px 3.378378378378378%;
}
.post-item:nth-child(3n+1) {
	clear: both;
	margin-left: 0;
}
.post-item a {
	display: block;
	text-decoration: none;
}
.post-item a:hover .title,
.post-item a:focus .title {
	text-decoration: underline;
}
.post-item .thum {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0;
	margin-bottom: 5px;
	padding-bottom: 100%;
	background-color: #f8f8f8;
}
.post-item .thum img {
	width: 100%;
	height: auto;
	/* transform: translateY(-25%);
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%); */
}
.post-item .title {
	display: block;
	overflow: hidden;
	max-width: 98%;
	margin-bottom: 4px;
	padding-top: 9px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.4;
}
.post-item .excerpt {
	display: block;
	overflow: hidden;
	max-width: 95%;
	margin-bottom: 15px;
	text-overflow: ellipsis;
	font-size: 0.8125em;
	line-height: 1.5rem;
	color: #999;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.post-item .meta {
	display: block;
	font-size: 0.75em;
	color: #999;
}
.post-item .meta span:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 0 8px 0 5px;
	background-color: #d2d2d2;
	vertical-align: middle;
}
.post-item .meta span:first-child:before {
	content: none;
}
.post-item.protected .thum:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 34px;
	height: 47px;
	margin: -24px 0 0 -17px;
	background: url(./images/ico_package.png) no-repeat 0 -120px;
	background-size: 120px auto;
}

.not-found {
	display: block;
	width: 100%;
	margin-bottom: 35px;
}
.not-found li {
	position: relative;
	padding-left: 10px;
	font-size: 0.9375em;
	line-height: 2;
	color: #999;
}
.not-found li:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #999;
}
.not-found .tag,
.not-found .category,
.not-found .archive {
	display: none;
}
#tt-body-tag .not-found ul,
#tt-body-category .not-found ul,
#tt-body-archive .not-found ul {display: none;}
#tt-body-tag .not-found .tag,
#tt-body-category .not-found .category,
#tt-body-archive .not-found .archive {display: block;}

.pagination {
	margin-bottom: 60px;
	text-align: center;
}
.pagination a {
	display: inline-block;
	margin: 0 12px;
	font-size: 0.875em;
	line-height: 1.5rem;
	vertical-align: top;
	color: #999;
}
.pagination .selected {
	color: #333;
}
.pagination .prev,
.pagination .next {
	width: 22px;
	height: 22px;
	border: 1px solid #eee;
	border-radius: 50%;
	background: url(./images/ico_package.png) no-repeat 0 -50px;
	text-indent: -999em;
}
.pagination .next {
	background-position-x: -50px;
}
.pagination .view-more {
	display: block;
	margin: 0;
	padding: 12px 0 11px;
	border: 1px solid #eee;
	text-align: center;
	font-size: 0.875em;
	color: #999;
}

.tags {
	margin-bottom: 45px;
	font-size: 0;
}
.tags:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.tags h2 {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 16px;
}
.tags a {
	display: inline-block;
	margin: 0 8px 12px 0;
	padding: 0 17px;
	border: 1px solid #eee;
	border-radius: 32px;
	font-size: 14px;
	line-height: 30px;
	vertical-align: middle;
	color: #555;
}
.tags a:hover,
.tags a:focus {
	color: #333;
}

.page-nav {
	margin: 52px 0 60px 0;
	padding: 23px 0 20px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.page-nav a {
	display: block;
	overflow: hidden;
	padding-left: 58px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.875em;
	line-height: 2.125rem;
	color: #555;
}
.page-nav a:hover,
.page-nav a:focus {
	color: #333;
}
.page-nav a strong {
	float: left;
	width: 58px;
	margin-left: -58px;
	font-weight: 400;
	color: #999;
}
.page-nav a strong:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 5px;
	margin: 0 8px;
	background: url(./images/ico_package.png) no-repeat -150px -50px;
	vertical-align: middle;
}

.related-articles {
	margin-bottom: 55px;
}
.related-articles h2 {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 1em;
}
.related-articles ul {
	display: inline-block;
	width: 101.621621621621622%;
	margin-left: -1.621621621621622%;
	vertical-align: top;
}
.related-articles ul li {
	float: left;
	width: 25%;
	padding-left: 1.621621621621622%;
	box-sizing: border-box;
}
.related-articles ul li:first-child {
	margin-left: 0;
}
.related-articles ul li a {
	color: #555;
}
.related-articles ul li a:hover,
.related-articles ul li a:focus {
	color: #333;
}
.related-articles ul li figure {
	display: block;
	width: 100%;
	height: 0;
	margin-bottom: 9px;
	padding-bottom: 68.181818181818182%;
	background-color: #f8f8f8;
}
.related-articles ul li figure img {
	width: 100%;
	height: auto;
}
.related-articles ul li .title {
	display: block;
	overflow: hidden;
	max-width: 95%;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.875em;
	line-height: 1.4;
	opacity: 0;
}
/* Entry Content */
.entry-content h1 {
	clear: both;
	margin: 29px 0 22px;
	font-size: 1.6875em;
	line-height: 1.5;
	color: #000;
}
.entry-content h2 {
	clear: both;
	margin: 29px 0 22px;
	font-size: 1.5em;
	line-height: 1.5;
	color: #000;
}
.entry-content h3 {
	clear: both;
	margin: 29px 0 22px;
	font-size: 1.3125em;
	line-height: 1.5;
	color: #000;
}
.entry-content h4 {
	clear: both;
	margin: 29px 0 22px;
	font-weight: 400;
	font-size: 1.125em;
	line-height: 1.5;
	color: #000;
}
.entry-content a {
	color: #04beb8;
}
.entry-content p {
	margin-bottom: 32px;
	word-break: break-word;
	font-size: 0.9375em;
	line-height: 2;
	color: #555;
}
.entry-content p img {
	max-width: 100%;
	height: auto;
}
.entry-content figure {
	margin-top: 8px !important;
}
.entry-content hr {
	display: block;
	height: 0;
	border: 0;
	border-bottom: 1px solid #000;
}
.entry-content pre {
	word-break:break-word;
	white-space:pre-wrap;
	word-wrap:break-word;
}
.entry-content ul {
	list-style: disc;
	margin-bottom: 22px;
	padding: revert;
}
.entry-content ul li {
	position: relative;
	margin-bottom: 10px;
	font-size: 0.9375em;
	line-height: 1.5714;
	color: #666;
	list-style: inherit;
}
.entry-content ol {
	list-style: decimal inside;
	margin-bottom: 22px;
}
.entry-content ol li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 16px;
	font-size: 0.9375em;
	line-height: 1.5714;
	color: #666;
	text-indent: -15px;
	list-style: inherit;
}
.entry-content img.alignleft {
	float: left;
	margin: 0 22px 22px 0;
}
.entry-content img.aligncenter {
	display: block;
	margin: 0 auto 22px;
}
.entry-content img.alignright {
	float: right;
	margin: 0 0 22px 22px;
}
.entry-content blockquote {
	margin-bottom: 40px;
	padding: 16px 20px;
	border-left: 4px solid #e6e6e6;
}
.entry-content blockquote p {
	margin: 22px 0 0;
}
.entry-content blockquote p:first-child {
	margin-top: 0;
}
.entry-content table {
	width:100%;
	margin-bottom: 22px;
	border: 1px solid #e6e6e6;
	border-collapse: collapse;
	text-align: center;
	font-size: 0.9375em;
	line-height: 1.5714;
	color: #666;
}
.entry-content table thead th {
	padding:7px 0 11px;
	border-left: 1px solid #e6e6e6;
}
.entry-content table tbody td {
	padding:7px 0 11px;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}
.entry-content input {
	height: 36px;
	padding: 0 10px;
	border: 1px solid #e6e6e6;
	font-size: 0.875em;
	line-height: 1.25;
	color: #666;
	box-sizing: border-box;
	vertical-align: middle;
}
.entry-content .entry-content .protected_form {
	margin-bottom: 40px;
	padding: 120px 0 200px;
	border-bottom: 1px solid #7a583a;
	text-align: center;
}
.entry-content .entry-content .protected_form input {
	width: 200px;
	margin-bottom: 10px;
	vertical-align: top;
}
.entry-content .cap1 {
	text-align: center;
	font-size: 0.875em;
	font-style: italic;
}
.entry-content .iframe-wrap {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}
.entry-content .iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content .protected_form {
	display: block;
	width: 100%;
	padding: 98px 0 120px;
	text-align: center;
}
.entry-content .protected_form h2 {
	margin: 0 0 8px;
	font-weight: 600;
	font-size: 1.625em;
	line-height: 2.125rem;
	color: #555;
}
.entry-content .protected_form p {
	margin-bottom: 34px;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.75;
	color: #999;
}
.entry-content .protected_form input {
	width: 183px;
	padding: 0 23px;
	border: 1px solid #eee;
	font-size: 0.9125em;
	line-height: 2.125rem;
}
.entry-content .protected_form input:focus {
	border-color: #484848;
}
.entry-content .protected_form .btn {
	margin-left: 5px;
}

/* Comment */
.comments {
	margin-bottom: 60px;
}
.comments h2 {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 1em;
}
.comments h2 .count{
	margin-left: 4px;
	color: #04beb8;
}
.comment-list {
	margin-bottom: 60px;
	border-top: 1px solid #eee;
}
.comment-list ul li {
	display: inline-block;
	width: 100%;
	padding: 32px 0 28px;
	border-bottom: 1px solid #eee;
	vertical-align: top;
	box-sizing: border-box;
}
.comment-list .tt_more_preview_comments_wrap {
	padding: 0;
	border: 0;
}
.comment-list .tt_more_preview_comments_text {
	display: block;
	margin: -1px 0 0;
	padding: 12px 0 11px;
	border: 1px solid #eee;
	text-align: center;
	font-size: 0.875em;
	color: #999;
}
.comment-list .tt_more_preview_comments_text:hover {
	text-decoration: underline;
}
.comment-list ul li .author-meta {
	position: relative;
	margin-bottom: 7px;
	padding: 2px 0 0 60px;
	font-size: 0.8125em;
	color: #999;
}
.comment-list ul li .author-meta a {
	color: #999;
}
.comment-list ul li .author-meta a:before,
.comment-list ul li .author-meta span:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin: 0 7px 0 5px;
	background-color: #e3e3e3;
	vertical-align: middle;
}
.comment-list ul li .author-meta .nickname {
	font-weight: 700;
	color: #555;
}
.comment-list ul li .author-meta .nickname a {
	color: #555;
}
.comment-list ul li .author-meta .avatar {
	float: left;
	width: 46px;
	margin: -2px 0 0 -60px;
	border: 1px solid #eee;
	border-radius: 50%;
}
.comment-list ul li .author-meta .control {
	position: absolute;
	top: 0;
	right: -9px;
	border-bottom: 0;
}
.comment-list ul li .author-meta .control button {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(./images/ico_package.png) no-repeat -141px 5px;
	text-indent: -999em;
}
.comment-list ul li .author-meta .control .link {
	display: none;
	position: absolute;
	top: 100%;
	left: -65px;
	width: 70px;
	text-align: center;
}
.comment-list ul li .author-meta .control .link a {
	display: block;
	margin-top: -1px;
	border: 1px solid #e0e0e0;
	background-color: #fff;
	text-decoration: none;
	font-size: 0.875em;
	line-height: 1.5rem;
	color: #333;
}
.comment-list ul li .author-meta .control .link a:focus,
.comment-list ul li .author-meta .control .link a:hover {
	background-color: #fafafa;
	color: #222;
}
.comment-list ul li .author-meta .nickname:before,
.comment-list ul li .author-meta .nickname a:before,
.comment-list ul li .author-meta .control:before,
.comment-list ul li .author-meta .control a:before {
	content: none;
}
.comment-list ul li p {
	max-width: 85%;
	padding: 0 0 0 60px;
	font-size: 0.875em;
	line-height: 1.3125rem;
	color: #777;
	box-sizing: border-box;
}
.comment-list ul li .reply {
	display: inline-block;
	margin-top: 10px;
	font-size: 0.8125rem;
	color: #999;
}
.comment-list ul li ul {
	margin: 28px 0 -32px 0;
	padding: 26px 0 21px;
	border-top: 1px solid #eee;
	background-color: #fafafa;
}
.comment-list ul li ul li {
	padding: 14px 0 15px 60px;
	border-bottom: 0;
}
.comment-list ul li ul li .author-meta {
	margin-bottom: 8px;
}
.comment-list ul li ul li .author-meta .control {
	right: 15px;
}
.comment-list ul li ul li .author-meta .avatar {
	width: 42px;
}
.comment-list ul li ul li p {
	max-width: 80%;
}
.comment-list ul li ul .tt_more_preview_comments_wrap {
	display: block;
}
.comment-list ul li ul .tt_more_preview_comments_text {
	margin-bottom: 16px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
.comment-list ul li ul .tt_more_preview_comments_text:first-child {
	margin-top: -24px;
	padding: 12px 0 11px;
}

.comment-form {
	position: relative;
	margin-bottom: 60px;
}
.comment-form .field {
	overflow: hidden;
	margin-bottom: -1px;
	border: 1px solid #eee;
}
.comment-form .field input[type=text],
.comment-form .field input[type=password] {
	float: left;
	width: 50%;
	padding: 12px 16px;
	border: 0;
	border-left: 1px solid #eee;
	font-size: 0.875em;
	color: #777;
	box-sizing: border-box;
}
.comment-form .field input:first-child {
	border-left: 0;
}
.comment-form textarea {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	padding: 16px 100px 16px 16px;
	border: 1px solid #eee;
	font-size: 0.875em;
	color: #777;
	box-sizing: border-box;
	resize: none;
}
.comment-form input::-webkit-input-placeholder,
.comment-form textarea::-webkit-input-placeholder {
	color: #999;
}
.comment-form .secret {
	position: absolute;
	left: 0;
	bottom: 8px;
}
.comment-form .secret input {
	display: none;
}
.comment-form .secret label {
	display: inline-block;
	font-size: 0.8125em;
	line-height: 1.25rem;
	color: #666;
	outline: none;
	cursor: pointer;
}
.comment-form .secret label:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 18px;
	margin-right: 12px;
	border: 1px solid #e1e1e1;
	vertical-align: top;
	background-color: #fff;
}
.comment-form .secret input[type=checkbox]:checked+label:before {
	background: url(./images/ico_package.png) no-repeat -47px 4px;
}
.comment-form .submit {
	text-align: right;
}
.comment-form .submit button {
	background-color: #333;
	color: #fff;
}
.comment-form .submit button:hover,
.comment-form .submit button:focus {
	background-color: #04beb8;
}

/* Aside(sidebar) */
.sidebar h2 {
	margin-bottom: 7px;
	font-weight: 500;
	font-size: 0.875em;
	color: #555;
}
.sidebar ul li {
	padding: 4px 0 5px;
	font-size: 0.8125em;
	line-height: 1.25rem;
	color: #777;
}
.sidebar ul li a {
	color: #777;
}
.sidebar ul li a:hover {
	color: #333;
}
.sidebar .sidebar-2 {
	margin-top: 38px;
	padding-top: 46px;
	border-top: 1px solid #eee;
}

.sidebar .category {
	margin-bottom: 36px;
}
.sidebar .category ul li {
	padding: 0;
	font-size: 0.875em;
	font-weight: 600;
}
.sidebar .category ul li a {
	color: #555;
}
.sidebar .category ul li a:hover {
	color: #333;
}
.sidebar .category ul li ul {
	padding-top: 8px;
}
.sidebar .category ul li ul li {
	padding: 6px 0 7px;
	font-weight: 400;
	font-size: 1em;
}
.sidebar .category ul li ul li ul {
	overflow: hidden;
	margin-bottom: -4px;
	padding-top: 6px;
}
.sidebar .category ul li ul li ul li {
	position: relative;
	padding: 3px 0 3px 9px;
	/* border-left: 2px solid #eee; */
	font-size: 0.8125rem;
}
.sidebar .category ul li ul li ul li:before {
	content: "";
	position: absolute;
	bottom: 7px;
	left: 0;
	width: 2px;
	height: 100%;
	background-color: #eee;
}
.sidebar .category ul li ul li ul li:first-child:before {
	top: 7px;
	bottom: auto;
}
.sidebar .category ul li ul li ul li a {
	color: #999;
}
.sidebar .notice {
	margin-bottom: 37px;
}
.sidebar .recent-comment {
	margin-bottom: 36px;
}
.sidebar .recent-comment ul li a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sidebar .post-list {
	margin-bottom: 46px;
}
.sidebar .post-list h2 {
	margin-bottom: 12px;
}
.sidebar .post-list ul li {
	overflow: hidden;
	margin-bottom: 18px;
	padding: 0;
}
.sidebar .post-list ul li img {
	float: right;
	width: 58px;
	height: 58px;
	margin: 2px 0 0 20px;
}
.sidebar .post-list ul li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
}
.sidebar .post-list ul li a:hover .title {
	text-decoration: underline;
}
.sidebar .post-list ul li .title {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.sidebar .post-list ul li .date {
	display: block;
	margin-top: 6px;
	font-size: 0.75rem;
	line-height: 1;
}
.sidebar .social-list {
	margin-bottom: 46px;
}
.sidebar .social-list h2 {
	margin-bottom: 18px;
}
.sidebar .social-list .tab-list {
	overflow: hidden;
	width: 100%;
}
.sidebar .social-list ul li {
	margin-bottom: 15px;
	padding: 0 0 0 48px;
}
.sidebar .social-list ul li a {
	display: block;
	text-decoration: none;
}
.sidebar .social-list ul li a:hover .text {
	text-decoration: underline;
}
.sidebar .social-list ul li .avatar {
	float: left;
	overflow: hidden;
	width: 40px;
	height: 40px;
	margin-left: -48px;
	border-radius: 50%;
}
.sidebar .social-list ul li .title {
	display: block;
}
.sidebar .social-list ul li .date {
	display: block;
	margin-top: 6px;
	font-size: 0.75rem;
	color: #777;
}
#aside .tags {
	margin: 0 0 41px;
	padding: 0;
	font-size: 1em;
}
#aside .tags h2 {
	margin-bottom: 8px;
	font-size: 0.875em;
}
#aside .tags a {
	float: none;
	margin: 0 4px 0 0;
	padding: 0;
	border: 0;
	font-size: 0.8125em;
	line-height: 2;
	color: #555;
}
#aside .tags a:after {
	content: ", ";
}
#aside .tags a:last-child:after {
	content: none;
}
#aside .tags a:hover,
#aside .tags a:focus {
	color: #333;
}
.sidebar .count {
	margin-bottom: 46px;
}
.sidebar .count h2 {
	margin-bottom: 3px;
}
.sidebar .count h2:before {
	content: "";
	display: block;
	width: 17px;
	height: 1px;
	margin-bottom: 18px;
	background-color: #555;
}
.sidebar .count p {
	margin-bottom: 6px;
	font-size: 0.8125em;
	color: #777;
}
.sidebar .count .total {
	margin-bottom: 12px;
	font-weight: 700;
	font-size: 1.875em;
	color: #555;
}
.sidebar .social-channel {
	margin-bottom: 48px;
}
.sidebar .social-channel ul {
	overflow: hidden;
	width: 100%;
}
.sidebar .social-channel ul li {
	float: left;
	margin-left: 10px;
	padding: 0;
}
.sidebar .social-channel ul li:first-child {
	margin-left: 0;
}
.sidebar .social-channel ul li a {
	display: block;
	width: 34px;
	height: 34px;
	border: 1px solid #eee;
	border-radius: 50%;
	text-indent: -999em;
	background: url(./images/ico_package.png) no-repeat 0 -100px;
}
.sidebar .social-channel ul li.youtube a {
	background-position-x: -50px;
}
.sidebar .social-channel ul li.instagram a {
	background-position-x: -100px;
}
.sidebar .social-channel ul li.twitter a {
	background-position-x: -150px;
}
.sidebar .social-channel ul li a:focus,
.sidebar .social-channel ul li a:hover {
	background-color: #757575;
	background-position-y: -150px;
}
.sidebar .tab-ui h2 a {
	color: #999;
}
.sidebar .tab-ui h2 a.current {
	color: #555;
}
.sidebar .tab-ui h2 a:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 5px;
	margin: 0 10px;
	vertical-align: middle;
	background: url(./images/ico_package.png) no-repeat -100px -50px;
}
.sidebar .tab-ui h2 a:first-child:before {
	content: none;
}

/* ETC */
#dimmed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 300;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}

.mobile-menu {
	overflow: hidden;
	height: 100%;
}

.slide-wrap {
	overflow: hidden;
}

/* Overwrite */
#content .another_category {
	margin: 60px 0 57px !important;
	padding: 16px 20px 14px;
}
#content .another_category h4 {
	margin: 0 0 13px !important;;
	padding: 0 !important;
	border-bottom: 0 !important;
	font-size: 0.875em !important;
}
#content .another_category table {
	margin: 0 !important;
	border: 0;
}
#content .another_category th {
	padding: 2px 0 !important;
	font-size: 0.875rem !important;
}
#content .another_category th a.current {
	text-decoration: underline !important;
	font-weight: 400;
	color: #333 !important;
	border: 0 !important;
}
#content .another_category td {
	padding: 2px 0 !important;
	border: 0;
	font-size: 0.75rem !important;
}

.container_postbtn {
	margin: 53px 0 55px;
	padding: 0 !important;
}

.absent_post:before {
	content: "죄송합니다만 \A글을 찾지 못했습니다.";
	display: block;
	margin-bottom: 7px;
	font-weight: bold;
	font-size: 1.75em;
	line-height: 1.285714285714286;
	color: #555;
	white-space: pre;
}
.absent_post {
	padding: 98px 0 !important;
	background: none !important;
	font-weight: normal !important;
	font-size: 1em !important;
	line-height: 1.75;
	color: #999 !important;
}

/* Option(Color Type & List Type) */
.layout-aside-left #content {
	float: right;
}
.layout-aside-left #aside {
	float: left;
	margin-left: 0;
	padding: 80px 0;
}
.layout-aside-left #container .content-wrap:before {
	margin-left: -256px;
}

.list-type-vertical .post-item {
	margin-bottom: 38px;
}
.list-type-vertical .post-item .thum {
	margin-bottom: 3px;
	padding-bottom: 130.434782608695652%;
}
.list-type-vertical .post-item .thum img {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
}
.list-type-vertical .post-item .title {
	margin-bottom: 5px;
}
.list-type-vertical .post-item .excerpt,
.list-type-vertical .post-item .meta .comment {
	display: none;
}
.list-type-vertical .post-item .meta span:before {
	content: none;
}

.list-type-thumbnail .post-header {
	margin-bottom: 28px;
	padding-bottom: 18px;
	border-bottom: 1px solid #eee;
}
.list-type-thumbnail .post-header h1 {
	margin-bottom: 0;
}
.list-type-thumbnail .post-item {
	float: none;
	overflow: hidden;
	width: 100%;
	margin: 0 0 28px;
}
.list-type-thumbnail .post-item .thum {
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
.list-type-thumbnail .post-item .thum img {
	float: right;
	width: 126px;
	height: auto;
	margin-left: 57px;
	border: 1px solid #f1f1f1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
}
.list-type-thumbnail .post-item.protected .thum {
	float: right;
	width: 126px;
	height: 166px;
	margin-left: 57px;
	border: 1px solid #f1f1f1;
	background-color: #f8f8f8;
}
.list-type-thumbnail .post-item .title {
	max-width: 95%;
	margin-bottom: 12px;
	padding-top: 7px;
	font-size: 1.25em;
}
.list-type-thumbnail .post-item .excerpt {
	overflow: hidden;
	height: 3.75rem;
	margin-bottom: 20px;
	font-size: 0.875em;
	line-height: 1.25rem;
}
.list-type-thumbnail .post-item .meta .comment {
	display: none;
}
.list-type-thumbnail .post-item .meta span:before {
	content: none;
}

.list-type-text .post-header {
	margin-bottom: 38px;
	padding-bottom: 18px;
	border-bottom: 1px solid #eee;
}
.list-type-text .post-header h1 {
	margin-bottom: 0;
}
.list-type-text .post-item {
	float: none;
	overflow: hidden;
	width: 100%;
	margin: 0 0 35px;
}
.list-type-text .post-item .thum {
	display: none;
}
.list-type-text .post-item .title {
	max-width: 96%;
	margin-bottom: 10px;
	padding-top: 0;
	font-size: 1em;
}
.list-type-text .post-item .excerpt {
	max-width: 96%;
	margin-bottom: 20px;
	font-size: 0.875em;
	line-height: 1.25rem;
}
.list-type-text .post-item .meta .comment {
	display: none;
}
.list-type-text .post-item .meta span:before {
	content: none;
}
.list-type-text .pagination {
	margin-top: 36px;
}

/* Retina Display */
@media  only screen and (-webkit-min-device-pixel-ratio:1.5) {
	#header .util .search:before,
	#header .util .search button,
	#footer .page-top,
	.cover-thumbnail-3 button,
	.cover-thumbnail-4 button,
	.page-nav a strong:after,
	.entry-content .protected_form h2:before,
	.comment-list ul li .author-meta .control button,
	.comment-form .secret input[type=checkbox]:checked+label:before,
	.sidebar .social-channel ul li a,
	.sidebar .tab-ui h2 a:before {
		background-image: url(./images/ico_package_2x.png);
		background-size: 200px auto;
	}
	.post-item.protected .thum:before {
		background-image: url(./images/ico_package_2x.png);
		background-size: 120px auto;
	}
}

/* Media Screen */
@media screen and (max-width:1080px) {
	#header h1,
	#footer {
		padding-left: 24px;
		padding-right: 24px;
	}
	#header .util {
		right: 24px;
	}
	#header .util .profile nav {
		left: auto;
		right: 0;
		margin: 0;
	}
	#gnb ul {
		margin-left: -6px;
	}
	#container .content-wrap:before {
		left: 72.7%;
		margin-left: 0;
	}
	.layout-aside-left #container .content-wrap:before {
		left: 27.3%;
		margin-left: 0;
	}
	.main-slider .paging {
		left: auto;
		right: 20px;
		margin-left: 0;
	}
	.cover-event ul li .title {
		-webkit-line-clamp: 1;
	}
	.post-cover {
		padding-left: 24px;
		padding-right: 24px;
	}
}

@media screen and (max-width:767px) {
	#header h1 {
		position: relative;
		z-index: 10;
		padding: 24px;
		background-color: #fff;
	}
	#header .util {
		top: 0;
		right: 0;
		width: 100%;
		padding: 24px 68px 24px 24px;
		box-sizing: border-box;
	}
	#header .util .search {
		float: right;
	}
	#header .util .search.on {
		z-index: 20;
		width: 100%;
	}
	#header .util .search.on input {
		float: right;
		width: 100%;
	}

	#header .util .profile {
		display: none;
	}
	#header .util .menu {
		position: absolute;
		top: 24px;
		right: 24px;
		z-index: 300;
		display: inline-block;
		width: 30px;
		height: 30px;
		border: 1px solid #eee;
		border-radius: 50%;
		text-indent: -999em;
		outline: none;
	}
	#header .util .menu span,
	#header .util .menu:before,
	#header .util .menu:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 16px;
		height: 1px;
		margin: 0 0 0 -8px;
		background-color: #7f7f7f;
		transition: transform .5s;
		-webkit-transition: transform .5s;
	}
	#header .util .menu:before {
		margin-top: -6px;
	}
	#header .util .menu:after {
		margin-top: 6px;
	}

	#gnb {
		height: 69px;
	}
	#gnb ul {
		margin-left: 0;
	}
	#gnb ul li {
		padding: 0 24px;
	}
	#gnb ul li a {
		padding: 25px 0 24px;
	}

	#container .content-wrap {
		padding: 0;
	}
	#container .content-wrap:before {
		content: none;
	}
	#content {
		float: none;
		width: auto;
		padding: 34px 24px 40px;
	}

	#aside {
		position: fixed;
		top: 0;
		right: -278px;
		z-index: 400;
		float: none;
		overflow: auto;
		width: 278px;
		height: 100%;
		padding: 94px 24px 40px;
		background-color: #fff;
		box-sizing: border-box;
		transition: left .5s;
		-webkit-transition: right .5s;
	}
	#aside .close {

	}
	#aside .close {
		position: absolute;
		top: 24px;
		right: 24px;
		z-index: 300;
		display: inline-block;
		width: 30px;
		height: 30px;
		border: 1px solid #eee;
		border-radius: 50%;
		text-indent: -999em;
		outline: none;
	}
	#aside .close span {display: none;}
	#aside .close:before,
	#aside .close:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 16px;
		height: 1px;
		margin: 0 0 0 -8px;
		background-color: #7f7f7f;
	}
	#aside .close:before {
		transform: rotate(-45deg);
	}
	#aside .close:after {
		transform: rotate(45deg);
	}

	#aside .profile {
		display: block;
		position: relative;
		margin-bottom: -40px;
	}
	#aside .profile:before {
		content: "";
		position: absolute;
		top: 0;
		left: -24px;
		z-index: 0;
		width: 100%;
		height: 100%;
		padding: 0 24px;
		background-color: #f5f5f5;
	}
	#aside .profile ul {
		position: relative;
		z-index: 10;
		text-align: center;
	}
	#aside .profile ul li {
		display: inline-block;
		padding: 16px 0 18px;
		font-size: 0.875em;
		color: #555;
		vertical-align: middle;
	}
	#aside .profile ul li a {
		display: inline-block;
		vertical-align: middle;
	}
	#aside .profile ul li:before {
		content: "";
		display: inline-block;
		width: 1px;
		height: 7px;
		margin: 0 20px 0 16px;
		background: url(./images/ico_package_2x.png) -100px -50px;
		background-size: 200px auto;
		vertical-align: middle;
	}
	#aside .profile ul li:first-child:before {
		content: none;
	}

	#footer {
		padding: 32px 24px 26px;
	}
	#footer p {
		margin-bottom: 11px;
		font-size: 0.8125em;
	}
	#footer .order-menu {
		margin-bottom: 29px;
	}
	#footer .order-menu a {
		display: block;
		margin-bottom: 0;
		line-height: 1.75rem;
	}
	#footer .order-menu a:before {
		content: none;
	}

	#tt-body-index #content {
		padding: 0;
	}
	#tt-body-index #content>.inner {
		padding: 0 24px;
	}
	#tt-body-index #content>.inner:first-child {
		padding-top: 40px;
	}
	#tt-body-index.list-type-text #content>.inner:first-child {
		padding-top: 36px;
	}
	#tt-body-index .pagination {
		margin: 0 20px 40px;
	}
	#tt-body-page #content {
		padding-left: 0;
		padding-right: 0;
	}
	#tt-body-tag .tags,
	#tt-body-guestbook #content {
		padding-left: 0;
		padding-right: 0;
	}
	#tt-body-guestbook .post-header {
		margin: 0 24px 28px;
	}

	.layout-aside-left #aside {
		padding: 80px 20px 40px;
	}
	.mobile-menu #aside {
		right: 0;
	}

	.main-slider ul li {
		height: 400px;
	}
	.main-slider ul li .inner {
		padding-bottom: 40px;
		vertical-align: bottom;
	}
	.main-slider ul li .text {
		max-width: 100%;
		font-weight: 300;
		font-size: 1.75em;
		line-height: 2.25rem;
		-webkit-line-clamp: 3;
	}
	.main-slider ul li .btn {
		margin-top: 15px;
	}
	.main-slider .paging {
		top: 40px;
		left: 0;
		right: auto;
		bottom: 20px;
		width: 100%;
		height: 8px;
		padding: 0 19px;
		text-align: left;
		box-sizing: border-box;
	}
	.main-slider .paging button {
		display: inline-block;
		margin: 0 5px;
		vertical-align: top;
	}

	.cover-thumbnail-1 {
		margin-bottom: 40px;
		padding: 36px 24px 7px;
		border-top: 8px solid #f5f5f5;
	}
	.cover-thumbnail-1 h2 {
		font-weight: 600;
	}
	.cover-thumbnail-1 .more {
		top: 40px;
		right: 24px;
	}
	.cover-thumbnail-1 ul {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-bottom: -39px;
	}
	.cover-thumbnail-1 ul li {
		float: none;
		width: 100%;
		margin-bottom: 30px;
		padding-left: 0;
	}
	.cover-thumbnail-1 ul li .title {
		margin-bottom: 4px;
	}

	.cover-thumbnail-2 {
		width: auto;
		margin: 0;
		padding: 37px 24px 38px;
		border-top: 8px solid #f5f5f5;
	}
	.cover-thumbnail-2 h2 {
		font-weight: 600;
	}
	.cover-thumbnail-2 ul li figure {
		width: 98px;
		margin-left: 24px;
	}
	.cover-thumbnail-2 ul li .title {
		margin-bottom: 7px;
		padding-top: 3px;
		font-size: 1.125em;
	}
	.cover-thumbnail-2 ul li .excerpt {
		margin-bottom: 9px;
	}

	.cover-thumbnail-3 {
		width: auto;
		margin: 0;
		padding: 37px 24px 15px;
		border-top: 8px solid #f5f5f5;
	}
	.cover-thumbnail-3 h2 {
		font-weight: 600;
	}
	.cover-thumbnail-3 .prev {
		top: 37px;
		right: 54px;
	}
	.cover-thumbnail-3 .next {
		top: 37px;
		right: 24px;
	}
	.cover-thumbnail-3 ul {
		display: block;
		width: auto;
		margin-left: -16px;
	}
	.cover-thumbnail-3 ul li {
		width: 50%;
		padding-left: 16px;
		box-sizing: border-box;
	}

	.cover-thumbnail-4 {
		width: auto;
		margin: 0;
		padding: 37px 24px 9px;
		border-top: 8px solid #f5f5f5;
	}
	.cover-thumbnail-4 h2 {
		font-weight: 600;
	}
	.cover-thumbnail-4 .prev {
		top: 37px;
		right: 54px;
	}
	.cover-thumbnail-4 .next {
		top: 37px;
		right: 24px;
	}
	.cover-thumbnail-4 ul {
		width: 100%;
		margin-left: 0;
	}
	.cover-thumbnail-4 ul li {
		width: 100%;
		margin-bottom: 27px;
		padding-left: 0;
	}
	.cover-thumbnail-4 ul li figure {
		margin-bottom: 7px;
	}
	.cover-thumbnail-4 ul li .title {
		margin-bottom: 8px;
	}
	.cover-thumbnail-4 ul li .excerpt {
		margin-bottom: 12px;
	}

	.cover-list {
		width: auto;
		margin: 0;
		padding: 37px 24px 12px;
		border-top: 8px solid #f5f5f5;
	}
	.cover-list h2 {
		margin-bottom: 28px;
		font-weight: 600;
	}
	.cover-list .more {
		top: 37px;
		right: 24px
	}
	.cover-list ul li {
		margin-bottom: 26px;
	}
	.cover-list ul li .title {
		margin-bottom: 8px;
		font-size: 1em;
	}
	.cover-list ul li .excerpt {
		margin-bottom: 9px;
		-webkit-line-clamp: 4;
	}

	.cover-event {
		width: auto;
		margin: 0;
		padding: 37px 24px 24px;
		border-top: 8px solid #f5f5f5;
	}
	.cover-event h2 {
		font-weight: 600;
	}
	.cover-event ul {
		display: block;
		width: auto;
		margin-left: 0;
	}
	.cover-event ul li {
		float: none;
		width: auto;
		margin-bottom: 16px;
		padding-left: 0;
	}
	.cover-event ul li a {
		padding-bottom: 43.382352941176471%;
	}
	.cover-event ul li .title {
		-webkit-line-clamp: 3;
	}
	.cover-event ul li .more {
		display: none;
	}

	.cover-thumbnail-1:first-child {
		border-top: 0;
	}

	.post-header {
		padding-top: 2px;
	}
	.post-item {
		float: none;;
		width: auto;
		margin-left: 0;
		margin-bottom: 30px;
	}
	.post-item .thum {
		margin-bottom: 7px;
	}
	.post-item .title {
		margin-bottom: 12px;
	}
	.post-item .excerpt {
		margin-bottom: 12px;
	}

	.pagination {
		margin-bottom: 0;
	}
	.pagination a {
		margin: 0 5px;
	}

	.list-type-vertical .post-item {
		margin-bottom: 30px;
	}
	.list-type-vertical .post-item .title {
		margin-bottom: 7px;
	}

	.list-type-thumbnail .post-item .thum img {
		width: 96px;
		margin-left: 25px;
	}
	.list-type-thumbnail .post-item .title {
		margin-bottom: 9px;
		padding-top: 3px;
		font-size: 1.125em;
	}
	.list-type-thumbnail .post-item .excerpt {
		margin-bottom: 11px;
	}
	.list-type-thumbnail .post-item.protected .thum {
		width: 96px;
		height: 128px;
		margin-left: 25px;
	}

	.list-type-text .post-header {
		margin-bottom: 28px;
	}
	.list-type-text .post-item {
		margin-bottom: 26px;
	}
	.list-type-text .post-item .title {
		margin-bottom: 10px;
	}
	.list-type-text .post-item .excerpt {
		margin-bottom: 12px;
		-webkit-line-clamp: 4;
	}
	.list-type-text .pagination {
		margin-top: 30px;
	}

	.post-cover {
		padding-left: 24px;
		padding-right: 24px;
	}
	.post-cover .inner {
		padding-bottom: 38px;
		vertical-align: bottom;
	}

	.post-cover .inner > h1 {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.post-cover .category {
		margin-bottom: 13px;
	}
	.post-cover h1 {
		font-weight: 300;
	}
	.post-cover .meta {
		margin-top: 33px;
		font-size: 0.8125em;
	}

	.entry-content {
		padding: 0 24px;
	}
	.entry-content p {
		margin-bottom: 22px;
		line-height: 1.625rem;
	}
	.entry-content figure {
		margin-top: 6px !important;
	}
	.entry-content .protected_form input {
		width: 163px;
	}

	#content .another_category {
		margin: 40px 0 37px !important;
	}

	.container_postbtn {
		margin: 35px 0 37px;
	}

	.tags {
		margin-bottom: 25px;
		padding: 0 24px;
	}
	.tags h2 {
		margin-bottom: 19px;
	}

	.page-nav {
		margin: 32px 24px 32px;
		padding: 25px 0 25px;
	}
	.page-nav a {
		line-height: 1.6875rem;
	}

	.related-articles {
		margin-bottom: 21px;
		padding: 0 24px;
	}
	.related-articles h2 {
		margin-bottom: 19px;
	}
	.related-articles ul {
		width: 103.571428571428571%;
		margin-left: -3.571428571428571%;
	}
	.related-articles ul li {
		width: 50%;
		margin-bottom: 15px;
		padding-left: 3.448275862068966%;
	}
	.related-articles ul li figure {
		margin-bottom: 9px;
	}
	.related-articles ul li .title {
		height: 2.8em;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		opacity: 0;
	}

	.comments {
		margin: 0;
	}
	.comments iframe {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.comments h2 {
		margin: -3px 0 -1px;
		padding: 0 24px;
	}
	.comment-list {
		margin-bottom: 32px;
		border: 0;
	}
	.comment-list>ul>.tt_more_preview_comments_wrap {
		margin-top: 21px;
		padding: 0 24px;
	}
	.comment-list ul li {
		padding: 34px 0 28px;
	}
	.comment-list ul li .author-meta {
		margin-bottom: 6px;
		padding-right: 35px;
	}
	.comment-list ul li .author-meta .avatar {
		width: 30px;
		height: 30px;
		margin-left: -42px;
	}
	.comment-list ul li .author-meta .nickname {
		font-weight: 400;
	}
	.comment-list ul li .author-meta .control {
		top: -2px;
		right: 13px;
	}
	.comment-list ul li .author-meta,
	.comment-list ul li p {
		max-width: none;
		padding: 0 66px;
	}
	.comment-list ul li ul {
		margin-top: 27px;
		padding: 19px 0 12px;
	}
	.comment-list ul li ul li {
		padding: 15px 0 16px;
	}
	.comment-list ul li ul li p {
		max-width: none;
	}
	.comment-list ul li ul li .author-meta {
		margin-bottom: 6px;
	}
	.comment-list ul li ul li .author-meta .avatar {
		width: 30px;
	}
	.comment-form {
		margin-bottom: 40px;
		padding: 0 24px;
	}
	.comment-form textarea {
		padding-right: 32px;
	}
	.comment-form .secret {
		left: 24px;
	}

	.layout-aside-left #content {
		float: none;
	}

	#tt-body-index.promotion-mobile-hide .main-slider {
		display: none;
	}

	#content .another_category th {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
}

@media screen and (max-width: 767px){
	#tt-body-index .post-header {
		padding-top: 36px;
		padding-left: 24px;
	}
}

.revenue_unit_wrap.position_list{
	max-width: 740px;
	margin: 30px auto
}

.excerpt{
	display: none;
}


/* page Style */
html, body{width:100%; min-height:100%; max-width:100%;}
html{overflow-y:scroll;  filter:expression(document.execCommand("BackgroundImageCache", false, true));}
body{background:#fff; -webkit-text-size-adjust:none;}
#wrap {width:100%; overflow-y:hidden;}

#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner { width: 100%; max-width: 1660px; margin: 0px auto; position: relative; }
.inner:after { content: ""; display: block; clear: both; font-size: 0px; line-height: 0; width: 0px; height: 0px; visibility: hidden; }
.pc  {display:block;}
.pct {display:none;}
.mobile {display:none;}
.tablet {display:none}
.tablet02 {display:none;}
.tamobile {display:none;}
.overlay {background:url('/images/com/overlay.png') repeat 0 0;  position:absolute; width:100%; height:100%; display:none; z-index:110;}

.img100 {width:100%;}	

.br01 {display:block;}
.br02 {display: none; }
.br03 {display: none; }
.br1440 {display: block; }
.br1024 {display: none; }
.br680 {display: none; }
.br520  {display:none;}
.br480 {display: none; }
.
#header{position:relative; width:100%; height:133px; min-width:1660px; margin:0 auto; z-index:200; }

.mnbnn1{display:none; }
.mnbnn2{display:none; }

#headerWrap { position:relative;float:left; width:100%; border-bottom:1px solid #e3e3e3; z-index:110;	/*height:100px; */ /*background-color:#1c4c9c; */ 	/*border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;*/ /* box-shadow:0px 1px 5px rgba(0, 0, 0, 0.4);*/ }
.headerInner { position:relative;width:1660px; margin:0 auto; }
.container {position:relative;	width:100%; max-width:1660px;	margin:0 auto; }

@media screen and (max-width:1440px){
.headerInner { position:relative;width:100%; margin:0 auto; }
.container {position:relative;	width:100%;	margin:0 auto; }

}

.s_top {top:140px;}

/*Header*/

.mobileutil		{display:none;}

#headerWrap .util {position:absolute;  top:33px; right:0px; }
#headerWrap .util ul:after {content:""; display:block; clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;}
#headerWrap .util li {position:relative; float:left; }
#headerWrap .util li a {padding:5px 5px 5px 5px ; /*background:#123580;*/}
#headerWrap .util li a:hover {/*background:#001b34;*/}
#headerWrap .util li .btn_N_message {position:absolute; top:-10px; right:-5px; display:block; width:20px; height:20px; /*background:#f00;*/ font-size:15px; font-weight:600; color:#fff; text-align:center; line-height:20px; border-radius:25px;}


.header { position:relative;	float:left; /*width:820px; *//*border:1px solid;*/ margin: 0 20px;}

.con_tab{position:relative;width:100%; margin:0 0 30px 0; /*background: #fff;border-bottom:1px solid #e0e0e0;padding:30px 0;	box-shadow:1px 1px 10px rgba(0,0,0,.1);z-index:30 */}
.con_tab ul{display:inline-block;width:100%;clear:both;}
.con_tab ul li{float:left;text-align:center;}
.con_tab ul li a{display:block; border:1px solid #d5d5d5;margin-left:-1px; margin-bottom:-1px;color:#222;font-size:22px;line-height:55px;background:#fff;font-weight:600; letter-spacing:-0em;border-radius:50px;-webkit-border-radius:50px; /*font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; */}
.con_tab ul li a:hover{border:1px solid #bcbbcf; color:#fff; background:#535353; border-radius:50px;-webkit-border-radius:50px;}
.con_tab ul li a.on{border:1px solid #2b68b0; font-size:22px;color:#fff; font-weight:600; background:#2b68b0; border-radius:50px;-webkit-border-radius:50px;}

.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:33.1%;}
.con_tab ul.no4 li{width:25%;}
.con_tab ul.no5 li{width:20%;}
.con_tab ul.no6 li{width:16.6%;}
.con_tab ul.no7 li{width:14.2%;}
.con_tab ul.no14 li{width:14.2%;}
.con_tab ul.no14 li a {font-size:19px; line-height:22px; padding:20px 5px; height:25px; vertical-align: middle;}
.con_tab ul.no14 li:nth-child(6) a {letter-spacing:-1.0px;}
/*.con_tab ul.no14 li::nth-child(8) a ,.con_tab ul.no14 li::nth-child(9) a,
.con_tab ul.no14 li::nth-child(10) a , .con_tab ul.no14 li::nth-child(11) a , 
.con_tab ul.no14 li::nth-child(12) a  , .con_tab ul.no14 li::nth-child(13) a ,*/
/*.con_tab ul.no14 li:nth-child(13) a ,*/
.con_tab ul.no14 li:nth-child(14) a {padding:10px 5px; height: 45px;}


@media screen and (max-width:1280px){
.con_tab{position:relative; max-width:1280px;}	

.con_tab ul.no14 li:nth-child(6) a ,
.con_tab ul.no14 li:nth-child(8) a ,
.con_tab ul.no14 li:nth-child(14) a {padding:10px 5px; height: 45px;}
}


@media screen and (max-width:1024px){
.con_tab ul.no14 li{width:25.0%;}
/*.con_tab ul.no14 li:nth-child(13) a ,*/
.con_tab ul.no14 li:nth-child(6) a ,
.con_tab ul.no14 li:nth-child(8) a /*,
.con_tab ul.no14 li:nth-child(14) a*/ {padding:20px 5px; height: 25px;}
}


@media screen and (max-width:850px){
.con_tab ul li a{font-size:16px;line-height:50px;}
.con_tab ul li a.on{font-size:16px;font-weight:600; }
.con_tab ul.no14 li{width:33.3%;}
.con_tab ul.no14 li a {font-size:19px; line-height:22px; padding:20px 5px; height:25px; vertical-align: middle; letter-spacing:-1.0px;}
/*.con_tab ul.no14 li:nth-child(13) a ,*/
/*.con_tab ul.no14 li:nth-child(6) a ,
.con_tab ul.no14 li:nth-child(8) a ,
.con_tab ul.no14 li:nth-child(14) a {padding:10px 5px; height: 45px;}*/
.con_tab ul.no14 li:nth-child(14) a {padding:20px 5px; height: 25px;}
}

@media screen and (max-width:768px){
.con_tab ul.no14 li:nth-child(14) a {padding:10px 5px; height: 45px;}
}
@media screen and (max-width:520px){
.con_tab ul li a{overflow:hidden; }
.con_tab ul.no4 li{width:50%;  margin-bottom:5px;}
.con_tab ul.no5 li{width:50%; margin-bottom:5px;}
.con_tab ul.no6 li{width:50%; margin-bottom:5px;}
.con_tab ul.no7 li{width:50%; margin-bottom:5px;}

.con_tab ul.no14 li{width:50%;}
.con_tab ul.no14 li a {font-size:19px; line-height:22px; padding:20px 5px; height:25px; vertical-align: middle;}
/*.con_tab ul.no14 li::nth-child(8) a ,.con_tab ul.no14 li::nth-child(9) a,
.con_tab ul.no14 li::nth-child(10) a , .con_tab ul.no14 li::nth-child(11) a , 
.con_tab ul.no14 li::nth-child(12) a  , .con_tab ul.no14 li::nth-child(13) a ,*/
/*.con_tab ul.no14 li:nth-child(13) a ,*/
.con_tab ul.no14 li:nth-child(6) a ,
.con_tab ul.no14 li:nth-child(8) a ,	
.con_tab ul.no14 li:nth-child(14) a {padding:10px 5px; height: 45px;}
}
/*
@media screen and (max-width:480px){
.con_tab ul.no14 li:nth-child(14) a {padding:10px 5px; height: 45px;}
}

@media screen and (max-width:412px){

	
}

@media screen and (max-width:393px){
.con_tab ul.no14 li:nth-child(6) a {padding:10px 5px; height: 45px;}
	.con_tab ul.no14 li:nth-child(14) a {padding:10px 5px; height: 45px;}
}
@media screen and (max-width:380px){
.con_tab ul.no14 li:nth-child(6) a {padding:10px 5px; height: 45px;}
}

@media screen and (max-width:350px){

.con_tab ul.no14 li:nth-child(8) a {padding:10px 5px; height: 45px;}
}

@media screen and (max-width:280px){
.con_tab ul.no14 li a {font-size:15px; }
.con_tab ul.no14 li:nth-child(8) a {letter-spacing:-0.5px;}
}
*/



.imgbox { position: relative; float: left; width: 100%; padding:0 0%; margin: 20px 0px; box-sizing: border-box;}
.imgbox ul.no2 li { width: 50%;  }
.imgbox ul.no3 li { width: 33.3%; }
.imgbox ul.no4 li { width: 25%; }
.imgbox ul.no5 li { width: 20%; }
.imgbox li { float: left; padding: 1%  1%  2% 1%; box-sizing: border-box; text-align:center; font-size:19px; /*line-height:38px;*/}
.imgbox li img { background-size: cover; background-position: center; display: block; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.imgbox li img:hover, .imgbox li img:focus {-ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.imgbox li span {font-size:15px; line-height:18px;}
/*.imgbox li:last-child { padding-right: 0%; }*/
.imgbox li img { width: 100%; border-radius:30px; margin-bottom:20px;}
.imgbox li div { width: 100%; background:#000; margin-top:20px;}
.imgbox li a {background: rgba(0,0,0,0.3); }
/*
.imgbox li a.postend {opacity: 0.35; filter:alpha(opacity=0.35); -mox-opacity:0.35;}
.imgbox li a.postend div {position:absolute;  width:50%; left:50%; top:50%; margin-left:-25%;  margin-top:-10%; text-align:center; padding:20px; background:#000; color:#fff;  font-size:20px;}
*/
.imgbox li a:hover  {opacity: 0.7; filter:alpha(opacity=0.7); -mox-opacity:0.7;}

@media screen and (max-width:680px){
	/*.imgbox ul.no3 li { width: 50%; }*/
	.imgbox li {font-size:16px;}
}

@media screen and (max-width:480px){

	.imgbox ul.no3 li { width: 100%; }
	.imgbox ul.no4 li { width: 50%; }
	.imgbox ul.no5 li { width: 100%; }
}


.mapimgbox { position: relative; float: left; width: 100%;  margin: 20px 0px; box-sizing: border-box;}
.mapimgbox ul {position: relative; float: left; width: 100%; box-sizing: border-box;}
.mapimgbox ul.tab1 {width:80%; margin:0 0 0 20%;}
.mapimgbox ul.tab1 li {width:40%;}
.mapimgbox ul.tab4 {width:36%; margin:0 30% 0 34%;}
.mapimgbox ul.tab4 li {width:100%;}

.mapimgbox ul.no2 li { width: 50%;  }
.mapimgbox ul.no3 li { width: 33.3%; }
.mapimgbox ul.no4 li { width: 25%; }
.mapimgbox ul.no5 li { width: 20%; }
.mapimgbox li { float: left; padding: 1%  1%  2% 1%; box-sizing: border-box; text-align:center; font-size:19px; /*line-height:38px;*/}
.mapimgbox li img { background-size: cover; background-position: center; display: block; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.mapimgbox li img:hover, .imgbox li img:focus {-ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.mapimgbox li span {font-size:15px; line-height:18px;}
/*.imgbox li:last-child { padding-right: 0%; }*/
.mapimgbox li img { width: 100%; border-radius:30px; margin-bottom:20px;}
.mapimgbox li div { width: 100%; background:#000; margin-top:20px;}
.mapimgbox li a {background: rgba(0,0,0,0.3); }
/*
.imgbox li a.postend {opacity: 0.35; filter:alpha(opacity=0.35); -mox-opacity:0.35;}
.imgbox li a.postend div {position:absolute;  width:50%; left:50%; top:50%; margin-left:-25%;  margin-top:-10%; text-align:center; padding:20px; background:#000; color:#fff;  font-size:20px;}
*/
.mapimgbox li a:hover  {opacity: 0.7; filter:alpha(opacity=0.7); -mox-opacity:0.7;}

@media screen and (max-width:1280px){
	
.mapimgbox ul.tab1 {width:90%; margin:0 0% 0 10%;}
.mapimgbox ul.tab1 li {width:45%;}
.mapimgbox ul.tab4 {width:50%; margin:0 23% 0 27%;}
.mapimgbox ul.tab4 li {width:100%;}
	
.mapimgbox li {font-size:16px;}
}

@media screen and (max-width:850px){
	
.mapimgbox ul.tab1 {width:98%; margin:0 0% 0 2%;}
.mapimgbox ul.tab1 li {width:50%;}
.mapimgbox ul.tab4 {width:70%; margin:0 15% 0 15%;}
.mapimgbox ul.tab4 li {width:100%;}
	
.mapimgbox li {font-size:16px;}
}

@media screen and (max-width:680px){
	
.mapimgbox ul.tab1 {width:100%; margin:0 0% 0 0%;}
.mapimgbox ul.tab1 li {width:50%;}
.mapimgbox ul.tab4 {width:70%; margin:0 15% 0 15%;}
.mapimgbox ul.tab4 li {width:100%;}
	
	.mapimgbox li {font-size:16px;}
}

@media screen and (max-width:480px){

	.mapimgbox ul.tab1 {width:100%; margin:0 0% 0 0%;}
	.mapimgbox ul.tab1 li {width:100%;}
	.mapimgbox ul.tab4 {width:100%; margin:0 0% 0 0%;}
	.mapimgbox ul.tab4 li {width:100%;}
	
	.mapimgbox ul.no3 li { width: 100%; }
	.mapimgbox ul.no4 li { width: 50%; }
	.mapimgbox ul.no5 li { width: 100%; }
}

.navi_box{position:relative; float:left;  width:100%;height:auto;	 margin:30px 0 20px 0;}
.navi_box.fixed{height:50px}
.navi_box ul{width:100%;margin:0 auto;}
.navi{float:left; padding:0;height:40px;border-bottom:1px solid #858585;}
.navi li{float:left;text-align:center;font-size:16px;font-weight:500;color:#333;letter-spacing:-1px; line-height:16px; background-color:#fff;}
.navi li a{display:block;height:29px;padding-top:10px;border:1px solid #ddd;border-right:1px solid #ccc;border-left:0;border-bottom:0}
.navi li a:hover {background-color:#f1f1f1; color:#222;}
.navi li:first-child{}
.navi li:first-child a{border-left:1px solid #ccc}
.navi li.on{ /*z-index:10;*/ /*background:url('../images/work/arrow_01.gif') bottom center no-repeat; padding:0 0 5px 0*/}
.navi li.on a{color:#fff;border:1px solid #522783;	/*border-top-left-radius:7px;	 border-top-right-radius:7px;*/	background-color:#522783; ;}

.col7 li{width:14.2%}
.col6 li{width:16.66%}
.col5 li{width:20%}
.col4 li{width:25%}
.col3 li{width:33.33%}
.col2 li{width:50%}

/*
.no2 li{width:50%;}
.no3 li{width:33%;}
.no4 li{width:25%;}
.no5 li{width:20%;}
.no6 li{width:16.6%;}
.no7 li{width:14.2%;}
*/

#nav {  /*position: absolute;*/display: block; width:820px; padding: 0px 0 0px 0; z-index: 100;  border:0px solid #f00; /*font-family:'NanumGothic', 'Nanum Gothic', '나눔고딕' ,'맑은 고딕', 'Malgun Gothic','ng','NanumGothicWeb','Daum_Regular'; */ }
#nav > li > a {color: #111; }

/* Targeting both first and second level menus */
#nav li { float: left; position: relative; width:20%; }
#nav li:first-child { background:none; color:#e35990; margin-left:0;}
#nav li a { display: block; color: #111; font-size:1.35em; /* font-weight:bold;*/ font-weight:500; letter-spacing:-.02em; text-align:center;  padding: 30px 0px 30px;  border-bottom:3px solid #fff;}
#nav li a.m01	{background:#ea5413; color:#ff7200;}
#nav li a:hover {  text-decoration: none; color:#ff7200; border-bottom:3px solid #ff7200; 
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms;
}

/* Targeting the second level menu */
#nav li ul {  color: #333; display:none; margin: 0px;  width: 100%; position: absolute; opacity:0.95; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);z-index:100; }
#nav li ul li { width: 100%; border-top:1px solid #e5e5e5;}
#nav li ul li:first-child {border:0px;}
#nav li ul li a { background:#fff; color:#555; text-align:left !important; border: none; letter-spacing:-0.5px; font-weight:300; font-size:1.05em /*!important*/;line-height: 22px; margin: 0;padding: 4px 5px 4px 10px;   }
#nav li ul li a:hover { background: #4c9cd8; color:#fff;  border:0px solid; font-weight:500;}


/* A class of current will be added via jQuery */
#nav li.current > a {color:#709706; }
#nav li.current > a:hover {color:#fff; background:#ff7200; }
/*#nav li:hover > a {color:#fff; background:#ff7200; }*/

/* CSS fallback */
#nav li:hover > ul.child { display: block; }





/* all menu */
.allmenu {position:fixed; z-index:220; top:0px; width:520px; background:#fff; right:-520px; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; }
.allmenu .aM_util {position:relative; padding:25px 30px; border-bottom:1px solid #b7b7b7;}
.allmenu .aM_util ul:after {content:""; display:block; clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;}
.allmenu .aM_util ul li {position:relative; float:left; margin-left:13px; padding-left:15px; background:url('/images/com/aM_bullet.gif') no-repeat 0 center;}
.allmenu .aM_util ul li:first-child {margin-left:0; padding-left:0; background:none;}
.allmenu .aM_util ul li a {display:; padding-left:5px; font-size:16px; font-weight:500; color:#443f45;}
.allmenu .aM_util ul li.aM_login a {padding-left:22px; background:url('/images/com/icon_aM_login.png') no-repeat 0 center; color:#4abcc7;} 
.allmenu .aM_util ul li.aM_join a {padding-left:25px; background:url('/images/com/icon_aM_join.png') no-repeat 0 center;} 
.allmenu .aM_util ul li.aM_logout a {padding-left:22px; background:url('/images/com/icon_aM_logout.png') no-repeat 0 center; color:#4abcc7;}
.allmenu .aM_util ul li.aM_mypage a {padding-left:25px; background:url('/images/com/icon_aM_mypage.png') no-repeat 0 center;} 
.allmenu .aM_util ul li.aM_message a {padding-left:30px; background:url('/images/com/icon_aM_message.png') no-repeat 0 center;} 
.allmenu .aM_util ul li .icon_message03 {position:absolute; top:-8px; right:-18px;}
.allmenu .aM_util .btn_close{position:absolute; right:30px; top:50%; display:block; width:18px; height:18px; margin-top:-9px; background:url('/images/com/btn_aM_close.png') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;}

.allmenu .aM_util .tm {margin-left:-10px; margin-top:20px;}
.allmenu .aM_util .tm li {margin-left:0px; padding-left:0px; background:url('') no-repeat 0 center;}
.allmenu .aM_util a.inforLink { padding:5px 7px; margin:5px 2px 0 0;font-size:13px;font-weight:600;color:#ffffff; line-height:17px;text-align:center;background:#000;}
.allmenu .aM_util a.inforLink	hover	{background:#4abcc7; color:#ffffff;}
.allmenu .aM_util a.inforLink focus , active	{color:#ffffff;}

.allmenu dl a {display:block; text-indent:30px;}
.allmenu dt {float:left; width:100%; border-bottom:1px solid #b7b7b7;}
.allmenu dt a {height:60px; line-height:60px; background:#fff url('/images/com/aM_depth_off.png') no-repeat 480px center; color:#222; font-size:20px; font-weight:500; letter-spacing:-0.5px;}
.allmenu dt a.on {background:#4abcc7 url('/images/com/aM_depth_on.png') no-repeat 480px center; color:#fff;}
.allmenu dd {float:left; width:100%; display:none; padding:10px 0; background:#f3f3f3; border-bottom:1px solid #b7b7b7;}
.allmenu dd a {color:#666; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:30px; }
.allmenu dd a:hover, .allmenu dd a.on {color:#222; text-decoration:underline;}
.allmenu dd div  {float:left; width:100%;background:#fff; padding:10px;}
.allmenu dd div ul li {float:left; width:50%; }
.allmenu dd div ul li a { line-height:22px; font-size:14px; font-weight:400;}


/*visual*/

.goTop {position:fixed; right:2%; bottom:2%; z-index:1000; opacity:0; display:none;	 }


.main_popupzone {position:absolute; /*float:left;*/ top:155px; right:150px; width:435px; height:435px;/* box-shadow:5px 5px 5px rgba(0,0,0,.2); margin-right:2.7%;*/ z-index:60;}
.main_popupzone .mainSlide2 { width:100%;height:100%; }

.main_popupzone .bx-wrapper .bx-viewport { z-index:80; }

/*  */
.main_popupzone > .mainSlide-controls { position:absolute;z-index:70;top:0px;width:100%;height:100%; }
.main_popupzone > .mainSlide-controls > .controls-prev { font-size:0; line-height:0; display:block; width:40px; height:68px; position:absolute; left:-50px; top:45%; z-index:99; background:url('../images/main/visual_left.png') no-repeat left top; }
.main_popupzone > .mainSlide-controls > .controls-next { font-size:0; line-height:0; display:block; width:40px; height:68px; position:absolute; right:-50px; top:45%; z-index:99; background:url('../images/main/visual_right.png') no-repeat right top; }

/*.main_popupzone .mainSlide2 > .bx-wrapper {height:580px; !important}*/
/*

.main_popupzone .left {width:30px;   display:inline-block; position:absolute; top:30%; left:-40px;}
.main_popupzone .right {width:30px;  display:inline-block; position:absolute; top:30%; right:-36px;}
.main_popupzone .img {width:400px; height:385px;}
.main_popupzone .img img{width:100%; height:100%;}
.main_popupzone .pb {position:absolute; right:1.5%; bottom:1.5%; z-index:50;}
*/
@media screen and (max-width:1440px){

	.main_popupzone { right:0px;}
	
	/* */
	.main_popupzone > .mainSlide-controls > .controls-prev { left:15px; top:45%; z-index:99; }
	.main_popupzone > .mainSlide-controls > .controls-next { right:15px; top:45%; z-index:99;  }
}

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

	.main_popupzone { top:80px; right:0px;}
}


@media screen and (max-width:767px){

	.main_popupzone {position:relative; float:left;  margin:20px 0;  top:0px; left:10%;  wdith:100%; text-align:center; }
}

@media screen and (max-width:450px){

	.main_popupzone {left:0%;   width:100%; height:100%;}
	.main_popupzone img {width:100%;}
	
}


#mainVisual{width:100%; min-height:590px; position:relative; z-index:1; !important; overflow:hidden; background-color:#000; }
#mainVisual img {height:100%;}
#mainVisual .mainSlide {}
/*#mainVisual li {width:100% !important; left:50%; margin-left:-960px; min-height:505px; text-align:center;}*/
#mainVisual li {/*width:100% !important; */ width:100%; left:50%; margin-left:-50%; /*min-height:505px;*/ text-align:center; overflow:hidden; }
/*#mainVisual li > img {height:505px;}*/
#mainVisual li .title {display:inline-block; width:100%; position:absolute; top:30%; left:50%; margin-left:-50%; text-align:center;  font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; }
 #mainVisual > .bx-wrapper {height:580px; !important}

#mainVisual .scrollDown {width:100%; position:absolute; bottom:2%; left:0; z-index:100;}
#mainVisual .scrollDown a {text-indent:-9999px; overflow:hidden; display:block; background:url('/images/main/btn_scroll.png') no-repeat center center; width:72px; height:72px; margin:0 auto;}


/*#mainVisual .mainSlide > li {width:100% !important; height:505px; text-align:center;}*/
#mainVisual .mainVisualTxt {position:absolute; top:160px;width:100%;  z-index:150; left:50%; margin-left:-50%; font-size:66px; line-height:80px; font-weight:800;color:#fff; text-align:center; text-shadow:1px 1px 1px #000; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; text-shadow:1px 1px 1px #000;}
#mainVisual .mainVisualTxt .m1 {padding-top:30px; font-size:52px; font-weight:700; color:#222; letter-spacing:-0.5px; line-height:66px; text-align:left;}
#mainVisual .mainVisualTxt .m1 img {width:100%;}
#mainVisual .mainVisualTxt .m1	 b {color:#018757;}
#mainVisual .mainVisualTxt .m1 span {font-size:42px; line-height:44px;}


/*  */
#mainVisual > .mainSlide-controls { position:absolute;z-index:999;top:0px;width:100%;height:100%; }
#mainVisual > .mainSlide-controls > .controls-prev { font-size:0; line-height:0; display:block; width:40px; height:68px; position:absolute; left:50px; top:52%; z-index:99; background:url('../images/main/visual_left.png') no-repeat left top; }
#mainVisual > .mainSlide-controls > .controls-next { font-size:0; line-height:0; display:block; width:40px; height:68px; position:absolute; right:50px; top:52%; z-index:99; background:url('../images/main/visual_right.png') no-repeat right top; }


/*  */
/*#mainVisual .bx-viewport {min-height:650px;}*/
#mainVisual .bx-controls {position:relative;}
#mainVisual .bx-pager {text-align:left; position:relative; top:200px; z-index:105;  }

#mainVisual .bx-pager-item {display:inline-block; zoom:1; *display:inline; margin:0 5px; }
#mainVisual .bx-pager-item .bx-pager-link {font-size:0; line-height:0; display:inline-block; width:70px; height:4px; background:url('../images/com/visual_bullet.png') no-repeat left top;}
#mainVisual .bx-pager-item .bx-pager-link.active {background-position:right bottom;}




div.siteMap_noEmail{position:absolute; margin-top:-280px; z-index:101; width:460px; height:245px; background:url(./images/no_email.gif) no-repeat left top;}
div.siteMap_noEmail span.close_btn{position:absolute; right:12px; top:13px;}


/*head.html */

/*Footer*/

#foot { width: 100%; padding: 0px; /*margin-top: 40px;*/  border-top:1px solid #d7d7d7; background: #ededed; }
.main_scroll {width: 100%; border-bottom:1px solid #d7d7d7;  padding:20px 0; background:#fff; }

.f_banner li { float: left; text-align: center; width: 100%; padding: 1.5% 0px; }
.f_banner li img { padding: 0px 1%; }
.f_util { width: 100%;  padding: 30px 0px 20px; color: #222222; }
.f_utilbox li { float: left; padding: 0px 20px 0px 0px; font-size: 17px; font-weight: 600; }
.f_utilbox li a { color: #222222; }
.f_utilbox li:first-child a { color: #222222; }
.footWrap { width: 100%; padding: 0px 0px 30px;  color: #222; }
.fright { position: absolute; right: 0px; top: -30px; }
.fright p {float:left; margin:0px 10px 30px 0 ; }
.fright ul {padding-left:30px;}
.fright ul li { float: left; padding: 0px 0px; }
.fright ul li img {margin-left:10px;}

.fright .familySite{margin:10px 0;font-size:17px;}
.fright  select{width:280px;height:45px;border:1px solid #dcdcdc;background:#e2e2e2 /*url(/images/com/search_select_bg.gif)no-repeat 95% center*/;text-indent:9px;}


/*
.footCnt .footerRight {}
.footCnt .footerRight .familySite{display:flex;align-items:center;margin:10px 0;font-size:17px;}
.footCnt .footerRight .familySite select{width:280px;height:45px;border:1px solid #dcdcdc;background:#e2e2e2 /*url(/images/com/search_select_bg.gif)no-repeat 95% center*/;text-indent:9px;}
*/



.footWrap .footCnt { padding-top: 0px; }
.footWrap .footCnt b { font-size: 17px; font-weight: 600; line-height: 40px; }
.footWrap .footCnt address { font-size: 16px;color: #222; }
.footWrap .footCnt address span { padding-right: 5px; line-height:23px; }
.footWrap .footCnt p { padding-top: 0px; font-size: 15px; color: #666; }
.footWrap .footCnt p a { color: #666; }

/*Footer*/

/*main contents*/

.main #contents {}

 .mtitleArea {float:left; width:100%; font-size:2.85em; font-weight:600;  color: #444; text-align:center; padding:10px 0 20px 0; margin:20px 0 30px 0; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; }
 .mtitleArea p {float:left; width:100%; font-size:16px; font-weight:500; color: #6a6a6a; text-align:center;  margin-top:10px;}

.m_guide {position:relative; float:left; width:100%; margin:30px 0;font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; }
.m_guide ul {float:left; width:100%;}
.m_guide ul li {float:left; width:23%; margin:0 1%; text-align:center; font-size:1.7em;}
.m_guide ul li img {margin:0 0 10px 0; width:100%}
.m_guide ul li:nth-of-type(1)	{float:left;  width:23%; margin:0 2% 0 0;  text-align:left; font-size:1.0em;}
.m_guide h3 {float:left; font-size:2.5em; font-weight:800;  width:100%; margin-bottom:25px;}
.m_guide p {float:left; font-size:1.2em; line-height:1.25em; width:100%; margin-bottom:30px;}


.m_title01 {float:left; width:25%; }
.m_title01  h2 {width:100%; padding-bottom:10px; font-size:30px; font-weight:600; color:#222; }
.m_title01  p {width:100%;padding:10px 0 20px; font-size:19px; color:#;}

.m_work {float:left; width:75%; overflow:hidden;}
.m_work ul li {float:left; width:27.2%; max-width:300px; text-align:center; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; /* margin-right:6.1%; */ }
.m_work ul li .m_work_img {width:80%;background:#fff;margin:auto;}
.m_work ul li span {float:left; width:100%; font-size:20px; padding:20px 0; }
.m_work ul li img {width:100%;}

.content-wrap-menu{background:#eff6fc; width: 100%; height: auto;}
.section01{position:relative; width:100%; background:#eff6fc; background-size:100% 100%; /* margin:173px 0 0 ;*/ padding:50px 0;
	padding-left: 5%; padding-right: 5%; box-sizing: border-box; max-width: 1400px; margin: auto;
} 

.popupzone {position:relative; float:left; width:49%; border-radius: 25px;  margin-right:0%;/* height:554px;  background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,.2); */}
.popupzone .img  img{width:100%; height:600px; border-radius: 25px; object-fit: cover;}
.popupzone .pb {position:absolute; right:1.5%; bottom:1.5%; z-index:50;}
.popupzone .pb img {padding-left:3px;}

.popupzone .mySwiper { border-radius: 25px; }
.popupzone .mySwiper .swiper-pagination {display:inline-block; zoom:1; *display:inline; text-align:right; left:unset; right:2%; }
.popupzone .mySwiper .swiper-pagination .swiper-pagination-bullet {font-size:0; line-height:0; display:inline-block; width:16px; height:16px; background:url('../images/main/popupzone_bullet.png') no-repeat right top;}
.popupzone .mySwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-position:left bottom;}

.section01_right  {width:calc(100% - 49% - 0%); float:right; }


.m_banner {position:relative;	float:left; width:100%;	padding:0px 0 0px 0px; margin:0px 0 10px 0;}
		.m_banner  ul {display: flex; flex-wrap: wrap; gap: 3%; margin-left: 3%;}
		.m_banner li {position:relative;  width:calc(30.0%);  border-radius: 25px;  height:193.3333px; text-align:center; background:#fff; margin-top: 10px;}
		.m_banner li:nth-child(1),.m_banner li:nth-child(2),.m_banner li:nth-child(3){margin-top:0;}
       	.m_banner li	h2 {width:100%; font-size:1.7em;  font-weight:600; letter-spacing:-0.05em; line-height:1.4em; text-align:center; color:#111; }
		.m_banner li	h2 br {display:none;}
		.m_banner li	p {/*position:absolute; height:225px;*/ width:90%; text-align:center; font-size:1.0em; letter-spacing:0em;font-weight:300; line-height:1.2em; padding:40% 5.0%;  color:#fff;}
		.m_banner li	p img {padding-top:25px;}
		.m_banner li	p span {padding:5px 10px 5px 10px;   border-radius: 15px;    background-color:#4abcc7; color:#ffffff; /* -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;*/ line-height:60px;        font-size:15px;    font-weight: 600;    text-align: center; }
		.m_banner li	p span:hover, span:active {background-color:#ffffff;       color:#4abcc7;     }
		.m_banner li	p span:visited, span:focus {color:#ffffff;}
	
		.m_banner li.nobar {border:0;}
		.m_banner li a {display:block; color:#222;  width:100%; border-radius: 25px; background:#fff;	 color:#222; }
		.m_banner li a:hover	 { -webkit-transition:300ms ease-out 0ms;
			-moz-transition:300ms ease-out 0ms;
			-ms-transition:300ms ease-out 0ms;
			transition:300ms ease-out 0ms;
        }
		.m_banner li a h2	{color: #fff;}
		.m_banner li	a:hover h2	{color: #111;}
		.m_banner li	a:hover h3	{color: #fff;}
		.m_banner li	a:hover p	{color: #111;}
		
		.m_banner li .work1 {background:  #2b68b0; border-radius: 25px;  height:193.3333px; display: flex; align-items: center;}
		.m_banner li .work2 {background: #349e9e; border-radius: 25px;   height:193.3333px; display: flex; align-items: center;}
		.m_banner li .work3 {background: #179168; border-radius: 25px;   height:193.3333px; display: flex; align-items: center;}
		.m_banner li .work4 {background: #8cba60;border-radius: 25px;   height:193.3333px; display: flex; align-items: center;}
		.m_banner li .work5 {background: #f0c92c;border-radius: 25px;   height:193.3333px; display: flex; align-items: center;}
		.m_banner li .work6 {background: #f0a143;border-radius: 25px;   height:193.3333px; display: flex; align-items: center;}
		.m_banner li .work7 {background: #dc646f;border-radius: 25px;   height:193.3333px; display: flex; align-items: center;}
		.m_banner li .work8 {background: #64c4dc;border-radius: 25px;   height:193.3333px; display: flex; align-items: center;}
		.m_banner li .work9 {background: #7e64dc;border-radius: 25px;   height:193.3333px; display: flex; align-items: center;}
		.m_banner li:hover div{background: white !important;}

		.m_banner li .mainSns {float:left; display:flex;  width:100%; height:100%;  margin:0; }	
		.m_banner li .mainSns li {float:left;  width:50%; height:50%;  margin:0; }
		.m_banner li .mainSns li img {padding:5px 0 10px;}
		.m_banner li .mainSns li a {display:block; color:#222;  width:100%; height:100%; border-radius: 25px; padding:18px; box-sizing:border-box; background:#fff;	 color:#fff; }
		.m_banner li .mainSns li a:hover	 { -webkit-transition:300ms ease-out 0ms; background:#dfdfdf;	
			-moz-transition:300ms ease-out 0ms;
			-ms-transition:300ms ease-out 0ms;
			transition:300ms ease-out 0ms;
        }
/*		.m_banner li .mainSns li a.work8 {background:#cf578f;  border-radius: 25px 0 0 0;}
		.m_banner li .mainSns li a.work9 {background:#7d49a4; border-radius: 0px 25px 0  0;}
		.m_banner li .mainSns li a.work10 {background:#5b5cb6; border-radius: 0px 0  0 25px  ;}
		.m_banner li .mainSns li a.work11 {background:#009fda; border-radius: 0px 0 25px 0;}*/
		.m_banner li .mainSns li a.work8 {background:#529d55;  border-radius: 25px 0 0 0;}
		.m_banner li .mainSns li a.work9 {background:#8445b3; border-radius: 0px 25px 0  0;}
		.m_banner li .mainSns li a.work10 {background:#2b68b0; border-radius: 0px 0  0 25px  ;}
		.m_banner li .mainSns li a.work11 {background:#0092c9; border-radius: 0px 0 25px 0;}

		.m_banner li .mainSns li a.work8:hover , .m_banner li .mainSns li a.work9:hover , .m_banner li .mainSns li a.work10:hover , .m_banner li .mainSns li a.work11:hover { background:#fff;}

		.m_banner li .msupportlist { float:left; width:100%; height:60%;  padding:0 20px 20px 20px; line-height:22px;  text-align:left; box-sizing:border-box;  overflow:auto;}



.gallery { position: relative; float: left; width: 100%; padding: 10px 0% 0px 0px; margin: 60px 0px; }
.gallery h2 { position: relative; padding: 20px 0px 30px 0; font-size: 45px; font-weight: 600; color: #080808; width: 100%; text-align: center; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
.gallery h2 b { color: #f58014;}
.gallery h2 img { margin-bottom: -2px; padding-right: 2px; }
.gallery .btnmore { position: absolute; right: 0%; top: 30px; }
.gallery ul {position: relative;  float:left; width:100%; height:100%; margin: 30px 0px 0px; padding:0%;  }
.gallery ul li { float: left; width: 23.0%; min-height:auto;margin:0 1%;box-sizing:border-box; font-size:19px; line-height:26px; text-align:center; }
.gallery ul li .gallery_imgbox {width: 100%;border:1px solid #bababa; overflow: hidden;margin-bottom: 20px; border-radius:30px;}
.gallery ul li .gallery_imgbox img {width:100%;min-height:100%; border-radius:30px;}
.gallery .bul {display:block; position: absolute; right:0%; top: 0px; z-index:10;margin-top: 10px; }


.m_youtube {position:relative; float:left; width:34%; height:264px; background:#fff;  box-shadow:5px 5px 5px rgba(0,0,0,.2); margin:0 0 25px 0;}
.m_youtube img {width:100%; height:100%;}




@media only screen and (max-width:1024px){

.section01_right01  { margin-right:30px;}
	
		.m_food {display:block; width:100%; padding-top:10px; background:#fff;}
		.m_food h2 {width:100%; font-size:1.5em;  padding-bottom:10px;}
		.m_food h2 b {float:none;color:#5a8011; }
		.m_food div {width:100%; font-size:1.2em; line-height:1.15em;}
	
		.notice ul li {height:49px; line-height:20px;}

}

@media only screen and (max-width:850px){

.m_banner li .mainSns li img {width:40%;padding:13px 0 5px;}
.m_banner li .mainSns li span {display:none;}

}


@media only screen and (max-width:680px){

.gallery {width:100%; height:auto;}
.gallery ul li {width:48%;  margin-bottom:20px;}	
	
}



@media only screen and (max-width:520px){

	.section01_right01  {width:100%; margin-right:0px;}

	
	.notice ul li {height:52px; }

	/*.popupzone {height:432px; }*/

	.m_youtube {height:199px; }

			.m_bngo li { width:100%; margin:0 0% 20px 0;   padding:2% 0 2% 22%; border-radius:15px;}
			.m_bngo li:last-child {padding:2% 0 2% 22%; } 		
			
			.m_bngo li.mgo1 {background:url('../images/main/mgo_01.png') no-repeat 5% center ;background-size:12%;}
			.m_bngo li.mgo2 {background:url('../images/main/mgo_02.png') no-repeat 5% center ;background-size:12%;}
			.m_bngo li.mgo3 {background:url('../images/main/mgo_03.png') no-repeat 5% center ;background-size:12%;}		
	
	.notice {height:auto; width:100%; padding-left:4%;  }
	.gallery {width:100%; height:auto;}
	.gallery ul li {width:98%;  margin-bottom:20px;}	
	
}

/*======================= Mobile 280 px ~ =======================*/

@media only screen and (max-width:280px){


}


div.banlink_box {width:100%;overflow:hidden; margin:0px 0 35px; }

.banlink_box {}
div.banlink_box ul {width:100%;}
div.banlink_box ul li{display:inline-block;float:left;margin:0 0.2% 2px 0;width:19.8%;}
div.banlink_box ul li img {width:100%;}
/*div.banlink_box ul li:nth-child(n+5){width:19.8%}
div.banlink_box ul li:nth-child(n+5) + li{margin-left:0.2%}*/


.section02{position:relative; float:left; width:100%; background:url('/images/main/background01.jpg') no-repeat 100% 100% ;  margin:0px 0 0 ; padding:50px 0; }


.schedule {position:relative; float:left; width:33.3%; height:340px; background: rgba(255,255,255,.8);  /*box-shadow:5px 5px 5px rgba(0,0,0,.2); */padding:30px 4% 0 4%; box-sizing:border-box; overflow:hidden;} 
.schedule  h2 {position:relative; float:left;	padding:5px 5% 15px 15%;font-size:26px; color:#222; font-weight:600;width:100%; background:url('../images/main/schedule_icon.png') 0% top no-repeat; box-sizing:border-box;font-family:'Montserrat','NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; }
.schedule  h3 {position:relative; float:left;	padding:5px 5% 15px 5%;font-size:19px; color:#000; font-weight:600;width:100%; text-align:center;   box-sizing:border-box;font-family:'Montserrat','NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; }
.schedule table { border-collapse:collapse; clear:both;  overflow:hidden; margin:0px 0 20px 0; width:100%;}
.schedule table thead td { border:0px solid #d9d9d9; text-align:center;   padding:13px 10px;  color:#43426f; font-weight:500; font-size:1.05em;; font-family:'Montserrat','NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; }
.schedule table tbody td { border:0px solid #d9d9d9; text-align:center;   padding:3px 7px;  color:#222; font-weight:500; font-size:1.05em;}

.schedule table span  { color:#ff4800; }
.schedule table b  { color:#ff4800; }
.schedule .more{position:absolute; right:5%; top:28px; }

	.m_sns {position:relative; float:left; width:30%; margin-top:15px;}
	.m_sns h2 {position:relative; float:left;width:20%;	padding:2px 5% 15px 5%;font-size:24px; color:#222;}
	.m_sns ul {position:relative; float:left;width:70%;}
	.m_sns ul li {float:left; margin-right:10px;}
	
	.m_bngo {position:relative; float:left; width:100%; margin-bottom:80px; }
		.m_bngo li {position:relative; float:left; width:30.9%; margin:0 1.2%;   padding:2% 0 2% 9%; border:1px solid #bababa; font-size:22px; line-height:36px;  border-radius:30px;  box-sizing:border-box; }
		.m_bngo li span {color:#ff6600;}
		.m_bngo li:last-child {padding:2% 0 2% 8%; } 		
		/*.m_bngo li a {		display:block; color:#222; font-weight:600; font-size:20px;  font-family:'NanumSquare','Noto Sans KR','Malgun Gothic', 'Nanum Gothic', Sans-serif;  }*/
		.m_bngo li a:hover	 {color:#5a8011 ; 
			-webkit-transition:300ms ease-out 0ms;
			-moz-transition:300ms ease-out 0ms;
			-ms-transition:300ms ease-out 0ms;
			transition:300ms ease-out 0ms;
		}

		.m_bngo li.mgo1 {background:url('/images/main/mgo_01.png') no-repeat 10% center;}
		.m_bngo li.mgo2 {background:url('/images/main/mgo_02.png') no-repeat 10% center; }
		.m_bngo li.mgo3 {background:url('/images/main/mgo_03.png') no-repeat 8% center; }

/* main-intro */
.main-intro.sc-head, .main-intro.sc-tail { display:none; }
.main-intro.cs-wrapper { float:left; width:520px; height:410px; padding:35px 50px; background:transparent url('../img/main/bg_main_intro_base.png'); color:#fff; }
.main-intro .unit { border-bottom:1px solid #777; }
.main-intro .unit::before,.main-intro .unit::after { content:''; display:table; clear:both; }
.main-intro .unit a { display:block; color:#fff; }
.main-intro .unit-subj { float:left; width:125px; padding:20px 10px; margin:0px; text-align:center; }
.main-intro .unit-subj .bul { display:block; margin:0 auto; }
.main-intro .unit-subj .text { display:block; margin:0 auto; }
.main-intro .unit-body { padding:20px 0px; padding-left:125px; }
.main-intro .unit-body p { padding:0px; margin:0px; font-size:20px; letter-spacing:-1px; }
.main-intro .unit:last-child { border:0 none; }

@media (max-width: 1419px) { /* SMALL MONITOR - 1024 ~ */
    .main-intro.cs-wrapper { float:inherit; width:inherit; height:auto; padding:20px; }
    .main-intro.cs-wrapper::before, .main-intro.cs-wrapper::after { content:''; display:table; clear:both; }
    .main-intro .unit { float:left; width:30%; height:180px; border:0px; border-right:1px solid #777; text-align:center; }
    .main-intro .unit.un-2 { width:40%; }
    .main-intro .unit:last-child { border-right:0px none; }
    .main-intro .unit-subj { float:inherit; width:100%; padding:15px; }
    .main-intro .unit-subj .bul, .main-intro .unit-subj .text { display:inline-block; margin:0px; }
    .main-intro .unit-body { display:inline-block; text-align:left; padding:15px; padding-top:5px; }
}
@media (max-width: 1023px) { /* TABLET - ~ 1023 */
    .main-intro .unit { float:inherit; width:100% !important; height:auto; border:0px; border-bottom:1px solid #777; }
    .main-intro .unit-subj { float:left; width:135px; }
    .main-intro .unit-body { display:block; padding:15px; padding-left:135px; }
	
	.mcus .unit-subj { float:left; width:20%;}
	.mcus .unit-body p { font-size:17px;  }
}
@media (max-width: 767px) { /* MOBILE - ~ 768 */
    .main-intro.cs-wrapper { padding:10px; }
    .main-intro .unit-subj, .main-intro .unit-body, .main-intro .unit-body p { font-size:15px; }
    .main-intro .unit-subj { width:90px; }
    .main-intro .unit-body { padding-left:90px; }

	.mcus .unit-body p { font-size:20px;  }
}



#subVisual {/*margin-top:60px;*/ height:260px; background-color:#222; overflow:hidden; text-align:center; }
#subVisual.title {display:inline-block; font-size:40px; padding:20px 0 30px 0px; font-weight:bold; color:#fff; /*background:url('../images/com/sub_visual_bot.gif') no-repeat bottom center;*/}
#subVisual.about { background:url('../images/com/about.jpg') no-repeat center #030305; }
#subVisual.work { background:url('../images/com/work.jpg') no-repeat center #030305; }
#subVisual.support { background:url('../images/com/support.jpg') no-repeat center #030305; }
#subVisual.board {background:url('../images/com/board.jpg') no-repeat center  #030305; }
#subVisual.board2 {background:url('../images/com/board2.jpg') no-repeat center  #030305; }
#subVisual.program { background:url('../images/com/program.jpg') no-repeat center top #030305; }

#subVisual .subVisualTxt {position:relative;width:100%; padding:50px; box-sizing:border-box; z-index:90; color:#fff; }
#subVisual .subVisualTxt img {}
#subVisual .subVisualTxt .m1 {padding:20px 0 40px 0; font-size:65px; font-weight:700; color:#fff; letter-spacing:-0.5px; line-height:40px; text-align:left;  text-shadow:0px 1px 5px rgba(0, 0, 0, 0.4);}
#subVisual .subVisualTxt .m2 {padding:0 10px 0px 0px; font-size:24px;  font-weight:600; color:#fff; letter-spacing:-0.5px; line-height:30px; text-align:left; }


#Left{position:relative;clear:both;	float:left; width:19%; padding:0 0 0px 0; margin:30px  20px 0 0;  display:inline-block; }


.Left_Menu{width:100%;  float:left; padding:5%;	border-radius: 10px;  border:1px solid #d7d7d7; box-sizing:border-box; box-shadow:3px 3px 3px rgba(0,0,0,.1); }

.Left_Menu h3{float:left; width:100%; font-size:2.0em; font-weight:500;letter-spacing:-1px; color:#222;  line-height:45px; text-align:center; padding:20px 0 20px 0; margin-bottom:10px;border-bottom:3px solid #4abcc7; }
.Left_Menu h3 span{float:left;  font-size:0.55em; color:#fff; width:100%; line-height:1.5em;}


.drawer_on { color:#fff;      background:#555;         }
.drawer_on  a:link, a:active { color:#fff;  }

.drawer_on  a:visited ,  a:hover{color:#4abcc7}
.drawers-wrapper { float:left; 
            position: relative;
            width: 100%;
 }
.drawers {  
           margin-bottom:16px;
           color:#76797C;
           font-size:12px;
           line-height: 18px;
        }


       .drawer { padding:0px;
       /*     background:transparent url(sideboxlight_bg20070611.gif) repeat-y scroll 0pt;*/
            color:#76797C;
            font-size:14px;
            line-height:1.3em;
        }
      .drawer ul {padding:10px 0 10px 0px;  background:#f5f5f5; }
      .drawer ul li {
            font-size:14px;
            line-height:18px;
            /*border-bottom:1px solid #ddd;*/
            padding:7px 15px;
			cursor:pointer;

        }


/*
        UL {
            list-style: none;
            padding: 0;
        }
*/
        UL.drawers {
            margin: 0;
        }

        .drawer-handle {
        	box-sizing:border-box;
            background:#fff url(./images/l_menu_icon.png) no-repeat 95% 15px;
            color:#222;
            cursor:default;
            font-size:15px;
           font-weight:300;
            /*height:30px;*/
			padding:10px 10px 8px 10px;
            line-height:22px;
            margin-bottom:0px;
            text-indent:0px;
            width:100%;
			border-bottom:1px solid #ddd;
			cursor:pointer;
        }



		 .drawer-handle h2  a {font-weight:bold; color:#222; border:1px solid;}

        .drawer-handle.open {   background:#FFF url(./images/l_menu_icon_over.png) no-repeat 95% 15px;
            color:#4abcc7;
			font-weight:600;

        }


		.drawer-handle.open a{
                   
            color:#4abcc7;
			font-weight:600;
        }
/*
        .drawer UL li {
            padding: 3px 10px;

        }
*/
		.drawer	dl dd {padding:0px 10px; font-size:13px;  color:#222;}

/*
        .drawer-content UL {
            padding-top: 7px;
        }

        .drawer-content LI A {
            display:block;
            overflow:hidden;
        }
*/
        .alldownloads li {
            border:0pt none;
            line-height:18px;
            padding:0pt;
        }


	
/*sub contents*/

#Contents{position:relative; float:left; width:100%; padding:15px 5% 0px 5%; box-sizing:border-box; }
/*#Contents.about {background:url("../images/about/title_bg.jpg") no-repeat 0px 27px;}
#Contents.work {background:url("../images/work/title_bg.jpg") no-repeat 0px 27px;}
#Contents.center {background:url("../images/center/title_bg.jpg") no-repeat 0px 27px;}
#Contents.support {background:url("../images/support/title_bg.jpg") no-repeat 0px 27px;}
#Contents.board {background:url("../images/board/title_bg.jpg") no-repeat 0px 27px;}
*/
/*
#Contents h1{position:relative;  float:left; width:900px; padding:0px 0 0px 0;  margin:10px 0px;  *margin:0px; }	
*/

.Contents { width: 100%; max-width: 1660px; margin: 0px auto; position: relative; }


.s_menu {/*display:none;*/ position: relative; width: 100%; height: 71px; margin-top: -20px; z-index: 40; border-bottom:1px solid #dadada;}
.s_menu > div { width: 1440px; margin: 0px auto; }

.location { position: relative; z-index: 3; margin: 20px 0; font-size: 1.1em; float: left; /*font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; */font-weight:600;}
.location::after { content: ""; display: block; clear: both; height: 0px; visibility: hidden; }
.location .path { width: 1200px; float: left; /*border-bottom: 1px solid #dadada;*/  background:#fff;   /*box-shadow: #00000033 0px 0px 3px 3px; */  opacity: 1; }
.location .path > li { position: relative; float: left; line-height: 40px; min-width: 280px; text-align: left; color: #4e4e4e; }
.location .path > li > a { display: block; padding-left: 14px; color: #454545;line-height: 50px; padding-right: 40px; border-left: 1px solid #dadada; font-weight: 600; font-size:19px;}
.location .path > li > span { display: block; padding-left: 14px; color: #4f4f4f; line-height: 50px; padding-right: 16px; border-left: 1px solid #dadada; }
.location .path > li > a::after { content: ""; position: absolute; top: 28%; right: 20px; margin-top: 0px; width: 20px; height: 20px; display: inline-block; background: url("../images/com/icon_history.png") 50% 50% no-repeat; }
.location .path > li.on > a, .location .path > li > a:focus, .location .path > li > a:hover { text-decoration: underline; }
.location .path > li > a img { vertical-align: 0px; }
.location .path > li:first-child { margin-left: 0px; padding-left: 0px; background-image: none; width: 50px; min-width: 50px; text-align: center; }
.location .path > li:first-child img { vertical-align: middle; }
.location .path > li:first-child > a::after { display: none; }
.location .path > li:first-child > a { width: 40px; line-height: 50px; padding: 0px; background: url("../images/com/home_icon.png") 50% 50% no-repeat; text-indent: -9999px; border-left: 1px solid #cacaca; }
.location .path > li:first-child > a:hover, .location .path > li:first-child > a:focus { }
.location .path > li:last-child { min-width: 280px; }
.location .path > li:last-child > a, .location .path > li:last-child > span { border-right: 1px solid #cacaca;}
.location .path .sub-path { display: none; position: absolute; top: 51px; left: 0px; z-index: 30; width: 100%; font-size: 1em; }
.location .path .sub-path.show, .location .path .low_path.show .location .path > li.on .sub-path, .location .path > li:hover .sub-path { display: block; }
.location .path .sub-path ul { background-color: #ffffff; border: 1px solid rgb(204, 204, 204); }
.location .path .sub-path ul li { position: relative; }
.location .path .sub-path ul li:first-child { border-top: 0px none; }
.location .path .sub-path ul li > a { display: block; height: 33px; padding: 0px 10px 0px 14px; color: rgb(34, 34, 34); line-height: 33px; }
.location .path .sub-path ul li.on > a, .location .path .sub-path ul li > a:focus, .location .path .sub-path ul li > a:hover { background-color: #ffffff; color: rgb(255, 114, 0); }

.s_bt { float: right; }
.s_bt li { float: left; }
.s_bt li a { line-height: 26px; color: #ffffff; font-size: 1em; display: block; padding: 7px 30px; }
.s_bt li:first-child a { background: rgb(125, 173, 71); }
.s_bt li:first-child a:hover { background: rgb(255, 108, 0); }
.s_bt li:last-child a { background: #43426f; font-size: 14px; }
.s_bt li:last-child a:hover { background: rgb(255, 108, 0); }

.titleArea {width:100%;font-size: 55px;     font-weight: 700;    padding: 20px 0px 40px;    margin: 20px auto 0px;   text-align: left; }
/*.titleArea b {color:#8e9537;}*/
.titleArea p {font-size:0.3em; font-weight:700; text-align:left;  margin-top:20px;}
.icon-point-dot {
    display: inline-flex;
    align-self: flex-end;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background-color: #fff;
    transform: translateY(50%);
}


h1.title01	{floaT:left; width:100%; text-align:center;   font-size:35px; font-weight:600; color: #000; margin:30px 0 30px 0; padding:20px 0 0 0;background:url('../images/com/icon_05.gif') no-repeat center top; box-sizing:border-box;}
h1.title01	b {color:#43426f;}

h2.title00	{floaT:left; width:100%; text-align:left; padding:0 0 0 0px;;  font-size:1.6em; font-weight:600; color: #1b4fb7; margin:0% 0 2% 0; }
h2.title00	b {color:#4abcc7;}

h2.title01	{floaT:left; width:100%; text-align:left; padding:0 0 0 30px;;  font-size:28px; font-weight:700; color: #000; margin:30px 0 30px 0; background:url('../images/com/icon_09.png') no-repeat center left; box-sizing:border-box;}
h2.title01	b {color:#43426f;}
.ff01 {font-family:'Noto Sans KR','Malgun Gothic', 'Nanum Gothic', Sans-serif; }

h2.title02	{floaT:left;  width:100%; text-align:center; font-size:2.5em; font-weight:600; color: #222; margin:2% 0 2%; padding:20px 0 0px 0;   background:url('../images/com/icon_05.gif') no-repeat center top;  box-sizing:border-box;}
h2.title02 b {color:#d00045;}
h2.title02 span {font-size:0.8em;}

h2.title03	{floaT:left; width:100%; text-align:left; font-size:1.3em; font-weight:700; color: #272727; padding:12px 0 0px 0; margin:3% 0 3%; line-height:1.5em;  background:url('../images/com/h2_bg03.png') no-repeat left top; box-sizing:border-box;}
h2.title03 span {font-size:0.8em;}
h2.title03 span b {color:#ff5a00;}

h2.title04	{floaT:left; width:100%; font-size:40px;  line-height:1.7em; font-weight:700; color:#1b4fb7; text-align:center;  margin:20PX 0 ;  box-sizing:border-box;}
h2.title04	b {color:#4abcc7;}

h2.title05	{floaT:left;  width:100%; text-align:center; font-size:1.85em; font-weight:700; color: #000;  margin:20px 0; padding:20px 0 0px 0; background:url('../images/com/h2_bg03.png') no-repeat center top; box-sizing:border-box;}

h2.title06	{floaT:left; width:100%; text-align:; font-size:1.8em; text-align:left; font-weight:600; margin:3% 0;  padding:15px 0 0px 0;  background:url('../images/com/h2_bg04.png') no-repeat 4px 0px; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; box-sizing:border-box;}

h2.title07	{floaT:left;  width:100%; text-align:center; font-size:2.5em; font-weight:600; color: #222; margin:2% 0 2%; padding:20px 0 0px 0;   background:url('../images/com/icon_05.gif') no-repeat center top;  font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif;box-sizing:border-box; }
h2.title07 b {color:#d00045;}
h2.title07 span {font-size:0.8em;}

h3.title01	{floaT:left; width:100%; text-align:; font-size:25px; font-weight:600; color:#111; margin:10px 0 10px 0; background:url('../images/com/icon_10.png') no-repeat left 50%; padding-left:20px; box-sizing:border-box;}
h3.title01 b {color:#ef7c00;}

h3.title02	{floaT:left; width:100%; text-align:; font-size:1.7em; font-weight:600; color:#030303; margin:20px 0 10px 0; text-align:left; padding:2px 0 2px 20px;  background:url('../images/com/icon_08.png') no-repeat left 50%; box-sizing:border-box;}
h3.title02 b {color:#ef7c00;}

h3.title03	{floaT:left; width:100%; text-align:; font-size:23px; font-weight:500; color:#0750b5; margin:0px 0 10px 0;}
h3.title03 b {color:#ef7c00;}

h3.title04	{floaT:left; width:100%; text-align:; font-size:1.5em; font-weight:500; color:#5059ab; margin:10px 0 10px 0; text-align:center;}
h3.title04 b {color:#ef7c00;}

h4.title01	{floaT:left; width:100%; text-align:; font-size:20px; font-weight:800; color:#0b103f; margin:10px 0 10px 0; text-align:left;}
h4.title01 b {color:#ef7c00;}


.greeting { float: left; position: relative; padding: 0px 0px 0px 0%; width: 100%; white-space: pre-line; box-sizing:border-box;}
.greeting .txt_box { float: left; width: 69%; padding: 0% 0%; margin-top:-20px; display: inline-block; background-color: #ffffff; text-align: left; color:#333; font-size: 22px; line-height:34px;  box-sizing:border-box; /*box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 10px 3px;*/  /* word-break: keep-all;*/}
.greeting .txt_box b { color: #094dc9; font-size: 1.1em; }
.greeting .txt_box h2 { font-size: 1.5em; line-height:1.4em;; color:#111; margin-bottom:30px;}
.greeting .txt_p {display:block;}
.greeting .txt_t {display:none;}
.greeting .txt_m {display:none;}
.greeting .txt_box h3 { font-size: 1.3em; color:#009b4a; line-height:1.35em; }
.greeting .img {float: left; width: 31%; text-align:right;}

.greeting .img_txt_p {display:block;}
.greeting .img_txt_t {display:none;}

.greeting_bg01 { background: url("../images/about/01_img01.jpg") left 0px no-repeat; }
.greeting_bg02 { background: url("../images/about/02_img01.jpg") left 10px no-repeat; }
.greeting .list { position: relative; float: left; margin: 0px 0px 40px; padding: 0px 20px 0px 0px; width: 740px; }
.greeting .list dl { position: relative; float: left; margin: 0px 0px 10px; }
.greeting .list dl dt { float: left; width: 120px; padding: 7px 0px; font-size: 14px; color: rgb(193, 2, 38); font-weight: bold; border-bottom: 1px dotted rgb(169, 169, 169); }
.greeting .list dl dd { float: right; width: 610px; padding: 7px 0px 7px 10px; font-size: 13px; border-bottom: 1px dotted rgb(169, 169, 169); }


@media screen and (max-width:1280px){
/*	.greeting .txt_box h2 img {width:100%;}*/
}


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

.greeting .txt_p {display:none;}
.greeting .txt_t {display:block;}
.greeting .txt_m {display:none;}

.greeting .img_txt_p {display:none;}
.greeting .img_txt_t {display:block;}

}

@media screen and (max-width:850px){

 .greeting {}
 .greeting .txt_box { font-size: 20px; float: left; width: 100%;  display: inline-block; height: auto; }
 .greeting .img {width:100%; }
 .activeTop .br001 {display:none;}

}

@media screen and (max-width:680px){


}

@media screen and (max-width:450px){

 .greeting {}
.greeting_bg01 { background-size: 100%; }
.greeting .txt_box { font-size: 18px; line-height:24px;}
	
.greeting .txt_p {display:none;}
.greeting .txt_t {display:none;}
.greeting .txt_m {display:block;}
.greeting .txt_m img {width:100%;}	

}

.about01 {margin:0 auto 20px;  white-space:normal;}
.about01 p {margin:0 auto;  color:#fff; font-size:1.2em; font-weight:400;	width:100%; text-align:center;}
.about01 .t01, .about01 .t02 {margin-bottom:40px;}
.about01 .t01 span {background-color:#006eb9;border-radius:25px;text-align:center; padding:15px; margin:10px 10px 40px 10px ; font-weight:500;}
.about01 .t02 span {background-color:#1fb4a9;border-radius:25px;text-align:center; padding:15px; margin:10px	10px 40px 10px ;   font-weight:500;}
.about01 ul.se02 {float:left; width:100%; }
.about01 ul.se02 li {float:left; width:28%; margin-right:10px; background:#f9f9f9; box-sizing:border-box; }
.about01 ul.se02 li ul ol {float:left; width:100%; line-height:1.2em; padding:5px 5px 5px 15px ;}
.about01 ul.se02 li h3 {width:100%; text-align:center; padding:10px 0; background:#777; color:#fff; font-size:1.15em; font-weight:500;}
.about01 ul.se02 li h2 {width:100%; text-align:center; padding:10px 0; background:#333; color:#fff; font-size:1.3em; font-weight:500;}
.about01 ul.se02 li:first-child {width:10%;}
.about01 ul.se02 li:last-child {margin-right:0px;}
.about01 ul.se03 {float:left; width:100%; margin-bottom:20px;}
.about01 ul.se03 li{float:left; width:16%; border-radius:25px;text-align:center; font-weight:500; padding:15px;  margin-right:0.6%; background:#7cbe26; color:#fff; font-size:1.2em; box-sizing:border-box; }
.about01 ul.se03 h2 {width:100%; margin:0 0 20px 0; floaT:left; font-size:1.5em; color:#f28f00; font-weight:600; text-align:center;}
.about01 ul.se02 li:last-child {margin-right:0%;}

.about01m {display:none;}
.about01pc {display:block;}

.about02_img {float:left; position:relative; width:100%; margin:30px 0 30px 0; text-align:center;}

.about0201 {position:relative; float:left; width:100%; margin:20px 0; }
.about0201 { float:left; margin-bottom:10px;}
.about0201 dt {float:left; width:20%; font-size:17px; padding:20px 0; font-weight:600; margin-right:2%; text-align:center; background:url('/images/about/arrow01.png') no-repeat right center ;}
.about0201 dd {float:left; width:78%; font-size:15px;padding:15px 0; }

.about02  {position:relative; float:left; width:100%; margin:20px 0; }

.about02  ul li  span {float:left; width:100px; height:100px; padding:6px 0; margin:0px 25px 0px 0 ; text-align:; color:#fff; }
.about02  ul li  span.bg01 {background:#4abcc7;} 
.about02 ul li  span.bg02 {background:#7d4199;} 
.about02  ul li  span.bg03 {background:#4f2684;} 
.about02  ul li  span.bg04 {background:#6d6e72;} 
.about02  ul li  span.bg05 {background:#a18a3e;} 
.about02  ul li  span.bg06 {background:#c5c5c7;} 

.about02 ul li {float:left; width:33.3%; text-align:; font-size:1.0em; letter-spacing:-0.5px; line-height:1.2em; COLOR:#c5c5c7; margin-bottom:15px;}
.about02 ul li b {font-size:1.2em; line-height:1.3em; font-weight:600; color:#6d6e72; padding:10px 0;}

.about0202 {position:relative; float:left; width:100%; margin:20px 0; text-align:center;}

.about0301	{display:block; position:relative; float:left; width:100%; margin:30px 0 ; text-align:center; font-size:1.2em;}
.about0301	b {color:#4abcc7;}

.about03	{display:block; position:relative; float:left; width:100%; margin:30px 0 ; text-align:center;}
.about03m {display:none;}

.guide02	{display:block; position:relative; float:left; width:100%; margin:30px 0 ; text-align:center;}
.guide02m {display:none;}



@media screen and (max-width:850px){

.guide02m	{display:block; position:relative; float:left; width:100%; margin:30px 0 ; text-align:center;}
.guide02m img {width:100%;}
.guide02 {display:none;}


.about03m	{display:block; position:relative; float:left; width:100%; margin:30px 0 ; text-align:center;}
.about03 {display:none;}

}

@media screen and (max-width:600px){

.about03m img {width:100%;}



}

.production {float:left; position:relative; width:100%; margin:20px 0;}
.production .main-img {position: relative; float:left; width: 40%; }
.production .main-img-left {padding-right:2%;}
.production .main-img-right {padding-left:2%;}
.production .main-img img {width: 100%;}

.production .txt {position: relative; float:left; width: 58%;  z-index: 101;padding:3% 0% 0%; } 
.production .txt h2 {font-size: 30px; color: #000; font-weight: 800;padding-bottom:30px;}
.production .txt h2 b {color:#4a89cb;}
.production .txt ul {float:left; width:100%; background:#fff; padding:20px; box-sizing:border-box; border-radius:10px} 
.production .txt ul li {float:left; width:100%; background:url('../images/DBSearch/bullet01.png') left 16px no-repeat; font-size:19px; font-weight:600; padding:6px 0 6px 15px; line-height:30px;}
.production .txt p {font-size:19px; color:#222; line-height:28px;}
.production .txt .br001 {display:block;}
.production .txt p b {font-weight:600; color:#000;}

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

.production .txt {padding:3% 0% 0%; } 
.production .txt p {font-size:20px; line-height:30px;}
}

@media screen and (max-width:850px){
   .production .txt h2 {font-size:24px; padding-bottom:20px;}
   .production .txt ul li {font-size:15px;padding:5px 0 5px 15px; line-height:24px;} 
   .production .txt p {font-size:19px; line-height:24px;}
   .production .txt .br001 {display:none;}
}


@media screen and (max-width:450px){
    .production .main-img {width: 100%; }
    .production .main-img-left {padding-right:0%;}
    .production .main-img-right {padding-left:0%;}
    .production .txt {width: 100%; }
   .production .txt h2 {font-size:24px; padding:20px 0;}
   .production .txt ul li {font-size:15px;padding:5px 0 5px 15px; line-height:24px;} 
   .production .txt p {font-size:15px; line-height:22px; margin-bottom:20px;}
}

/*  */
.content_box_list { float:left; width:100%;  }
.content_box_list li {flaot:left; width: calc(50% - 0px); margin:10px 0;}
.content_box {float:left; width:100%; }
.content_box .content_box_left {    display: inline-block;       width: 25%;  
    font-size: 28px;    color: #333;    line-height: 28px;     padding: 20px;    box-sizing: border-box;    -webkit-box-sizing: border-box;
}
.content_box .content_box_left  span {float:left; font-size:20px; width:100%; margin:0 0 10px 0; }
.content_box .content_box_right {    display: inline-block;     width: 72%;    font-size: 20px;  line-height:30px;  box-sizing: border-box; color: #606167;    border-top: 2px solid #222 ; padding:30px 0 ;/* border-bottom:1px solid #ccc;*/ }


/*  */
.vision-step{margin: 50px 0;}
 .vision-step ul{font-size: 0;}
 .vision-step ul li{display: inline-block;vertical-align: top;width: calc(16.6% - 20px);margin-right: 20px;font-size: 15px;}
 .vision-step ul li:nth-child(1) .step-tit{background-image: url(/images/about/sub0103_img01.png);color:#207ac1; background-size:100%;}
 .vision-step ul li:nth-child(1) .step-tit:after{display: none;}
 .vision-step ul li:nth-child(1) .step-con strong{background:#207ac1;}
 .vision-step ul li:nth-child(2) .step-tit{background-image: url(/images/about/sub0103_img02.png);color:#0b5d9e;  background-size:100%; }
 .vision-step ul li:nth-child(2) .step-tit:before{background: url(/images/about/sub0103_img05.png);}
 .vision-step ul li:nth-child(2) .step-con strong{background:#0b5d9e;}
 .vision-step ul li:nth-child(3) .step-tit{background-image: url(/images/about/sub0103_img03.png);color:#004788; background-size:100%;}
 .vision-step ul li:nth-child(3) .step-tit:before{background: url(/images/about/sub0103_img06.png);}
 .vision-step ul li:nth-child(3) .step-con strong{background:#004788;}
 .vision-step ul li:nth-child(4) .step-tit{background-image: url(/images/about/sub0103_img03.png);color:#004788; background-size:100%;}
 .vision-step ul li:nth-child(4) .step-tit:before{background: url(/images/about/sub0103_img06.png);}
 .vision-step ul li:nth-child(4) .step-con strong{background:#004788;}
 .vision-step ul li:nth-child(5) .step-tit{background-image: url(/images/about/sub0103_img02.png);color:#0b5d9e; background-size:100%;}
 .vision-step ul li:nth-child(5) .step-tit:before{background: url(/images/about/sub0103_img05.png);}
 .vision-step ul li:nth-child(5) .step-con strong{background:#004788;}
 .vision-step ul li:nth-child(6){margin-right: 0;}
 .vision-step ul li:nth-child(6) .step-tit{background-image: url(/images/about/sub0103_img01.png);color:#207ac1; background-size:100%;}
 .vision-step ul li:nth-child(6) .step-tit:before{background: url(/images/about/sub0103_img05.png);}
 .vision-step ul li:nth-child(6) .step-con strong{background:#093e6e;}
 .vision-step ul li .step-tit{position: relative; width: 100%;height: 190px;margin: 20px 0;text-align: center;background-position: center;background-repeat: no-repeat;}
 .vision-step ul li .step-tit:before{display: inline-block;position: absolute;left: -20px;top: calc(50% - 10px);width:19px;height:19px;content: '';}
 .vision-step ul li .step-tit:after{display: inline-block;position: absolute;right: 50%;top:50%;width: 100%;height:1px;background: #ddd;content: '';z-index: -1;}
 .vision-step ul li .step-tit strong{display:block;font-size: 21px;padding-top: 80px;}
 .vision-step ul li .step-tit span{font-size: 16px;color:#878787;}
.vision-step ul li .step-con strong{display: block;width:100%;padding:15px 5px; color:#fff;font-size: 16px; line-height:22px; font-weight:400;text-align: center; height:90px;}
 .vision-step ul li .step-con ul{display: inline-block;width: 100%;min-height:240px;margin-top: 10px;padding: 30px;background:#f2f4f6;}
 .vision-step ul li .step-con ul li{width:100%;margin: 4px 0;}

/*
@media (max-width: 1279px){
     .vision-img{height:auto;}
     .vision-tit{position: relative;top:0;background: #083562;height:260px;}
     .vision-tit .tit-box{top:50px;}
     .vision-tit .tit-box strong{font-size: 30px;}
     .vision-tit .con-box{padding:10px; font-size: 20px;}
     .vision-step>ul>li{width:calc(50% - 10px);margin:10px 20px 10px 0;}
     .vision-step>ul>li:nth-child(2n){margin:10px 0;}
     .vision-step ul li .step-tit:before, .vision-step ul li .step-tit:after{display: none;}
}
*/


@media (max-width: 1024px){

	.vision-step ul li .step-con strong{font-size: 15.5px; line-height:18px; }
}


@media (max-width: 1000px){
     .vision-img{height:auto;}
     .vision-tit{position: relative;top:0;background: #083562;height:260px;}
     .vision-tit .tit-box{top:50px;}
     .vision-tit .tit-box strong{font-size: 30px;}
     .vision-tit .con-box{padding:10px; font-size: 20px;}
     .vision-step>ul>li{width:calc(50% - 10px);margin:10px 20px 10px 0;}
     .vision-step>ul>li:nth-child(2n){margin:10px 0;}
	  .vision-step ul li:nth-child(1n) .step-tit{background-size:auto;}
     .vision-step ul li .step-tit:before, .vision-step ul li .step-tit:after{display: none;}
	.vision-step ul li .step-con strong{height:auto;}
}

@media (max-width: 850px){
.content_box_list li {width: calc(100% - 0px);}
	.content_box_list .content_box_left {font-size:23px;}
	.content_box_list .content_box_left span {font-size:20px;}
	.content_box_list .content_box_right {font-size:17px;}	
}

@media (max-width: 520px){
     .vision-step>ul>li{width:100%;}
     .vision-tit{height:220px;}
     .vision-tit .tit-box{top:30px;}
     .vision-tit .tit-box span{font-size: 12px;}
     .vision-tit .tit-box span:before{top:-5px;height:1px;}
     .vision-tit .tit-box span:after{bottom:-5px;height:1px;}
     .vision-tit .tit-box strong{margin:15px 0; font-size: 20px;}
     .vision-tit .con-box{font-size: 15px;}
     .vision-how .how-tit strong:before{display: none;}
     .vision-how .how-con ul li{width:calc(50% - 5px);margin:5px 10px 5px 0;font-size: 15px;}
     .vision-how .how-con ul li:nth-child(2n){margin:5px 0;}
}

.vision {  width: 100%;  margin: 0 0%;  float: left;  background-color: #fff;  border-radius: 0 0 50px 50px; /* border: 1px solid #f1f1f1;  border-top: none;*/  margin-bottom: 5%;  padding: 5%; box-sizing:border-box;}
.vi_box {  width: 50%;  float: left;  padding: 3% 0;  border-top: 2px solid #e6e6e6;}
.vi_left {  width: 100%;  float: left;  text-align: left;}
.num {  width: 100%;  font-size: 60px;  color: #c7c7c7;  font-weight: 800;  /*font-style: italic;*/  line-height: 100%; margin-bottom:10px;}
.vi_title {  font-size: 20px;  font-weight: 600;  line-height: 150%;  color: #94a03d;}
.vi_box02 .vi_title {  color: #fe9e16;}
.vi_box03 .vi_title {  color: #40b9cf;}
.vi_box04 .vi_title {  color: #7c67d1;}
.vi_box05 .vi_title {  color: #71b415;}
.vi_right {  width: 100%;  float: left;  text-align: left;  padding-top: 4%;}
.p_circle {  font-size: 18px;  line-height: 200%;  padding: 2px 0px 0 25px ;}
.vi_box01 .p_circle {  background: url(./images/circle01.png) no-repeat left 14px;}
.vi_box02 .p_circle {  background: url(./images/circle02.png) no-repeat left 14px;}
.vi_box03 .p_circle {  background: url(./images/circle03.png) no-repeat left 14px;}
.vi_box04 .p_circle {  background: url(./images/circle04.png) no-repeat left 14px;}
.vi_box05 .p_circle {  background: url(./images/circle05.png) no-repeat left 14px;}

@media (max-width: 1200px) {   
.vision {    width: 100%;    margin: 0 0 5%;  }
}

@media (max-width: 950px) {
	.vi_box {  width: 100%;}
	.vi_left {    width: 100%;  }
	.vi_right {    width: 100%;  }
	.p_circle {    line-height: 140%;    margin-bottom: 2%;  }
	.vi_box01 .p_circle {  background: url(./images/circle01.png) no-repeat left 10px;}
	.vi_box02 .p_circle {  background: url(./images/circle02.png) no-repeat left 10px;}
	.vi_box03 .p_circle {  background: url(./images/circle03.png) no-repeat left 10px;}
	.vi_box04 .p_circle {  background: url(./images/circle04.png) no-repeat left 10px;}
	.vi_box05 .p_circle {  background: url(./images/circle05.png) no-repeat left 10px;}
}
/*@media (max-width: 800px) {
  .vi_left {    width: 100%;  }
  .vi_right {    width: 100%;  }
  .p_circle {    line-height: 140%;    margin-bottom: 2%;  }
}
*/

.ci01 { position:relative; float:left; width:100%; margin:0px 0 0 0; }
.ci01 ul	{position:relative; float:left; width:100%; padding-bottom:50px;}
.ci01 ul li { position:relative; float:left;  padding:0 0px 0 0; font-size:1.25em; line-height:1.4em;}
.ci01 ul li.wl {width:12%; margin-top:2%;}
.ci01 ul li.wr {width:34%; padding:0 2% 0 2%;}
.ci01 ul li span {float:left; width:100%; font-size:1.1em; font-weight:700; margin:10px 0;}

.ci01 dl  {float:left; width:100%;}
.ci01 dl dt {float:left; width:15%; padding:15px 0 15px 0; font-weight:600;}
.ci01 dl dd {float:left; width:26%; padding:15px 0 15px 0; margin-right:7px; text-align:center; color:#fff;}
.ci01 dl dd.bg01 {background:#005baa;} 
.ci01 dl dd.bg02 {background:#00aeef;} 
.ci01 dl dd.bg03 {background:#231f20;} 
.ci01 dl dd.bg04 {background:#fdb913;} 
.ci01 dl dd.bg05 {background:#f47920;} 


.about07	{position:relative; float:left; width:100%; margin:30px 0 ; text-align:center;}
.about07 h2 {float:left; width:100%; text-align:center; font-size:46px;padding-bottom:30px; font-weight:600; /*color:#8e9537;*/ color:#f58013; }
.about07 h3 {color:#222; font-size:30px;  padding-bottom:20px; }
.about07 p {float:left; width:100%; text-align:center; font-size:22px; line-height:32px; padding:10px 0; box-sizing:border-box;}
.about07 p .br01  {display:block;}

 .about0701{display:block;  float:left; width:100%; text-align:center; margin:30px 0;}
/*.about0701 img {width:100%}*/
.about0701m {display:none;  margin:30px 0;}

.about10	{position:relative; float:left; width:100%; height:auto; margin:0px 0 ; text-align:; font-size:1.2em; line-height:1.45em; }

/*
.history  {position:relative; float:left;  width:50%; margin:0 0% ; padding:10px 0 0 0%;  line-height:18px;}
.history h2 {position:relative; width:100%; padding:20px 0 40px 0; text-align:right; font-size:19px; color:#6d7700; line-height:22px; } 
.history dl {position:relative; width:100%;}
.history dl dd {position:relative; float:left; width:90%; padding:0 0 10px 0; letter-spacing:-1px;}
.history dl dt {float:left;  width:10%; color:#222; font-size:15px; font-weight:600; }


.history02  {position:relative; float:left;   width:100%; padding:10px 0 10px 0px; line-height:18px; border-top:1px solid #d0d0d0;  border-bottom:1px solid #d0d0d0; }
.history02 ul li {position:relative; float:left; width:100%; padding:0 0 0px 0; height:22px; font-size:12px;}
.history02 ul li b {float:left;  width:110px; color:#606800; font-size:13px;}

*/


.history_box {position:relative; float:left; margin:0px 0 20px 0; width:93%;  border:5px solid #ddd ;  padding:25px; font-size:15px; line-height:25px;}
.history_box b {font-size:16px; padding:0 0 10px; width:100%; font-weight:500; color:#4abcc7;}
.hisotry_h2 {position:relative; float:left; width:350px;}

.history_list {position:relative; float:left; margin:10px 0px 30px 0px; padding:0px 0px 0 0px; width:100%; }
.history_list h3 {position:relative; float:left; font-size:25px; }
.history_list dl{ position:relative; float:left; width:100%;border-top:1px dotted #a9a9a9 ;   border-bottom:1px dotted #a9a9a9 ; padding:20px 0;}
.history_list dl dt	{ float:left; color:#c10226; font-weight:500; width:12%; padding:5px 0px 5px 0px; font-size:15px; box-sizing:border-box;}
.history_list dl dd { float:left; width:88%; padding:5px 0px 5px 10px; ;box-sizing:border-box;}
.history_list dl dd.w01 { float:left; width:550px; padding:0px 0px 8px 10px; ; font-size:13px; }
.history_list dl dd.w02 { float:left; width:175px; padding:0px 0px 0px 0px; ; font-size:13px; }
.history_list dl dd.w03 { float:left; width:645px; padding:0px 0px 8px 10px; ; font-size:13px; }

.historyWrap dl {float:left; width:100%; padding: 30px 0% 30px 0px; border-bottom: 1px dotted #666; }
.historyWrap dl:first-child { margin-top: 50px; border-top: 1px dotted #666; }
.historyWrap dl .year {color: #094dc9;font-size: 2.5em;float: left;margin-right: 5%;font-weight: 700;line-height: 1;}
.historyWrap dl .cont { display: table-cell; padding-top: 0px; }
.historyWrap dl .cont ul { margin-bottom: -10px; }
.historyWrap dl .cont li { margin-bottom: 6px; }
.historyWrap dl .cont li .month { font-size: 20px; font-weight: 700; color:#222; float: left; display: inline-block; width: 120px;  line-height:28px;  background:url('../images/com/icon_list_04.png') 0% 50%  no-repeat; padding:0 0 0 25px;}
.historyWrap dl .cont li .txt { display: table-cell; overflow: hidden; font-size: 18px; color:#333; padding-left: 10px; position: relative; line-height:28px; /*letter-spacing:-0.5px;*/}

/*
.year_box{display:inline-block;width:100%;}
.year_box dl{width:550px;padding:20px 0 100px 0;margin-left:20px;border-left:1px dotted #4d997e;}
.year_box dt{float:left;padding-left:40px;margin-left:-8px;width:90px; font-family:'NanumSquare','Nanum Gothic', Sans-serif; font-weight:600;font-size:25px;color:#008958;background:url(/images/about/icon_year.png) no-repeat 0px 50%;}
.year_box dd{float:right;margin:5px 0 0 10px;width:400px; }
.year_box dd span{display:inline-block;padding-top:2px;margin-bottom:13px;min-width:40px; font-family:'NanumSquare','Nanum Gothic', Sans-serif; font-weight:600;font-size:17px;color:#000;letter-spacing:0;}
.year_box dd ul{float:right;width:345px;margin-bottom:10px;}
.year_box dd ul li{font-size:15px;color:#555;line-height:25px;word-break:keep-all;}
.year_box .fl{padding-right:10px;}
.year_box .fr{padding-left:15px;}
.year_box .fr dt{margin-left:-23px;}
*/
.year_box{display:inline-block;width:100%;/*margin-top:110px;*/}
.year_box dl{width:530px;padding:20px 0 60px 0;margin-left:0px;border-left:1px dotted #4d997e;}
.year_box dt{float:left;padding-left:40px;margin-left:-8px;width:90px; font-family:'NanumSquare','Nanum Gothic', Sans-serif; /*font-family:'Montserrat',sans-serif;*/font-weight:600;font-size:25px;color:#008958;background:url(/images/about/icon_year.png) no-repeat 0px 50%;}
.year_box dd{float:right;margin:0px 0 0 10px;width:390px;}
.year_box dd span{display:inline-block;padding-top:2px;margin-bottom:10px;min-width:40px; font-family:'NanumSquare','Nanum Gothic', Sans-serif; /*font-family:'Montserrat',sans-serif;*/font-weight:600;font-size:19px;color:#000;letter-spacing:0;}
.year_box dd ul{float:right;width:325px;margin-bottom:10px;}
.year_box dd ul li{font-size:15px;color:#555;line-height:24px;word-break:keep-all;}
.year_box .fl{padding-right:10px;}
.year_box .fr{padding-left:15px;}

.year_box .flr{float:left; padding-right:10px;}
.year_box .frl{float:right; padding-left:15px;}


.year_box .fr dt{margin-left:-23px;}
.year_box .frl dt{margin-left:-23px;}







.img01	{width:100%;  margin:5% 0 5%;  }
.img01 img {max-width:100%;}




	/*contents*/

	.W1000 {width:1000px; margin:0 auto;}
	.section {position:relative; margin-bottom:50px}
	.section p {font-size:14px; color:#222; line-height:22px;}
	.section p b {font-size:16px; color:#222;}

	.section h4 {margin-bottom:50px;}


/* SERViCE */
.service {width:100%; overflow:hidden;}
.service h1 {margin:40px 0;}
.service p {font-size:13px; line-height:22px; color:#222; margin:0 0 40px 0;}


	.project_view{width:1000px; overflow:hidden; margin:0 auto;}
	.project_view h1 {margin-bottom:40px;}
	
	 
.board_01	 {position:relative; width:76%; float:left;  margin:0 12%; border-top:2px solid #ccc; border-bottom:1px solid #ccc; }
.board_01 dl dt	{float:left; width:15%; padding:1% 3%; text-align:right; border-right:1px solid #ddd; font-size:14px; font-weight:600;}
.board_01 dl dd	{float:left; width:60%; padding:1% 3%;  font-size:14px;}
.board_01 .plus {float:left; width:440px; padding:5px 10px 5px 10;}


.about0102 {    position: relative;    float: left;    width: 100%;    margin: 10px 0;}
.about0102 {position:relative; float:left;  width:100%; margin:10px 0; }	
.about0102 li {float:left; }
.about0102 li.img {width:26%; margin-right:4%; text-align:center;}
/*.about0102 li.img img {width:100%}*/
.about0102 li.txt {width:70%; }

.about0102 li.txt table { border-collapse:collapse; clear:both;  overflow:hidden; border-top:2px solid #9bb13e; margin:0px 0 20px 0;}
.about0102 li.txt th { border-bottom:1px solid #222; text-align:center;   padding:20px 10px;  background:#fff; font-size:1.5em; color:#222; font-weight:500;}
.about0102 li.txt td { border-bottom:1px solid #d9d9d9; text-align:left;  padding:10px;  background:#fff;  font-size:1.3em; COLOR:#7e7e7e;}

.about0103 {    position: relative;    float: left;    width: 100%;    margin: 10px 0; background:#f5f5f5; padding:40px 70px; box-sizing:border-box;}
.about0103 {position:relative; float:left;  width:100%; margin:10px 0; }	
.about0103 li {float:left; width:50%; }
.about0103 li dl {float:left; width:100%; display:flex;}
.about0103 li dl dt {background:url('../images/com/icon_list_04.png') 0% 50%  no-repeat; padding:0 5px 0 20px; box-sizing:border-box; font-size:21px;  font-weight:600;}
.about0103 li dl dd { font-size:19px; }


.about0105 {display:block;}
.about0105_m {display:none;}

.about0106 {position: relative;    float: left;    width: 100%;    margin: 10px 0;}
.about0106 {position:relative; float:left;  width:100%; margin:10px 0; }	
.about0106 li {float:left; width:20%; text-align:center; font-size:16px; line-height:32px; margin-bottom:15px;}


.about04 { position: relative; float: left; width: 100%; margin: 20px 0px; padding: 15px 0px; font-size:19px; line-height:28px; /*border-top:1px solid #ccc;*/ border-bottom:1px solid #ccc;}
.about04 br  {display:none;}
.about04 span {padding: 0px 10px; }
.about04 h2 {float:left; width:100%; font-size:35px; padding:10px 0 30px; text-align:center; color:#025eaf;}
.about04 h2  b {color:#00a672;}
.about04 h3 {float:left; width:100%; font-size:30px; text-align:center; color:#5a88c6;}
.about04 strong {color:#00a672;font-size:1.1em; font-weight:500;}
.about04 b {color:#222; font-size:1.1em; font-weight:500;}
.about04 ul {float:left;  text-align: ; width: 100%; }
.about04 ul li {position:relative; floaT:left; width:50%; height:50px;  padding: 0px 20px; box-sizing:border-box; }
.about04 ul li.wid100 {width:100%; }

.map_wrap { position: relative; float: left; width: 100%; margin: 0px 0%; }
.map_wrap .map_view { overflow: hidden; }
.map_wrap .traffic { overflow: hidden; padding: 0px 0px 20px; box-sizing: border-box;}
.map_wrap .traffic h4 { margin: 10px 0px 40px; width: 100%; font-size: 25px; color: #222; background:url('../images/com/icon_09.png') no-repeat 0 2px; padding:0 0 0 30px;}
.map_wrap .traffic dl {  overflow: hidden; float: left; width: 100%; }
.map_wrap .traffic dl dt {float: left; width: 20%; height: 30px; padding-left: 40px; margin-bottom: 20px;  line-height: 30px; clear: both; font-size: 20px; font-weight: 800; color:#222;}
.map_wrap .traffic dl dt.bus {  background: url("../images/com/icon_bus.png") 0% 50% no-repeat;}
.map_wrap .traffic dl dt.help {  background: url("../images/com/icon_help.png") 0% 50% no-repeat; }
.map_wrap .traffic dl dt.car { background: url("../images/com/icon_car.png") 0% 50% no-repeat; }
.map_wrap .traffic dl dt.subway { background: url("../images/com/icon_subway.png") 0% 50% no-repeat;  }
.map_wrap .traffic dl dt.abb {background: url("../images/com/icon_abb.png") 0% 50% no-repeat;}
.map_wrap .traffic dl dd { float: left; width: 70%; margin-bottom: 20px; line-height: 30px; font-size: 18px; }
.map_wrap .traffic dl dd b {margin-right:20px; font-weight:700; color:#333;}
.map_wrap .traffic dl dd a {float:left; margin:10px 0;}
.map_wrap .traffic dl dd ul {float:left; padding-left:20px;}
.map_wrap .traffic dl dd ul li {float:left; width:100%; padding-bottom:3px; box-sizing:border-box;   /*list-style-type:disc; */ list-style-type:decimal;}


.about06table {display:block; }
.about06tablem {display:none; }

@media screen and (max-width:1280px){

	.about0102 li.img img {width:70%;}
	
}

@media screen and (max-width:1024px){
	.about04Top .Img img {width:100%;}
	.about04Top .Txt {font-size:19px;}
	.about04Top .Txt a {font-size:16px;}
	
	.about04 ul li { width:100%; height:auto; margin-bottom:20px;}

	.about04 br {display:block;}
	
	.map_wrap .traffic dl dt.bus { width: 100%; }
	.map_wrap .traffic dl dt.car { width: 100%; }
	.map_wrap .traffic dl dt.subway { width: 100%; }
	.map_wrap .traffic dl dt.abb { width: 100%; }
	.map_wrap .traffic dl dd { width: 100%; }

.about0102 li.img {width:100%; text-align:center;}
.about0102 li.img img {width:auto;}
.about0102 li.txt {width:100%; }

}

@media screen and (max-width:850px){

	.about0102 li.img  img {width:30%;}
	
	.about04 h2 { font-size:30px; }
	.about04 h3 { font-size:25px; }
	/*.map_wrap .traffic dl dt.bus { width: 100%; }
	.map_wrap .traffic dl dt.car { width: 100%; }
	.map_wrap .traffic dl dt.subway { width: 100%; }
	.map_wrap .traffic dl dd { width: 100%; }*/
}

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

.about0103 {  padding:20px 30px; box-sizing:border-box;}
.about0103 li {float:left; width:100%; }
.about0103 li dl dt {font-size:18px }

}

@media screen and (max-width:680px){
	.map_wrap .traffic dl {width: 100%; }
	.about04Top .Txt {font-size:16px; line-height:22px;}
	.about04Top .Txt a {font-size:14px;}

.about0102 li.img  img {width:40%;}

.about06table {display:none; }
.about06tablem {display:block; }


}

@media screen and (max-width:480px){
	.map_wrap .traffic dl { width: 100%; }
	.about04 span {floaT:left; }
	.about04Top .Img  {width:100%; border-right:0px; padding:0px;}
	.about04Top .Txt {width:100%; margin-top:30px; padding:0px; font-size:17px;}
	/*.about0103 li dl {display:block;}*/
	.about0103 { padding:20px 20px; }
	
	.about0103 li dl {float:left; width:100%; display:table-cell;}
	.about0103 li dl dd {padding:0 0 0 15px;} 

	.about0103 li dl dt {background:url('../images/com/icon_list_04.png') 0% 4px  no-repeat; padding:0 10px 0 15px;}
	.about0103 li dl dt , .about0103 li dl dd {font-size:16px;	}
	.map_wrap .traffic dl dd b {display:table-cell; width:100%;}
	.map_wrap .traffic dl dd span {padding-left:15px; }
	.map_wrap .traffic dl dd ul {float:left; padding-left:25px;}

}

@media screen and (max-width:280px){
	.map_wrap .traffic dl { width: 100%; }
	.about04 span {floaT:left; }
	.about04Top .Img  {width:100%; border-right:0px; padding:0px;}
	.about04Top .Txt {width:100%; margin-top:30px; padding:0px; font-size:17px;}
	.about0103 li dl {display:block;}
	.about0103 li dl dd {padding:0 0 0 20px;}
	
}


.tocompany { position: relative; float: left; width: 50%; margin: 10px 0;  border-top:2px solid #222; border-bottom:1px solid #dfdfdf;}
.tocompany dl {  width: 100%; padding:10px; box-sizing:border-box; display:flex; }
.tocompany dl dt { width: 40%; padding:10px; text-align:center; display: flex; box-sizing:border-box;  background:#f0f0f0}
.tocompany dl dt img {width:100%; }
.tocompany dl dd {width: 60%; padding:10px; font-size:18px;  display: flex;    justify-content: center;    align-items: flex-start;    flex-direction: column;  box-sizing:border-box;}

@media screen and (max-width:680px){
.tocompany { width: 100%; }
}

@media screen and (max-width:480px){
.tocompany dl { display: block; }
.tocompany dl dt {width:100%; display: block; }  	
.tocompany dl dd {width:100%; display: block; }	
}


/*
 .mission-wrap {float:left; width:100%; border-radius: 16px; border: 1px solid #dfdfdf; padding-top: 50px; padding-bottom: 50px;     display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
 .mission-wrap h2 {float:left; width:100%; font-size:35px; }
 .mission-wrap dl {text-align: center; -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;}
 .mission-wrap .title { font-weight: 700; }
 .mission-wrap .text {font-size:22px;}
.mission-wrap .col01 {color:#00a2a2;}
.mission-wrap .col02 {color:#f18300;}
.mission-wrap .col03 {color:#d33645;}

@media all and (min-width: 769px) {
 .mission-wrap {display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
		-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
	}
	
 .mission-wrap dl {-webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
 .mission-wrap .title {font-size: 30px; letter-spacing:-0.4px;}
 .mission-wrap .title + .text {margin-top: 8px;
		min-height: 72px;
		display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
		-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	
	}
}
*/


 .mission-wrap {float:left; width:100%; border-radius: 16px; border: 1px solid #dfdfdf; padding-top: 50px; padding-bottom: 20px;     display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
 
.mission-wrap h2 {float:left; width:100%; font-size:35px; }
 .mission-wrap dl { text-align: center; -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.mission-wrap dl {-webkit-box-flex: 1; -ms-flex: 1; flex: 1;}

 .mission-wrap .title { font-weight: 700; }
 .mission-wrap .text {font-size:22px;}
.mission-wrap .col01 {color:#00a2a2;}
.mission-wrap .col02 {color:#f18300;}
.mission-wrap .col03 {color:#d33645;}

  .mission-wrap .title {font-size: 30px; letter-spacing:-0.4px;}
 .mission-wrap .title + .text {margin-top: 8px;
		min-height: 72px;
		display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
		-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	
	}
@media screen and (max-width: 769px) {
 .mission-wrap {display: block;	}

}

@media screen and (max-width: 680px) {

	
}

.about09  {float:left; width:100%;}
.about09 li  {float:left; width:23%; padding-right:2%; /*box-sizing:border-box;*/ text-align:center; font-size:20px; font-weight:600;  padding-bottom:30px;}
.about09 li:last-child {padding-right:2%; }
.about09 li img {width:100%; border:1px solid #dfdfdf; margin-bottom:20px;}


@media screen and (max-width: 680px) {

.about09 li  {float:left; width:49%; padding-right:2%; /*box-sizing:border-box;*/ text-align:center; font-size:16px; font-weight:600;  padding-bottom:20px;}
	
}


@media screen and (max-width: 480px) {

.about09 li  {float:left; width:100%; padding-right:0%; /*box-sizing:border-box;*/ text-align:center; font-size:16px; font-weight:600;  padding-bottom:20px;}
.about09 li:last-child {padding-right:0%; }

}


/*20240201 수정전
.guide01  {display:table-row; width:100%; }
.guide01 .tablesp {border-collapse: separate;    border-spacing: 20px;  }
.guide01 .unit {position:relative; width:33.3%;  display:table-cell; padding:35px 35px 15px 35px; box-sizing:border-box; vertical-align:top; background-color:#f7f7f7; border:1px solid #e8e8e8; border-radius:10px;   overflow:hidden;}
.guide01 .unit:last-child {margin-right:0px;} 
.guide01 .unit .unitTop { background:none; padding:0px 0 10px 0;; letter-spacing:-1px;  font-size:25px; display:flex;   vertical-align:middle;}
.guide01 .unit .unitTop img {padding-right:20px; margin-top:-12px;}

.guide01 .unit .unitbody { line-height:1.7; padding:10px 10px 0 10px; box-sizing:border-box;}
.guide01 .unit .unitbody { display:inline-block; text-align:left; }
.guide01 .unit .unitbody li { list-style:disc; font-size:19px; }


@media screen and (max-width:850px){
.guide01 .tablesp {border-collapse: collapse;    border-spacing: 0px;  }
.guide01 .unit {float:left; width:100%; display:inline-block; margin-bottom:20px;}

}
@media screen and (max-width:480px){
.guide01  {display:block; width:100%; }
.guide01 .unit  {padding:25px 25px 15px 25px;}

}
*/

.guide01  {display:block; width:100%; }
.guide01 .tablesp {float:left; width:100%; }
.guide01 .unit {float:left; height:280px; width:31.3%;   margin:0 1%; padding:35px 35px 15px 35px; box-sizing:border-box; vertical-align:top; background-color:#f7f7f7; border:1px solid #e8e8e8; border-radius:10px;   overflow:hidden;}
.guide01 .unit:last-child {margin-right:0px;} 
.guide01 .unit .unitTop { background:none; padding:0px 0 10px 0;; letter-spacing:-1px;  font-size:25px; display:flex;   vertical-align:middle;}
.guide01 .unit .unitTop img {padding-right:20px; margin-top:-12px;}

.guide01 .unit .unitbody { line-height:1.7; padding:10px 10px 0 10px; box-sizing:border-box;}
.guide01 .unit .unitbody { display:inline-block; text-align:left; }
.guide01 .unit .unitbody li { list-style:disc; font-size:19px; }


@media screen and (max-width:1280px){
.guide01 .unit {height:340px;}
}

@media screen and (max-width:950px){
.guide01 .unit {height:380px;}
}


@media screen and (max-width:850px){
.guide01 .tablesp {}
.guide01 .unit {float:left; width:100%; display:inline-block; margin:0 0 20px 0; height:auto; }

}
@media screen and (max-width:480px){
.guide01  {display:block; width:100%; }
.guide01 .unit  {padding:25px 25px 15px 25px;}

}

.about05_process {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222;}
.about05_process li {	floaT:left;     position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;    display: flex;	align-items:center;	justify-content:center;	
	width: 23%;    box-sizing: border-box;    padding: 1.7em 1em;    margin: 0 0.5em;    border-radius: 15px;    vertical-align: middle;    background: #e0eff1;	word-break:keep-all;}
.about05_process li:first-child {    padding: 1em;}

.about05_process li:after {	content:"";	position: absolute;    top: calc(50% - 7px);    right: -7px;    bottom: 0px;	display:inline-block;
	width: 0;	height: 0;	border-style: solid;	border-width: 7px 0 7px 7px;	border-color: transparent transparent transparent #e0eff1;}
.about05_process li:last-child:after {display:none;}


.work04_process {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222;}
.work04_process li {
	floaT:left; 
    position: relative;
	/*display:-ms-flexbox;
	display:-webkit-flexbox;
   display: flex;*/
	width:23%;
	align-items:center;
	justify-content:center;
    box-sizing: border-box;
    padding: 1.7em 1em;
    margin: 0 0.5em;
    border-radius: 15px;
    vertical-align: middle;
    background: #e0eff1;
	word-break:keep-all;
}

.work04_process li:after {
	content:"";
	position: absolute;
    top: calc(50% - 15px);
    right: -15px;
    bottom: 0px;
	display:inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #e0eff1;
}
.work04_process li:last-child:after {display:none;}
.work04_process h2 {position:relative;float:left; width:100%; font-size:1.2em; background:#51b0cb; color:#fff; padding:1em 1em; margin-bottom:0.5em; text-align:center; border-radius: 15px;  box-sizing:border-box; }

.work05_process {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222;}
.work05_process li {
	floaT:left; 
    position: relative;
	/*display:-ms-flexbox;
	display:-webkit-flexbox;
    display: flex;*/
	width:18.5%;
	align-items:center;
	justify-content:center;
    box-sizing: border-box;
    padding: 1.7em 1em;
    margin: 0 0.5em;
    border-radius: 15px;
    vertical-align: middle;
    background: #e0eff1;
	word-break:keep-all;
}

.work05_process li:after {
	content:"";
	position: absolute;
    top: calc(50% - 15px);
    right: -15px;
    bottom: 0px;
	display:inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #e0eff1;
}
.work05_process li:last-child:after {display:none;}
.work05_process h2 {position:relative;float:left; width:100%; font-size:1.2em; background:#51b0cb; color:#fff; padding:1em 1em; margin-bottom:0.5em; text-align:center; border-radius: 15px;  box-sizing:border-box; }


.unit-arrow { display:block; text-indent:-9999px; width: 40px; height: 40px; position:absolute; z-index: 2; background:transparent url('../images/com/arr_right02.png') center center no-repeat; top:50%; margin-top:-20px;right: -30px;; }



.process02_01 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process02_01 li {	floaT:left; height:260px;	position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;	/* display: flex; */	align-items:center;	justify-content:center;	
						width:calc(50.0% - 20px);			font-size:19px;line-height:22px;			box-sizing: border-box;	padding: 1.0em 1em;	margin: 0 0.5em;	border-radius: 15px;	vertical-align: middle;	background: #fff; border:1px solid #ccc ;	word-break:keep-all;}
.process02_01 li h2 {position:relative; float:left; width:100%; font-size:22px; color:#222; background:#dfdfdf; padding:20px 0; margin:0 0 20px;}
.process02_01 li h3 {position:relative; float:left;width:100%; height:70px; }

.process03 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process03 li {	floaT:left;	position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;	/* display: flex; */	align-items:center;	justify-content:center;	
						width:calc(33.3% - 20px);	 height:150px;		font-size:19px;line-height:22px;			box-sizing: border-box;	padding: 1.0em 1em;	margin: 0 0.5em;	border-radius: 0px;	vertical-align: middle;	background: #fff; border:1px solid #ccc ;	word-break:keep-all;}
.process03 li.flex {display: flex;}

.process03 li:after {display: none;	content:"";	position: absolute;    top: calc(50% - 15px);    right: -15px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	background:url('../images/com/arr_right01.png') no-repeat center  ; /*	border-style: solid;	border-width: 15px 0 15px 15px;	border-color: transparent transparent transparent #e0eff1;*/}
.process03 li:last-child:after {display:none;}
.process03 li h2 {position:relative; float:left; width:100%; font-size:20px; color:#004ea2 }
.process03 li h3 {width:100%; height:55px;font-size:20px; color:#004ea2 }

.process03_01 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process03_01 li {	floaT:left; height:240px;	position: relative;	display:-ms-flexbox; 	display:-webkit-flexbox;	/* display: flex; */	align-items:center;	justify-content:center;	
					width:calc(33.3% - 20px);			font-size:19px;line-height:22px;			box-sizing: border-box;	padding: 30px 20px;	margin: 0 0.5em;	border-radius: 0px;	
				  vertical-align: middle;background:#f8f8f8;	border:1px solid #dfdfdf ;	word-break:keep-all;}
.process03_01 li h2 {position:relative; float:left; width:100%; font-size:28px; color:#111;  padding:20px 0; margin:0 0 10px;}
.process03_01 li h3 {position:relative; float:left;width:100%; height:70px; }
.process03_01 li.hei01 { height:150px;}
.process03_01 li ul {float:left; width:100%; margin:20px 0 0 0;}
/*.process03_01 li ul li {float:left; width:100%; border:0px; height:auto; padding:0 0 7px 0; }*/
.process03_01 li ul li {float:left; width:80%; border:0px; height:auto; padding:0 0 7px 18%;  text-align:left;}

.process04 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process04 li {position: relative; float:left; height:150px;  font-size:19px;	line-height:24px;	width:calc(25% - 19px); /*display:-ms-flexbox;	display:-webkit-flexbox;   display: flex;	*/ 
							align-items:center;	justify-content:center;    box-sizing: border-box;    padding: 1.2em 1em;    margin: 0 0.5em;    border-radius: 0px;    vertical-align: middle;    	background: #fff; border:1px solid #ccc ;		word-break:keep-all;	}
.process04 li:after {display:none;	content:"";	position: absolute;    top: calc(50% - 15px);    right: -15px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 15px 0 15px 15px;	border-color: transparent transparent transparent #e0eff1;}
.process04 li:last-child:after {display:none;}
.process04 h2 {position:relative;float:left; width:100%; font-size:1.2em; background:#51b0cb; color:#fff; padding:1em 1em; margin-bottom:0.5em; text-align:center; border-radius: 15px;  box-sizing:border-box; }
.process04 li h3 {width:100%; height:58px;}
.process04 li p span {font-size:18px; }

.process0401 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process0401 li {position: relative; float:left; height:301px;  font-size:25px;	line-height:30px;	width:calc(25% - 0px); /*display:-ms-flexbox;	display:-webkit-flexbox;   display: flex;	*/ 
							align-items:center;	justify-content:center;    box-sizing: border-box;    padding: 2.0em 2em;    margin: 0 0em;    border-radius: 0px;    vertical-align: middle;    	background: #fff; 	word-break:keep-all;	}
/*.process0401 li:after {display:none;	content:"";	position: absolute;    top: calc(50% - 15px);    right: -15px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 15px 0 15px 15px;	border-color: transparent transparent transparent #e0eff1;}*/
.process0401 li:last-child:after {display:none;}
.process0401 h2 {position:relative;float:left; width:100%; font-size:1.2em; background:#51b0cb; color:#fff; padding:1em 1em; margin-bottom:0.5em; text-align:center; border-radius: 15px;  box-sizing:border-box; }
.process0401 li h3 {width:100%; height:80px;}
.process0401 li p span {font-size:17px; }
.process0401 li.bg01 {background:url('../images/about/02_bg01.png') no-repeat center }
.process0401 li.bg02 {background:url('../images/about/02_bg02.png') no-repeat center }
.process0401 li.bg03 {background:url('../images/about/02_bg03.png') no-repeat center }
.process0401 li.bg04 {background:url('../images/about/02_bg04.png') no-repeat center }



.process05 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222;}
.process05 li {	floaT:left;     position: relative;	font-size:19px;	line-height:24px; height:150px;	/*display:-ms-flexbox;	display:-webkit-flexbox;   display: flex;*/	
					width:calc(20% - 20px);		align-items:center;	justify-content:center;    box-sizing: border-box;    padding: 1.2em 1em;    margin: 0 0.5em;    border-radius: 0px;    vertical-align: middle;    	background: #fff; border:1px solid #ccc ;		word-break:keep-all;	}
.process05 li:after {display:none;	content:"";	position: absolute;    top: calc(50% - 15px);    right: -15px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 15px 0 15px 15px;	border-color: transparent transparent transparent #e0eff1;}
.process05 li:last-child:after {display:none;}
.process05 h2 {position:relative;float:left; width:100%; font-size:1.2em; background:#51b0cb; color:#fff; padding:1em 1em; margin-bottom:0.5em; text-align:center; border-radius: 15px;  box-sizing:border-box; }
.process05 li h3 {width:100%; height:62px;}
.process05 li p span {font-size:17px;}

.process05_01 {position:relative; float:left; width:100%; margin:20px 0 30px 0; text-align:center; box-sizing:border-box; color:#222; }
.process05_01 li {	floaT:left;     position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;    /*display: flex;*/	align-items:center;	justify-content:center;    
					width: 18.5%;	height:140px;      font-size : 18px; line-height:22px;  box-sizing: border-box;    padding: 1.5em 0.8em;    margin: 0 0.5em;    border-radius: 30px;  vertical-align: middle;  background: #fff; border:1px solid #ccc ;	word-break:keep-all;}
.process05_01 li h2 {font-size:20px; color:#004ea2 }
.process05_01 li h3  {width:100%; height:55px;}


.process06 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process06 li {	floaT:left;     position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;    /*display: flex;*/	align-items:center;	justify-content:center;    
					width:calc(16.66% - 20px); height:130px;		  box-sizing: border-box;    padding: 1.0em 0.8em;    margin: 0 0.5em;    border-radius: 0px;  vertical-align: middle;    /*background: #e3e3e3;*/background: #fff; border:1px solid #ccc ;	word-break:keep-all;}
.process06 li:first-child { }
.process06 li:after {display:none;	content:"";	position: absolute;    top: calc(50% - 10px);    right: -30px;    bottom: 0px;	display:inline-block;	 width: 0;	height: 0; border:15px solid transparent ; border-left-color:#e3e3e3; 	/*border-style: solid;	border-width: 15px 0 15px 15px;	border-color: transparent transparent transparent #c8e0f6; */}
.process06 li:last-child:after {display:none;}
.process06 li h2 {position:relative; float:left; width:100%; font-size:20px; color:#004ea2 }
.process06 li p {position:relative; float:left; width:100%; font-size:19px; line-height:22px; }
.process06 li p span {widht:100%; font-size:16px; text-align:center; }
.process06 li h3 {width:100%; height:58px;}

.process07 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process07 li {	floaT:left;     position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;    /*display: flex;*/	align-items:center;	justify-content:center;    
					width:calc(14.2% - 20px);	 font-size : 17px; line-height:22px;  box-sizing: border-box;    padding: 1.0em 0.8em;    margin: 0 0.5em;    border-radius: 30px;  vertical-align: middle;    /*background: #e3e3e3;*/background: #fff; border:1px solid #ccc ;	word-break:keep-all;}
.process07 li:first-child { }
.process07 li:after {display:none;	content:"";	position: absolute;    top: calc(50% - 10px);    right: -30px;    bottom: 0px;	display:inline-block;	 width: 0;	height: 0; border:15px solid transparent ; border-left-color:#e3e3e3; 	/*border-style: solid;	border-width: 15px 0 15px 15px;	border-color: transparent transparent transparent #c8e0f6; */}
.process07 li:last-child:after {display:none;}
.process07 li h2 {position:relative; float:left; width:100%; font-size:20px; color:#004ea2 }
.process07 li p {position:relative; float:left; width:100%;}
.process07 li h3 {width:100%; height:55px;}

.process08 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process08 li {	floaT:left;	position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;	/* display: flex; */		align-items:center;	justify-content:center;
					width:calc(25% - 20px);	height: 170px;		box-sizing: border-box;	padding: 1.1em 1em;		margin: 0 0.5em 1em;		border-radius: 0px;
					vertical-align: middle;					background: #fff;	 border:1px solid #dfdfdf; 				word-break:keep-all;			}
.process08 li.flex {display: flex;}
.process08 li:after {	content:"";	position: absolute;    top: calc(50% - 20px);    right: -20px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 20px 0 20px 20px;	border-color: transparent transparent transparent #e0eff1;}
.process08 li:last-child:after {display:none;}
.process08 li h2 {position:relative; float:left; width:100%; font-size:20px; color:#004ea2; padding-bottom:10px;}
.process08 li h3 {width:100%; height:58px; }
.process08 li p {font-size:19px; font-weight:600;	}
.process08 li p span {float:left;  font-size:16px; font-weight:400; line-height:20px; padding-top:10px; text-align:center; width:100%; }

.process08_01 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process08_01 li {	floaT:left;	position: relative;	/*display:-ms-flexbox;	display:-webkit-flexbox;	*//* display: flex; */		align-items:center;	justify-content:center;
					width:calc(25.2% - 20px);	height: 130px;		font-size:16px;line-height:21px;		font-weight:600;	box-sizing: border-box;	padding: 2.0em 1em;		margin: 0 0.5em 1em;		border-radius: 15px;
					vertical-align: middle;					background: #e0eff1;					word-break:keep-all;			}
.process08_01 li.flex {display: flex;}
.process08_01 li:after {	content:"";	position: absolute;    top: calc(50% - 20px);    right: -20px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 20px 0 20px 20px;	border-color: transparent transparent transparent #e0eff1;}
.process08_01 li:nth-child(4):after {    top: calc(100% - 0px);    left: calc(50% - 10px);	border-top:20px  solid  #e0eff1;;	border-bottom:20px solid none;	border-left: 20px solid transparent;	border-right: 20px solid transparent;}
.process08_01 li:nth-child(6):after , .process08_01 li:nth-child(7):after ,.process08_01 li:nth-child(8):after {	content:"";	position: absolute;    top: calc(50% - 20px);    left: -20px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 20px 20px 20px 0px;	border-color: transparent #e0eff1 transparent transparent;}
.process08_01 li:nth-child(5):after {display:none;}
/*.process08 li:last-child:after {display:none;}*/
.process08_01 li h2 {position:relative; float:left; width:100%; font-size:20px; line-height:28px; color:#004ea2; padding-bottom:10px;}
.process08_01 li p {position:relative; float:left; width:100%; }

.process09 {position:relative; float:left; width:100%; margin:10px 0 20px ; text-align:center; box-sizing:border-box; color:#222;}
.process09 li {	floaT:left;	position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;	/* display: flex; */		align-items:center;	justify-content:center;
					width:calc(33.3% - 20px);	/*height: 200px;*/	font-size:16px;line-height:22px;		box-sizing: border-box;	padding: 1em 1em;		margin: 0 0.5em 1em;		border-radius: 15px;
					vertical-align: middle;					background: #e0eff1;					word-break:keep-all;	border:1px solid #93dee8;		}
.process09 li.flex {display: flex;}
.process09 li:after {	content:"";	position: absolute;    top: calc(50% - 20px);    right: -20px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 20px 0 20px 20px;	border-color: transparent transparent transparent #e0eff1;}
.process09 li:last-child:after {display:none;}
.process09 li h2 {position:relative; float:left; width:100%; font-size:20px; color:#004ea2; padding:15px 5px; margin-bottom:5px; background:#fff; box-sizing: border-box;	}
.process09 li h3 {position:relative; float:left; width:100%; font-size:19px; color:#222; padding:10px 5px; margin-bottom:10px;  background:#dfdfdf;box-sizing: border-box;	}


/*
.process05 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222;}
.process05 li {	floaT:left;     position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;    display: flex;	align-items:center;	justify-content:center;	
	width: 18%;    box-sizing: border-box;    padding: 1.7em 1em;    margin: 0 0.5em;    border-radius: 15px;    vertical-align: middle;    background: #e0eff1;	word-break:keep-all;}
.process05 li:first-child {    padding: 1em;}

.process05 li:after {	content:"";	position: absolute;    top: calc(50% - 7px);    right: -7px;    bottom: 0px;	display:inline-block;
	width: 0;	height: 0;	border-style: solid;	border-width: 7px 0 7px 7px;	border-color: transparent transparent transparent #e0eff1;}
.process05 li:last-child:after {display:none;}
*/

/*
@media screen and (max-width:768px) {

	.about05_process li {		width:98%;		margin-bottom:1.5em;	}
	.about05_process li:after {		top:auto;		left:0;		right:0;		bottom:-10px;		margin:0 auto;		border-width: 10px 10px 0 10px;		border-color: #f0f4ff transparent transparent transparent;	}

	.process05 li {		width:98%;		margin-bottom:1.5em;	}
	.process05 li:after {		top:auto;		left:0;		right:0;		bottom:-10px;		margin:0 auto;		border-width: 10px 10px 0 10px;		border-color: #f0f4ff transparent transparent transparent;	}
}
*/


.active01_process03 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.active01_process03 li {	floaT:left;  					width: calc(33.3% - 17px);	 font-size:17px; line-height:22px;  box-sizing: border-box;    padding: 0.8em 0.8em;    margin: 0 7px 10px;     border-radius: 30px;  vertical-align: middle;    background: #fff;	/*word-break:keep-all;*/}
.active01_process03 li.hei01 { height:150px;}
.active01_process03 li.bg01 {border:10px solid #50ab00;}
.active01_process03 li.bg01 h2 {background:#50ab00; }
.active01_process03 li.bg01 h3 {color:#50ab00; }
.active01_process03 li.bg02 {border:10px solid #f39800;}
.active01_process03 li.bg02 h2 {background:#f39800; }
.active01_process03 li.bg02 h3 {color:#f39800; }
.active01_process03 li.bg03 {border:10px solid #0080cc;}
.active01_process03 li.bg03 h2 {background:#0080cc; }
.active01_process03 li.bg03 h3 {color:#0080cc; }
.active01_process03 li h2 {position:relative; float:left;  width:30%; border-radius:22px; font-size:20px; line-height:28px; color:#fff; padding:10px 0; margin:0 35% 10px; }
.active01_process03 li h3 br {display:none;}
.active01_process03 li h3 {position:relative; float:left; width:100%; font-size:20px; line-height:28px; color:#222; margin-bottom:10px; }
.active01_process03 li p {position:relative; float:left; width:100%; }

@media screen and (max-width:1366px){
.active01_process03 li h3  {font-size:19px;}
}

@media screen and (max-width:1330px){
.active01_process03 li h3 br {display:block;}
.active01_process03 li.hei01 { height:180px;}
}
@media screen and (max-width:1200px){
.process08 li:last-child {font-size:15px; line-height:20px;}	
}

@media screen and (max-width:1024px){
.about01 {padding:30px 0%;  width:100%;}

.about01_process04 li {width: 26.0%; font-size:15px; line-height:20px;}
.about01_process04 li:first-child {width: 14.9%; }
.about01_process04 li h2 {font-size:19px; }
	
.about01_process06 li {width:14.9%; font-size:15px; line-height:20px;}
.about01_process06 li h2 {font-size:19px; line-height:22px; height:45px;}
.about01_process06 li h3 {font-size:19px; }		
	
/*.process05 li {width: 18.0%; font-size:16px; line-height:22px;}*/

.process03 li {line-height:20px; word-break:break-word;}
.process03_01 li ul li {float:left; width:100%; border:0px; height:auto; padding:0 0 7px 0%;  text-align:left;}
.process04 li {line-height:20px; word-break:break-word;}
.process04 li p {font-size:18px; }	
.process0401 li {  font-size:22px;	line-height:30px;	width:calc(25% - 0px);
							align-items:center;	justify-content:center;    box-sizing: border-box;    padding: 1.5em 2em;   }
	
.process05 li {font-size:17px; line-height:20px; word-break:break-word;}
.process08 li {height:200px;}		
.process08_01 li {font-size:14px; line-height:17px;}
}

@media screen and (max-width: 850px){

.about01_process04 li {width: 25.5%; font-size:14px; line-height:18px; }
.about01_process04 li h2 {font-size:16px; }
.about01_process06 li {width:14.5%; font-size:14px; line-height:18px; height:150px;}
.about01_process06 li h2 {font-size:16px; line-height:20px; height:45px;}
.about01_process06 li h3 {font-size:16px; }	
/*
.process05 li {width: 17.7%;  }
.process05 li h2 {font-size:19px;}
*/
.process03 li {height:auto;}

.process03_01 li {height:auto;}
.process03_01 li h2 {font-size:24px; line-height:28px; color:#111;  padding:20px 0; margin:0 0 10px;}
.process03_01 li ul {float:left; width:100%; margin:0px 0 0 0;}
.process03_01 li ul li {font-size:16px; padding:0 0 2px 0;}

.process04 li {height:auto;}
.process0401 li {  font-size:20px;	line-height:22px;	}
.process05 li p span {font-size:14px;}
.process05_01 li {width: 17.7%;  }

.process08 li h2 {font-size:19px;}

.about05_process li {		width:98%;		margin-bottom:1.5em;	}
.about05_process li:after {		top:auto;		left:0;		right:0;		bottom:-10px;		margin:0 auto;		border-width: 10px 10px 0 10px;		border-color: #f0f4ff transparent transparent transparent;	}
/*
.process05 li {		width:98%;		margin-bottom:1.5em;	}
.process05 li:after {		top:auto;		left:0;		right:0;		bottom:-10px;		margin:0 auto;		border-width: 10px 10px 0 10px;		border-color: #f0f4ff transparent transparent transparent;	}	
*/
}

@media screen and (max-width:680px){

.about01_process04 li {width: 100%; font-size:14px; line-height:18px; margin:0 0 10px 0; height:auto;}
.about01_process04 li:first-child {width: 100%; }
.about01_process04 li h2 {font-size:16px; }
.about01_process06 li {width:100%; font-size:14px; line-height:18px;  margin:0 0 10px 0; height:auto;}
.about01_process06 li h2 {font-size:16px; line-height:20px; height:auto;}
.about01_process06 li h3 {font-size:16px; }	
.active01_process03 li.hei01 { height:220px;}
.support_text .Txt	{font-size:19px;}

.process03 li.hei01 {height:120px;}
.process03_01 li {	 height:auto; font-sizE:18px; width:100%;}

.process05 li {width: 30.0%; margin-bottom:10px; }


.process05_01 li {width: 30.3%; /*height:100px;*/ margin-bottom:10px;}
.process06 li {	width:calc(33.3% - 20px); margin-bottom:10px;	 font-sizE:15px;}  
.process07 li {	width:calc(24% - 20px); margin-bottom:10px;	 font-sizE:15px;}  
.process08 li {	width:calc(50% - 20px);	height: 180px;	 font-sizE:15px;}  
	
.process09 li {	width:calc(50% - 20px);}  	
}

@media screen and (max-width:450px){
.about01 div {margin-bottom:10px;}
.about01 h2 {width:100%; padding:10px 0; font-size:20px;  } 	
.about01 p {width:100%; font-size:16px; padding:0px 20px;}

.support_text .Img	{width:100%}
.support_text .Txt	{width:100%; letter-spacing:-1.0px; font-sizE:17px;}
	
.active01_process03 li {	floaT:left;  width: calc(100% - 17px);	}
.active01_process03 li.hei01 { height:auto;}

.unit-arrow { display:block; text-indent:-9999px; width: 40px; height: 40px; position:absolute; z-index: 2; background:transparent url('../images/com/arr_down02.png') center center no-repeat;  top: calc(100% - 0px); margin-top:-15px; left: calc(50% - 20px); }	
.process03 li {	width: 95.5%;	/*height:120px;*/	margin-bottom:10px;}
/*.process03 li:after {    top: calc(100% - 0px);    left: calc(50% - 10px);	border-top:10px  solid  #e0eff1;;	border-bottom:10px solid none;	border-left: 10px solid transparent;	border-right: 10px solid transparent;}*/

.process02_01 li {width: 95.5%; height:auto; margin-bottom:20px;}
.process03_01 li {width: 95.5%; height:auto; margin-bottom:20px;}

.process04 li {	width: 95.5%;	height:auto;	margin-bottom:10px;}
.process04 li:after {display:none;}	
/*.process04 li:after {    top: calc(100% - 0px);    left: calc(50% - 10px);	border-top:10px  solid  #e0eff1;;	border-bottom:10px solid none;	border-left: 10px solid transparent;	border-right: 10px solid transparent;}*/
.process0401 li {  font-size:19px;	line-height:20px;	width:calc(50% - 0px);}
.process0401 li h3 {height:90px;}
.process05 li {	width: 96%;	height:auto;	margin-bottom:10px;}
.process05 li:after {display:none;}
.process05 li p span {font-size:16px;}

.process05_01 li {width: 94%; height:auto; margin-bottom:30px; padding:1.0em 0.8em;}

.process06 li {width: 94%; height:auto; margin-bottom:30px; padding:1.0em 0.8em;}
.process06 li:after {display:none;}
.process07 li {width: 94%; height:auto; margin-bottom:30px; padding:1.0em 0.8em;}
.process07 li:after {display:none;}

.process08 li {	width: 95.5%;	height:auto;	margin-bottom:10px;}
.process08 li:after {    top: calc(100% - 0px);    left: calc(50% - 10px);	border-top:10px  solid  #e0eff1;;	border-bottom:10px solid none;	border-left: 10px solid transparent;	border-right: 10px solid transparent;}

.process09 li {	width: 95.5%;	height:auto;	margin-bottom:10px;}
.process09 li:after {    top: calc(100% - 0px);    left: calc(50% - 10px);	border-top:10px  solid  #e0eff1;;	border-bottom:10px solid none;	border-left: 10px solid transparent;	border-right: 10px solid transparent;}	

}


.food-table { padding:30px; background:#f7f7f7 url('/images/main/mban04.png') 60px 30px no-repeat;border:1px solid #e1e1e1; border-radius:30px; font-size:19px; line-height:22px; }
.food-table .today-menu { padding-left:150px; }
.food-table .today-menu h2 {font-size:1.2em; margin-bottom:10px; font-weight:800;}
.food-table .today-menu h2 b {padding-left:20px; font-size:0.8em; font-weight:600;}
.food-table .today-menu span { display:block; float:left; width:20.0%; }
.food-table .today-menu .kcal { border-top:1px dashed #e1e1e1; padding-top:10px; margin-top:10px; }
.food-table .today-menu .kcal, .food-table .today-menu .etc { text-align:right; }

@media (max-width: 1279px) { 
    .food-table { padding:20px 40px; }
    .food-table .today-menu { padding-left:130px; }
}
@media (max-width: 1024px) { 
    .food-table .today-menu span {width: 33.3%;}
}
@media (max-width: 767px) { 
    .food-table { padding:20px; background-image:inherit; }
    .food-table h3 { position:inherit; text-align:center; padding-bottom:15px; }
    .food-table .today-menu { padding-left:0px; }
    .food-table .today-menu span { float:inherit; width:inherit; }
}


.calendar-head { text-align:center; }
.calendar-head h1 { display:inline-block; vertical-align:middle; padding:0 30px; margin:20px auto; }
.calendar-head h1 small { display:block; text-align:center; font-size:50%; margin-top:5px; }
.calendar-head a { display:inline-block; vertical-align:middle; font-size:30px; }
.calendar-head .prev-week, .calendar-head .next-week { text-indent:-9999px; background:transparent url('../images/com/arrow_s_left.png') center center no-repeat; width:27px; height:27px; }
.calendar-head .next-week { background-image:url('../images/com/arrow_s_right.png'); }


.rescue_process_pc {display:block;}
.rescue_process_m {display:none;}
.rescue_process table {padding: 10px; line-height:21px; text-align:center;}
.rescue_process table th	{background:#f0f0f0; text-align:center;  padding:10px 20px; font-size:16px;}
.rescue_process table td{text-align:left; padding:10px 20px;}
.rescue_process table td.wc {text-align:center;}

/*.arrow_pd {padding: 5px 0  5px 350px; text-align:left;}*/
.li_style li {list-style:none; width:100%;}
.bg_e{background-color:#e0eff1; color:#303030; border-radius: 15px;}



/*  */
.location .sub-section {margin-bottom:45px;}
.location .mapWrap {position: relative; z-index: 10; width:100%; }
.wrap_controllers {display:none;}
.location .mapWrap > div {width:100%;}
.mapInfo {background: #061f3e; color:#fff; width:100%; padding:30px; box-sizing:border-box;}
.mapInfo p {color:#fff; font-size:17px; margin-bottom:5px;}
.mapInfo > div {display:inline-block; float:left; box-sizing:border-box; line-height:2;}
.map-left {/*border-right: 1px solid #fff;*/ width:100%;}
.map-left > p {display: flex; align-items: flex-start;}
.map-left img {/* display:inline-block; */ /* vertical-align: middle; */ margin-right:15px; margin-top: 7px;}

.mapInfo .map_button {position: absolute; right: 35px; top: 61%; padding: 0; transform: translateY(-50%);}
.mapInfo  .map_button a {display: table;text-align: center; width:100px;height:100px;transition: 0.3s;border: 1px solid rgba(255,255,255,0.5);border-radius: 100%;padding:8px;margin:0 auto;}
.mapInfo  .map_button a span{display: table-cell;vertical-align: middle;background: #fff;border-radius: 100%;color: #000;font-size:15px;font-weight:600;}
.mapInfo  .map_button a:hover,
.mapInfo  .map_button a:focus{border-color:#65c420;background:#65c420;}
.mapInfo .map_button a .ico_local {display:block; margin:0 auto 5px; background:url(/images/com/map_pin_r.png)no-repeat; width:30px; height:35px;}

.map-right {padding-left:40px; box-sizing:border-box; width:43%; }
.map-right > span {font-weight:300;}
.map-right > span:nth-of-type(1) {display:inline-block; width:49%;}
.map-right > span:nth-of-type(2) {display:inline-block; width:49%;}
.transportBox {display:flex; align-items: center; margin-bottom:35px;}
.transportBox:last-child {margin-bottom:0;}
.transportBox > div {display:inline-block;}
.trans-left {padding-right:15px;}
.trans-right > p {margin-bottom:10px; display: flex; align-items: center;}
.transicon {width:54px; height:24px; display:inline-block; padding-right:15px; vertical-align: bottom; }
.ti01 { background: url('/images/com/trans_icon01.png') no-repeat; }
.ti02 { background: url('/images/com/trans_icon02.png') no-repeat; }
.ti03 { background: url('/images/com/trans_icon03.png') no-repeat; }

@media only screen and (max-width:1119px){

}

@media only screen and (max-width:850px){

.mapInfo .map_button {top: 54%;z-index:50;}

	
}

@media only screen and (max-width:420px){

.mapInfo .map_button {top: 55%; right:5px; /*display:none;*/}
.mapInfo .map_button  a {border: 1px solid rgba(200,200,200,0.5);}
.mapInfo .map_button a span {background: #d7d7d7;}

}
/*
.map_wrap .traffic dl dd ul li {float:left; width:70%;line-height:24px; font-size:13px;}
.map_wrap .traffic dl dd ul li.wl{float:left; width:30%;line-height:24px; color:#4abcc7; font-weight:600;font-size:13px;}
.map_wrap .traffic dl dd ul li.wl a {color:#4abcc7; font-weight:600;font-size:13px;}

.map_wrap .traffic dl dd span.gr_bus{display:inline-block;width:35px;height:18px;margin-right:5px;background-color:#4ea031;text-align:center;font-size:11px;line-height:18px;color:#fff;}
.map_wrap .traffic dl dd span.b_bus{display:inline-block;width:35px;height:18px;margin-right:5px;background-color:#395cb4;text-align:center;font-size:11px;line-height:18px;color:#fff;}
*/


.guide01T {position: relative; float:left; width:100%;  padding:20px 0; font-size:23px;  margin-bottom:30px;}
.guide01T .Img {float:left; width:50%; padding-right:5%; box-sizing:border-box;}
.guide01T .Img .tit {font-size: 25px;margin-top: -70px;position: absolute;/* bottom: 0; */text-align: center;height: 70px;background: rgba(0,0,0,0.5);width: 45%;line-height: 70px;color: #fff;}
.guide01T .Img img {width:100%;}
.guide01T .Txt {float:left; width:50%; font-size:22px; line-height:30px; padding:30px 0;} 
.guide01T .Txt span {color:#ff0000;}
.guide01T .Txt h2 {width:100%; margin-bottom:50px; font-size:46px; color:#0066b7;   }
.guide01T .Txt h2 b {font-weight:600;}
.guide01T .Txt h3 {width:100%; margin-bottom:20px; color:#000000; }
.guide01T .Txt h4 {font-size:28px; color:#ff0000;}
.guide01T .Txt p {floaT:left; width:100%; padding-bottom:20px;}
.guide01T .Txt ul {floaT:left; width:100%; }
.guide01T .Txt ul li {floaT:left; width:100%;}


@media screen and (max-width:1280px){
	
.guide01T .Txt {font-size:20px; line-height:26px; padding:0px 0;} 
.guide01T .Txt h2 {margin-bottom:30px; font-size:40px;}
	
}

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

.guide01T .Img { width:100%; padding-right:0;}
.guide01T .Img .tit{ width:100%; font-size:22px; }
.guide01T .Txt {width:100%; padding:30px 0;} 
.guide01T .Txt h2 {margin-bottom:30px; font-size:40px;}

}


.work01_box {float:left; width:100%; font-size:19px; line-height:28px; margin:10px 0 30px; color:#222;}

/*.work01	{float:left; width:100%; text-align:center; font-size:1.3em; line-height:1.6em; margin:2% 0 3% 0; }*/
.work01	{float:left; width:100%; font-size:19px; line-height:1.5em; margin: 10px 0 20px 0; padding:0 0 0 20px;  box-sizing:border-box;  }
.work01 li {float:left; width:100%; padding-bottom:3px; box-sizing:border-box;   list-style-type:disc; }
.work01 li ul {float:left; width:100%; padding:0 0 0 2%; }
.work01 li.cen{text-align:center;}
.work01 li b {color:#43426f;}
.work01 li span {color:#222; font-weight:500;}
.work01 li span.col01 {color:#c40000; font-weight:500;}
.work01 li span.w01 {     float: left;   width: 110px;    color: #4abcc7;}
.work01 li .br001 {display:block;}
.work01 li span.wid02 {padding-left:180px;}

.service01 {float:left; width:100%; font-size:1.1em; line-height:1.5em; margin:10px 0 10px 0; }
.service01 ul li {float:left; width:32.6%; padding:1% 2%; background:#f0f0f0; border-radius: 15px;   box-sizing:border-box; margin-right:1.0%; margin-bottom:1%;}
.service01 ul li h2 {float:left; width:100%; background:#777; font-size:1.15em;  font-weight:300;  border-radius: 15px;    text-align:center; padding:2% 0; color:#fff; margin-bottom:2%;}
.service01 ul li:nth-child(3n) { margin-right:0.0%;}

.service02 {float:left; width:100%; font-size:1.1em; line-height:1.5em; margin:10px 0 10px 0; }
.service02 ul li {float:left; width:32.6%; text-align:center; box-sizing: border-box;    padding: 1.3em 1em;    margin: 0 1% 0.5% 0;    border-radius: 15px;    vertical-align: middle;    background: #e0eff1;	word-break:keep-all;}
.service02 ul li.w02 {width:49%;}
.service02 ul li.w02:nth-child(2)  {margin-right:0%;}
.service02 ul li h2 {float:left; width:100%; font-size:1.2em; font-weight:300;  border-radius: 15px;   text-align:center;  padding:2% 0; color:#192b87;  margin-bottom:2%;}
.service02 ul li h2.h01 {background:#44b4bf;  color:#fff; }
.service02 ul li h2.h02 {background:#7abe29; color:#fff; }
.service02 ul li:nth-child(3n) { margin-right:0.0%;}

.service03 {float:left; width:100%; font-size:1.1em; line-height:1.5em; margin:10px 0 10px 0; }
.service03 ul li {float:left; width:49%; height:180px; padding:1% 2%; background:#e0eff1; border-radius: 15px; text-align:center;   box-sizing:border-box; margin-right:1.0%; margin-bottom:1%;}
.service03 ul li h2 {float:left; width:100%; background:#44b4bf; font-size:1.15em;  font-weight:300;  border-radius: 15px;    text-align:center; padding:2% 0; color:#fff; margin-bottom:2%;}
.service03 ul li:nth-child(2n) { margin-right:0.0%;}



/*   */
.samgdam_tb4 > .tb4_top_tab {float:left;width:100%;/*border-bottom:1px solid #cccccc;margin:20px 0px;*/ font-size:16px; font-family:'Youth','NanumSquareRound','NanumSquare','Noto Sans KR','NanumGothic',sans-serif;	font-weight:600;}
.samgdam_tb4 > .tb4_top_tab > ul .on {float:left; background:#6d69e9;padding:10px 20px;color:#ffffff;border:1px solid #6d69e9; margin:0 1% 2% 0; border-radius:20px;  }
.samgdam_tb4 > .tb4_top_tab > ul .off {float:left; background:#ffffff;padding:10px 20px;color:#000000;border:1px solid #cccccc; border-radius:20px;}

.samgdam_tb4 .tb4_top_gubun { float:left;width:100%; border-top:2px solid #1f77d2;margin:10px 0px 10px 0px; box-sizing:border-box;}
.samgdam_tb4 .tb4_top_gubun > ul > li { box-sizing:border-box;}
.samgdam_tb4 .tb4_top_gubun > ul > li:nth-child(1) { float:left;height:50px;width:10%;text-align:center;padding-top:14px;background:#f5f6f7; border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; }
.samgdam_tb4 .tb4_top_gubun > ul > li:nth-child(2) { float:left;height:50px;width:90%;padding:10px 0px 0px 10px;border-bottom:1px solid #d7d7d7; }

.samgdam_tb4 .tb4_btn_area { float:left;text-align:center;width:100%;height:50px;margin:20px 0px 20px 0px; }
.samgdam_tb4 .tb4_btn_area > .tb4_btn1 { background:#21a9dd; font-size:17px; font-weight:500;border-radius:20px; padding:10px 30px;;color:#ffffff;}
.samgdam_tb4 .tb4_btn_area  { float:left;width:100%;}

.samgdam_tb4 > .list_div { float:left;}
.samgdam_tb4 > .list_div .list_item { float:left;width:100%; padding:2%; border:1px solid #ccc; box-sizing:border-box;}
.samgdam_tb4 > .list_div .item_title { float:left;width:100%; }
.samgdam_tb4 > .list_div .title_num { float:left;width:35px;height:30px;line-height:30px;font-size:15px; font-weight:500;color:#fff;border-radius:10px;background:#4abcc7;text-align: center;margin-right: 10px; }
.samgdam_tb4 > .list_div .title_title {font-weight:500;  color:#222;}
.samgdam_tb4 > .list_div .item_select { float:left;width:100%;padding-left: 45px; }
.samgdam_tb4 > .list_div .item_select li { float:left;padding-right:20px; }

.samgdam_tb4 > .list_div .tb4_result{ float:left;width:100%; }
.samgdam_tb4 > .list_div .tb4_result .result_table { width:100%;border-collapse:collapse;text-align:left;background:#fff; }
.samgdam_tb4 > .list_div .tb4_result .result_table .retd1 { border-top:2px solid #1f77d2; }
.samgdam_tb4 > .list_div .tb4_result .result_table th  {padding:12px 0 12px 45px;color:#303030;background:#f5f6f7;border-bottom:1px solid #d7d7d7;border-top:1px solid #d7d7d7;vertical-align:top;box-sizing:border-box;font-weight:bold;text-align:left; }
.samgdam_tb4 > .list_div .tb4_result .result_table td { padding:12px 20px;line-height:1.7em;border-bottom:1px solid #d7d7d7;border-top: 1px solid #d7d7d7;word-break: break-all; }






.work02_box	{float:left; width:96%; font-size:17px; line-height:26px; margin:2% 0 3% 0; padding:2%; border:3px solid #f2f2f2 ;}
.work02_box li  {float:left; width:100%; padding:10px  0 10px 0;}

.work02_box02 	{float:left; width:100%; line-height:26px; margin:2% 0 3% 0; }
.work02_box02 li  {float:left; padding:  2%  1%; border:2px solid #f2f2f2 ;width:42.5%;	margin:2%; font-size:1.15em; text-align:center; line-height:22px;}
.work02_box02 li span {float:left; width:100%; text-align:center; height:62px; padding:0 0 20px 0;}
.work02_box02 li b {font-size:1.6em; margin-bottom:10px; display:block; color:#fd8c13;}

.work02_img	{float:left; margin:20px 0; width:100%; text-align:center;}
.work03_img	{float:left; margin:20px 0; width:100%;}
.work04_img	{float:left; margin:20px 0; width:100%; text-align:center;}

.work05_img  {float:left; margin:20px 0; width:100%; text-align:center;}



.work0202	{float:left; width:100%; font-size:1.5em; line-height:1.4em; }
.work0202 li  {float:left; margin-left:2%; width:19.3%; border:1px solid #e5e5e5; padding:3% 2%; text-align:center; box-shadow:3px 3px 3px rgba(0,0,0,.1); }
.work0202 li b {font-size:1.1em; font-weight:500;}
.work0202 li span {float:left; width:100%; font-size:0.95em; color:#737373; line-height:1.2em; margin-top:10px;}
.work0202 li.hei01	{font-size:0.9em; line-height:1.2em; height:45px;}
.work0202 li:first-child {margin-left:0%;}

.work02037 {float:left; width:100%; font-size:1.5em;}


.pattenview01 {float:left; width:100%; text-align:center;} 

/*.pattenview01 img {width:100%;}*/
.pattenview01	 li{width: 49%; float: left; margin-left: 1%; overflow: hidden; text-align:center; font-size:15px; line-height:26px;:}
.pattenview01	 li:first-child{margin-right: 1%; margin-left: 0;}


.pattenview02  {float:left; width:100%; text-align:center;} 
.pattenview02 li {width: 32.3%; float: left; margin: 0.5%; overflow: hidden; text-align:center;} 
.pattenview02 li img {width:100%;}
.pattenview02 li p {width:100%; padding:10px 0 ; background:#222; color:#fff; ; font-size:16px; line-height:18px; font-weight:600;  }
/*.pattenview02	 li:first-child{margin-right: 1%; margin-left: 0;}*/

.marketing01   {float:left; position:relative; width:100%; text-align:center;} 
.marketing01 p {border-radius:30px; font-size:25px; line-height:60px; margin:0 auto; width:20%;  text-align:center; background:#4abcc7;  color:#fff;}
.marketing01 ul {float:left; position:relative; width:100%; margin:20px 0 0 0;} 
.marketing01 ul li {float:left; width:24%; margin:0.5%; font-size:19px; font-weight:600;}
.marketing01 ul li h3 { position:relative;  float:left; width:98%; height:100px; background:#ddd; padding:20px 2%; text-align:center; font-size:20px; font-weight:600;margin-bottom:10px;  font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif; }
.marketing01 ul li h3 img {}

.technique02 {position:relative;float:left;  width:100%; margin:20px 0 0 0;}
.technique02 h2 {font-size:2.2em; letter-spacing:-1px; color:#555; padding-top:30px; padding-bottom:20px; }
.technique02 h2 span {color:#4abcc7;}

.technique02 h2 b.c01 {color:#0991cc;}
.technique02 h3 {font-size:1.9em; letter-spacing:-1px; color:#555; padding-top:30px; padding-bottom:20px; }
.technique02 h3 b.c01 {color:#cd4677;}
.technique02 h4 {font-size:1.3em; letter-spacing:-1px; color:#555; padding-top:10px; padding-bottom:20px; }
.technique02 h4 b {color:#cd4677;}

.technique02 p {width:70%; font-size:1.25em; line-height:1.3; padding-bottom:20px; }
.technique02 .pv {display:block;}
.technique02 .tv {display:none;}

.technique02 ul {width:70%; font-size:1.25em; line-height:1.3; padding-bottom:20px; }
.technique02 ul li {float:left; width:100%; padding:0 0 5px 0;}

.technique02bg { background:url(./images/technique02_img01.png) right 0px no-repeat;}
.technique02bg02 { background:url(./images/technique02_img02.png) right 0px no-repeat;}
.technique02bg03 { background:url(./images/technique02_img03.png) right 0px no-repeat;}
.technique02bg04 { background:url(./images/technique02_img04.png) right 0px no-repeat;}

.smalltrader01  {float:left; width:100%; text-align:center; margin:20px 0;}  
.smalltrader01 li {width: 24%; float: left; margin: 0.5%; overflow: hidden; text-align:center;} 
.smalltrader01 li img {width:100%;}
.smalltrader01 li p {width:100%; padding:10px 0 ; background:#222; color:#fff; ; font-size:16px; line-height:18px; font-weight:600;  }

.exhibit  {float:left; width:100%; text-align:center; margin:20px 0;}  
.exhibit li {width: 49%; float: left; margin: 0.5%; overflow: hidden; text-align:center;} 
.exhibit li img {width:100%;}

.cont_wrap { position: relative; width: 100%; color: #333; margin-top: 40px;}
.cont_wrap .img { position: absolute; left: 0; width: 40%; }
.cont_wrap .txt { position: relative; margin-left: 33%; top: 20px; font-size:16px; width: 62%;  background: #ffffff; padding: 30px 30px 30px 30px; box-shadow: 10px 10px 10px rgba(0,0,0,.1); }

.cont_wrap h2 {font-size:28px; letter-spacing:-1px; color:#555; padding-top:30px;  padding-bottom:20px; }
.cont_wrap h2 span {color:#4abcc7;}
.cont_wrap h3 {font-size:25px; letter-spacing:-1px; color:#555; padding-top:20px; margin-top:20px; padding-bottom:20px; background:url('../images/com/icon_05.gif') no-repeat left top;  }
.cont_wrap h3 b.c01 {color:#cd4677;}
.cont_wrap h4 {font-size:16px; letter-spacing:-1px; color:#555; padding-top:10px; padding-bottom:20px; }
.cont_wrap h4 b {color:#cd4677;}


.cont_wrap01 { position: relative; float:left; width: 48%; color: #333; margin: 40px 1% 20px;}
.cont_wrap01 .img { position: relative; float:left; width: 40%; }
.cont_wrap01 .txt { position: relative; float:left; margin-top:3%;*/ font-size:14px; width: 54%;  background: #ffffff; padding:3%; box-shadow: 10px 10px 10px rgba(0,0,0,.1); }
.cont_wrap01 .txt ul { position: relative;  float:left; width:100%;}
.cont_wrap01 .txt ul li {float:left; width:100%; padding:0 0 3px 0;}
.cont_wrap01 h2 {font-size:19px; letter-spacing:-1px; color:#555; padding-top:10px;  padding-bottom:20px; }
.cont_wrap01 h2 span {color:#4abcc7;}

.facility01_box 	{float:left; width:100%; line-height:26px; margin:2% 0 3% 0; }
.facility01_box li  {float:left; padding:  2%  1%; border:2px solid #f2f2f2 ;width:42.5%;	margin:2%; font-size:1.15em; text-align:center; line-height:22px;}
.facility01_box li.hei {height:250px;}
.facility01_box li span {float:left; width:100%; text-align:center; height:62px; padding:0 0 20px 0;}
.facility01_box li b {font-size:1.6em; margin-bottom:10px; display:block; color:#fd8c13;}





/* 자활근로사업 */
.biz_work .work{display:inline-block;width:100%;color:#000;border-bottom:1px solid #e5e5e5;}
.biz_work .work_tit{float:left;width:30%;height:250px;font-size:35px;line-height:45px;letter-spacing:-0.05em; }
.biz_work .work_tit strong{display:block;font-weight:600;}
.biz_work .work_txt{width:60%;float:right;letter-spacing:-0.05em;}
.biz_work .work_txt h3 {width:100%; font-size:24px; }
.biz_work .work_txt ul.txt li{font-size:16px;line-height:22px; padding:0 0 10px 0; color:#bf5b2f;}

.biz_work .work_txt dl.txt dt{font-size:20px;line-height:20px;color:#bf5b2f; font-weight:600;}
.biz_work .work_txt dl.txt dd{margin:15px 0;font-size:15px;line-height:25px;color:#555;}
.biz_work .work_txt dl.period{/*height:50px;*/margin-top:45px; /*background:url(/img/03business/period_work.gif) no-repeat 0 50%;*/}
.biz_work .work_txt dl.period dt{font-size:17px;color:#181818;}
.biz_work .work_txt dl.period dd{margin-top:15px;font-size:15px;line-height:25px;color:#000;}
.biz_work .work_txt dl.period dd p{color:#888;}
.biz_work .work.box1 .work_tit{background:url(/images/work/work_bg1.png) no-repeat right bottom; background-size:80%;}
.biz_work .work.box2{margin-top:45px;border-bottom:0;}
.biz_work .work.box3 .work_tit{height:250px;background:url(/images/enterprise/01_img_01.jpg) no-repeat right bottom; background-size:70%;}

.biz_work .box{display:inline-block;width:100%;margin-top:22px;}
.biz_work .box li{margin-left:25px;padding-top:120px;float:left;width:348px;height:128px;font-size:14px;line-height:22px;color:#555;border:1px solid #e5e5e5;text-align:center;letter-spacing:-0.05em;}
.biz_work .box li:first-child{margin-left:0;}
.biz_work .box li.icon1{background:url(/img/03business/icon_work1.gif) no-repeat 50% 35px;}
.biz_work .box li.icon2{background:url(/img/03business/icon_work2.gif) no-repeat 50% 40px;}
.biz_work .box li.icon3{background:url(/img/03business/icon_work3.gif) no-repeat 50% 45px;}
.biz_work .box li span{color:#ff510d;font-family:'NotoKrB';}
 .txt_box{float:left; width:100%;padding:17px 0;	margin:20px 0 30px 0;font-size:19px;color:#555;text-align:center;line-height:23px;letter-spacing:-0.05em;background:#f2f3f7;}
 .txt_box span {margin:0 20px 0 0; line-height:33px;}
.txt_box img {text-align:center; text-valign:middle;}
 .txt_box p{font-size:13px;}



.tabtable	{display:none;}
.work03_tit_wrap	{float:left; display:inline-block;width:100%;background-color:#e8f8f7;   margin-bottom:20px;}
.work03_tit_wrap  ul {float:left;  padding:5% 0 5% 5%; width:95%; background:url(/images/work/03_img_01.png) no-repeat bottom right;  background-size:auto 250px;}
.work03_tit_wrap h2 {float:left; padding:0px 0 20px 0px; font-size:35px; font-weight:600; width:100%;}
.work03_tit_wrap  ul li {float:left; font-size:16px; padding:0 0 10px 0; width:85%;}


.work03_box	{float:left; width:100%;line-height:26px; margin:0% 0 1% 0; padding:0%; }
.work03_box li  {float:left; padding:0px  0 7px 0;  font-size:16px; }

.work03_box01	{float:left; width:100%;line-height:26px; margin:0% 0 1% 0; padding:0%; }
.work03_box01 li  {float:left; padding:0px  0 7px 0;  font-size:15px; border:1px solid #e1e1e1 ; width:44%; padding:1.5%; margin:1%; height:82px;}
.work03_box01 li strong {font-size:20px; font-weight:600;  padding-bottom:10px; display:inline-block;}

.enterprise	{display:inline-block;width:100%;color:#000; margin-bottom:30px; }
.enterprise .work_img	{float:left;	width:33%;	font-size:35px;line-height:45px;letter-spacing:-0.05em; }
.enterprise .work_img img {width:100%;}
.enterprise .work_txt  {float:right; width:62%; }
.enterprise .work_img01	{float:left;	width:100%;	font-size:35px;line-height:45px;letter-spacing:-0.05em; text-align:center;}
.enterprise .work_img01 img {}
.enterprise .work_txt01  {float:right; width:100%; }


/*.enterprise  h2 {width:100%; font-size:30px; font-weight:400; margin-bottom:20px;}
.enterprise  h2 strong {font-weight:600;}
*/
.enterprise  h3 {width:100%; font-size:25px; font-weight:400; margin-bottom:20px;}
.enterprise  h3 strong {font-weight:600;}
.enterprise  .txtline {display:inline-block;width:100%; margin-top:20px;}
.enterprise  .txtline li {width:100%; line-height:22px; font-size:15px; color:#2a9b73; padding:1px 0;}
.enterprise  dl.txt dt{font-size:20px;line-height:20px;color:#ff7200; font-weight:600;}
.enterprise  dl.txt dd{margin:15px 0;font-size:15px;line-height:25px;color:#555;}
.enterprise  dl.txt dd strong {color:#69c112; font-weight:600;}
.enterprise  dl.txt dd.t01 {font-size:15px;line-height:25px;color:#000; font-weight:500; background:#f1f1f1; padding:10px;}

/*.enterprise	{display:inline-block;width:100%;color:#000; margin-bottom:30px; }
.enterprise .work_img	{float:left;	width:33%;	font-size:35px;line-height:45px;letter-spacing:-0.05em; }
.enterprise .work_img img {width:100%;}
.enterprise .work_txt  {float:right; width:62%; }
.enterprise .work_txt h2 {width:100%; font-size:30px; font-weight:400; margin-bottom:20px;}
.enterprise .work_txt h2 strong {font-weight:600;}
.enterprise .work_txt h3 {width:100%; font-size:25px; font-weight:400; margin-bottom:20px;}
.enterprise .work_txt h3 strong {font-weight:600;}
.enterprise .work_txt .txtline {display:inline-block;width:100%;}
.enterprise .work_txt .txtline li {width:100%; line-height:22px; font-size:15px; color:#2a9b73; padding:1px 0;}
.enterprise .work_txt dl.txt dt{font-size:20px;line-height:20px;color:#bf5b2f; font-weight:600;}
.enterprise .work_txt dl.txt dd{margin:15px 0;font-size:15px;line-height:25px;color:#555;}
.enterprise .work_txt dl.txt dd strong {color:#464eba; font-weight:600;}
.enterprise .work_txt dl.txt dd.t01 {font-size:15px;line-height:25px;color:#000; font-weight:500; background:#f1f1f1; padding:10px;}
*/

.enterprise  .box{display:inline-block;width:100%;margin-top:22px;}
.enterprise  .box li{margin-left:1.5%; float:left;width:24%; padding:90px 1.5% 1.5% 1.5%; height:90px;font-size:17px;line-height:22px;border:1px solid #d3d3d3;text-align:center;letter-spacing:-0.05em; color:#111111;}
.enterprise  .box li.wid01 {width:46%; height:60px;}
.enterprise  .box li.wid02 {width:46%; }
.enterprise  .box li:first-child{margin-left:0;}
.enterprise  .box li.icon1{background:url(/images/work/01_icon_01.png) no-repeat 50% 20px;}
.enterprise  .box li.icon2{background:url(/images/work/01_icon_02.png) no-repeat 50% 30px;}
.enterprise	.box li.icon3{background:url(/images/work/01_icon_03.png) no-repeat 50% 25px;}
.enterprise  .box li.icon4{background:url(/images/work/01_icon_04.png) no-repeat 50% 25px;}
.enterprise	.box li.icon5{background:url(/images/work/01_icon_05.png) no-repeat 50% 25px;}
.enterprise	.box li.icon6{background:url(/images/work/01_icon_06.png) no-repeat 50% 25px;}

.enterprise  .box li b{color:#ff6c00; }
.enterprise  .box li p  {font-size:16px; color:#888}

.enterprise  .txt_box{width:100%;padding:17px 0;margin-top:17px;font-size:15px;color:#555;text-align:center;line-height:23px;letter-spacing:-0.05em;background:#f2f3f7;}
.enterprise  .txt_box p{font-size:13px;}

.enterprise_map {}
.enterprise_map {width:90%; float:left;  padding:10px 10px 10px 10px;}
.enterprise_map iframe {width:90%; height:450px;}


/*
.support {float:left; position:relative;  padding:0px 30px 0 50%; width:50%; font-size:1.2em; line-height:1.55em;  white-space: pre-line;  }
*/
.support_btn {float:left; width:100%; text-align:center; margin:20px 0;}
.support_btn .br001 {display:none;}

@media only screen and (max-width:450px){

.support_btn .br001 {display:block;}
}

.support_tit {width:100%;  }
.support_tit h2 {width:100%; padding:20px; text-align:center;  font-size:33px; color:#f58014; font-weight:400; box-sizing:border-box;}
.support_tit p {width:100%; padding:20px; text-align:center;  font-size:22px; box-sizing:border-box;}

.support_text {float:left; width:100%; text-align:center; font-size:1.9em; font-weight:500; margin:10px 0; color:#000; }
.support_text b {color:#f49e10; font-weight:600; }

.support01	{float:left; width:100%; font-size:1.2em; line-height:1.6em; margin:10px 0 20px 0; padding:30px; box-sizing:border-box; background:#f8f8f8;	border:1px solid #dfdfdf ;	}
.support01 h2 {float:left; width:100%; font-size:1.2em; font-weight:600; margin:15px 0; color:#52a401; }
.support01 h3 {float:left; width:100%; font-size:1.1em; font-weight:500; margin:15px 0; color:#333; }
.support01 li {float:left; width:100%; padding:0 0 2px 0;}
.support01 li b {color:#00429f; font-weight:500; font-size:1.05em;}
.support01  p {float:left; width:100%; font-size:1.2em; color:#0b0b0b; margin:20px 0 0 0;}
.support01  p b {color:#ef7c00; font-weight:500;}
.support01 span {color:#111;}

.support02	{float:left; width:50%; font-size:1.2em; line-height:1.6em; margin:0%; padding:20px; box-sizing:border-box; background:#f8f8f8;	border:1px solid #dfdfdf ;	display:flex;}
.support02 h2 {float:left; width:30%; font-size:1.2em; line-height:2.2em;font-weight:600; margin:15px 0 20; color:#111; text-align:Center;}
.support02 h3 {float:left; width:20%; font-size:1.1em; font-weight:500; margin:15px 0; color:#333; }
.support02 ul {width:70%;  display:table-cell;}
.support02 ul::before,.support02 ul::after { content:''; display:table; clear:both; }
.support02 li {float:left; width:100%; padding:0 0 2px 0;   vertical-align: middle;  }
.support02 li b {color:#00429f; font-weight:500; font-size:1.05em;}
.support02  p {float:left; width:100%; font-size:1.2em; color:#0b0b0b; margin:20px 0 0 0;}
.support02  p b {color:#ef7c00; font-weight:500;}
.support02 span {color:#111;}



/*======================= tablet 1024 px ~ =======================*/
@media only screen and (max-width:1024px){
.support02	{height:180px;}

}

/*======================= tablet 1024 px ~ =======================*/
@media only screen and (max-width:820px){

.support02	{width:100%; height:auto;}

}

/*======================= mobile 520 px ~ =======================*/
@media only screen and (max-width:520px){

.support02 	{padding:10px; }
.support02 h2 {width:42%; font-size:1.15em }
.support02 h3 {width:40%; }
.support02 ul {width:58%;}

}

/*======================= mobile 280 px ~ =======================*/
@media only screen and (max-width:280px){

.support02 	{padding:10px; display:block; }
.support02 h2 {width:100%; }
.support02 h3 {width:40%; }
}


.supportTop { float: left; position: relative; padding: 70px 30px 0px 35%; width: 100%; white-space: pre-line; box-sizing:border-box;}
.supportTop .txt_box { float: left; width: 100%; text-align:right;  padding: 5% 7%; margin-top: -50px; display: inline-block; background:#f4f4f4b0 ; color:#333; box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 10px 3px;   box-sizing:border-box;  /* word-break: keep-all;*/}
.supportTop .txt_box h2 { font-size: 58px; line-height:55px; color:#3f64a6; padding-bottom:10px;}
.supportTop .txt_box h3 { font-size: 1.3em; color:#009b4a; line-height:1.35em; }
.supportTop .txt_box p { font-size: 26px; line-height:34px; text-decoration:underline; color:#6b6b6b} 
.supportTop_bg01 { background: url("../images/support/01_img01.jpg") left 0px no-repeat; }
.supportTop_bg02 { background: url("../images/support/02_img01.jpg") left 10px no-repeat; }
.supportTop .list { position: relative; float: left; margin: 0px 0px 40px; padding: 0px 20px 0px 0px; width: 740px; }
.supportTop .list dl { position: relative; float: left; margin: 0px 0px 10px; }
.supportTop .list dl dt { float: left; width: 120px; padding: 7px 0px; font-size: 14px; color: rgb(193, 2, 38); font-weight: bold; border-bottom: 1px dotted rgb(169, 169, 169); }
.supportTop .list dl dd { float: right; width: 610px; padding: 7px 0px 7px 10px; font-size: 13px; border-bottom: 1px dotted rgb(169, 169, 169); }

@media screen and (max-width:1280px){
	.supportTop {padding: 70px 30px 0px 20%; }
}

@media screen and (max-width:1024px){
	.supportTop {padding: 70px 30px 0px 10%; }
}

@media screen and (max-width:850px){

 .supportTop { float: left; position: relative; padding: 50px 2% 0px ; width: 100%; }
 .supportTop_bg01 { background: url("../images/support/01_img01.jpg") center top no-repeat; }
 .supportTop_bg02 { background: url("../images/support/02_img01.jpg") center top no-repeat; }
 .supportTop .txt_box {margin:50px 0 0 0; float: left; width: 100%; padding: 5%; display: inline-block; height: auto; background-color: rgb(242 242 242 / 70%);}


}

@media screen and (max-width:450px){

  .supportTop {}
  .supportTop_bg01 { background-size: 100%; }


}


.support_bg01	 { background:url('../images/support/01_img_01.png') left 20px no-repeat; }
.support_bg02	 { background:url('../images/support/03_img_01.png') left 20px no-repeat; }

.support_box01 {position:relative; float:left;   width:100%; margin:0 0 20px 0;  border:1px solid #ddd; background:#f8f8f8; padding:30px; font-size:17px; line-height:24px; box-sizing:border-box;}  
.support_box01 b {color:#258716;}
.support_box01 p {float:left; width:100%; margin-bottom:10px; color:#222; font-size:1.1em;}
.support_box01 h2 {float:left; width:100%; font-size:30px; line-heighT:36px; color:#f39001; margin-bottom:20px;}
.support_box01 h3 {float:left; width:100%; font-size:22px; line-heighT:36px; color:#111;}
.support_box01 ul {float:left; width:100%;}
.support_box01 ul li {float:left; width:100%; padding:0 0 5px 0; }
.support_box01 ul li.hei01 {float:left; width:100%; padding:0 0 15px 0; }

.support_box02 {position:relative; float:left;   width:100%; height:250px; margin:0 0 20px 0;  border:1px solid #d4d4d4; padding:0px 0px; font-size:15px; line-height:23px;} 
.support_box02 p {position:relative;  float:right;  width:46%; padding:2%; text-align:center; }
.support_box02 .f01 {font-size:20px; font-weight:600; color:#4abcc7; line-height:25px;}
.support_box02 .f01 b {color:#00c6d5;}
.support_box02 .f02 {font-size:22px; font-weight:600; line-height:28px;}




.support03  {position:relative; float:left; /*display:inline-block;*/ width:100%;	/*margin-top:22px;*/}
.support03 ul {width:100%;}
.support03  li{margin-left:1.5%; float:left;width:20.5%; padding:1.5% 1.5% 1.5% 1.5%; height:130px;	 font-size:0.95em; line-height:1.2em; border:1px solid #d3d3d3;text-align:center;letter-spacing:-0.05em; color:#111111;}
.support03  li:first-child{margin-left:0;}
.support03  li h3{color:#ff6c00; font-size:1.3em;}
.support03  li p  {font-size:16px; color:#888}


.support05 { position:relative; float:left; width:100%; display:flex; flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:50px;border-bottom:1px solid #ddd;padding-bottom:50px}
.support05 .img{width:45%;}
.support05 .img img{width:100%; max-width:100%;border:1px solid #ddd}
.support05 .con{width:50%; /*width:calc(100% - 430px) ;*/ font-size:1.5em;}
.support05 .con .tit{font-size:1.4em; color:#00b054;font-weight:500;margin-bottom:15px}
.support05 .con p{word-break:keep-all; }

/* .tabs .equi_list:last-child{border-bottom:0}*/




.program_img {position:absolute; right:20px; top:350px;}

.service_check_box { position:relative; float:left; width:94%; padding:20px 3% 0 3%; background:#f9f9f9; }
.service_check	{ position:relative; float:left; width:100%; border:1px solid #d3d3d3 ; font-size:1.2em; margin:20px 0px 20px 0px; }
.service_check	dt {float:left; width:55%; padding:10px; background:#efefef; }
.service_check	dd {float:left; width:33%; padding:10px; }

.service_check	li  {float:left; width:100%;padding:15px 0; text-align:center; margin:0px 0 0 0;}


.tabnav_con	{position:relative; width:100%; text-align:center; margin:0 50px;}
/*.tabnav_con li {float:left; width:100%; margin:20px 0px; text-align:center; }*/

#building1_floor0 {position:relative; width:100%; }
#building1_floor0 li {position:relative;  width:100%; text-align:center;}
#building1_floor0_pager  {}
#building1_floor0_pager li {margin:10px 5px 0;}
#building1_floor0_pager li img {width:130px; height:88px;}



.fatcility01 {position:relative; float:left;  width:100%;margin:10px 0px;}
.fatcility01 li {position:relative; float:left;  width:49%; text-align:center; margin:0.5%;  font-size:1.2em;} 
.fatcility01 li img {width:100%;}

.vision01	{position:relative; float:left;  width:100%;margin:20px 0px;}
.vision01	ul li {position:relative; float:left;  width:25%; padding: 170px 3% 3% 3%;  text-align:left;  font-size:1.2em;}

.vision01	ul li.icon1 h2 {position:relative; float:left; width:100%; text-align:center; font-size:1.3em; font-weight:600; color:#fff; margin:20px 0; padding:5px 0;  border-radius: 20px;    background-color: #008439;  }
.vision01	ul li.icon2 h2 {position:relative; float:left; width:100%; text-align:center; font-size:1.3em; font-weight:600; color:#fff; margin:20px 0; padding:5px 0;  border-radius: 20px;    background-color: #ff6600;  }
.vision01	ul li.icon3 h2 {position:relative; float:left; width:100%; text-align:center; font-size:1.3em; font-weight:600; color:#fff; margin:20px 0; padding:5px 0;  border-radius: 20px;    background-color: #00c4c2;  }

.vision01	ul li p {text-align:center; width:100%;}
.vision01	ul li.icon1{background:url(./images/02_img_01.png) no-repeat 50% 35px;  border:1px solid #008439; height:400px;}
.vision01	ul li.icon2{background:url(./images/02_img_02.png) no-repeat 50% 35px; margin:0% 3%;  border:1px solid #ff6600; height:400px;}
.vision01	ul li.icon3{background:url(./images/02_img_03.png) no-repeat 50% 60px;  border:1px solid #00c4c2; height:400px;}


.stie_list {position:relative; float:left;  width:100%;margin:10px 0px;}
.stie_list ul li {float:left; width:calc(25% - 2.2%);  margin:1%; border:1px solid #dfdfdf;  text-align:center; border-radius: 20px; }

/*======================= PC 1366 px ~ =======================*/
@media only screen and (max-width:1366px){
.inner {max-width:1366px; }
.container {width:100%;}

.s_menu > div { width: 1366px; margin: 0px auto; }
}

/*======================= PC 1280 px ~ =======================*/
@media only screen and (max-width:1280px){
.inner {max-width:1280px; }
.container {width:100%;}

.s_menu > div { width: 1280px; margin: 0px auto; }

}


/*======================= PC 1200 px ~ =======================*/
@media only screen and (max-width:1200px){
.inner {width:96%; padding:0 2%;}

/*header*/
.headerWrap .util {right:3%;}
/*
	.greeting .img:before,
	.greeting.secretary .img:before{left:5%;}
	.greeting .tit{width:434px;}
*/

.popupzone {height:auto; }

		
	
}

/*======================= Tablet 1336 px ~ =======================*/
@media only screen and (max-width:1336px){

.s_menu > div { width:100%;}
.location .path{ width:100%; margin:0 auto;}

}

/*======================= Tablet 1280 px ~ =======================*/
@media only screen and (max-width:1336px){

 .br01 {display:none;}
 .br02 {display:block ; }
 .br03 {display: none; }

}

/*======================= Tablet 1199 px ~ =======================*/
@media only screen and (max-width:1199px){

#headerWrap {width:99%;}
.headerInner {width:99%;}
.container {	width:97%; padding:1% 1.5%; }
#header{min-width:auto; }
}

/*======================= Tablet 1024 px ~ =======================*/
@media only screen and (max-width:1024px){
.pc {display:none;}
.pct {display:block;}
.tablet {display:none;}
.tamobile {display:block;}
.inner {width:94%; padding:0 3%; }
.w1024  {width:100%;}
.inner {max-width:100%; }

.br1440 {display: none; }
.br1024 {display: block; }

#header .logo1 img {width:90%;}

#headerWrap {width:100%;}
.headerInner {width:100%;}
.container {	width:97%; padding:1% 1.5%; }

/*Header*/

#header{min-width:auto; }
/*#menu-Area {display:none;}*/
#menu-Area{min-width:auto;}
#menu-box .bgdepth1{position:relative; width:100%; min-width:1100px; max-width:2000px; margin:0 auto; height:99px; z-index:110;}
	
.menudep1 li a.mnlnk1{ font-size:1.2em; padding:0 8px; margin:0 8px}

#headerWrap .util {position:absolute;  top:25px; right:2%; }

/*.header { position:relative;	float:left; width:98%;}*/
/* Targeting the first level menu */

#nav {   width:620px; }
#nav > li > a {font-size:1.5em; padding: 25px 0px 20px; }
#nav li ul  li  a {font-size:0.85em;}


#Left {display:none;}
#Contents  {width:100%; padding:15px 10px 0px 10px; }

.location{width:100%; font-size:1.0em; }

.f_banner li img {padding:0 0.5%; height:35px;}

/* GNB */

/*visual*/

#mainVisual {height:590px;}
#mainVisual .mainSlide > li {height:;}

/*
#mainVisual .mainVisualTxt .m1 {padding-top:30px; font-size:52px; font-weight:700; color:#222; letter-spacing:-0.5px; line-height:66px; text-align:left;}
#mainVisual .mainVisualTxt .m1 img {width:100%;}
#mainVisual .mainVisualTxt .m1	 b {color:#018757;}
#mainVisual .mainVisualTxt .m1 span {font-size:42px; line-height:44px;}
*/

#mainVisual .mainVisualTxt .m1 {font-size:42px; }
#mainVisual .mainVisualTxt .m1 img {width:80%;}

.popupzone {height:432px; }

.m_youtube {height:199px; }

		.m_bngo li { width:31.3%; margin:0 1.0%;   padding:2% 0 2% 9%; border:1px solid #bababa; font-size:19px; line-height:26px;}
		.m_bngo li span {color:#ff6600;}
		.m_bngo li:last-child {padding:2% 0 2% 7%; } 		
		
		.m_bngo li.mgo1 {background-size:15%;}
		.m_bngo li.mgo2 {background-size:15%;}
		.m_bngo li.mgo3 {background:url('../images/main/mgo_03.png') no-repeat 5% center ;background-size:15%;}
		

	
.schedule {padding:30px 3% 0 2%; } 	
.schedule table thead td {padding:13px 3px;}

.mcus h3 {font-size:36px;}

.section04 {margin-top:40px; }


		.m_sosik {position:relative; float:left;  width:20%; height:200px;  padding:2%;  border:1px solid #dadada; margin:0px 0px 10px 0px; background:#ffe9cd;} 
		.m_sosik  h2 {font-size:1.5em; }
		.m_sosik ul li { float:left; width:45%; height:155px;  text-align:left; font-size:1.1em; letter-spacing:-0.5px;overflow:hidden;padding:0px 2% 0px 2%; }


.s_menu > div { width:100%;}
.location .path{ width:100%; margin:0 auto;}

.titleArea {font-size:50px; }

.about01_img h2 {padding:0 26% 0 0% ;}


.about06_img02 img{width:100%;}

 .historyWrap dl {    padding: 35px 30px 35px 0;  box-sizing:border-box;}
  .historyWrap dl .year {    font-size: 2.80em;    margin-right: 40px;  }



.year_box{display:inline-block;width:100%;/*margin-top:110px;*/}
.year_box dl{width:480px;padding:20px 0 60px 0;margin-left:0px;border-left:1px dotted #4d997e;}
.year_box dt{float:left;padding-left:40px;margin-left:-8px;width:90px; font-family:'NanumSquare','Nanum Gothic', Sans-serif; /*font-family:'Montserrat',sans-serif;*/font-weight:600;font-size:25px;color:#008958;background:url(/images/about/icon_year.png) no-repeat 0px 50%;}
.year_box dd{float:right;margin:0px 0 0 10px;width:440px;}
.year_box dd span{display:inline-block;padding-top:2px;margin-bottom:10px;min-width:40px; font-family:'NanumSquare','Nanum Gothic', Sans-serif; /*font-family:'Montserrat',sans-serif;*/font-weight:600;font-size:19px;color:#000;letter-spacing:0;}
.year_box dd ul{float:right;width:385px;margin-bottom:10px;}
.year_box dd ul li{font-size:15px;color:#555;line-height:24px;word-break:keep-all;}
.year_box .fl{padding-right:10px;}
.year_box .fr{padding-left:15px;}

.year_box .frl{float:left; padding-left:0px; padding-right:10px; !important}
.year_box .flr{float:right; padding-left:15px; padding-right:0px;!important}

.year_box .frl dt{margin-left:-23px;}



.year_box .fr dt{margin-left:-23px;}
.year_box .fr dd{width:460px;}
.year_box .fr dd ul {width:400px;}

.year_box .flr dt{margin-left:-23px;}
.year_box .flr dd{width:460px;}
.year_box .flr dd ul {width:400px;}



.work03_tit_wrap  ul { background-size:auto 200px;}
.work03_tit_wrap  ul li {width:70%;}



.work03_box01 li  { height:110px;}


.work02_img img {width:100%;}
.work03_img img {width:100%;}

.work0202	{float:left; width:100%; font-size:1.3em; line-height:1.2em; }
.work0202 li  {float:left; margin-left:2%; width:19.3%; border:1px solid #e5e5e5; padding:3% 2%; text-align:center; box-shadow:3px 3px 3px rgba(0,0,0,.1); }
.work0202 li.hei01	{font-size:0.9em; line-height:1.2em; height:45px;}
.work0202 li:first-child {margin-left:0%;}

/*main contents*/

/*   */
/*#subVisual {height:352px; background-color:#222; overflow:hidden; text-align:center; font-size:26px; font-weight:bold; color:#ffe2a3; line-height:47px; }
#subVisual .title {display:inline-block; font-size:60px; padding:170px 0 30px 0px; font-weight:bold; color:#fff; background:url('../images/com/sub_visual_bot.gif') no-repeat bottom center;}
*/
/*
#subVisual {height:280px;}	
#subVisual .title { font-size:50px; padding:150px 0 30px 0px; }
*/

/*#subVisual .subVisual_txt {width:505px;}4
#subVisual .subVisual_txt img {width:220px; padding-top:106px;}
#subVisual .subVisual_txt p {font-size:20px; line-height:30px;}
*/

/* ListStyle */
.ListStyle01 dt {padding-bottom:5px; font-size:20px;}
.ListStyle01 dd {font-size:16px; line-height:28px;}
.ListStyle02 li {font-size:15px; line-height:28px;}

/* TabStyle */
.TabArea {margin-bottom:20px;}
.TabArea ul {height:55px;}
.TabArea ul li {height:54px; line-height:55px;}
.TabArea ul li.on {height:56px;}

/* TableStyle */
.TableType01 tbody th {width:180px; font-size:17px; line-height:55px;}
.TableType01 tbody td {font-size:17px; line-height:35px;}
.TableType01 tbody td .w30 {width:40%;}
.TableType01 tbody td .w70 {width:60%;}
.TableType01 tbody td .w80 {width:70%;}
.TableType01 tbody td .btn_postcode {height:35px; font-size:16px; line-height:35px;}
.TableType01 tbody td .warning {font-size:15px;}
.TableType01 tbody td .subject_label label {font-size:15px;}
.TableType01 tbody td .red {font-size:16px;}
.form .TableType01 tbody th.require {background-position:20px 24px;}

.TableType02 thead th {font-size:17px; line-height:55px;}
.TableType02 thead th.line2 {line-height:24px;}
.TableType02 tbody td textarea {line-height:22px;}

/*sub contents*/
.sub #contents { width:924px; margin:35px auto 50px;}
.sub #contents img {max-width:100%;height:auto;}
.sub #contents .titleArea {margin-bottom:30px; padding-bottom:0; border-bottom:none;}
.sub #contents .titleArea h3 {font-size:32px; font-weight:500; line-height:52px;}
.sub #contents .titleArea h3 img {width:120px; padding-left:8px;}
.sub #contents .titleArea .location {display:none;}

/*contents*/
{font-size:17px;}
.info_txt {padding-bottom:60px; font-size:16px; line-height:28px;}
.info_txt strong {font-size:20px; line-height:35px;}
.info_txt p {padding-left:27px;}
.info_txt p:before {padding-right:8px;}
h4 {padding-top:8px; font-size:20px;}
h4 span.red {font-size:16px;}
.section h4 span.txt {padding-left:5px; font-size:16px; font-weight:400;}
.section h4 span.txt em {font-size:14px;}


/*    */
.map_con #map {height:400px;}
.location .location_info li {margin-top:5px; line-height:22px;}
.location .location_info li.address {width:100%; margin-top:0; box-sizing:border-box;}
.location .location_info li.phone {margin-left:0;}


/*foot*/
/*
.f_banner li {float:left;  text-align:center; width:100%;  padding:2% 0;}
.f_banner li img {padding:0 1%; width:22%}
*/
.footWrap .f_util li {padding:0 10px; font-size:15px;}
.footWrap .footCnt address {font-size:13px; line-height:18px;}
.footWrap .footCnt address span {padding-right:15px;}


.support_text 	{font-size:1.5em; line-height:1.4em; }
.support01	{font-size:0.90em; line-height:1.4em; }

.support_bg01	 {background-size:30%;}

.cont_wrap01 { height:200px; }

.stie_list ul li {width:calc(25% - 2.2%);}
.stie_list ul li img {width:100%; border-radius: 20px; }


}

/*======================= Tablet 920 px ~ =======================*/

@media only screen and (max-width:920px){

.popupzone {width:100%; float:left;  height:auto; margin-bottom:40px;}
.section01_right  {width:calc(100% - 0%);}



}


/*======================= Tablet 850 px ~ =======================*/

@media only screen and (max-width:850px){
.pc {display:none;}
.pct {display:none;}
.tablet02 {display:none;} 
.tablet {display:block;}
.w100 img {max-width:100%;}
.img850 img {max-width:100%;}


#header{min-width:auto; }
#menu-Area {display:none;}

.fright { position: relative; right: 0px; top: 30px; }
.fright p {float:left; margin:0px 10px 30px 0 ; }
.fright ul {}
.fright ul li { float: left; padding: 0px 0px; }






#nav {display:none;}
#topmenu {display:none;}



/*#mainVisual {height:300px;}
#mainVisual .mainSlide > li {height:300px;}
*/


#mainVisual { min-height:430px;height:430px;}
#mainVisual .mainSlide > li {height:200px;}

/*
#mainVisual .mainVisualTxt {position:absolute; top:100px; left:50%;  z-index:150; text-align:left;  font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif;}
#mainVisual .mainVisualTxt .m1 {padding-top:30px; font-size:52px; font-weight:700; color:#222; letter-spacing:-0.5px; line-height:66px; text-align:left;}
#mainVisual .mainVisualTxt .m1 img {width:100%;}
#mainVisual .mainVisualTxt .m1	 b {color:#018757;}
#mainVisual .mainVisualTxt .m1 span {font-size:42px; line-height:44px;}
*/
#mainVisual .mainVisualTxt { }
#mainVisual .mainVisualTxt .m1 {font-size:36px;  line-height:56px;}
#mainVisual .mainVisualTxt .m1 img {width:80%;}

#subVisual.about { background:url('../images/com/about_m.jpg') no-repeat center #030305; }
#subVisual.work { background:url('../images/com/work_m.jpg') no-repeat center #030305; }
#subVisual.support { background:url('../images/com/support_m.jpg') no-repeat center #030305; }
#subVisual.board {background:url('../images/com/board_m.jpg') no-repeat center  #030305; }
#subVisual.board2 {background:url('../images/com/board2_m.jpg') no-repeat center  #030305; }
#subVisual.program { background:url('../images/com/program_m.jpg') no-repeat center top #222; }



#subVisual .subVisualTxt {}
#subVisual .subVisualTxt img {width:60%;}
/*
#subVisual .subVisualTxt .m1 {font-size:32px; }
#subVisual .subVisualTxt .m1 span {font-size:36px; }
*/


.section01{  height:auto; 	}

.section02{background-size:auto 100%;  height:auto; 	}

.schedule {width:50%;} 
.schedule  h2 {font-size:24px; }
.schedule table thead td {padding:13px 6px;}
	
	
	
.m_youtube {height:168px; }

.f_link li { width:16.45%; font-size:16px; }


.m_title01  h2 {font-size:28px;}
.m_title01  p {font-size:14px; }

.m_work ul li {width:30.2%; /*margin-right:3.1%;*/ }
.m_work ul li span { font-size:16px;}


	.m_bngo li { width:32.3%; margin:0 0.5%;   padding:2% 0 2% 2%}
		.m_bngo li:last-child {padding:2% 0 2% 2%; font-size:17px;} 		
		
		.m_bngo li.mgo1 {background:url('');}
		.m_bngo li.mgo2 {background:url('');}
		.m_bngo li.mgo3 {background:url('');}
		

/*main contents*/


/*  */

#subVisual .title  img {width:97%;}


#subVisual .subVisual_txt {width:430px;}
#subVisual .subVisual_txt p {font-size:17px; line-height:25px;}


h2.title01	{font-size:1.4em; }

h2.title02	{font-size:2.2em; }

h3.title01	{font-size:1.3em; }

h3.title02	{font-size:1.45em; }
.ci01 ul {width:98% ; padding:2%;}
.ci01 ul li.wl {width:23%; margin-top:2%;}
.ci01 ul li.wr {width:77%; padding:2% 0% 2% 0%;}


.about0106 li {width:25%; }

.work01_box {font-size:17px; line-height:26px; }
.work01	{font-size:18px;line-height:24px;}

.about01_img {float:left; position:relative; width:100%; margin:10px 0 10px 0; padding:20px 0; background:url(./images/01_img_01.jpg) top center no-repeat; background-size: 45% auto;}
.about01_img h2 {padding:30% 2% 0 2%; line-height:1.45em;}

.historyWrap { width:100%; }
.historyWrap dl:first-child { border-top: 0px dotted #ccc; /*margin-top:20px;*/}
.hismr {margin-right:0%;}


.about02 ul li {width:50%; }

.about07 img	{width:100%;}
.about07 p .br01  {display:none;}

.about0701 img {width:100%}

.work03_tit_wrap  ul { background-size:auto 180px;}
/*.work03_tit_wrap h2 {float:left; padding:0px 0 20px 0px; font-size:30px; font-weight:600; width:100%;}*/
/*.work03_tit_wrap  ul li {width:70%;}*/

.work0202 li  {margin-left:1.5%; font-size:0.8em;}
.work0202 li.hei01	{font-size:0.68em;}

.work03_box01 li  {width:95%; height:auto; }
.work03_box01 li strong {font-size:17px;}


.pattenview02 li p {width:100%; padding:10px 0 ; background:#222; color:#fff; ; font-size:14px; line-height:16px; font-weight:500; height:32px; }



.marketing01 p {width:40%;}
.marketing01 ul li {font-size:15px;}
.marketing01 ul li h3 {height:110px; font-size:19px;}


.cont_wrap01 {height:auto;}
.cont_wrap01 .img {width: 100%; text-align:center; }
.cont_wrap01 .txt {width: 95%;  }

/* TableStyle */
.TableType01 tbody td .red {display:block; padding-top:5px; font-size:16px;}


/*sub contents*/
.sub #contents { width:100%; }
.sub #contents img {max-width:100%;height:auto;}
.sub #contents .titleArea {margin-bottom:30px; padding-bottom:0; border-bottom:none;}
.sub #contents .titleArea h3 {font-size:32px; font-weight:500; line-height:52px;}
.sub #contents .titleArea h3 img {width:120px; padding-left:8px;}
.sub #contents .titleArea .location {display:none}


/*contents*/
{font-size:16px;}
.section h4 span.txt {display:block; padding-left:0;}

.company .w50 {background-size:80px; padding-left:100px;}
.company .company_con01 {width:48%;}
.company .company_con02 {float:right; background-position:5px 80px;}

/* 오시는 길 */
.map_con #map {height:350px;}

.support_text_bg01 	{ background:url(./images/01_img_01.png) no-repeat top right; background-size:auto 30%; }
.support_text_bg03 	{ background:url(./images/03_img_01.png) no-repeat top right; background-size:auto 100%; }




.technique02 {position:relative; width:100%;}
.technique02 h2 {font-size:2.0em; line-height:1.3em; }
.technique02 h3 {font-size:1.7em;line-height:1.25em; }
.technique02 p {width:100%;}
.technique02 .pv {display:none;}
.technique02 .tv {display:block;}

.technique02 ul {width:100%;}
.technique02 li ul li {width:99%; padding-left:5px;}

.technique02bg { background:url('')}
.technique02bg02 { background:url('')}
.technique02bg03 { background:url('')}
.technique02bg04 { background:url('')}



 .cont_wrap { position: relative; width: 100%; color: #333; margin-top: 40px;}
 .cont_wrap .img { position: relative; left: 0; width: 100%; text-align:center;}
 .cont_wrap .txt { position: relative; margin-left: 0%; top: 20px; font-size:16px; width: 90%;  background: #ffffff; padding: 5%; box-shadow: 10px 10px 10px rgba(0,0,0,.1); }
 .cont_wrap h2 {font-size:28px; letter-spacing:-1px; color:#555; padding-top:30px;  padding-bottom:20px; }
.cont_wrap h2 span {color:#4abcc7;}
.cont_wrap h3 {font-size:25px; letter-spacing:-1px; color:#555; padding-top:20px; margin-top:20px; padding-bottom:20px; background:url('../images/com/icon_05.gif') no-repeat left top;  }
.cont_wrap h3 b.c01 {color:#cd4677;}
.cont_wrap h4 {font-size:16px; letter-spacing:-1px; color:#555; padding-top:10px; padding-bottom:20px; }
.cont_wrap h4 b {color:#cd4677;}


.stie_list ul li {width:calc(25% - 2.5%);}

}

/*======================= Mobile 768 px ~ =======================*/

@media only screen and (max-width:768px){
.w768  {width:100%;}
/*img {max-width:100%;}*/
/*#Contents  img {width:98%;}*/
/*.m_banner li {width:30.94%;}*/

.gallery h2 {font-size:35px;}
.gallery ul li {font-size:17px; line-height:22px;}	
	
  .historyWrap dl {    padding: 25px 15px 35px 5px;  }
  .historyWrap dl:first-child {    margin-top: 20px;  }
  .historyWrap dl .year {    float: none;    font-size: 2.4em;    margin: 0 0 30px;	}
  .historyWrap dl .cont {    display: block;    padding: 0;  }
.historyWrap dl .cont li .month {    width: 100px;  }
.historyWrap dl .cont li .txt {    font-size: 16px;  }
.historyWrap dl .cont li .txt:before {    width: 3px;    height: 3px;  }



.enterprise  .box li{line-height:19px; padding-top:70px; height:130px;}

.work04_img img {width:100%;}

.service_check {font-size:1.1em;}



.vision01	ul li {line-height:1.25em;}




}


/*======================= Mobile 731 px ~ =======================*/


@media only screen and (max-width:731px){

/*		
.about0102 li.img {display:none;}
.about0102 li.txt {width:100%; }
*/

.program_img {display:none;}

}



/*======================= Mobile 680 px ~ =======================*/
@media only screen and (max-width:680px){

.br1024 {display: none; }
.br680 {display: block; }

.tablet02 {display:block;}

.wid680 img {width:100%;}

/*
.header { position:relative;	float:left; width:96%;}


#nav {   width:96%; }

#nav li ul li a { padding: 4px 0px 4px 15px;   }


*/
.header	{display:none;}


.schedule table thead td {padding:13px 3px;}


	

.mnbnn1{display:none; }
.mnbnn2{display:block; position:absolute; float:right; right:4%;	padding:0 0 0 20px; top:25px;  z-index:200;}
.mnbnn2 .englnk1{display:inline-block; width:66px; height:26px; line-height:36px; border:1px solid #333; border-right:none; vertical-align:middle; }
.mnbnn2 .menulnk1{ display:inline-block; width:38px; height:28px; background:url(/images/common/btn/btn_allmenu1.png) no-repeat left top; text-indent:-5000px;vertical-align:middle;}



div.banlink_box ul li{width:33%;}
div.banlink_box ul li:nth-child(n+5){width:33%}


.m_sns  {width:50%;}
.m_bngo {width:100%;}


.m_guide h3 {font-size:2.0em;}
.m_guide li a {font-size:0.8em;}
.m_guide p {font-size:0.9em;}


		.r_ban li {float:left; width:31.4%; /*height:170px; */text-align:left;  margin:0 1.5% 0px 0px; padding:0px 0 0 0; background:#fff;}

		.r_ban li	 h2 {width:65%; font-size:1.4em; font-weight:600; letter-spacing:0em;  padding:25px 0 0 35%; text-align:left; }
		.r_ban li	 h3 {float:left; width:100%; font-size:1.4em;  padding:5px 0 5px 0%; text-align:center; }
		.r_ban li	p { float:left;	 width:100%; font-size:1.20em; padding:0px 0 0 0; text-align:center;} 
	
		.r_ban li .support1 {background:url('/images/main/r_banner_01.png') no-repeat 10% 40%; height:80px; background-size:25%;}
		.r_ban li .support1:hover {background:url('/images/main/r_banner_01_on.png') no-repeat 10% 40%; }

		.r_ban li .support2 {background:url('/images/main/r_banner_02.png') no-repeat 15% 40%; height:80px; background-size:25%;}
		.r_ban li .support2:hover {background:url('/images/main/r_banner_02_on.png') no-repeat 15% 40%; background-size:25%;}

		.r_ban li .support3 { height:80px;}
		.r_ban li .support3:hover {}

				
		.m_customer li	 h2 {font-size:1.5em;  }
		.m_customer li	 h3 {font-size:1.5em;  }




.box-card-item {width:50%;}


.m_title01 {float:left; width:100%; }
.m_title01  h2 { text-align:center; font-size:28px;}
.m_title01  p { text-align:center; font-size:14px;}

.section01 .mainSlide2-controls {left:50%; margin-left:-57px;}

.m_work {float:left; width:100%; margin-top:20px;}
.m_work ul li {width:30.2%; /*margin:0 1.55%;*/ }
.m_work ul li span { font-size:16px;}


.pattenview02 li {width: 49%;} 
.pattenview02 li p {font-size:13px; line-height:16px; height:auto; }

.work02_box	{font-size:15px; line-height:22px;}

.biz_work .work_tit{float:none;width:100%;height:auto;margin-bottom:15px;padding-top:120px !important;background-position:top center !important;background-size:auto 100px !important;font-size:25px;line-height:normal;text-align:center;}
.biz_work .work_tit strong{display:inline-block;}
.biz_work .work_txt{width:100%;float:none;}
/*.biz_work .work_txt dl.txt{text-align:center;word-break:keep-all;}
.biz_work .work_txt dl.txt br{display:none;}
.biz_work .work_txt dl.txt dt{font-size:17px;line-height:24px;}
.biz_work .work_txt dl.txt dd{margin-top:20px;font-size:13px;line-height:22px;}
*/
.biz_work .work_txt dl.period{height:auto;margin-top:20px;padding:0px 0 0 0;background-size:50px auto;background-position:top center;text-align:center;}
.biz_work .work_txt dl.period dt{padding-top:20px;}
.biz_work .work_txt dl.period dd{margin-top:10px;padding:0 10px;font-size:14px;line-height:22px;word-break:keep-all;}

.biz_work .work.box1{padding-bottom:30px;}
.biz_work .work.box2{margin-top:30px;}
.biz_work .work.box2 .work_tit{height:auto;}
.biz_work .work.box2 dl.txt dd{text-align:left;}

.biz_work .box{display:inline-block;width:100%;margin-top:22px;}
.biz_work .box li{margin-left:0;padding:80px 0 20px;float:none;width:100%;height:auto;margin-top:-1px;background-size:auto 30px !important;background-position:center 30px !important;}

.txt_box01{width:100%;padding:15px 20px;box-sizing:border-box;font-size:13px;}
.txt_box01 p{margin-top:10px;font-size:12px;}

 .txt_box{font-size:16px;}



.enterprise .work_img{width:100%;  text-align:center;}
.enterprise .work_img img {width:65%;}
.enterprise .work_txt  {float:left; width:98%; padding:1%;}

.enterprise  .box li{ height:130px;}



.tabtable {display:block; width:100%; border-collapse:collapse; clear:both; overflow:hidden;}
.tabtable td { border:1px solid #d9d9d9; text-align:center;  background:#fff; font-size:13px; line-height:18px; letter-spacing:-1px;}
.tabtable td.on { background:#4abcc7; color:#fff; font-weight:bold; }
.tabtable td a {display: block; padding: 7px;  text-align: center; font-size: 13px; color: #666;  }
.tabtable td a.on {color:#fff; font-weight:bold; background:#4abcc7;}
.tabtable td.left { text-align:left; padding-left:10px; }




.f_banner li {float:left;  text-align:center; /*width:100%; */ padding:1% 0;}
.f_banner li img {padding:0 0.5%; width:15%}

/*.footWrap*/ .f_util li {padding:0 10px; font-size:13px;}



.support01	{float:left; width:100%; font-size:1.0em;  padding:10px; }

.support_bg01	 { background-size:0% ; }


.work0202 li  { font-size:0.63em; line-height:1.2em;}
.work0202 li.hei01	{font-size:0.57em; height:auto;}


.about02_img img{width:100%; }
.service_check	{font-size:1.0em;}

.about02  ul li  span {width:70px; height:70px; padding:6px 0; margin:0px 15px 0px 0 ; text-align:; color:#fff; }
.about02  ul li b {line-height:1.0em;  padding:0px 0;}


.about0201 dt {width:100%;  color:#4abcc7;  text-align:left; background:url('') ;}
.about0201 dd {width:100%; padding:0px 0 ; }

.marketing01 ul li {font-size:14px;}


.service01 {font-size:1.0em; }
.service01 ul li h2 { font-size:1.1em; }


.service02 {font-size:1.0em; line-height:1.3em;}
.service02 ul li h2.h01 {font-size:1.1em;  }
.service02 ul li h2.h02 {font-size:1.1em; }



.service03 { font-size:1.0em; line-height:1.3em; }
.service03 ul li h2 {font-size:1.1em; }



.smalltrader01 li {width: 49%;} 

.smalltrader01 li p {font-size:14px; }

.rescue_process_pc {display:none;}
.rescue_process_m {display:block;}

.stie_list ul li {width:calc(33.3% - 2.5%);}

}

/*======================= Mobile 640 px ~ =======================*/
@media only screen and (max-width:640px){
.pct {display:none;}
.pct02 {display:block;}
.tablet {display:none;}
/*.tablet02 {display:none;}*/
.mobile {display:block;}

.fmlist1 {display:none;}


/* all menu */
.allmenu {width:100%; right:-100%;}
.allmenu .aM_util {padding:15px;}
.allmenu .aM_util ul li {padding-left:13px; margin-left:10px; background-size:1px 13px;}
.allmenu .aM_util ul li a {font-size:15px; padding-left:20px;}
.allmenu .aM_util ul li.aM_login a {background:url('/images/com/icon_aM_login_m.png') no-repeat 0 5px; background-size:12px;}
.allmenu .aM_util ul li.aM_logout a {background:url('/images/com/icon_aM_logout_m.png') no-repeat 0 5px; background-size:13px;}
.allmenu .aM_util ul li.aM_join a { background:url('/images/com/icon_aM_join_m.png') no-repeat 0 4px; background-size:18px;}
.allmenu .aM_util ul li.aM_mypage a {padding-left:20px; background:url('/images/com/icon_aM_mypage_m.png') no-repeat 0 4px; background-size:13px;}
.allmenu .aM_util ul li.aM_message a {padding-left:22px; background:url('/images/com/icon_aM_message_m.png') no-repeat 0 center; background-size:15px;}
.allmenu .aM_util .btn_close {width:13px; height:13px; right:4%; margin-top:-6.5px; background:url('/images/com/btn_aM_close_m.png') no-repeat 0 0; background-size:13px;}

.allmenu .aM_util .aM_sns	{width:100%; margin-top:20px; margin-left:-10px;}

.allmenu dl a {text-indent:15px;}
.allmenu dt a {height:45px; background:#fff url('/images/com/aM_depth_off_m.png') no-repeat 96% center; background-size:12px; font-size:17px; font-weight:500; line-height:45px;}
.allmenu dt a.on {background:#4abcc7 url('/images/com/aM_depth_on.png') no-repeat 96% center; background-size:12px;}

.allmenu dd a {font-size:15px; line-height:28px;}

/*visual*/


#mainVisual .mainVisualTxt { }
#mainVisual .mainVisualTxt img {width:75%;}
#mainVisual .mainVisualTxt .m1 {font-size:33px;  line-height:46px;}
#mainVisual .mainVisualTxt .m1 img {width:70%;}



.popupzone {position:relative; float:left; width:100%; height:auto; /*background:#fff;  box-shadow:5px 5px 5px rgba(0,0,0,.2); */ margin-bottom:20px;}

.m_youtube {position:relative; float:left; width:48%; height:214px; background:#fff;  box-shadow:5px 5px 5px rgba(0,0,0,.2); margin-right:4%;}
.m_youtube img {width:100%; height:100%;}


.s_menu	{display:none;}

.about0105_m {display:block;}
.about0105 {display:none;}

.about0106 li {width:33.33%; font-size:15px;}


.about05 img { width:100%;}

/*
 .historyWrap .hisleft {width:45%; left:-0.5%;}
 .historyWrap .hisright {width:45%; left:49%;}
 .historyWrap dt {font-size:20px; margin-bottom:2%;}
 .historyWrap dd {font-size:13px; line-height:1.5em;}

.historyWrap dd b {width:100%; }
*/

  .historyWrap dl {    padding: 25px 15px 35px 5px;  }
  .historyWrap dl .year {    margin: 0 0 20px;  }

.work01 li .br001 {display:none;}
.work01 li span.wid02 {display:none;}

/*.work03_tit_wrap h2 {float:left; padding:0px 0 20px 0px; font-size:30px; font-weight:600; width:100%;}*/
.work03_tit_wrap  ul li {width:60%;}


.about01_img h2 {font-size:1.55em; line-height:1.35em;}



#SNB .inner {width:100%; padding:0;}
.SNBWrap .menu li {padding:0 20px; font-size:16px; line-height:45px;}
.SNBWrap .menu.mem_menu li {padding:0 15px;}

/* ListStyle */
.ListStyle01 dt {padding-bottom:5px; font-size:19px;}
.ListStyle01 dd {padding-left:10px; background:url('/images/com/bullet.gif') no-repeat 0 11px; background-size:2px; font-size:15px; line-height:25px;}
.ListStyle02 li {background:url('/images/com/bullet02_m.gif') no-repeat 0 11px; background-size:2px; font-size:14px; line-height:25px;}

/* TabStyle */
.TabArea {margin-bottom:15px;}
.TabArea ul {height:45px;}
.TabArea ul li {height:44px; line-height:45px;}
.TabArea ul li.on {height:46px;}

/* TableStyle */
.TableType01 tbody th {float:left; width:100%; background:none; padding-top:13px; border-bottom:none; font-size:16px; font-weight:500; text-indent:0; line-height:100%;}
.TableType01 tbody th.require {padding-left:13px; background:url('/images/com/icon/icon_require_m.png') no-repeat left 16px; background-size:7px;}
.TableType01 tbody td {float:left; width:100%; padding:13px 0; font-size:16px; line-height:30px;}
.TableType01 tbody td .btn_postcode {height:30px; line-height:30px; font-size:15px;}
.TableType01 tbody td .warning {display:block; padding-top:2px; font-size:14px;}
.TableType01 tbody td .subject_label label {font-size:14px;}
.TableType01 tbody td .red {font-size:14px;}
.form .TableType01 tbody th.require {background-position:left 17px;}

.TableType02 {border-top:none; border-bottom:1px solid #444;}
.TableType02 colgroup {display:none;}
.TableType02 thead {display:none;}
.TableType02 tbody td {float:left; width:100%; padding:13px 0; font-size:16px; border:none; border-top:1px solid #d0d0d0;}
.TableType02 tbody td:nth-child(2) {border-top:1px solid #444;}
.TableType02 tbody td.btnarea {display:none;}
.TableType02 tbody td span.mobile {font-size:16px; font-weight:500; padding-bottom:10px;}
.TableType02 tbody td span.mobile a {float:right;}
.TableType02 tbody td textarea {line-height:18px;}

/* SelectStyle*/

.SelectType01 {background-size:7px;}

/*sub contents*/
.sub #contents .titleArea {margin-bottom:20px; padding-bottom:0;}
.sub #contents .titleArea h3 {font-size:26px; line-height:48px;}
.sub #contents .titleArea p {font-size:19px; }

	
/*.sub #contents .titleArea h3 img.pct {display:none;}
.sub #contents .titleArea h3 img.mobile {display:block; width:110px; padding-left:6px;}
*/
/*contents*/
{font-size:15px;}
.info_txt {width:auto; font-size:15px; line-height:25px;}
.info_txt strong {padding-bottom:8px; font-size:19px; line-height:23px;}
.info_txt p {width:auto; padding-left:24px;}
h4 {padding-top:5px; font-size:19px; background-size:13px 2px;}
h4 span.red {font-size:14px;}
.section h4 span.txt {padding:3px 0 0; font-size:14px; line-height:18px;}
.section h4 span.txt em {font-size:12px;}

/* 회사소개 */
.company .w50 {float:none; width:100%; padding-left:120px;}
.company .w50 a {margin-bottom:15px;}
.company .company_con01 {padding-bottom:60px; background:url('/images/com/icon_company01_m.png') no-repeat 0 60px; background-size:100px;}
.company .company_con02 {background:url('/images/com/icon_company02_m.png') no-repeat 0 60px; background-size:100px;}
.company_people .inner {padding:40px 0 50px;}
.company_people .mainTitle h3 {font-size:26px;}
.company_people .mainTitle p {font-size:16px; line-height:22px;}
.company_people.people .bx-wrapper {margin-top:30px !important;}
.company_people .main_product li span {font-size:15px;}

/* 오시는 길 */
.map_con #map {height:300px;}
.location .location_info li.address {background:url('/images/com/icon_location_m.png') no-repeat 0 2px; background-size:19px;}
.location .location_info li.phone {background:url('/images/com/icon_phone_m.png') no-repeat 0 center; background-size:19px;}
.location .location_info li.fax {background:url('/images/com/icon_fax_m.png') no-repeat 0 center; background-size:19px;}


/*foot*/
#foot {padding:10px 0;}
.footWrap .f_util li {font-size:14px;}
.footWrap .footCnt p {font-size:10px; padding-top:0;}
.footWrap .footCnt p .secret img {width:6px;}

/* 관리자 로그인 */
div#box {width:300px; margin-left:-185px;}



.vision01	ul li {font-size:1.15em; }

.cont_wrap01 .txt {width: 96%;  }


}

/*======================= Mobile 620 px ~ =======================*/


@media only screen and (max-width:620px){

.cont_wrap01 {height: 330px;}

}
/*======================= Mobile 568 px ~ =======================*/


@media only screen and (max-width:568px){

.support_text_bg01 	{ background:url() no-repeat top right; background-size:auto 30%; }
.support_text_bg03 	{ background:url() no-repeat top right; background-size:auto 100%; }

.vision01	ul li { width:90%; padding: 150px 5% 3% 5%; font-size:1.15em; height:auto; margin:10px 0;}

.vision01	ul li.icon2{margin:0% 0%;}

.about0202 img {width:100%;}

}

/*======================= Mobile 520 px ~ =======================*/


@media only screen and (max-width:520px){

.br01 {display:none;}
.br02 {display:none ; }
.br03 {display:block; }
.br1024 {display: none; }
.br680 {display: none; }
.br520 {display: block; }
.br480 {display: block; }

.w480 img {max-width:100%;width:100%;}
.wid100_480  {width:100%;}



.navi_box{position:relative; float:left;  width:100%;	height:auto;	 margin:30px 0 20px 0;}
.navi_box.fixed{height:50px}
.navi_box ul{width:100%;margin:0 auto;}
.navi{position:relative;float:left; padding:0;height:auto;border-bottom:0px solid #858585;}
.navi li{float:left;text-align:center;font-size:16px;font-weight:500;color:#333;letter-spacing:-1px; line-height:16px; background-color:#fff;}
.navi li a{display:block;height:29px;padding-top:10px;border:1px solid #ddd;border-right:1px solid #ccc;border-left:1px solid #ccc ; border-bottom:1px solid 
#858585;}

.col7 li{width:33.33%}
.col6 li{width:33.33%}
.col5 li{width:33.33%}
.col4 li{width:50%}
.col3 li{width:33.33%}
.col2 li{width:50%}

/*fright {display:none;}*/

.fright p {float:left; margin:0px 0px 30px 0 ;}
.fright p a {font-size:14px; margin-left:0;}
.fright ul {padding-left:0px;}
.fright ul li { float: left; padding: 0px 0px; margin-top:-12px;}

/*#headerWrap  {display:none;}*/

.logo .l_img {width:70%;}

/*.logo {position:relative; float:left; margin:10px  0 10px 20px; }*/


 .mobileutil {display:block; position:absolute;  top:30px; right:0px; }
 .mobileutil li {position:relative; float:left; }
 .mobileutil li a {padding:5px  ; /*background:#123580;*/}
 .mobileutil li a:hover {/*background:#001b34;*/}


.header	{display:none;}
/*visual*/

/*#mainVisual {min-height:100px}
#mainVisual .mainSlide > li {min-height:100px;}
#mainVisual li  img {height:330px;}
*/

#mainVisual{/* width:100%;*/min-height:300px; height:300px; position:relative; z-index:1; !important; overflow:hidden; background-color:#000; }
#mainVisual img {height:300px;}

#mainVisual .bx-wrapper {height:230px; !important}
/*#mainVisual .mainVisualTxt {position:absolute; top:100px; width:100%;  z-index:150; text-align:center;}
#mainVisual .mainVisualTxt	img {width:100%}
*/


/*
#mainVisual .mainVisualTxt {position:absolute; top:100px; left:50%;  z-index:150; text-align:left;  font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Gothic', Sans-serif;}
#mainVisual .mainVisualTxt .m1 {padding-top:30px; font-size:52px; font-weight:700; color:#222; letter-spacing:-0.5px; line-height:66px; text-align:left;}
#mainVisual .mainVisualTxt .m1 img {width:100%;}
#mainVisual .mainVisualTxt .m1	 b {color:#018757;}
#mainVisual .mainVisualTxt .m1 span {font-size:42px; line-height:44px;}
*/
#mainVisual .mainVisualTxt {top:100px;/*  left:0%; width:100%; text-align:center;*/}
#mainVisual .mainVisualTxt .m1 {font-size:30px;  line-height:40px; text-align:center}
#mainVisual .mainVisualTxt .m1 img {width:40%;}

	.schedule {height:auto; width:100%; padding-left:4%;}	



.f_link li {width:32.9%; border-bottom:1px solid #d7d7d7;}
.f_link li:nth-child(3) {border-right:1px solid #d7d7d7;} 
.f_link li:nth-child(4) ,.f_link li:nth-child(5) ,.f_link li:nth-child(6) {border-bottom:0px;}
/*.f_link li:last-child {border-right:1px solid #d7d7d7;} 
.f_link li a {float:left; width:100%; text-align:center; background:url ('/images/com/arr_right.png') right center no-repeat; padding:20px 0; color:#222;}
.f_link li a:hover {background-color:#222;   background:url ('/images/com/arr_right_on.png') right center no-repeat; color:#fff;}
*/







div.banlink_box ul li{width:49.8%;}
div.banlink_box ul li:nth-child(n+5){width:49.8%}
div.banlink_box ul li:nth-child(n+5){width:49.8%}

		.r_ban li {float:left; width:31.2%; /*height:170px; */text-align:left;  margin:0 1.5% 0px 0px; padding:0px 0 0 0; background:#fff;}

		.r_ban li	 h2 {width:100%; font-size:1.3em; font-weight:600; letter-spacing:0em;  padding:25px 0 0 0%; text-align:center; }
		.r_ban li	 h3 {float:left; width:100%; font-size:1.3em;  padding:5px 0 5px 0%; text-align:center; }
		.r_ban li	p { float:left;	 width:100%; font-size:1.0em; padding:0px 0 0 0; text-align:center;} 
	
		.r_ban li .support1 {background:url('') no-repeat 10% 40%; height:80px; }
		.r_ban li .support1:hover {background:url('') no-repeat 10% 40%; }

		.r_ban li .support2 {background:url('') no-repeat 15% 40%; height:80px;}
		.r_ban li .support2:hover {background:url('') no-repeat 15% 40%; }

		.r_ban li .support3 { height:80px;}
		.r_ban li .support3:hover {}

#mainVisual .mainVisualTxt dl {position:absolute; top:0px; width:100%; margin-left:-50%; left:50%; z-index:100 ; }
#mainVisual .mainVisualTxt dl dt { font-size:20px; top:30px; color:#fff;}
#mainVisual .mainVisualTxt dl dd.tit { font-size:22px; top:30px; color:#fff; }
#mainVisual .mainVisualTxt dl dd.txt { font-size:20px; top:30px; color:#fff;}
#mainVisual .mainVisualTxt dl dd.tit span.col01 { color:#fff;}
#mainVisual .mainVisualTxt dl dd.tit span.col02 { color:#fff;}
#mainVisual .mainVisualTxt dl dd.tit span.col03 { color:#fff;}

/*  */

#subVisual {height:150px; background-size:100%; }
#subVisual .subVisualTxt img {width:80%;}
#subVisual .subVisualTxt  {padding:10px; }
#subVisual .subVisualTxt .m1 {padding-bottom:10px; font-size:2.5em; }
#subVisual .subVisualTxt .m1 img {width:20%;}
#subVisual .subVisualTxt .m1 span {font-size:30px; line-height:44px;}
#subVisual .subVisualTxt .m2 {padding-top:0px; font-size:16px; line-height:20px;}


#subVisual.about , #subVisual.work , #subVisual.support , #subVisual.board , #subVisual.board2 , #subVisual.program  {background-size:100% 100%;}


 .titleArea {margin:0px auto 0 0 20px 0}

h2.title01	{font-size:1.4em; }
h2.title02	{font-size:2.0em; }
h2.title03	{font-size:1.8em; }
h2.title04	{font-size:1.5em; line-height:1.3em; }
h2.title05	{font-size:1.65em;}
h2.title06	{font-size:1.6em; }

h3.title01	{font-size:1.4em; }
h3.title02	{font-size:1.5em; }


/*main contents*/

.m_guide {margin-bottom:0px;}
.m_guide h3 {font-size:1.5em;}
.m_guide li a {font-size:0.5em;}
.m_guide p {display:none;}




		.m_customer {position:relative;	float:left; width:100%; /*height:170px;*/ font-family:'NanumSquare','Malgun Gothic','Noto Sans KR','Nanum Gothic', Sans-serif; margin-top:15px;}
		.m_customer  ul {}
		.m_customer li {float:left; width:47.5%; /*height:170px; */text-align:center;   margin:0 2.5% 0 0%; padding:0px 0 0 0; background:#fff;}
		.m_customer li:nth-of-type(2) {margin:0 0% 0 2.5%; }
		.m_customer li	 h2 {font-size:1.6em;  padding-top:15px;}
		.m_customer li	 h3 {font-size:1.8em; padding-top:15px;}

		.m_customer li	 p {bottom:15px; font-size:0.8em; }
			

		.m_customer li .work1 {/*background:url('/images/main/l_banner_01.png') no-repeat 50% 50%;*/ height:150px; }
		.m_customer li .work1:hover {/*background:url('/images/main/l_banner_01_on.png') no-repeat 50% 50%; */}

		.m_customer li .work2 {background:url('/images/main/l_banner_02.png') no-repeat 50% 50%;  height:150px; }
		.m_customer li .work2:hover {background:url('/images/main/l_banner_02_on.png') no-repeat 50% 50%;}


.box-card-item h3 {font-size:2.0em;}
.box-card-item h4 {font-size:1.3em;}
.box-card-item p {font-size:1.1em; }






		.m_enterprise li	{font-size:0.7em; line-height:1.0em; letter-spacing:-0.02em;}
		.m_enterprise li .mbg01 {height:65px;}
		.m_enterprise li .mbg02 {height:65px;}

				.m_enterprise li a.enter1   { background-size:30% ;}
				.m_enterprise li a.enter2       { background-size:40% ;}
				.m_enterprise li a.enter3       { background-size:40% ;}
				.m_enterprise li a.enter4       { background-size:40% ;}
				.m_enterprise li a.enter5       { background-size:30% ;}
				.m_enterprise li a.enter6       { background-size:30% ;}
				.m_enterprise li a.enter7       { background-size:30% ;}
				.m_enterprise li a.enter8       { background-size:30% ;}
				.m_enterprise li a.enter9       { background-size:30% ;}
				.m_enterprise li a.enter10       { background-size:30% ;}


/*h2.title01	{font-size:2.2em; }*/




.facility01_box li  {width:94.5%;}


.work03_tit_wrap  ul {float:left;  padding:5% 5% 30% 5%; width:90%; background:url(/images/work/03_img_01.png) no-repeat bottom center;  background-size:auto 150px;}

.work03_tit_wrap  ul li {float:left; font-size:15px; padding:0 0 10px 0; width:100%;}



.service01 ul li	{width: 100%;	}

.mc_con .list_month{width:100%;}
.mc_con .list_content{ width:100%;}

.mc_con dl dt{width:100%;}
.mc_con dl dd{ width:100%;}




.work03_tit_wrap  ul {float:left;  padding:5% 5% 30% 5%; width:90%; background:url(/images/work/03_img_01.png) no-repeat bottom center;  background-size:auto 150px;}

.work03_tit_wrap  ul li {float:left; font-size:15px; padding:0 0 10px 0; width:100%;}


.pattenview02 li {width: 99%;} 
.pattenview02 li p {font-size:13px; line-height:16px; height:auto; }


.marketing01 p {width:100%}
.marketing01 ul li {width:48%;margin:1%}
.marketing01 ul li h3 {height:90px; font-size:14px;font-family:'Noto Sans KR','Nanum Gothic', Sans-serif; }




.cont_wrap .img img {width: 100%; }

.cont_wrap01 {width:96%; height:auto;}


.enterprise .work_img img {width:100%;}




/*
a.btn02 {padding:15px 100px 18px 100px; border:2px solid; text-align:center; color:#fff; ; font-size:19px; font-weight:600; }
a.btn02:hover{padding:15px 100px 18px 100px; border:2px solid #292929; text-align:center; background:#f1f1f1;  color:#292929;	 text-decoration:none; font-size:19px; font-weight:600; }
*/

 .article {width:100%; }
 .article .mainTitle {padding:20px 0 40px 0;}
.article .mainTitle 	h3 {font-size:38px; font-weight:600; color:#fff; padding:0 0 10px 0;}
 .article p {font-size:17px; color:#fff; line-height:24px; margin-top:10px;  font-weight:300;}

 .article.main_company02 {text-align:center; overflow:hidden; }
 .article.main_company02 .w50 {width:100%; float:left; font-size:16px; font-weight:300;}

/* .article.company .w50 .mainTitle {padding:10% 0;}*/
 .article.main_company02  .bg01{background:url('/images/main/bg_maintenance.jpg') no-repeat center 100%; background-size: cover;}
.article.main_company02  .bg02 {background:#ffb901;}


/*

 .historyWrap dt {font-size:5vw}
 .historyWrap dd {font-size:3.6vw; line-height:1.5em;}
 .historyWrap {background-position:-0.8% 0;}
 .historyWrap .hisleft {box-sizing:border-box; width:100%; left:0; top:0; margin:0 0 8% 0; text-align:left; background:url('/images/com/ico_year.gif') no-repeat left 6px; background-size:10px; padding-left:20px; padding-right:0;}
 .historyWrap .hisright {box-sizing:border-box; width:100%; left:0; top:0; margin:0 0 8% 0; text-align:left; background:url('/images/com/ico_year.gif') no-repeat left 6px; background-size:10px; padding-left:20px; padding-right:0;}
 .historyWrap dd img.img_pc {display:none;}
 .historyWrap dd img.img_mobile {display:inline;}

*/

.historyWrap dl .cont li .month { width: 100%;  box-sizing:border-box;}
.historyWrap dl .cont li .txt {width:100%;   box-sizing:border-box;}

.ci01 p img {width:100%;}
.ci01 ul {width:100% ; padding:0%;}
.ci01 ul li.wl {width:100%; margin-top:2%; text-align:center;}
.ci01 ul li.wr {width:100%; padding:2% 0% 2% 0%;}

.about01pc {display:none;}
.about01m {display:block;}
.about01 {margin:0px;}
.about01 p span {width:98%; floaT:left; box-sizing:border-box;margin:0 0 0 0;}
.about01 p.t01 span, .about01 p.t02 span {margin:0px 0px 10px 0;}
.about01 ul.se02 h2 {width:100%; text-align:center; margin:10px;}
.about01 ul.se02 li {width:100%; margin-right:0px;}
.about01 ul.se02 li:first-child {width:100%;}

 .about01 ul.se03 li {width:32%;}

.about0106 li {width:46%; margin:2%; font-size:14px;}
.about0106 li img {width:100%;}

.history_list dl dt	{ width:100%; }
.history_list dl dd { width:100%;}


.about02 ul li {width:100%; }


.about0701m	{display:block; position:relative; float:left; width:100%; margin:30px 0 ; text-align:center;}
.about0701m img {width:100%;}
.about0701 {display:none;}


.service02 ul li {width:49%; margin: 0 1% 1% 0;    }
.service02 ul li.w02 {width:49%;}
.service02 ul li.w02:nth-child(2)  {margin-right:0%;}
.service02 ul li:nth-child(3n)  {margin-right:1%;}
.service02 ul li:nth-child(2n)  {margin-right:0%;}



.service03 ul li {width:100%;}
.service03 ul li:nth-child(1n) { margin-right:0.0%;}




/*sub navigation bar*/
.SNBWrap .menu li {padding:0 15px; font-size:14px; line-height:40px;}
.SNBWrap .menu.mem_menu li {padding:0 5px;}

.SNBWrap .snb_selectBox span {line-height:40px;}
.SNBWrap .snb_selectBox ul {top:40px;} 

/* ListStyle */
.ListStyle01 dt {font-size:16px;}
.ListStyle01 dd {font-size:14px;}

/* TabStyle */
.TabArea ul {height:40px;}
.TabArea ul li {height:39px; line-height:40px;}
.TabArea ul li.on {height:41px;}

/* TableStyle */
.TableType01 tbody th {font-size:15px;}
.TableType01 tbody td {padding:8px 0 13px;}
.TableType01 tbody td .btn_postcode {font-size:14px;}
.TableType01 tbody td {font-size:14px;}
.TableType01 tbody td .red {font-size:12px;}

/*sub contents*/
.sub #contents {margin:30px auto 40px;}
/*.sub #contents .titleArea {font-size:36px; }*/
.sub #contents .titleArea h3 {font-size:22px; line-height:24px;}
.sub #contents .titleArea p {font-size:15px; line-height:20px;}


/*contents*/
{font-size:14px;}
.info_txt {font-size:14px;}
.info_txt strong {padding-bottom:5px; font-size:16px;}
.info_txt p {padding-left:40px; background:url('/images/com/inrtoduce_bullet.png') no-repeat 27px 7px; background-size:7px;}
.info_txt p:before {content:none;}
h4 {font-size:16px;}
h4 span.red {display:block; font-size:12px;}
.section h4 span.txt {padding-top:0; font-size:12px;}
.section h4 span.txt em {font-size:10px;}



.board_01	 {position:relative; width:92%; float:left;  margin:0 4%; border-top:1px solid #7b2e80; border-bottom:1px solid #7b2e80; }
.board_01 dl dt	{float:left; width:18%; padding:1% 2%; text-align:right; border-right:1px solid #ddd; font-size:13px; font-weight:600;}
.board_01 dl dd	{float:left; width:74%; padding:1% 1%;  font-size:13px; }



/* 오시는 길 */
.location .location_info li {float:none; margin-top:10px; margin-left:0; line-height:20px;}
.location .location_info li.address {margin-top:5px; background-position:0 1px;}




/*foot*/
#foot {padding:0px 0;}
.f_banner li	{ font-size:13px; padding-top:10px; padding-bottom:10px;}
.footWrap .f_util li { font-size:13px;}
.footWrap .footCnt {padding-top:8px;}
.footWrap .footCnt address {font-size:12px; line-height:16px;}
.footWrap .footCnt p {font-size:9px;}
.footWrap .footCnt p .secret img {width:5px;}


/* 관리자 로그인 */
div#box {width:260px; padding:20px; margin-left:-155px; margin-top:-111px;}
div#p_input span.label {width:70px;}

.support_box02 {position:relative; float:left;   width:100%; height:220px; margin:0 0 20px 0;  border:1px solid #d4d4d4; padding:0px 0px; font-size:15px; line-height:20px;} 
.support_box02 p {position:relative;  float:right;  width:96%; padding:2%; text-align:center; }

.support_bg01	 { background:url('') left no-repeat; background-size:40% 220px; }
.support_bg02	 { background:url('') left no-repeat; background-size:40% 220px; }


.service_check	dt {width:95%; padding:2.5%;}
.service_check	dd {width:95%; padding:2.5%;}


.stie_list ul li {width:calc(50.0% - 3%);}


}

@media (max-width: 768px) {
	#gnb{display: none;}
	.popupzone .img img{height: auto; aspect-ratio: 1;}
	.m_banner ul{margin-left: unset;}
	.m_banner li{width: 100%; margin-bottom: 20px; margin-top: 0;}
	#header h1 a{font-size: 5vw;}
	.entry-content h3{margin: 0; margin-top: 15px;}
}

/*======================= Mobile 360 px ~ =======================*/


.kakao-floating {
      position: fixed;
      bottom: 20px; /* 화면 하단에서 20px 위 */
      right: 20px;  /* 화면 오른쪽에서 20px 왼쪽 */
      width: 60px;
      height: 60px;
      background-color: #ffe812; /* 카카오톡 노란색 */
      border-radius: 50%;
      box-shadow: 0 4px 6px rgba(0,0,0,0.2);
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 9999;
      transition: transform 0.2s ease;
    }

    /* 호버 시 살짝 확대 */
    .kakao-floating:hover {
      transform: scale(1.1);
    }

    .kakao-floating img {
      width: 32px;
      height: 32px;
    }