/* ==================================================
	공통이미지 조절
================================================== */
.img100 {
	width:100%;
	}

/* ==================================================
	공통사항
================================================== */
hr {
	margin: 20px 0;
	height: 1px;
	border: 0px solid #e7e7e7;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-width: 0 0 1px 0;
	}

/* ==================================================
	아이콘
================================================== */
.line_title {
	position: relative;
	font-size: 18pt;
	font-weight:normal;
	color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.line_title:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 5px;
	background: #b2b2b2;
	}
.line_title:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 15px;
	height: 5px;
	background: #0a3c7a;
	}
.blue_title {
	overflow: hidden;
	display: block;
	padding-left:40px;
	font-size: 20pt;
	font-weight: 600;
	color: #003a71;
	word-break: keep-all;
	word-wrap: break-word;
	background: url('../images/icon/blue_title.png') no-repeat 0 0;
	}
ol.number_list li {
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
	line-height: 24px;
	background: url('../images/common/num01.png') no-repeat left 0;
	color: #666;
	font-size:12pt;
	}
ol.number_list li:last-child {
	margin: 0;
	}
.num02 {
	background-image: url('../images/common/num02.png') !important;
	}
.num03 {
	background-image: url('../images/common/num03.png') !important;
	}
.num04 {
	background-image: url('../images/common/num04.png') !important;
	}
.num05 {
	background-image: url('../images/common/num05.png') !important;
	}
.num06 {
	background-image: url('../images/common/num06.png') !important;
	}
.num07 {
	background-image: url('../images/common/num07.png') !important;
	}
.num08 {
	background-image: url('../images/common/num08.png') !important;
	}
.num09 {
	background-image: url('../images/common/num09.png') !important;
	}
.l-list01 {
	font-size:12pt;
	line-height:1.5;
	}
.l-list01 li:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #013a84;
	}
.l-list01 li {
	position: relative;
	padding-left: 12px;
	margin: 3px 0;
	color: #666;
	}
.width_line_list li:before {
	position: absolute;
	top: 12px;
	left: 0;
	content: "";
	display: block;
	width: 4px;
	height: 1px;
	background: #a0a0a0;
	}
.width_line_list li {
	position: relative;
	padding-left: 14px;
	font-size: 15px;
	margin-bottom:3px;
	}
.width_line_list li:last-child {
	margin-bottom:0;
	}

.mouse_click {
	height:30px;
	font-size:13pt;
	font-family:'Rnoto';
	padding-left:33px;
	background:url('../images/icon/click.gif');
	background-repeat:no-repeat;
	margin-top:10px;
	}

.red_line {
	padding-left:13px;
	background:url('../images/icon/red_line.png');
	background-repeat:no-repeat;
	background-position:0 12px;
	color:#e72b4a;
	font-size:13pt;
	}

.a-tit01 {
	font-size: 20px;
	color: #333;
	background: url('../images/icon/arrow_icon.png') no-repeat 0 3px;
	padding-left: 26px;
	margin-bottom: 20px;
	line-height: 1;
	font-family:'Rnoto';
	font-weight:normal;
	}

/* 모바일CSS */
@media only screen and (max-width:640px){
	.blue_title {
		font-size: 16pt;
		}
	.a-tit01 {
		line-height:1.3;
		font-size: 16px;
		}
}

/* ==================================================
	이미지 움직이는 효과
================================================== */
.over-cover {
	overflow: hidden;
	position: relative;
	display: inline-block;
	border: 1px solid #dbdbdb;
	}
.over-cover img{
	width:100%;
	height:100%;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	}
.over-cover:hover img{
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
	}

/* ==================================================
	공통테이블
================================================== */
.sub_con {
	width:100%;
	overflow:hidden;
	margin-top:20px;
	}
.subtable {
	border: 0;
	border-spacing: 0;
	background: #fff;
	border-top: 1px solid #222222;
	}
.subtable caption {
	visibility: hidden;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	}
.subtable tr td {
	padding: 13px 0;
	border-bottom: 1px solid #e1e1e1;
	}
.subtable tr td:nth-child(odd) {
	padding: 10px 0 10px 30px !important;
	background: #f5f5f5;
	color: #222;
	font-weight:bold;
	}
.subtable tr td:nth-child(even) {
	border-left: 1px solid #e1e1e1;
	padding:10px 20px !important;
	}
.subtable tr td:nth-child(3) {
	border-left: 1px solid #e1e1e1;
	}

/*** 모바일CSS ***/
@media all and (max-width:800px) {
	.subtable tr td:nth-child(odd) {
		display:block;
		}
	.subtable tr td:nth-child(even) {
		display:block;
		border-left:none;
		}
	.subtable tr td:nth-child(3) {
		border-left: 0;
		}
}

/* ==================================================
	수동탭 버튼
================================================== */
#content_tab {
	width:100%;
	text-align:center;
	margin-bottom:30px;
	}
#content_tab:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
#content_tab ul li {
	float:left;
	cursor: pointer;
	width: 50%;
	text-align: center;
	line-height:1.1;
	}
.width25 {
	width: 25% !important;
	}
.width25_size {
	width: 25% !important;
	}
#content_tab ul li a {
	display: inline-block;
	width:100%;
	padding:20px 0;
	background:#fff;
	border: 1px solid #d7d7d7;
	border-bottom: 1px solid #000;
	text-decoration: none;
	color: #333;
	font-size:12pt;
	}
.content_tab_on {
	background:#000 !important;
	border: 1px solid #000 !important;
	color: #fff !important;
	}

