@charset "utf-8";

/** 전체 스타일 **/

/************ 풋터 ************/
#ft-sns-wrap {width:100%; border-top:1px solid #ddd;}
#ft-sns-wrap:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

#ft-sns-wrap .inner1100 {height:64px;}
#ft-sns-wrap .ft-btn-top {float:right; margin-left: 15px; width: 70px; height: 100%; background-color:#45629e; border:none; text-align: center; transition: all 0.3s ease;}
#ft-sns-wrap .ft-btn-top span {display: block; }
#ft-sns-wrap .ft-btn-top b {color:#fff; font-weight: 400; font-size: 17px; }
#ft-sns-wrap .ft-btn-top:hover {background-color:#1c4392;}

#ft-sns-wrap .ft_sns_ul {float:right; margin-top: 8px;}
#ft-sns-wrap .ft_sns_ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
#ft-sns-wrap .ft_sns_ul li {float:left; margin-left:8px;}

@media (max-width: 970px) {
	#ft-sns-wrap {}

	#ft-sns-wrap .inner1100 {height:38px;}
	#ft-sns-wrap .ft-btn-top {display: none;}

	#ft-sns-wrap .ft_sns_ul {margin-top: 4px;}
	#ft-sns-wrap .ft_sns_ul li {margin-left:5px;}
	#ft-sns-wrap .ft_sns_ul li a img {width:40px;}
}






/************ 메인 ************/