/* ==================================================
	공통 컨텐츠 틀
================================================== */
.two_content > ul > li{
	position: relative;
	width: 100%;
	margin-top:20px;
	}
.two_content > ul > li:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.two_content > ul > li+li{ margin-top:40px;}
.two_content ul li h4{
	float:left;
	width:15%;
	font-family:'Rnoto';
	font-size:18pt;
	font-weight:bold;
	color:#005891;
	padding-top:14px;
	margin:0;
	}
.two_content ul li h4:before{
	content:"";
	width:30px;
	height:3px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-color:#abc8db;
	}
.two_content ul li .two_text{
	float:left;
	width:85%;
	position:relative;
	}

.contlist {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	}
.contlist:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.contlist > li {
	padding:10px 8px;
	display:block;
	float:left;
	border-collapse: collapse;
	}
.contlist_16 {
	width: 16.666666%;
	}
.contlist_20 {
	width: 20%;
	}
.contlist_25 {
	width: 25%;
	}
.contlist_33 {
	width: 33.33333333%;
	}
.contlist_50 {
	width: 50%;
	}
.contlist_100 {
	width: 100%;
	clear:both;
	}
.contli-img {
	display: block;
	width: auto;
	padding: 0;
	vertical-align: middle;
	}
.cont_text {
	background:#00aab5;
	padding:15px;
	text-align:center;
	color:#fff;
	font-size:11pt;
	line-height:130%;
	}
.cont_text h3 {
	font-size:13pt;
	}
.contli-img img {
	display: block;
	width: 100%;
	height: auto;
	}
.cont_dl {
	display:inline;
	}
.contli_tit {
	padding:10px 0;
	text-align:center;
	font-family:'Rnoto';
	}
.contli_tit {
	padding:10px 0;
	text-align:center;
	font-family:'Rnoto';
	font-size:13pt;
	}

.contlist > li.contlist_50:nth-child(2n+1) {
	clear: both;
	}

/* 모바일CSS */
@media only screen and (min-device-width : 801px) {
	.contlist > li.contlist_25:nth-child(4n+1) {
		clear: both;
		}
}
@media only screen and (min-device-width : 300px) and (max-device-width : 800px) {
	.contlist > li.contlist_25:nth-child(2n+1) {
		clear: both;
		}
}
@media only screen and (max-width:1023px){
	.two_content > ul > li + li {
		margin-top: 30px;
		}
	.two_content ul li h4 {
		float: none;
		width: 100%;
		margin-bottom: 30px;
		}
	.two_content ul li .two_text {
		float: none;
		width: 100%;
		}
}
@media only screen and (max-width:800px){
	.contlist_25 {
		width: 50%;
		}
}
@media screen and (max-width:700px){
	.two_content {
		margin-top:20px;
		}
}
@media screen and (max-width:640px){
	.contlist li {
		padding:10px 10px;
		display:block;
		}
}

/* ==================================================
	컨텐츠버튼
================================================== */
.cw-btn, .cg-btn, .cp-btn, .cdp-btn {position:relative;display:inline-block;font-size:14px;font-weight:400;vertical-align:middle;transition:all .25s ease;line-height:1.1;}
.cw-btn, a.cw-btn {background:#fff;border:1px solid #aaa;color:#444;}
.cw-btn:hover, .cw-btn:focus {background:#0C4F9F;border:1px solid #0C4F9F;color:#fff;}
.cg-btn, a.cg-btn {background:#2b405b;border:1px solid #2b405b;color:#fff;}
.cg-btn:hover, .cg-btn:focus {background:#122e38;border:1px solid #122e38;color:#fff;}
.cp-btn, a.cp-btn {
	background:#0C4F9F;
	border:1px solid #0a386e;
	color:#fff;
	}
.cp-btn:hover, .cp-btn:focus {background:#003265;border:1px solid #003265;color:#fff;}
.cdp-btn, a.cdp-btn {background:#fd8900;border:1px solid #fd8900;color:#fff;}
.cdp-btn:hover, .cdp-btn:focus {background:#ea480f;border:1px solid #ea480f;color:#fff;}

a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {display:block;padding:14px 45px 15px 15px;line-height:1;}
input.cw-btn, button.cw-btn {padding:0 40px 0 15px;height:50px;cursor:pointer;}
.cw-btn .ico, .cg-btn .ico, .cp-btn .ico, .cdp-btn .ico {position:absolute;right:15px;top:50%;padding:0;width:16px;height:16px;margin-top:-9px;background:url('../images/icon/ico_cbtn.png') no-repeat 0 0;-webkit-transition:right .25s ease; transition:right .25s ease-out}
.cw-btn .arr {background-position:6px 0;}
.cg-btn .arr, .cp-btn .arr, .cdp-btn .arr {background:url('../images/icon/ico_cbtn.png') no-repeat 6px -44px;}
.cw-btn:hover .arr, .cw-btn:focus .arr {background-position: 6px -44px;}
.cw-btn .plus {background-position: -20px 0;}
.cg-btn .plus, .cp-btn .plus, .cdp-btn .plus {background:url('../images/icon/ico_cbtn.png') no-repeat -20px -44px;}
.cw-btn:hover .plus, .cw-btn:focus .plus {background-position: -20px -44px;}
.cw-btn .nw {background-position: -48px 0;}
.cg-btn .nw, .cp-btn .nw, .cdp-btn .nw {background:url('../images/icon/ico_cbtn.png') no-repeat -48px -43px;}
.cw-btn:hover .nw, .cw-btn:focus .nw {background-position: -48px -43px;}
.cw-btn .zoom {background-position: -77px 0;}
.cg-btn .zoom, .cp-btn .zoom, .cdp-btn .zoom {background:url('../images/icon/ico_cbtn.png') no-repeat -77px -44px;}
.cw-btn:hover .zoom, .cw-btn:focus .zoom {background-position: -77px -44px;}
.cw-btn .down {background-position: -107px 0;}
.cg-btn .down, .cp-btn .down, .cdp-btn .down {background:url('../images/icon/ico_cbtn.png') no-repeat -107px -44px;}
.cw-btn:hover .down, .cw-btn:focus .down {background-position: -107px -44px;}
.cw-btn .calendar {background-position: -137px 0;}
.cg-btn .calendar, .cp-btn .calendar, .cdp-btn .calendar {background:url('../images/icon/ico_cbtn.png') no-repeat -137px -44px;}
.cw-btn:hover .calendar, .cw-btn:focus .calendar {background-position: -137px -44px;}
.cw-btn:hover .ico, .cg-btn:hover .ico, .cp-btn:hover .ico, .cdp-btn:hover .ico {right:20px;}

.con-btn {
	position:relative;
	display:inline-block;
	font-size:16px;
	vertical-align:middle;
	transition:all .25s ease;
	line-height:1.1;
	margin-top:15px;
	}
.con-btn, a.con-btn {
	background:#2841a1;
	border:1px solid #2841a1;
	color:#fff;
	}
.con-btn:hover, .con-btn:focus {
	background:#1e317b;
	border:1px solid #1e317b;
	color:#fff;
	}
a.con-btn span {
	display:block;
	padding:15px 45px 16px 15px;
	line-height:1;
	}
.con-btn .cicon {
	position:absolute;
	right:15px;
	top:50%;
	padding:0;
	-webkit-transition:right .25s ease;
	transition:right .25s ease-out
	}
.con-btn:hover .cicon {right:20px;}
.clink {
	width:16px;
	height:16px;
	margin-top:-7px;
	background:url('../images/icon/link.png') no-repeat 0 0;
	}

/* ==================================================
	유튜브 영상
================================================== */
.youtubeWrap{position: relative; padding-bottom: 56.25%;padding-top: 35px;height: 0;overflow: hidden}
.youtubeWrap iframe{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index:1}
.youtubeWrap .btn_prev,
.youtubeWrap .btn_next {display:inline-block; position:absolute; top:50%; margin-top:-45px; z-index:100; background:rgba(0,0,0,0.6); color:#fff}
.youtubeWrap .btn_prev {left:0}
.youtubeWrap .btn_next {right:0}
.youtubeWrap .btn_prev > img {float:left}
.youtubeWrap .btn_next > img {float:right}
.youtubeWrap .btn_prev > span,
.youtubeWrap .btn_next > span {display:inline-block; float:left; height:90px;padding:0 15px; margin:20px 0; max-height:50px; max-width:180px; font-size:16px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:none; }
.youtubeWrap .btn_prev:hover > span,
.youtubeWrap .btn_prev:focus > span,
.youtubeWrap .btn_next:hover > span,
.youtubeWrap .btn_next:focus > span {display:inline-block}

.movieBox {
	overflow:hidden;
	}
.movieBox li{
	position:relative;
	float:left;
	width:50%;
	padding:0 1%;
	margin-top:25px;
	}

.movieBox_100 {
	width:100% !important;
	}
.movieBox_33 {
	width:33.33333333333333333333% !important;
	}

/* 모바일CSS */
@media only screen and (max-width:800px) {
	.movieBox_33 {
		width:50% !important;
		}
}

/* ==================================================
	회사소개 > 개요
================================================== */

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

	.overview {position:relative; margin-bottom:100px; padding-left:590px;}
	.overview img {position:absolute; left:0; top:0;}
	.overview p {margin-bottom:30px; font-family:'Rnoto'; font-size:34px;}
	.overview p span {display:block;}
	.overview p em {font-family:'Bnoto'; color:#15a9d9;}
	.overview table {width:100%; font-size:18px; border-top:2px solid #6e6e6e;}
	.overview th {width:120px; padding:10px 0; background:#f5f5f5; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
	.overview td {padding:10px; border-bottom:1px solid #dcdcdc;}
	
}

@media screen and (min-width:416px) and (max-width:1024px) {
	
	.overview {text-align:center;}
	.overview img {width:70%; margin-bottom:30px;}
	.overview p {margin-bottom:30px; font-family:'Rnoto'; font-size:34px;}
	.overview p span {display:block;}
	.overview p em {font-family:'Bnoto'; color:#15a9d9;}
	.overview table {width:100%; font-size:18px; border-top:2px solid #6e6e6e;}
	.overview th {width:150px; padding:10px 0; background:#f5f5f5; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
	.overview td {padding:10px 20px; text-align:left; border-bottom:1px solid #dcdcdc;}
	
}

@media screen and (max-width:415px) {
	
	.overview {padding:0 15px;}
	.overview img {width:100%; margin-bottom:25px;}
	.overview p {margin-bottom:25px; font-family:'Rnoto'; font-size:24px;}
	.overview p em {font-family:'Bnoto'; color:#15a9d9;}
	.overview table {width:100%; font-size:14px; border-top:2px solid #6e6e6e;}
	.overview th {width:80px; padding:10px 0; background:#f5f5f5; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
	.overview td {padding:10px; text-align:left; border-bottom:1px solid #dcdcdc;}

}

/* ==================================================
	회사소개 > 인사말
================================================== */

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

	.greeting {position:relative; margin-bottom:100px; padding:65px 0 0 540px;}
	.greeting img {position:absolute; left:0; top:0;}
	.greeting div {position:relative; z-index:9; padding:40px 0 0 40px; background:white;}
	.greeting p {margin-bottom:15px; font-size:18px;}
	.greeting p span {display:block;}
	.greeting p:nth-child(1) {margin-bottom:30px; font-family:'Rnoto'; font-size:34px;}
	.greeting p:nth-child(1) em {font-family:'Bnoto'; color:#15a9d9;}
	
}

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

	.greeting {position:relative; text-align:center;}
	.greeting img {width:70%; margin-bottom:30px;}
	.greeting div {padding:0 15%; text-align:left;}
	.greeting p {margin-bottom:15px; font-size:18px;}
	.greeting p:nth-child(1) {margin-bottom:30px; font-family:'Rnoto'; font-size:34px;}
	.greeting p:nth-child(1) em {font-family:'Bnoto'; color:#15a9d9;}

}

@media screen and (max-width:415px) {
	
	.greeting {padding:0 15px;}
	.greeting img {width:100%; margin-bottom:25px;}
	.greeting p {margin-bottom:10px;}
	.greeting p:nth-child(1) {margin-bottom:25px; font-family:'Rnoto'; font-size:24px;}
	.greeting p:nth-child(1) em {font-family:'Bnoto'; color:#15a9d9;}

}

/* 서명 */
p.sign {
	line-height: 26px;
	color: #333;
	text-align:right;
	}
p.sign .name {
	display: inline-block;
	font-size: 42px;
	padding-left: 6px;
	}
p.sign .name img{
	position: relative;
	}


/* ==================================================
	회사소개 > 연혁
================================================== */

@media screen and (min-width:1025px) {
	
	.history {position:relative; margin-bottom:100px; padding:0 50px;}
	.history img {position:absolute; right:30px; top:0;}
	.history p {margin-bottom:20px; font-family:'Rnoto'; font-size:34px;}
	.history p span {display:block;}
	.history p em {font-family:'Bnoto'; color:#15a9d9;}
	.history dl {position:relative; width:540px; padding:35px 0 30px 120px; border-bottom:1px solid #dcdcdc;}
	.history dt {position:absolute; left:0; top:18px; font-family:'Bnoto'; font-size:34px; color:#15a9d9;}
	.history dl:nth-child(even) dt {color:#a0ac93;}
	.history dd {font-size:18px;}
	.history dd span {display:inline-block; margin-right:20px;}

}

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

	.history {text-align:center; padding:0 15%;}
	.history img {width:70%; margin-bottom:25px;}
	.history p {margin-bottom:15px; font-family:'Rnoto'; font-size:34px;}
	.history p span {display:block;}
	.history p em {font-family:'Bnoto'; color:#15a9d9;}
	.history dl {position:relative; width:100%; padding:35px 0 30px 110px; text-align:left; border-bottom:1px solid #dcdcdc;}
	.history dl:last-child {border-bottom:none;}
	.history dt {position:absolute; left:0; top:18px; font-family:'Bnoto'; font-size:34px; color:#15a9d9;}
	.history dl:nth-child(even) dt {color:#a0ac93;}
	.history dd {font-size:18px;}
	.history dd span {display:inline-block; margin-right:15px;}
	
}

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

	.history {text-align:center; padding:0 15px;}
	.history img {width:70%; margin-bottom:25px;}
	.history p {margin-bottom:25px; font-family:'Rnoto'; font-size:24px;}
	.history p span {display:block;}
	.history p em {font-family:'Bnoto'; color:#15a9d9;}
	.history dl {position:relative; width:100%; margin-bottom:20px; padding:0 0 20px 70px; text-align:left; border-bottom:1px solid #dcdcdc;}
	.history dl:last-child {margin-bottom:0; padding:0 0 0 70px; border-bottom:none;}
	.history dt {position:absolute; left:0; top:-7px; font-family:'Bnoto'; font-size:20px; color:#15a9d9;}
	.history dl:nth-child(even) dt {color:#a0ac93;}
	.history dd {position:relative; padding-left:50px;}
	.history dd span {position:absolute; left:0; top:0;}
	
}

/* ==================================================
	회사소개 > 조직도
================================================== */

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

	.organization {margin:60px auto 100px; text-align:center;}
	.organization img.m {display:none;}

}

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

	.organization {padding:0 10%;}
	.organization img {width:100%;}
	.organization img.m {display:none;}

}

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

	.organization {padding:0 15px;}
	.organization img {width:100%;}
	.organization img.pt {display:none;}

}

/* ==================================================
	회사소개 > 오시는 길
================================================== */

@media screen and (min-width:1025px) {
	
	.directions {margin-bottom:100px;}
	.directions #map {width:100%; height:600px;}
	.directions .info {padding:20px 0 25px; text-align:center; border:1px solid #dddddd;}
	.directions dl {display:inline-block; margin-right:100px; padding-right:100px; border-right:1px solid #dddddd;}
	.directions dl.opt03 {margin-right:0; padding-right:0; border-right:none;}
	.directions dt {text-align:left;}
	.directions dl.opt01 dt {padding-left:30px; background:url("../images/about/icon_address.jpg") 0 5px / 20px no-repeat;}
	.directions dl.opt02 dt {padding-left:28px; background:url("../images/about/icon_phone.jpg") 0 6px / 19px no-repeat;}
	.directions dl.opt03 dt {padding-left:30px; background:url("../images/about/icon_fax.jpg") 0 6px / 19px no-repeat;}
	.directions dt {margin-bottom:3px; font-size:20px; color:#15a9d9;}
	.directions dd {font-size:16px;}
	
}

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

	.directions {margin-bottom:40px;}
	.directions #map {width:100%; height:600px; margin-bottom:20px;}
	.directions dl {display:inline-block; margin:0 10% 20px 0;}
	.directions dl.opt03 {margin:0 0 20px 0;}
	.directions dl.opt01 dt {padding-left:30px; background:url("../images/about/icon_address.jpg") 0 5px / 20px no-repeat;}
	.directions dl.opt02 dt {padding-left:28px; background:url("../images/about/icon_phone.jpg") 0 6px / 19px no-repeat;}
	.directions dl.opt03 dt {padding-left:30px; background:url("../images/about/icon_fax.jpg") 0 6px / 19px no-repeat;}
	.directions dt {margin-bottom:3px; font-size:20px; color:#15a9d9;}
	.directions dd {font-size:16px;}

}

@media screen and (max-width:415px) {
	
	.directions {margin-bottom:40px; padding:0 12px;}
	.directions #map {width:100%; height:400px;}
	.directions dl {margin-top:15px;}
	.directions dl.opt03 {margin-right:0; padding-right:0;}
	.directions dl.opt01 dt {padding-left:30px; background:url("../images/about/icon_address.jpg") 0 5px / 18px no-repeat;}
	.directions dl.opt02 dt {padding-left:28px; background:url("../images/about/icon_phone.jpg") 0 6px / 18px no-repeat;}
	.directions dl.opt03 dt {padding-left:30px; background:url("../images/about/icon_fax.jpg") 0 6px / 17px no-repeat;}
	.directions dt {margin-bottom:2px; font-size:18px; color:#15a9d9;}
	
}


/* ==================================================
	관리운영 - 부서별 관리운영
================================================== */
/* 공통 - 상단 부서설명 */
.dep_bg {
	position: relative;
	}
.dep_bg img {
	width:100%;
	}
.dep_bg .title {
	position: absolute;
	top: 20%;
	left: 8%;
	width: 240px;
	height: 180px;
	background: #fff;
	z-index: 1;
	}
.dep_title {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 30px;
	}
.dep_title:before, .dep_title:after {
	position: absolute;
	left: 0;
	width: 96%;
	height: 35px;
	border: 5px solid #15a8db;
	content: "";
	}
.dep_title:before {
	top: 0;
	border-bottom-width: 0;
	}
.dep_title:after {
	bottom: 0;
	border-top-width: 0;
	}
.dep_title h3 {
	text-align: center;
	font-size: 18pt;
	color: #15a9d9;
	}
.dep_title h3:after {
	width: 40px;
	height: 2px;
	margin: 14px auto;
	display: block;
	content: "";
	background-color: #15a9d9;
	}
.dep_title .desc {
	display: block;
	font-weight: 300;
	text-align: center;
	word-break: keep-all;
	}
/* 모바일 및 탭 */
@media screen and (max-width:1100px){
	.dep_bg .title {
		position: absolute;
		top: 20%;
		left: 4%;
		width: auto;
		height: auto;
		background: #fff;
		z-index: 1;
		}
	.dep_title:before, .dep_title:after {
		width: 97.5%;
		height: 25px;
		}
	.dep_title h3 {
		font-size: 16pt;
		}
	.dep_title h3:after {
		width: 30px;
		margin: 10px auto;
		}
	.dep_title .desc {
		font-size: 10pt;
		}
	}

@media screen and (max-width:700px){
	.dep_bg img {
		display:none;
		}
	.dep_bg .title {
		position: relative;
		top: 0;
		left: 0;
		}
	}

/* 공통 - 타이틀 */
.dep_tit{
	margin: 55px 0 0; 
	}
.dep_tit h3{
	display:inline-block;
	padding-bottom:15px;
	font-family: 'NanumSquare';
	font-weight: 700;
	font-size: 20px;
	color:#094559;
	border-bottom:solid 1px #15a9d9;
	}
.dep_tit .blue_title {
    font-size: 160%;
	border-bottom: 0;
	}

/* 공통 - 설명 */
.dep_txt{
	margin-top: 25px;
	}

/* 공통 - 방법*/
.rule{
	display: inline-block;
	width:100%;
	}
/* rule 리스트 */
.rule_list{
	float:left;
	width: 31.5%;
	margin-top: 2.5%;
	margin-right: 2.5%;
	padding: 40px 50px 30px;
	border:solid 1px #17b2e6;
	background-image: url('../images/business/bg_01.png');
	background-repeat: no-repeat;
	background-position-x: 95%;
	background-position-y: 15px;
	min-height: 225px;
	}
.rule_list:nth-child(3n){
	margin-right:0;
	}
.rule_list_number{
	width:100%;
	margin-bottom: 20px;
	padding-bottom: 15px;
	
	font-size: 15pt;
	text-align: center;
	color: #0f7799;
	border-bottom: solid 1px #cacaca;
	}

.rule_list_number span{
	font-family: 'NanumSquare';
	font-weight: 700;
	font-size: 28pt;
	}
.sappy01_height{
	min-height:310px;
	}
/*.sappy02_height{
	min-height:430px;
	}*/
.healthy_drink02_height{
	min-height:270px;
	}
/* 모바일 및 탭 */
@media screen and (max-width:1100px){
	.rule_list{
		width:48.5%;
		min-height:200px;
		}
	.rule_list_number{
		font-size:14pt;
		}
	.rule_list_number span{
		font-size:24pt;
		}
	.rule_list:nth-child(3n){
		margin-right:2.5%;
		}
	.rule_list:nth-child(even){
		margin-right:0;
		}
	}
/* 모바일 및 탭 */
@media screen and (max-width:800px){
	.rule_list{
		}
	.rule_list_number {
		font-size:12pt;
		}
	.rule_list_number span {
		font-size:18pt;
		}
	.rule_list .p {
		font-size:9pt;
		}
	}
@media screen and (max-width:586px){
	.rule_list{
		width:100%;
		margin-right:0;
		min-height:auto;
		}
	.rule_list_number span {
		font-size:16pt;
		}
	}

/* 공통 - 표 */
.business_table {
	margin-top: 2%;
	}
.business_table table {
	width:100%;
	}
.business_table table caption {
	visibility: hidden;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	}
.business_table table th {
	padding: 22px 0;
	text-align:center;
	color: #fff;
	font-family: 'Rnoto'; font-weight:600; font-size:12pt; 
	line-height: 130%;
	background-color: #6f838f;
	border-left: 1px solid #d6d7d8;
	border-bottom: 1px solid #d6d7d8;
	}
.business_table table th:first-child {
	border-left: 0;
	}
.business_table table td {
	border-left: 1px solid #d6d7d8;
	border-bottom: 1px solid #d6d7d8;
	padding:14px 7px;
	font-weight:normal; text-align:left;
	line-height: 130%;
	}
.business_table table tbody th{
	color: #094559;
	font-weight:normal; 
	background-color:#e8ebed;
	}
.business_table table tbody tr th:first-child{
	border-left: 0;
	}
/* 표 가로 사이즈 */
.bistb_width0 {
	width:auto;
	}
.bistb_width01 {
	width:10%;
	}
.bistb_width02 {
	width:15%;
	}
.bistb_width03 {
	width:20%;
	}
.bistb_width04 {
	width:40%;
	}
.border_t{
	border-top:1px solid #d6d7d8;
	}
.border_t01{
	border-top:2px solid #6f838f;
	}
.border_r{
	border-right:1px solid #d6d7d8;
	}
.bg01{background-color: #b7c1c7 !important;}
.center , .center td{
	text-align:center !important;}
 .border_l0 tr td:first-child{
	border-left:0;
	}
/* 모바일CSS */
@media all and (max-width:900px) {
	.business_table table th {
		padding:10px 7px;
		font-size:11pt;
		}
	.business_table table td  {
		font-size:10pt;
		padding:10px 7px;
		}
	.business_table table tbody th{
		font-size:10pt;
		}
	}
@media all and (max-width:450px) {
	.business_table table th {
		font-size:10pt;
		}
	.business_table table td  {
		font-size:9pt;
		letter-spacing:-0.5px;
		}
	.business_table table tbody th{
		font-size:9pt;
		}
	}


/* 시설관리*/
.facility_pic{
    display: grid;
    gap: 30px 30px;
    grid-template-columns: 1fr 1fr;
    margin-top: 30px;
}
.facility_pic img{
	width: 100%;
}

.facility_con{
	margin-top:15px;
	}
.facility_con:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.facility_con > li {
	float: left;
	width: 25%;
	padding: 12px;
	}
.facility_inner {
	height: 100%;
	background: #fff;
	border:1px solid #dcdcdc;
	}
.facility_inner_img {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width:100%;
	}
.facility_inner_img img {
	display: block;
	max-width: 100%;
	height: auto;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	}
.facility_inner_img:hover img{
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
	}
.facility_inner_content {
	min-height: 210px;
	padding: 25px 20px;
	position: relative;
	text-align: center;
	}
.facility_inner_num {
	display: block;
	font-style: normal;
	font-size: 15pt;
	font-weight: 200;
	line-height: 1;
	color: #094559;
	}
.facility_inner_num strong{
	font-family: 'NanumSquare';
	font-size:24pt;
	}
.facility_inner_content > p {
	margin-top: 13px;
	line-height: 1.6;
	color: #666;
	border-top: solid 1px rgba(0, 0, 0, 0.1);
	padding-top: 13px;
	}
/* 모바일 및 탭 */
@media screen and (max-width:1280px){
	.facility_con > li {
		padding: 6px;
		}
	.facility_inner_num {
		font-size: 18px;
	}
	.facility_inner_num strong{
		font-size:20px;
		}
	.facility_inner_img img {width: 100%;}
}
@media screen and (max-width:1023px){
	.facility_con > li {
		padding: 2%;
		width:50%;
	}
	.facility_inner_content > p {
		font-size: 13px;
		}
	.facility_ment {
		font-size: 18px;
		}
}
@media screen and (max-width:900px){
	.vtop_list > li span {
		font-size: 20px;
		padding-top:100px;
		}
}
@media screen and (max-width:780px){
	.vtop_list {
		margin-bottom: 0;
		margin-top: 0;
		}
	.vtop_list > li {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top:30px;
		}
	.facility_inner_content {
		min-height: 180px;
		padding: 22px 20px 28px;
		}
	.facility_inner_num  {font-size: 16px;}

	.facility_inner_content > p {
		padding-left:0;
		}
}
@media screen and (max-width:560px){
	.facility_con > li {
		padding: 2%;
		width:100%;
	}
	.facility_inner_content {
		min-height: auto;
		}
	.facility_inner_content > p {
		text-align: center;
		}
}


/* 본사 기술자현황 + 본사 장비현황 */
/* 이미지 */
/* 시설관리*/
.technician_status_pic{
    display: grid;
    gap: 30px 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 30px;
}
.technician_status_pic img{
	width: 100%;
}

.business_table02 {
	margin-top: 2%;
	}
.business_table02 table {
	width:100%;
	}
.business_table02 table caption {
	visibility: hidden;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	}
.business_table02 table th {
	padding: 22px 0;
	text-align:center;
	color: #fff;
	font-family: 'Rnoto'; font-weight:600; font-size:12pt; 
	line-height: 130%;
	background-color: #6f838f;
	border-left: 1px solid #d6d7d8;
	border-bottom: 1px solid #d6d7d8;
	}
.business_table02 table th:first-child {
	border-left: 0;
	}
.business_table02 table td {
	border-left: 1px solid #d6d7d8;
	border-bottom: 1px solid #d6d7d8;
	padding:14px 7px;
	font-weight:normal; text-align:center;
	line-height: 130%;
	}
.business_table02 table tbody td:first-child{
	border-left: 0;
	}
/* 모바일CSS */
@media all and (max-width:900px) {
	.business_table02 table th {
		padding:10px 7px;
		font-size:11pt;
		}
	.business_table02 table td  {
		font-size:10pt;
		padding:10px 7px;
		}
	.business_table02 table tbody th{
		font-size:10pt;
		}
	}
@media all and (max-width:640px) {

	}
@media all and (max-width:450px) {
	.business_table02 table th {
		font-size:10pt;
		}
	.business_table02 table td  {
		font-size:9pt;
		letter-spacing:-0.5px;
		}
	.business_table02 table tbody th{
		font-size:9pt;
		}
	}



/* ==================================================
	기계설비
================================================== */
/* 대행절차 */
.per_check{
    display: grid;
    gap: 30px 60px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.per_check .check_list{
    position: relative;
}
.per_check .check_list:after{
    display: block;
	position: absolute;
	top:50%; right:-60px;
    width: 60px;	height: 2px;
	padding-top:30px;
	font-size:16px;
	text-align: center;
	color:#15a9d9;
    content: "→";
}
.per_check .check_list:last-child:after{
    display: none;
}

.per_check .check_list img{
	width: 100%;
}
.floaw_txt {
	font-size: 16px;
    font-weight: 600;
    line-height: 56px;
    text-align: center;
	color:#000000;
	border-bottom:solid 1px #15a9d9;
}
.per_check .check_list ul{
	min-height:208px;
	padding: 20px 0;
	border-bottom:solid 1px #dee2e6;
}
.per_check .check_list li{
	line-height: 1.9;
}

/* 장비 보유현황 */
.equip_list{
    display: grid;
    gap: 30px 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 30px;
	}
.equip_list li .plist_img{
	width:100%;
	border: solid 1px #b0bec5;
	border-bottom: solid 1px #15a9d9;
	}
.equip_list li .plist_img img{
	width:100%;
	max-height:380px;
	}
.equip_list li .plist_tit {
	padding:20px 0;
	text-align:center;
	background:#ecf0f2;
	}
.equip_list li .plist_tit p{
	font-weight: 600;
	}

/* 모바일CSS */
@media screen and (max-width:1024px){
	.equip_list{
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media screen and (max-width:600px){
	.equip_list{
		gap: 20px 20px;
		grid-template-columns: 1fr 1fr;
		margin-top: 20px;
	}
	.equip_list li .plist_tit p{
		font-size: 16px; 
	}
}


/* ==================================================
	건물관리실적
================================================== */
/* 상단 배너 */
.performance_bg{
	margin: 0 auto;
	margin-top:50px;
	max-width: 2500px;
	padding:90px 0;
	background:url('../images/performance/performance_bg.jpg') no-repeat center;
	}
.performance_slider{
	margin:0 auto;
	width: 100%; max-width: 1200px;
	z-index:1;
}

.performance_slider .per_toplist:nth-child(odd){
	padding-left:20px;
	}
.performance_slider .per_toplist:nth-child(even){
	padding-left:20px;
	}
.per_toplist .img{
	width:100%;
	border:solid 1px #16a8d9;
	}
.per_toplist .table_width01{
	width:100px;
	}
.per_toplist thead th{
	padding: 12px 0;
	background: #15a9d9;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	color: #fff;
	border-bottom:solid 1px #c4cbce;
	}
.per_toplist tbody th{
	padding: 8px 0;
	background: #e7f4f8;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #094559;
	border-right:solid 1px #c4cbce;
	border-bottom:solid 1px #c4cbce;
	}
.per_toplist tbody td{
	padding: 8px 15px;
	background: #fff;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: #094559;
	border-bottom:solid 1px #c4cbce;
	}
/* 모바일CSS */
@media screen and (max-width:1024px) {
	.performance_bg {
		padding: 70px 0;
		}
	.performance_slider {
		width: 86%;
		}
	.per_toplist thead th {
		padding: 8px 0;
		font-size: 18px;
		}
	.per_toplist tbody th {
		padding: 6px 0;
		font-size: 14px;
		}
	.per_toplist tbody td {
		padding: 6px 10px;
		font-size: 14px;
		}
	.per_toplist .table_width01{
		width:70px;
		}
	}
@media screen and (max-width:800px) {
	.performance_slider .per_toplist:nth-child(odd){
		padding-right:0;
		}
	.performance_slider .per_toplist:nth-child(even){
		padding-left:0;
		}
	}

/* 하단 리스트 */
.performance_list{
	width: 100%;
	display: inline-block;
	}
.performance_list li{
	float:left;
	margin-top:30px;
	width:33.33333%;
	padding:0 1%;
	}
.performance_list .img{
	width:100%;
	border:solid 1px #16a8d9;
	border-bottom:0;
	}
.performance_list .table_width01{
	width:100px;
	}
.performance_list thead th{
	padding: 12px 0;
	background: #6c7e84;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	color: #fff;
	border-bottom:solid 1px #c4cbce;
	}
.performance_list tbody th{
	padding: 8px 0;
	background: #e7f4f8;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #094559;
	border-right:solid 1px #c4cbce;
	border-bottom:solid 1px #c4cbce;
	}
.performance_list tbody td{
	padding: 8px;
	background: #fff;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: #094559;
	border-bottom:solid 1px #c4cbce;
	}
/* 모바일CSS */
@media screen and (max-width:1024px) {
	.performance_list thead th {
		padding: 8px 0;
		font-size: 16px;
		}
	.performance_list tbody th {
		padding: 6px 0;
		font-size: 12px;
		}
	.performance_list tbody td {
		padding: 6px 10px;
		font-size: 12px;
		}
	.performance_list li:nth-child(4){
		float:none;
		float:left;
		}
	.performance_list .table_width01{
		width:65px;
		}
	}
@media screen and (max-width:860px) {
	.performance_list li{
		margin-top:20px;
		width:50%;
		}
	}



/* ==================================================
	커뮤니티 - 문의하기
================================================== */
.contact{
	width:100%;
	margin-top:30px;
	background:url('../images/community/contact_bg01.jpg') 0 center no-repeat;
	}
.contact .txt{
	padding:5% 3% 5% 48%;
	}
.contact h2{
	font-size:36px;
	color:#000;
	}
.contact .txt1{
	width:100%;
	font-size:13pt;
	line-height:32px;
	color:#333;
	padding:10px 0;
	border-bottom:1px solid #808080;
	}
.contact .txt2{
	margin:2% 0;
	}
.contact .txt2 li{
	font-size:16px;
	color:#333;
	line-height:48px;
	padding-left:46px;
	}
.contact .txt2 li.tel{background:url('../images/icon/ic_tel2.png') 0 50% no-repeat;}
.contact .txt2 li.fax{background:url('../images/icon/ic_fax2.png') 0 50% no-repeat;}
.contact .txt2 li.email{background:url('../images/icon/email_ic.png') 0 50% no-repeat;}
.contact .txt2 li.email a{
	color:#333;
	}
.contact .txt2 li.caddress {background:url('../images/icon/ic_add.png') 0 50% no-repeat;margin-top:1px;}
.contact .txt2 li.quality{background:url('../images/icon/ic_quality.png') 0 50% no-repeat;}
.contact .txt2 li.sales{background:url('../images/icon/ic_sales.png') 0 50% no-repeat;}
.contact .txt3 {
	padding-top: 1%;
	font-size: 18px;
	color: #333;
	}

/* 모바일 및 탭 */
@media screen and (max-width:800px){
	.contact{
		height:auto;background:none;
		}
	.contact .txt{padding:0;}
	.contact h2{
		font-size:18px;line-height:20px;
		}
	.contact .txt1{
		max-width:100%;
		font-size:14px;
		line-height:22px;
		padding:8px 0 10px 0;
		background:none;
		border-bottom:1px solid #aaaaac;
		}
	.contact .txt2{
		margin:10px 0;
		}
	.contact .txt2 li{
		font-size:14px;
		line-height:38px;
		padding-left:43px;
		}
	.contact .txt3{
		font-size:13px;color:#787878;
		}
}


/* ==================================================
	사이트맵
================================================== */
.sitemap{
	width:100%;
	height:auto;
	}
.sitemap:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.sitemap .depth01{
	float:left;
	width:18%;
	margin:0 1%;
	padding-top:10px;
	border-top: 2px solid #15a9d9;
	}
.sitemap div.depth01{
	font-size:15pt;
	color:#15a9d9;
	font-weight:bold;
	}
.sitemap .sub{
	border-top: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 25px;
	}
.sitemap ul.sub2{
	padding-left:14px;
	}
.sitemap li.depth02{
	padding:8px 0;
	border-bottom:1px dashed #ccc;
	}
.sitemap li.depth02 a{
	font-size:11pt;
	color:#222;
	}
.sitemap .sub_m{
	padding-top:4px;
	}
.sitemap .sub_m li {
	background: url('../images/icon/ico_grayDot.png') no-repeat 0 11px;
	background-size: 3px;
	padding-left: 10px;
	}
.sitemap .sub_m li a{
	font-size:10pt;
	color:#949494;
	line-height:160%;
	font-weight:normal;
	}
.sitemap .sub_m .model{
	padding-left:13px;
	}

/* 모바일CSS */
@media all and (max-width:750px) {
	.sitemap .depth01{
		width:96%;
		margin: 30px 2% 0 2%;
		}
	.sitemap div.m01{
		margin-top:0 !important;
		}
}