/*메인타이틀*/
.main-t-p {font-size:30px; color:#333; text-align: center; margin-bottom: 7px;font-weight:700;}
.main-s-t-p {font-size:14px; color:#666; text-align: center; margin-bottom: 30px;}


@media (max-width: 970px) {	
	.main-t-p {font-size:20px; margin-bottom: 7px;}
	.main-s-t-p {font-size:14px; margin-bottom: 25px;}
}



/*모바일슬라이드*/
@media (max-width: 970px) {	

	.bx-viewport {height: 150px;}
	.bx-viewport ul {height:100%;}
	.bx-viewport ul li {height:100%;}
	.bx-viewport ul li .bg {height:100%;position: relative;overflow: hidden;}
	.bx-viewport ul li .bg a {display:block;}
	.bx-viewport ul li .bg img {
		width:auto !important;
		min-width:100%;
		height:100%;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(-50%,0);
	}

}

@media (max-width: 520px) {	

	.bx-viewport ul li .bg img {
		/*transform: translate(-60%,0);*/
	}

}


/*유튜브쪽*/
.main-youtube-wrap {width: 100%; padding:70px 0 50px;}
.main-youtube-wrap:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.main-youtube-wrap .video-b {float:left; width: 67%; border:1px solid #eee; padding:15px 15px 12px 15px; position: relative;}
.main-youtube-wrap .video-b .s-b {display: block; width: 20px; height: 20px; border:1px solid #1955b7; position: absolute;}
.main-youtube-wrap .video-b .s-b.lt {left:-1px; top:-1px; border-right: none; border-bottom: none;}
.main-youtube-wrap .video-b .s-b.rt {right:-1px; top:-1px; border-left: none; border-bottom: none;}
.main-youtube-wrap .video-b .s-b.lb {left:-1px; bottom:-1px; border-right: none; border-top: none;}
.main-youtube-wrap .video-b .s-b.rb {right:-1px; bottom:-1px; border-left: none; border-top: none;}

.main-youtube-wrap .video-b iframe {box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}

.main-youtube-wrap .txt-b {float:left; width: 33%; padding:75px 54px 0 70px;}
.main-youtube-wrap .txt-b h2 {font-size: 24px; font-weight: 500; color:#444; line-height: 1.3; margin-bottom: 15px;}
.main-youtube-wrap .txt-b h5 {font-size: 14px; color:#666; font-weight:400; line-height: 1.6;
	display:-webkit-box;
	height:85px; /* 높이값 추가 */
	overflow:hidden; /* 숨김처리 */
	text-overflow:ellipsis;
	-webkit-line-clamp:4; /*라인수 설정*/
	word-wrap:break-word;
	-webkit-box-orient:vertical;
}
.main-youtube-wrap .txt-b .btn_more {display:block; width: 100%; border:1px solid #e0e0e0; padding:15px 20px 13px; margin-top: 30px; transition: all 0.2s ease;}
.main-youtube-wrap .txt-b .btn_more:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.main-youtube-wrap .txt-b .btn_more b {float:left; font-size: 16px; color:#222; font-weight: 400; transition: all 0.2s ease;}
.main-youtube-wrap .txt-b .btn_more span {float:right; font-size: 20px; color:#666; font-weight: 300; transition: all 0.2s ease;}

.main-youtube-wrap .txt-b .btn_more:hover {background-color:#1955b7; border-color:#1955b7;}
.main-youtube-wrap .txt-b .btn_more:hover b {color:#fff;}
.main-youtube-wrap .txt-b .btn_more:hover span {color:#fff;}

@media (max-width: 970px) {

	/*유튜브쪽*/
	.main-youtube-wrap {width: 100%; padding:30px 0 20px;}
	.main-youtube-wrap .video-b {float:none; width: 100%; padding:10px;}
	.main-youtube-wrap .video-b .s-b {width: 15px; height: 15px;}
	.main-youtube-wrap .video-b iframe {height:250px;}


	.main-youtube-wrap .txt-b {float:none; width: 100%; padding:20px 20px;}
	.main-youtube-wrap .txt-b h2 {font-size: 17px; margin-bottom: 7px;}
	.main-youtube-wrap .txt-b h5 {font-size: 13px; 
		height:58px; /* 높이값 추가 */
		-webkit-line-clamp:3; /*라인수 설정*/
	}
	.main-youtube-wrap .txt-b .btn_more {padding:12px 15px 10px; margin-top: 15px;}
	.main-youtube-wrap .txt-b .btn_more b {font-size: 14px;}
	.main-youtube-wrap .txt-b .btn_more span {font-size: 20px; color:#666; font-weight: 300; transition: all 0.2s ease;}

	.main-youtube-wrap .txt-b .btn_more:hover {background-color:#1955b7; border-color:#1955b7;}
	.main-youtube-wrap .txt-b .btn_more:hover b {color:#fff;}
	.main-youtube-wrap .txt-b .btn_more:hover span {color:#fff;}

}




/*궁금한점*/
.main-moreBottom-wrap {width: 100%; padding:40px 0;}
.main-moreBottom-wrap .row {}

.main-moreBottom-wrap .bgIcon{
	position: absolute;
	z-index: 0;
}

.main-moreBottom-wrap .bgIcon.one {left:-50px;bottom: -6px;}
.main-moreBottom-wrap .bgIcon.two {right:-50px;top: 1px;}
.main-moreBottom-wrap .bgIcon.three {left: 124px;top: 30px;}
.main-moreBottom-wrap .bgIcon.four {right: 248px;bottom: 28px;}

.main-moreBottom-wrap {
	max-width: 1100px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 40px 30px;
	background: rgba(226, 226, 252, 0.1);
	background: -moz-linear-gradient(top, #e2e2fc 40%, #e0e2fa 41%, #dce3f7 100%);
	/*background: -webkit-gradient(left top, left bottom, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(41%, rgba(255, 255, 255, 0.01)), color-stop(100%, rgba(0, 0, 0, 0.05)));*/
	background: -webkit-linear-gradient(top, #e2e2fc 40%, #e0e2fa 41%, #dce3f7 100%);
	background: -o-linear-gradient(top, #e2e2fc 40%, #e0e2fa 41%, #dce3f7 100%);
	background: -ms-linear-gradient(top, #e2e2fc 40%, #e0e2fa 41%, #dce3f7 100%);
	overflow: hidden;
	position: relative;
	
}

.main-sns-box {float:left; width: 57%; height: 320px; border:1px solid #e0e0e0; padding:30px 25px;}
.main-sns-box ul {width: 100%; height: 100%;}
.main-sns-box ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.main-sns-box ul li {float:left; width: 50%; height: 50%;}
.main-sns-box ul li:nth-of-type(2) {border-left:1px solid #eee; padding:0 0 0 15px;}
.main-sns-box ul li:nth-of-type(3) {border-top:1px solid #eee; padding: 10px 0 0;}
.main-sns-box ul li:nth-of-type(4) {border-top:1px solid #eee; border-left:1px solid #eee;padding: 10px 0 0 15px;}

.main-sns-box ul li:nth-of-type(1) h2 {color:#3b579d;}
.main-sns-box ul li:nth-of-type(2) h2 {color:#55ad4a;}
.main-sns-box ul li:nth-of-type(3) h2 {color:#583c15;}
.main-sns-box ul li:nth-of-type(4) h2 {color:#00a99d;}

.main-sns-box ul li > a {display: block; width: 100%; height: 100%; padding:18px 0 0 20px;}
.main-sns-box ul li > a:hover button {color:#1955b7;}
.main-sns-box ul li > a:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.main-sns-box .img-b {float:left; width: 40px; }
.main-sns-box .txt-b {float:left; width: calc(100% - 40px); padding-left: 16px;}
.main-sns-box .txt-b h2 {font-size: 20px; font-weight:500; color:#444; margin-bottom: 5px; line-height: 1; letter-spacing: -0.08em;}
.main-sns-box .txt-b h5 {font-size: 13px; font-weight:400; color:#666;}
.main-sns-box .txt-b button {font-size: 12px; font-weight:600; color:#333; width: 75px; height: 20px; background:url('../img/icon_go_arrow.png') no-repeat right bottom; border:none; text-align: left; padding:0 0 10px; font-family: 'Roboto','notokr'; margin-top: 12px; transition: all 0.3s ease; letter-spacing: -0.05em;}


.main-sns-box2 {width: calc(100% - 60px);}
.main-sns-box2 ul {width: 100%; height: 100%;}
.main-sns-box2 ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.main-sns-box2 ul li {float:left; width: calc(25% - 10px); height: 50%;border:1px solid #e0e0e0; background:#fff;padding:30px 25px;}
.main-sns-box2 ul li:nth-of-type(2) {margin-left:10px;}
.main-sns-box2 ul li:nth-of-type(3) {margin-left:10px;}
.main-sns-box2 ul li:nth-of-type(4) {margin-left:10px; width: 25%;}

.main-sns-box2 ul li:nth-of-type(1) h2 {color:#3b579d;}
.main-sns-box2 ul li:nth-of-type(2) h2 {color:#55ad4a;}
.main-sns-box2 ul li:nth-of-type(3) h2 {color:#583c15;}
.main-sns-box2 ul li:nth-of-type(4) h2 {color:#00a99d;}

.main-sns-box2 ul li > a {display: block; width: 100%; height: 100%;}
.main-sns-box2 ul li > a:hover button {color:#1955b7;}
.main-sns-box2 ul li > a:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.main-sns-box2 .img-b {float:left; width: 40px; }
.main-sns-box2 .txt-b {float:left; width: calc(100% - 40px); padding-left: 16px;}
.main-sns-box2 .txt-b h2 {font-size: 20px; font-weight:500; color:#444; margin-bottom: 5px; line-height: 1; letter-spacing: -0.08em;}
.main-sns-box2 .txt-b h5 {font-size: 13px; font-weight:400; color:#666;}
.main-sns-box2 .txt-b button {font-size: 12px; font-weight:600; color:#333; width: 75px; height: 20px; background:url('../img/icon_go_arrow.png') no-repeat right bottom; border:none; text-align: left; padding:0 0 10px; font-family: 'Roboto','notokr'; margin-top: 12px; transition: all 0.3s ease; letter-spacing: -0.05em;}


.main-calendar-wrap {float:left; width: 38%; margin-left: 5%;}
.main-calendar-wrap h3 {text-align:right; font-size: 19px; font-weight: 500; color:#444; padding:0 0 7px;}

.main-calendar-wrap .tbl_b {width: 100%;}
.main-cal-tbl {width:100%; border-collapse: collapse; height: 286px;}
.main-cal-tbl th {border:1px solid #ddd; background-color:#45629e; text-align: center; color:#fff; padding:7px 5px; }
.main-cal-tbl td {border:1px solid #ddd; text-align: center;}
.main-cal-tbl td a {font-size:15px; color:#444; padding:10px; border-radius: 50%; min-width: 38px; display: inline-block; transition: all 0.3s ease;}
.main-cal-tbl td a:hover {background-color:#e5e8ef;}
.main-cal-tbl td a.t-d {background-color:#82e0cb; color:#fff;}



@media (max-width: 970px) {
	/*궁금한점*/
	.main-moreBottom-wrap {width: 100%; padding:20px 0 100px;}
	.main-moreBottom-wrap .row {}
	.main-sns-box {float:none; width: 100%; height: auto; padding:10px;}
	.main-sns-box ul {}
	.main-sns-box ul li {}

	.main-sns-box ul li:nth-of-type(2) {padding:0px;}
	.main-sns-box ul li:nth-of-type(3) {padding:0px;}
	.main-sns-box ul li:nth-of-type(4) {padding:0px;}

	.main-sns-box ul li > a {padding:15px; }
	.main-sns-box ul li > a:hover button {}
	.main-sns-box .img-b {float:none; width: 100%; margin:0 0 5px; }
	.main-sns-box .txt-b {float:none; width: 100%; padding-left: 0px;}
	.main-sns-box .txt-b h2 {font-size: 15px;}
	.main-sns-box .txt-b h5 {font-size: 13px;}
	.main-sns-box .txt-b button {margin-top: 7px;}


	.main-calendar-wrap {float:none; width: 100%; margin: 15px 0 0 0;}
	.main-calendar-wrap h3 {text-align:left; font-size: 16px;}

	.main-calendar-wrap .tbl_b {}
	.main-cal-tbl {height: 286px;}
	.main-cal-tbl th {font-size: 14px; padding:5px;}
	.main-cal-tbl td {}
	.main-cal-tbl td a {font-size:13px; padding:7px; min-width: 30px;}
}



/*메인 슬라이드 로고 배너*/
.main-slide-banner-wrap {width: 100%; padding:20px 0; border-top:1px solid #ddd;}
.main-slide-banner-wrap:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.main-slide-banner-wrap .inner1100 {height: 50px;}

/*버튼*/
.main-slide-banner-wrap .btn {display:block; float:left; width: 5%; height: 100%; background-color:red; text-align: center; border:none; background-color:transparent;}
.main-slide-banner-wrap .btn i {font-size:25px; color:#444;}
/*슬라이드*/
.main-slide-banner-wrap .slide-box {float:left; width: 90%; height: 100%;}
.main-slider-banner li {padding:0 5px; float:left; width: 25%; height: 100%;}
.main-slider-banner li .a-t {display: block; width: 100%; height: 50px; border:1px solid #ddd; background-color:#fff; overflow: hidden;}
.main-slider-banner li .a-t img {width: 100%; height: 100%;}




/* 서브 컨텐츠 */
.bo_top_img {display: none;}
#nav {display: none;}
#bo_list_total {display: none;}


/*서브컨텐츠 기본*/
#sub-content { width: 1100px; margin: 0 auto; padding:40px 0 150px;}
#sub-content:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}


/*왼쪽메뉴*/
#s-left-Menu {float:left; width: 200px;}
#s-left-Menu .t-top {width: 100%; height: 150px; padding-top: 57px;
	text-align: center; position:relative;
	background: -moz-linear-gradient(-45deg, #00a8e6 0%, #01a2e0 50%, #006fbb 100%);
	background: -webkit-linear-gradient(-45deg, #00a8e6 0%, #01a2e0 50%, #006fbb 100%);
	background: -o-linear-gradient(-45deg, #00a8e6 0%, #01a2e0 50%, #006fbb 100%);
	background: -ms-linear-gradient(-45deg, #00a8e6 0%, #01a2e0 50%, #006fbb 100%);
	background: linear-gradient(135deg, #00a8e6 0%, #01a2e0 50%, #006fbb 100%);
}

#s-left-Menu .t-top h1 {font-size: 28px; color:#fff; font-weight: 500;}
#s-left-Menu .t-top .bg {position: absolute;}
#s-left-Menu .t-top .bg.one {top:0; right:0;}
#s-left-Menu .t-top .bg.two {top:0; left:0;}

#s-left-Menu .menu-ul {width: 100%; margin-top:18px;}
#s-left-Menu .menu-ul li {width: 100%; border-bottom:1px solid #e6e6e6;}
#s-left-Menu .menu-ul li a {display: block; padding:15px 25px 14px 10px; position: relative;}
#s-left-Menu .menu-ul li a b {font-size:15px; font-weight: 500; color:#5c5c5c;}
#s-left-Menu .menu-ul li a span {display: block; width:18px; height: 18px; background-image: url(../img/icon_subMenu_arrow.png); background-repeat: no-repeat; position: absolute; right:10px; top:51%; transform: translateY(-50%);}

#s-left-Menu .menu-ul li.active a b {font-size:15.5px; font-weight: 600; color:#444;}
#s-left-Menu .menu-ul li.active a span {background-image:url(../img/icon_subMenu_arrow_hover.png);}



/*오른쪽 컨텐츠*/
#s-right-con {float:left; width: calc(100% - 200px); padding-left: 50px;}
#s-right-con:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
#s-right-con .title {padding:15px 5px 10px; border-bottom: 2px solid #eee; margin-bottom: 45px;}
#s-right-con .title h2 {font-size:32px; font-weight:700; color:#05488a; letter-spacing: -0.08em;}

#s-right-con2 {width: 100%;}
#s-right-con2:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
#s-right-con2 .title {padding:15px 5px 10px; border-bottom: 2px solid #eee; margin-bottom: 45px;}
#s-right-con2 .title h2 {font-size:32px; font-weight:700; color:#05488a; letter-spacing: -0.08em;}


#ctt {display: none;}



@media (max-width: 1100px) {
	/*서브컨텐츠 기본*/
	#sub-content {width: 100%; padding:40px 10px 120px;}
}

@media (max-width: 970px) {

	/*서브컨텐츠 기본*/
	#sub-content {padding:20px 20px 50px;}


	/*왼쪽메뉴*/
	#s-left-Menu {display: none;}


	/*오른쪽 컨텐츠*/
	#s-right-con {float:none; width:100%; padding-left: 0px;}
	#s-right-con .title {padding:3px 5px 6px; border-bottom: 1px solid #222; margin-bottom: 20px;}
	#s-right-con .title h2 {font-size:18px; font-weight:500; letter-spacing: -0.05em;}
}


/*갭*/
.gab75 {width: 100%; height: 75px;}
.gab50 {width: 100%; height: 50px;}
.gab30 {width: 100%; height: 30px;}


@media (max-width: 970px) {
	.gab75 {height: 30px;}
	.gab30 {height: 18px;}
	.gab50 {height: 25px;}
}


/*정렬*/
.textC {text-align:center !important;}




/*인사말*/
.ceo-img-Tb {width: 100%; margin-bottom: 60px;}
.ceo-img-Tb img {max-width:100%; box-shadow: 10px 10px 0 #e8eef9;}

.ceo-greeting {}
.ceo-greeting p {font-size: 16px; color:#555; line-height: 1.6;}
.ceo-greeting p b {font-size:1.1em; font-weight: 500;}
.ceo-greeting p.name {text-align: right; margin-top: 45px;}


@media (max-width: 970px) {
	/*인사말*/
	.ceo-img-Tb {margin-bottom: 30px;}
	.ceo-img-Tb img {box-shadow: 5px 5px 0 #e8eef9;}

	.ceo-greeting {}
	.ceo-greeting p {font-size: 13px; }
	.ceo-greeting p.name {text-align: right; margin-top: 20px;}
}





/*비전기관*/
.company-top-p {text-align: center; margin-bottom: 30px; color:#222; font-weight: 700; font-size:36px;}

.s-title-1 {font-size:20px; font-weight: 700; color:#333; padding-bottom:10px; /* padding-left: 32px; background-image:url(../img/icon_sub_01.png); background-position:left center; background-repeat: no-repeat; */ margin-bottom: 18px; border-bottom:2px solid #000;}

.s-title-1-nb {font-size:24px; font-weight: 700; color:#00a3e1; padding-bottom:10px; margin-bottom: 0; border-bottom:0;}

.nor-txt {font-size:16px; color:#444;}

.nor-ul {font-size:16px; color:#444;}
.nor-ul li {list-style-type:disc;margin-left:20px;margin-bottom:20px;}
.nor-ul li:last-child {margin-bottom:0;}
.nor-ul li:before {content:'';}
.nor-ul-in li {list-style-type:circle;margin-left:20px;margin-bottom:10px;}

.nor-ul2 {font-size:18px; color:#444;}
.nor-ul2 li {list-style-type:none;margin-left:20px;margin-bottom:20px;}
.nor-ul2 li:last-child {margin-bottom:0;}
.nor-ul2 li:before {content:'';}
.nor-ul2-in li {list-style-type:circle;margin-left:20px;margin-bottom:10px;}

.table .nor-txt {font-size:14px;}
.table .nor-ul {font-size:14px;}

.vision-img {margin-top: 30px;}


@media (max-width: 1100px) {
	.vision-img img {max-width: 100%;}
}


@media (max-width: 970px) {
	.s-title-1 {font-size:18px; padding-left: 20px; background-size:13px; margin-bottom: 10px;}

	.nor-txt {font-size:13px;}

	.vision-img {margin-top: 20px;}
}




/*오시는길*/
/* .contact-img-t {width: 100%; position: relative; background-image:url('../img/img_come_top.jpg'); background-repeat: no-repeat; background-size: top center; background-size: cover; width: 100%; height: 400px;} */

.contact-img-t {width: 100%; position: relative; background-image:url('../img/img_come-top1.jpg'); background-repeat: no-repeat; /* background-size: center top; */ background-size: cover; width: 100%; height: 400px;}

.contact-img-t .txt-b {position: absolute; z-index: 10; right:0; bottom: 0; background-color:rgba(3,54,148,0.57); padding:40px 20px 40px 25px; text-align: right;}
.contact-img-t .txt-b h3 {font-size:24px; color:#fff; font-weight: 500;}
.contact-img-t .txt-b .line {display: inline-block; width: 30px; height: 1px; background-color:#fff; margin:7px 0 4px;}
.contact-img-t .txt-b h4 {font-size:15px; color:#fff; font-weight: 400;}

.contact-map {}

.contact-info {width: 100%; margin-top: 20px;}
.contact-info .one {width: 100%; padding:30px 40px; border-bottom: 1px solid #e4e4e4;}
.contact-info .one:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

.contact-info .one .icon-b {float:left; width: 105px; height: 105px; border-radius: 50%; background-color:#efeadf; text-align: center; padding-top: 24px;}
.contact-info .one .text-b {float:left; width: calc(100% - 105px); padding:20px 10px 10px 40px;}
.contact-info .one .text-b h2 {font-size:16px; font-weight: 600; color:#333; margin-bottom: 15px;}
.dot-ul {width: 100%;}
.dot-ul li {margin-bottom: 5px; font-size: 14px; font-weight: 400; color:#555; padding-left: 13px; position: relative;}
.dot-ul li:before {content:""; position: absolute; left:0; top: 7px; width: 3px; height: 3px; border-radius: 50%; background-color:#777;}


@media (max-width: 970px) {
	/*오시는길*/
	.contact-img-t {height: 200px;}

	.contact-img-t .txt-b { padding:20px 10px 20px 15px;}
	.contact-img-t .txt-b h3 {font-size:18px;}
	.contact-img-t .txt-b .line {width: 20px;}
	.contact-img-t .txt-b h4 {font-size:13px;}

	.contact-map {}
	.contact-map iframe {height:250px;}

	.contact-info {margin-top: 10px;}
	.contact-info .one {padding:20px; }

	.contact-info .one .icon-b {width: 50px; height: 50px; padding-top: 15px;}
	.contact-info .one .icon-b img {width: 25px;}
	.contact-info .one .text-b {width: calc(100% - 50px); padding:1px 5px 5px 20px;}
	.contact-info .one .text-b h2 {font-size:15px; margin-bottom: 5px;}
	.dot-ul {}
	.dot-ul li {margin-bottom: 3px; font-size: 13px; padding-left: 10px;}
	.dot-ul li:before {top: 6px; width: 2px; height: 2px;}

}





/*기업주치의소개*/
.sub-subName {font-size:19px; font-weight: 600; color:#222; margin-bottom: 20px;}

.team-info-1 {width: 100%;}
.team-info-1 .one {float:left; width: 32%; margin-left: 2%; margin-bottom: 20px;}
.team-info-1 .one:nth-of-type(3n+1) {margin-left: 0%; clear:both;}

.team-info-1 .one .img-b {position:relative; width: 100%; height: 180px;}
.team-info-1 .one .img-b .img-in {width: 100%; height: 100%; overflow: hidden; border:4px solid #f0b400;}
.team-info-1 .one .img-b .img-in img {width: 100%; min-height: 100%; display: block;}
.team-info-1 .one .img-b .tag {position: absolute; left:-6px; bottom:10px; /* min-width: 145px; */ background-color:#ffbf00; padding:5px 15px 5px 15px; font-size:12px; font-weight: 700; color:#222;opacity:0.9;}
.team-info-1 .one .img-b .tag:after {content:""; width: 6px; height: 7px; background-image:url('../img/icon_center_tringle_1.png'); background-repeat:no-repeat; position: absolute; left:0; bottom:-7px;}


.team-info-1 .one .letter-b {width: 100%; min-height: 320px; border:1px solid #ddd; border-top: none; padding:25px 20px 5px 20px;}
.team-info-1 .one .letter-b .name {font-size: 18px; font-weight: 600; color:#222; margin-bottom: 10px;}
.team-info-1 .one .letter-b .name em {font-size: 16px; font-weight: 400; color:#444;  font-style:normal;}
.team-info-1 .one .letter-b .dot-t {font-size: 16px; font-weight: 600; color:#222; margin-bottom: 10px;}
.team-info-1 .one .letter-b .dot-c {font-size: 13px; font-weight: 500; color:#666; margin-bottom: 12px; line-height: 1.3;}
.line-ul {margin-left: 15px;}
.line-ul li {margin-top: 5px; padding-left: 15px; font-size:12px; font-weight: 500; color:#444; position: relative;}
.line-ul li:before {content:""; width: 5px; height: 1px; background-color:#999; position: absolute; top: 9px; left: 0;}
.line-ul li:first-child {margin-top: 0px;}



.team-info-2 {width: 100%;}
.team-info-2 .one {float:left; width: 31.33%; margin-left: 3%; margin-bottom: 40px; border:1px solid #ddd;}
.team-info-2 .one:nth-of-type(3n+1) {margin-left: 0%; clear:both;}

.team-info-2 .one .img-b {width: 100%; /*height: 190px; */overflow: hidden; border-bottom: 1px solid #ddd; background-color:#fafafa;}
.team-info-2 .one .img-b img {width: 100%; min-height:100%; display: block;}

.team-info-2 .one .letter-b {width: 100%; min-height:135px; text-align: center; padding:22px 15px 9px;}
.team-info-2 .one .letter-b .name {font-size: 18px; font-weight: 600; color:#222; margin-bottom: 10px;}
.team-info-2 .one .letter-b .pos {font-size: 15px; font-weight: 500; color:#222; margin-bottom: 5px;}
.team-info-2 .one .letter-b .txt {font-size: 14px; font-weight: 400; color:#555; word-break: keep-all;}


.kakao-plus-team {margin-top: 50px;}
.kakao-plus-team.pdTSmall {margin-top: 20px;}
.kakao-plus-team a {display: inline-block; padding:10px 40px 10px 15px; border-radius: 50px; background-color:#fbe200; color:#3a1e1e; vertical-align: middle;}
.kakao-plus-team a span {display:inline-block; vertical-align: middle;}
.kakao-plus-team a .im {margin-right: 10px;}
.kakao-plus-team a .txt {font-size:17px;}



.mini-home-1 {width: 100%;}
.mini-home-1 .one {float:left; width: 19%; margin-left: 1%; margin-bottom: 20px;}
.mini-home-1 .one:nth-of-type(5n+1) {margin-left: 0%; clear:both;}

.mini-home-1 .one .img-b {position:relative; width: 100%; height: auto;}
.mini-home-1 .one .img-b .img-in {width: 100%; height: 100%; z-index: 1; overflow: hidden; border:4px solid #f0b400;border-radius:50%;}
.mini-home-1 .one .img-b .img-in img {width: 100%; min-height: 100%; display: block;}
.mini-home-1 .one .img-b .tag {
	position: absolute; 
	left:0; 
	bottom:0;

	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-direction: column;

	width:100%; 
	height:100%; 
	background-color:#ffbf00;
	padding:0; 
	font-size:24px;
	font-weight: 700;
	color:#fff;
	opacity:0.8;
	border-radius:50%;
	text-align:center;

	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}

.mini-home-1 .one .img-b .tag a {display:block;width:100%;height:100%;line-height:100%;opacity:1;}
.mini-home-1 .one .img-b .img-in a {line-height:100%;}

/* WIDGET: SERVICE BOX
-------------------------------------------- */
.vlt-service-box
{
    position: relative;
    overflow: hidden; 
	width: 100%;
	height: 100%;
	max-height: 209px;
	
	border-radius:50%;

    -webkit-transition: -webkit-transform 300ms;
            transition: -webkit-transform 300ms;
            transition:         transform 300ms;
            transition:         transform 300ms, -webkit-transform 300ms;
}
.vlt-service-box img
{
	width: 100%;
	height: 100%;

    -webkit-transition: -webkit-transform 300ms;
            transition: -webkit-transform 300ms;
            transition:         transform 300ms;
            transition:         transform 300ms, -webkit-transform 300ms; 

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.vlt-service-box__content
{
    position: absolute;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    width: 100%;
    height: 100%;

    -webkit-transition: background-color 300ms;
            transition: background-color 300ms; 

    color: #fff;
    background-color: rgba(16, 16, 16, .4);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}
.vlt-service-box__link
{
    position: absolute;
    z-index: 1; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.vlt-service-box__icon
{
    font-size: 60px; 

    margin-bottom: 10px;
}
.vlt-service-box__icon i
{
    display: inline-block;
}
.vlt-service-box__title
{
    color: inherit;
	font-size:20px;
	font-weight: 700;
}
.vlt-service-box:hover
{
	/*
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
	*/
}
.vlt-service-box:hover img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.vlt-service-box:hover .vlt-service-box__content
{
    background-color: rgba(240, 180, 0, .8);
}
.vlt-service-box:hover .vlt-service-box__icon i
{
    -webkit-animation: vlt_bounce 700ms forwards;
            animation: vlt_bounce 700ms forwards;
}


/*기업주치의 탭*/
.tab-team-box {margin-bottom: 60px;}
.s-team-tab {width: 100%;}
.s-team-tab:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.s-team-tab li {float:left; width: 33.33%; border:1px solid #ddd; border-left: none; transition: all 0.3s ease;}
.s-team-tab li:first-child {border-left:1px solid #ddd;}
.s-team-tab li a {display: block; text-align: center; padding:15px 10px 12px; font-size: 15px; color:#222; font-weight: 500; background-color:#f5f7f8; transition: all 0.3s ease;}
.s-team-tab li.active {border-color:#00a3e1;}
.s-team-tab li.active a {color:#fff; font-weight: 600; background-color:#00a3e1;}
.s-team-tab li:hover {border-color:#00a3e1;}
.s-team-tab li:hover a {color:#fff; font-weight: 600; background-color:#00a3e1;}

.tab-team-box2 {margin-bottom: 60px;}
.s-team-tab2 {width: 100%;}
.s-team-tab2:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.s-team-tab2 li {float:left; width: 50%; border:1px solid #ddd; border-left: none; transition: all 0.3s ease;}
.s-team-tab2 li:first-child {border-left:1px solid #ddd;}
.s-team-tab2 li a {display: block; text-align: center; padding:15px 10px 12px; font-size: 15px; color:#222; font-weight: 500; background-color:#f5f7f8; transition: all 0.3s ease;}
.s-team-tab2 li.active {border-color:#00a3e1;}
.s-team-tab2 li.active a {color:#fff; font-weight: 600; background-color:#00a3e1;}
.s-team-tab2 li:hover {border-color:#00a3e1;}
.s-team-tab2 li:hover a {color:#fff; font-weight: 600; background-color:#00a3e1;}





@media (max-width: 970px) {

	/*기업주치의소개*/
	.sub-subName {font-size:15px; margin-bottom: 15px;}

	.team-info-1 {}
	.team-info-1 .one {float:left; width: 49%; margin-left: 2%; margin-bottom: 10px;}
	.team-info-1 .one:nth-of-type(3n+1) {margin-left: 2%; clear:none;}
	.team-info-1 .one:nth-of-type(2n+1) {margin-left: 0%; clear:both;}

	.team-info-1 .one .img-b {height: auto;}
	.team-info-1 .one .img-b .img-in {border-width:2px;}
	.team-info-1 .one .img-b .tag {bottom:20px; min-width: 90px; padding:5px 5px 6px 10px; font-size:12px;}

	.team-info-1 .one .letter-b {min-height: 268px; padding:15px 15px 15px 20px;}
	.team-info-1 .one .letter-b .name {font-size: 15px; margin-bottom: 7px;}
	.team-info-1 .one .letter-b .name em {font-size: 14px;}
	.team-info-1 .one .letter-b .dot-t {font-size: 14px; margin-bottom: 7px;}
	.team-info-1 .one .letter-b .dot-c {font-size: 12px; margin-bottom: 7px;}
	.line-ul {margin-left: 5px;}
	.line-ul li {margin-top: 3px; font-size:13px;}
	.line-ul li:before {top: 8px; left: 0;}

	.team-info-2 {width: 100%;}
	.team-info-2 .one {float:left; width: 49%; margin-left: 2%; margin-bottom: 10px;}
	.team-info-2 .one:nth-of-type(3n+1) {margin-left: 2%; clear:none;}
	.team-info-2 .one:nth-of-type(2n+1) {margin-left: 0%; clear:both;}

	.team-info-2 .one .img-b {height: auto;}

	.team-info-2 .one .letter-b {min-height:135px; padding:15px 15px 10px;}
	.team-info-2 .one .letter-b .name {font-size: 15px; margin-bottom: 7px;}
	.team-info-2 .one .letter-b .pos {font-size: 14px; margin-bottom: 4px;}
	.team-info-2 .one .letter-b .txt {font-size: 13px; }


	.kakao-plus-team {margin-top: 20px;}
	.kakao-plus-team a {}
	.kakao-plus-team a .im {margin-right: 5px;}
	.kakao-plus-team a .im img {width: 20px;}
	.kakao-plus-team a .txt {font-size:14px;}

	/*기업주치의 탭*/
	.tab-team-box {margin-bottom: 30px;}
	.s-team-tab {}
	.s-team-tab li {}
	.s-team-tab li a {padding:10px 5px 9px; font-size: 13px; font-weight: 400;}
	.s-team-tab li:hover a {font-weight: 400;}
	.s-team-tab li.active a {font-weight: 400;}

}


/********* 상담안내 *********/
.info-graph-top-t {margin-bottom: 30px; text-align: center; font-size: 25px; font-weight: 500; color:#0762f3;}

.info-grpah-con {width: 100%; margin-bottom: 20px;}
.info-grpah-con:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.info-grpah-con .one {float: left;position:relative;overflow:hidden; margin:0 0 20px 2%; width: 49%; background-color: #e1f1fa; padding: 30px 20px;}
.info-grpah-con .one:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.info-grpah-con .one:nth-of-type(2) {background-color:#eeeded;}
.info-grpah-con .one:nth-of-type(3) {background-color:#eeeded;}
.info-grpah-con .one:nth-of-type(2n+1) {margin-left: 0; clear: both;}
.info-grpah-con .one .s-t {float: left; width: 25%; text-align: center; font-weight: 600; color:#222; font-size: 17px; padding-top: 5px;}

.info-grpah-con .one .c-t {float: left; width: 75%; font-size: 14px; color:#666; padding-left: 15px; border-left: 1px solid #bbb;}
.info-grpah-con .one i {position:absolute;bottom:-5px;right:10px;font-size:60px;opacity:0.1;z-index:9999;}

.info-con-01 {width: 100%; margin: 20px 0 40px; font-size: 16px; color:#333; line-height: 1.8;}




@media (max-width: 970px) {

	.info-graph-top-t {margin-bottom: 15px; font-size: 18px;}

	.info-grpah-con {margin-bottom: 10px;}
	.info-grpah-con .one {float: none; margin:0 0 10px 0%; width: 100%; padding: 20px 15px;}
	.info-grpah-con .one:nth-of-type(2) {background-color:#e1f1fa;}
	.info-grpah-con .one:nth-of-type(3) {background-color:#e1f1fa;}
	.info-grpah-con .one:nth-of-type(2n) {background-color:#eeeded;}
	.info-grpah-con .one .s-t {width: 25%; font-size: 14px; padding-top: 5px;}
	.info-grpah-con .one .c-t {width: 75%; font-size: 13px; padding-left: 15px;}

	.info-con-01 {margin: 10px 0 20px; font-size: 14px; line-height: 1.5;}

}