@charset "utf-8";
@import url('./font/webfont/webfont.css');

/* reset */
.mt50 {
	margin-top: 50px;
}
.d-block {
	display: block;
}

/* site css */
.sitelogo {
	display: inline-block;
	width: 200px;
	height: 48px;
	background: url(../img/dlogo.png) no-repeat 0 0;
	font-size: 0;
	position: absolute;
	top: 0;
	left: 0;
}


/* Tablet MD - 타블렛 세로 */
@media screen and  (min-width: 768px) {
	.sitelogo {
		top: -50px;
	}
	
	
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {
	.sitelogo {
		top: 0;
	}
	
}

.sitelogo a {
	display: block;
	width: 100%;
	height: 48px;
}

.gnbllist {
	width: 100%;
	position: relative;
	margin: 70px 0 0 0; 
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {
	.gnbllist {
		width: 900px;
		left: 50%;
		position: relative;
		margin: 70px 0 0 -300px;
	}
	
}


.utilmenu {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 50;
}

.fontsize22 {
	font-size: 20px !important;
	line-height: 1.5 !important;
	font-family: 'Nanum Gothic', sans-serif !important;
	font-weight: 400 !important;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.lnbwrap {
	width: 100%;
	position: relative;
	background:#fff;
	border-top: 1px solid #b6bac7;
	border-bottom: 1px solid #b6bac7;
	z-index: 10;

	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

    /* [정렬] 주축 - 가운데 기준 */
    -webkit-box-pack: center;
    -moz-box-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lnbwrap ul {
	width: 100%;
	margin: 0;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	/* 주축을 행(row)으로 설정 */
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

    /* [정렬] 주축 - 가운데 기준 */
    -webkit-box-pack: center;
    -moz-box-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

	    /* 줄바꿈 (Android 2.1~4.3 이하 지원 X) */ 
		-webkit-box-lines: multiple;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

}

.lnbwrap ul li {
	position: relative;

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

    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;

	max-width:33.3333%;
	font-size: 18px;
	line-height: 20px;
	box-sizing: border-box;

	    /* [정렬] 주축 - 가운데 기준 */
		-webkit-box-pack: center;
		-moz-box-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	
}


.lnbwrap ul li a {
	position: relative;
	box-sizing: border-box;
	color: black;
	padding: 12px 10px !important;
	text-align:center;
	display:block;
	width:100%;
	font-size:0.975rem;
	letter-spacing: -0.5px;
	border-top:none !important;
}

.lnbwrap ul li a::before {
	display:none;
}




.lnbwrap ul li:first-child a::before {
	display:none;
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 992px) {
	.lnbwrap ul {
		width: 1200px;
		position: relative;
		/* 줄바꿈 방지 */
		-webkit-box-lines: single;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.lnbwrap ul li{
		/* 주축을 행(row)으로 설정 */
		-webkit-box-orient: horizontal;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		max-width:inherit;
	}

	.lnbwrap ul li a {
		font-size:1.15rem;
		padding: 24px 0 !important;
	}
	
	.lnbwrap ul li a::before {
		content: "";
		position: absolute;
		left:0;
		top:50%;
		margin-top:-11.5px;
		width:1px;
		height:23px;
		display:block;
		background:#bec1d6;
	}
}

.lnbwrap ul li:last-child a {
	background: none;
}




.pagelocation {
	display: none;
}


/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {
	.pagelocation {
		display: inline-block;
		margin: 0 0 15px 20px;
		color: #6b7777;
	}
	
}


.locationhome {
	width: 20px;
	height: 20px;
	background: url(../img/icon_location.png) no-repeat 0 0;
	vertical-align: middle;
}

.copyrightwrap {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 15px;
	letter-spacing: -0.5px;
	font-size: 14px;
	line-height: 18px !important;
	color: #494a4d;
	margin: 00;
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {
	.copyrightwrap {
		padding:20px 0;
	}
}

.copyrightwrap span {
	display:block;
	padding:2px 0;
	color: #86878b;
	font-size:13px;
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {
	.copyrightwrap span {
		display:inline-block;
		padding:0 5px;

	}
}


.copyrightwrap i {
	display: inline-block;
	margin-top: 10px;
	font-style: normal;
	color: #90949f;
	font-size: 12px;
	line-height: 14px;
}


.subvisual {
	position: absolute;
	top: 99px;
	left: 0;
	z-index: -5;
	width: 100%;
	height: 200px;
}


.subvisual1 {
	background: url(../img/subimg1.png) no-repeat right top;
	background-size:contain;
}
.subvisual2 {
	background: url(../img/subimg2.png) no-repeat  right top;
	background-size:contain;
}
.subvisual3 {
	background: url(../img/subimg3.png) no-repeat  right top;
	background-size:contain;
	top:142px;
}


.subvisual4 {
	background: url(../img/subimg4.png) no-repeat  right top;
	background-size:contain;
}

.subvisual5 {
	background: url(../img/subimg5.png) no-repeat  right top;
	background-size:contain;
}
.subvisual6 {
	background: url(../img/subimg6.png) no-repeat  right top;
	background-size:contain;
}

/* Mobile SM - 모바일 가로 */
@media screen and  (min-width: 535px) {
	.subvisual3 {
		top:90px;
	}
}

/* Tablet MD - 타블렛 세로 */
@media screen and  (min-width: 768px) {
	.subvisual {
		top: 170px;
	}
}
/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {
	.subvisual {
		top: 190px;
		left:inherit;
		right:0;
		width: 820px;
		height: 410px;
	}	
}




.rightwrap {
	width: 80px;
	height: auto;
	display: block;
}
.rightwrap ul {
	width: 100%;
	border: 1px solid #c5ccd2;
	background: white;
	border-radius: 20px;
	display: block;
	box-sizing: border-box;
	padding: 10px;
}
.rightwrap ul li {
	width: 100%;
	font-size: 12px;
	line-height: 15px;
	font-weight: 400;
	letter-spacing: -0.5px;
}
.rightwrap ul li a {
	display: block;
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #c5ccd2;
	box-sizing: border-box;
	padding: 40px 0 0 0;
}
.rightwrap ul li:last-child a {
	border-bottom: 0px;
}
a.right1 {
	background: url(../img/icon_right1.png) no-repeat center 14px;
}
a.right2 {
	background: url(../img/icon_right2.png) no-repeat center 14px;
}
a.right3 {
	background: url(../img/icon_right3.png) no-repeat center 14px;
}




.nt-body .nt-container {
	padding-left:15px;
	padding-right:15px;
	padding-bottom: 130px;
	background: url('../img/sub-bottom-bg.png') left bottom no-repeat;
}


/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 992px) {
.nt-body .nt-container {
		padding-left: 0;
		padding-right:0;
	}	
}

#nt_footer {
	border-top: 1px solid #d8dbe5;
}


/* 모바일 : 메뉴 헤더 */
.bg-dreem{
	background-color: #3c96a5 !important;
}
.btn-dreem{
	background-color: #3c96a5 !important;
}


/* Main CSS */
.main_contentwrap {
	position: relative;
	display: block;
	width: 100%;
	background: #f6f6f6;
	border: 1px solid transparent;
	box-sizing: border-box;
	padding-bottom: 80px;
}
.main_contentwrap::after {
	z-index: 0;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 350px;
	background: url('../img/main/mainvisual.png') left top no-repeat;
	background-size:contain;
}

/* Tablet MD - 타블렛 세로 */
@media screen and  (min-width: 768px) {
	.main_contentwrap::after {
		background: url('../img/main/mainvisual.png') right top no-repeat;
		background-size:contain;

	}	
}


/* PC XL - PC 기본 */
@media screen and (min-width: 1280px) {
	.main_contentwrap::after {
		width: 1100px;
		height: 550px;
		background: url('../img/main/mainvisual.png') left top no-repeat;
		background-size:auto;
	}	
}



.mainboxes {
	z-index: 1;
	width: 100%;
	display: block;
	margin: 0 auto;
	padding:0 15px;
	position: relative;
}

/* PC XL - PC 기본 */
@media screen and (min-width: 1280px) {

	.mainboxes {
		width: 1200px;
		padding:0;

	}
}


/* main title text */
.maincontxt {
	position: relative;
	width: 68%;
	margin: 60px 0 0 0;
	padding: 20px;
	background:rgba(255, 255, 255, 0.8);
	z-index: 0;
}

.maincontxt b {
	z-index: 1;
	position: relative;
	display: block;
	width: 100%;
	font-family: NanumMyeongjo;
	font-size: 36px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: -4.2px;
	text-align: left;
	color: #000;
}

.maincontxt > span {
	display: block;
	width: 100%;
	font-family: NanumMyeongjo;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.07;
	letter-spacing: -1.8px;
	text-align: left;
	color: #000;
}

/* Tablet MD - 타블렛 세로 */
@media screen and  (min-width: 768px) {
	.maincontxt {
		width: 50%;
	}	
	.maincontxt b {
		font-size:46px;
	}
	.maincontxt > span {
		font-size:22px;
	}
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {
	.maincontxt {
		width: 45%;
	}	
	.maincontxt b {
		font-size:50px;
	}
	.maincontxt > span {
		font-size:26px;
	}
}



/* PC XL - PC 기본 */
@media screen and (min-width: 1280px) {
	.maincontxt {
		width: 450px;
		margin: 173px 0 0 0;
		padding: 0 0 20px 0;
		background:none;

	}
	

	.maincontxt b {
		font-size: 60px;
	}
	.maincontxt > span {
		font-size: 30px;
	}
	.main_contxtline {
		position: absolute;
		display: block;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2px;
		background: #fff;
		border: 0;
	}
	
}


/* main quickwrap */
.quickwrap {
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0px;

	/* 주축을 행(row)으로 설정 */
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	/* [정렬] space-between */
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;

	   /* 줄바꿈 (Android 2.1~4.3 이하 지원 X) */ 
	   -webkit-box-lines: multiple;
	   -moz-flex-wrap: wrap;
	   -ms-flex-wrap: wrap;
	   flex-wrap: wrap;
   
}

/* Tablet MD - 타블렛 세로 */
@media screen and  (min-width: 768px) {
	.quickwrap {
		margin-top: 100px;
	}
}


/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {
	.quickwrap {
	
    /* 줄바꿈 방지 */
    -webkit-box-lines: single;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	}


}


.quickwrap li {
	position: relative;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;

	/* [정렬] 주축 - 가운데 기준 */
	-webkit-box-pack: center;
	-moz-box-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;

	/* [정렬] 교차축 - 가운데 기준 */
	-webkit-box-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	margin:10px 0;
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {

	.quickwrap li {
		margin:0
	}
}
.quickwrap li > a {
	position: relative;
	width: 140px;
	height: 140px;
	background: #fff;
	color: #000;
	border-radius: 50%;
	text-align: center;
	padding-top: 95px;
	box-sizing: border-box;
	border: 2px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.quickwrap li > a:hover {
	color: #108758;
	border: 2px solid #108758;
	text-decoration: none;
	-webkit-box-shadow: 8px 8px 10px 0 rgba(16, 135, 88, 0.25);
	box-shadow: 8px 8px 10px 0 rgba(16, 135, 88, 0.25);
}

/* quick menu image : 퀵메뉴 이미지 */

.quickwrap li > a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 13px;
	display: block;
	width: 100%;
	height: 85px;
	box-sizing: border-box;
}
.quickwrap li.mainquick1 > a::before {
	background: url('../img/main/icon_main1.png') top center no-repeat;
}
.quickwrap li.mainquick2 > a::before {
	background: url('../img/main/icon_main2.png') top center no-repeat;
}
.quickwrap li.mainquick3 > a::before {
	background: url('../img/main/icon_main3.png') top center no-repeat;
}
.quickwrap li.mainquick4 > a::before {
	background: url('../img/main/icon_main4.png') top center no-repeat;
}
.quickwrap li.mainquick5 > a::before {
	background: url('../img/main/icon_main5.png') top center no-repeat;
}
.quickwrap li.mainquick6 > a::before {
	background: url('../img/main/icon_main6.png') top center no-repeat;
}

/* mainrecentwrap : 메인 하단 콘텐츠 */
.mainrecentwrap {
	position: relative;
	display: block;
	margin-top: 85px;
}



.mainrecent_left {
	display: inline-block;
	width: 100%;
	margin-right: 85px;
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1280px) {
	.mainrecent_left {
		width: 500px;
	}
}



.mainrecent_left > h2,
.mainrecent_right > h2 {
	font-weight: 600;
	font-size: 22px;
	color: #000;
}

.mainrecent_left .maincontact_wrap {
	display: block;
	width: 100%;
	margin-top: 14px;
	padding: 24px 30px;
	background: #fff;
	-webkit-box-shadow: 2px 5px 30px 0 rgba(83, 95, 112, 0.2);
	box-shadow: 2px 5px 30px 0 rgba(83, 95, 112, 0.2);
}

.mainrecent_left .maincontact_wrap > p {
	display: block;
	width: 100%;
	padding-left: 35px;
}
.mainrecent_left .maincontact_wrap > p.phone1 {
	font-size: 36px;
	background: url('../img/main/Icon-feather-phone-call.png') left center
		no-repeat;
}

.mainrecent_left .maincontact_wrap > p.phone1 a {
	color: #37353e;
}
.mainrecent_left .maincontact_wrap > p.phone1 a:hover {
	color: #09a91f;
}
.mainrecent_left .maincontact_wrap > p.phone2 {
	font-size: 26px;
	background: url('../img/main/Icon-material-phonelink-ring.png') left center
		no-repeat;
}

.mainrecent_left .maincontact_wrap > p.phone2 > a {
	color: #25b2ac;
}
.mainrecent_left .maincontact_wrap > p.phone2 > a:hover {
	color: #09a91f;
}

.mainrecent_left .maincontact_wrap > span {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #5a6971;
}

.callcenter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 15px;
	/* 주축을 행(row)으로 설정 */
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	/* [정렬] space-between */
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.callcenter li {
	width: 49%;
	border-radius: 5px;
	border: solid 1px #bec1d6;
	background-color: #fff;
}
.callcenter li > a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 16px 17.2px 15px 13px;
	font-size: 16px;
	color: #272927;
}
.callcenter li > a::after {
	content: '';
	position: absolute;
	display: block;
	width: 28px;
	height: 28px;
	right: 19px;
	top: 50%;
	margin-top: -14px;
}
.callcenter li.online > a::after {
	background: url('../img/main/Icon-ionic-ios-arrow-forward.png') right center
		no-repeat;
}
.callcenter li.navcafe {
	border: solid 1px #22ba36;
}
.callcenter li.navcafe > a::after {
	background: url('../img/main/ncafe.png') right center no-repeat;
}

/* mainrecentwrap : 메인 하단 - 오른쪽 콘텐츠 */
.mainrecent_right {
	display: block;
	width: 100%;
	margin-top:40px;
}


/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1280px) {
	.mainrecent_right {
		float: right;
		width: 615px;
		margin-top:0;

	}
}



.mainrecent_right > .notile_box {
	margin-top: 16px;
}

/* 공지사항 위젯 redisign css */
.na-title .na-item{
	width:100%;
	padding-right:60px;
}
.mainrecent_right > .notile_box .na-title .na-subject {
	position: relative;
	padding: 2px 0 2px 15px;
	font-size: 16px;
	font-weight: 300;
}


/* PC XL - PC 기본 */
@media screen and (min-width: 1280px) {
	.mainrecent_right > .notile_box .na-title .na-subject {
		padding: 7px 0 7px 15px;
		font-size: 20px;
	}

}


.mainrecent_right > .notile_box .na-title .na-subject::before {
	content: '';
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	margin-top: -4px;
	width: 2px;
	height: 8px;
	background: #aaa9c7;
}
.mainrecent_right > .notile_box .na-title .float-right {
	position: absolute;
	right:0;
	top:0;
	padding: 7px 0;
}
.mainrecent_right > .notile_box .na-title .float-right > span.orangered {
	line-height: 38px;
	font-size: 16px;
}

/* ***************************************************************************************

SUB CONTENTS : 서브 콘텐츠 

*****************************************************************************************/

/* 인사말 */
h2.page_header_tit {
	width: 80%;
	font-family: 'NanumMyeongjo' !important;
	margin:0 0 30px 0;
	font-size: 20px;
	line-height: 1.38;
	letter-spacing: -2px;
	text-align: left;
	color: #323539;
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {
	h2.page_header_tit {
		width: 477px;
		height: 102px;
		margin: 0 0 65px 0;
		font-family: 'NanumMyeongjo' !important;
		font-size: 26px;
	}
	


}



.text_box {
	width: 100%;
	margin-bottom:20px;
}
.text_box p {
	width: 100%;
	margin: 0 0 15px;
	font-family: 'NanumBarunGothic';
	font-size: 16px;
	line-height: 1.63;
	color: #3b4141;
	font-weight: 400;
	word-break: keep-all;
}

/* 구성원 */
.member {
	display: block;
	width: 100%;
	text-align: center;
}
.memeber_tit {
	display: inline-block;
	padding: 14px 80px;
	background: #48c2bd;
	border-radius: 10px;
}

.memeber_tit span {
	display: block;
	font-size: 18px;
	color: #cef2f2;
}

.memeber_tit strong {
	font-weight: 600;
	font-size: 24px;
	color: #fff;
}

.style2 .memeber_tit {
	background: #fff;
	border-radius: 0;
	border: 3px solid #97a0a0;
}

.style2 .memeber_tit span {
	font-size: 14px;
	color: #595f5f;
}

.style2 .memeber_tit strong {
	font-size: 18px;
	color: #000;
}

.memeber_spec {
	display: block;
	width: 100%;
	margin: 30px auto 50px;
	padding: 30px;
	border-radius: 10px;
	border: 1px solid #48c2bd;
	background: #fff;
	overflow: hidden;
}
.style2 .memeber_spec {
	border: 1px solid #97a0a0;
}

.memeber_spec li {
	position: relative;
	width: 100%;
	padding: 4px 0 4px 15px;
	text-align: left;
	font-size: 16px;
	line-height: 1.4;
	color: #3b4141;
}


/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {
	.memeber_spec li {
		width: 50%;
		float: left;

	}
	
}



.memeber_spec li::before {
	content: '';
	position: absolute;
	left: 0;
	top:12px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #bcbebd;
}



.memeber_spec.block {
	margin-bottom: 0;
}
.memeber_spec.block li {
	width: 100%;
}

/* 찾아오시는길 : 지도 */
.conbox {
	margin-bottom: 60px;
}

h3.page_header_tit {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 600;
	color: #886cd6;
}

h4.page_header_tit {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 600;
	color: #48c2bd;
}

h5.page_header_tit {
	margin-bottom: 8px;
	padding-bottom:5px;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 600;
	color: #000;
	border-bottom:2px solid #eee; 
}



.box_con {
	margin: 10px 0;
	padding: 8px 15px;
	background-color: #fff;
	border: solid 1px #97a0a0;
}


.box_con .size1 {
	position: relative;
	display: block;
	padding-right: 25px;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.5px;
}
/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {
	.box_con {
		padding: 10px 22px;

	}
	.box_con .size1 {
		display: inline-block;
		font-size: 20px;
	}
}

.box_con .line::after {
	content: '';
	position: absolute;
	display: block;

	width: 2px;
	height: 15px;
	right: 0;
	bottom: 10px;
	background: #97a0a0;
}
.color_mint {
	color: #6cbfbc;
}

.box_con .size2 {
	display:block;
	font-size: 14px;
	font-weight: 400;
	color: #3b4141;
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {
	.box_con .size2 {
		display: inline-block;
		padding-left: 20px;
	
	}	
}


.box_con strong {
	position: relative;
	display: block;
	width: 100%;
	margin-right: 25px;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: #3b4141;
}

.box_con strong::after {
	display:none;
}

.box_con > a {
	display: inline-block;
	font-size: 16px;
	color: #000;
}
/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {
	.box_con strong {
		display: inline-block;
		font-size: 20px;
	}
	.box_con strong::after {
		content: '';
		position: absolute;
		right: 0;
		top: 6px;
		display:block;
		width: 2px;
		height: 22px;
		background: #97a0a0;
	}
	
	.box_con > a {
		font-size: 20px;
	}
}


.box_con > a:hover {
	color: #886cd6;
}

/* 지도 */
.map-canvas {
	width: 100%;
	height: 450px;
}
.map_view_more {
	margin-top: 10px;
	margin-bottom: 20px;
}

.map_view_more > a.btn {
	position: relative;
	display: inline-block;
	min-width: 130px;
	padding: 6px 10px;
	border-radius: 5px;
	background: #fff;
	border: solid 1px #bec1d6;
	font-size: 16px;
	font-weight: 600;
	color: #272927;
	text-align: left;
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 1024px) {

	.map_view_more > a.btn {
		min-width: 215px;
		padding: 12px 20px;

	}

}
.map_view_more > a.btn::after {
	content: '';
	position: absolute;
	display: block;
	right: 15px;
	top: 50%;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border-right: 2px solid #272927;
	border-bottom: 2px solid #272927;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.map_view_more > a.btn:hover {
	color: #fff;
	background: #886cd6;
	border: solid 1px #886cd6;
}

.map_view_more > a.btn:hover::after {
	border-color: #fff;
}

/* table style : 테이블 스타일링 - 콘텐츠 */
.table_con {
	width: 100%;
	margin: 10px 0;
	padding: 0;
	font-size: 16px;
	border-left: 1px solid #bdc9c9;
	border-top: 1px solid #bdc9c9;
}
.table_con thead th,
.table_con thead td {
	padding: 5px 10px;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	text-align: center;
	border-right: 1px solid #bdc9c9;
	border-bottom: 1px solid #bdc9c9;
}

.table_con thead th {
	background: #edf0f0;
}

.table_con tbody th,
.table_con tbody td {
	padding: 5px 10px;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	text-align: center;
	border-right: 1px solid #bdc9c9;
	border-bottom: 1px solid #bdc9c9;
	line-height: 1.2;
}

.list_style_dot {
	display: block;
	width: 100%;
	margin-bottom:20px;
	overflow: hidden;
}
.list_style_dot > li {
	position: relative;
	width: 100%;
	padding: 2px 0 2px 15px;
	text-align: left;
	font-size: 15px;
	color: #3b4141;
}

.list_style_dot > li::before {
	content: '';
	position: absolute;
	left: 5px;
	top: 13px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #bcbebd;
}
.list_style_dot.lv2 > li {
	position: relative;
	width: 100%;
	padding: 2px 0 2px 12px;
	text-align: left;
	font-size: 15px;
	color: #3b4141;
}

.list_style_dot.lv2 > li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 16px;
	width: 4px;
	height: 1px;
	border-radius: 0;
	background: #000;
}

/* 절차 콘텐츠 */


.flow_con {
	/* (기본필수) flex container 생성 */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;

	/* 주축을 행(row)으로 설정 */
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	/* 줄바꿈 방지 */
	-webkit-box-lines: single;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	/* [정렬] space-between */
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;

	/* [정렬] 교차축 - 가운데 기준 */
	-webkit-box-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 992px) {
	.flow_con {
			/* 줄바꿈 방지 */
	-webkit-box-lines: single;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;

	}
}



.flow_con > li {
	position: relative;
	/* (기본필수) flex container 생성 */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;

	/* 주축을 열(column)로 설정 */
	-webkit-box-orient: vertical;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	/* [정렬] 주축 - 가운데 기준 */
	-webkit-box-pack: center;
	-moz-box-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;

	/* [정렬] 교차축 - 가운데 기준 */
	-webkit-box-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	width: 100%;
	margin-bottom:40px;
	padding: 10px 8px;
	border-radius: 10px;
	border: solid 2px #97a0a0;
	background-color: #fff;
	font-size: 20px;
}
/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 992px) {
	.flow_con > li {
		width: 16%;
		padding: 20px 15px;
		margin-bottom:0;

	}

}

.flow_con > li::after {
	content: '';
	position: absolute;
	display: block;
	bottom:-30px;
	width: 20px;
	height: 20px;
	border-right: 2px solid #494a4d;
	border-bottom: 2px solid #494a4d;

	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 992px) {

	.flow_con > li::after {
		right: -19%;
		top: 50%;
		bottom:inherit;

		margin-top: -10px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
}



.flow_con > li:last-child::after {
	display: none;
}

.flow_con > li.size16 {
	width: 100%;
	height: 80px;
	padding: 10px 15px;
	font-size: 16px;
	line-height: 1.2;
	text-align: center;
	word-break: keep-all;
	color: #3b4141;
}
/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 992px) {
	.flow_con > li.size16 {
		width: 150px;
		height: 80px;
		padding: 10px 15px;
	}
}


/* NLP 심리상담 다이어그램 1*/
.context_diagram {
	position: relative;
	width: 100%;
	margin: 40px 0;
}

.nlp_diagram_1 {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;

	/* 주축을 행(row)으로 설정 */
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	/* [정렬] space-between */
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;

	/* [정렬] 교차축 - 시작점 기준 */
	-webkit-box-align: start;
	-moz-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;

	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
}

.nlp_diagram_1::after {
	content: '';
	z-index: -5;
	position: absolute;
	left: 7%;
	top: 31px;
	width: 82%;
	height: 1px;
	background: #babcc0;
}

.nlp_diagram_1 li {
	position: relative;
	text-align: center;
}

.nlp_diagram_1 li::before {
	z-index: -1;
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: 0;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #593fa3;
}

.nlp_diagram_1 li > div {
	font-size: 30px;
	line-height: 60px;
	color: #fff;
}

.nlp_diagram_1 li > p {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	color: #886cd6;
	line-height: 1.2;
	text-align: center;
}


/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 992px) {
	.nlp_diagram_1 {
		width: 550px;
	}
	.nlp_diagram_1::after {
		left: 50px;
		top: 50px;
		width: 450px;
	}
	.nlp_diagram_1 li::before {
		left: 50%;
		margin-left: -50px;
		top: 0;
		width: 100px;
		height: 100px;
	}

	.nlp_diagram_1 li > div {
		font-size: 40px;
		line-height: 100px;
	}
	
	.nlp_diagram_1 li > p {
		font-size: 18px;
	}
	
}


/* NLP 심리상담 다이어그램 2*/
.nlp_diagram_2 {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;

	/* 주축을 행(row)으로 설정 */
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	/* [정렬] space-between */
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;

	/* [정렬] 교차축 - 가운데 기준 */
	-webkit-box-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	width: 100%;
	height: 140px;
	margin: 0 auto;
}

.nlp_diagram_2::before {
	z-index: -5;
	content: '';
	position: absolute;
	left: 40px;
	top: 0;
	width: 100%;
	height: 140px;
	margin: 0;
	background: url(../img/gradient.png) center center no-repeat;
}

.nlp_diagram_2 > div {
	text-align: center;
}

.nlp_diagram_2 > div.text11 {
	font-size: 14px;
	font-weight: 600;
	color: #48c2bd;
}
.nlp_diagram_2 > div.text12 {
	font-size: 14px;
	font-weight: 300;
	color: #000;
}
.nlp_diagram_2 > div.text13 {
	font-size: 18px;
	font-weight: 600;
	color: #48c2bd;
}


/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 992px) {
	.nlp_diagram_2 {
		width: 550px;
	}
	.nlp_diagram_2::before {
		position: absolute;
		left: 40px;
		top: 0;
		width: 445px;
	}

	.nlp_diagram_2 > div.text11 {
		font-size: 18px;
	}
	.nlp_diagram_2 > div.text12 {
		font-size: 18px;
	}
	.nlp_diagram_2 > div.text13 {
		font-size: 24px;
	}
	

}






/* 콘텐츠 탭 디자인 contab_nav */
.contab_nav .nav-link {
	padding: 20px 15px;
}

.nav-pills.contab_nav .nav-link {
	font-size: 18px;
	color: #7b8888;
	background-color: #dfe8e8;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.nav-pills.contab_nav .nav-link:hover {
	color: #fff;
	background-color: #508686;
}

.nav-pills.contab_nav .nav-link.active,
.nav-pills.contab_nav .show > .nav-link {
	background-color: #4bc3be;
	color: #fff;
}

/* 콘텐츠 탭 콘텐츠영역 */
.tab-content{
	padding: 40px 0;
}



/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 992px) {
	.tab-content {
		padding: 0;
	}
}


/* 콘텐츠 세로형 탭 디자인 contab_nav */

.psy-tabs > div.v_contab_nav{
    /* 주축을 행(row)으로 설정 */
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

	/* [정렬] 주축 - 가운데 기준 */
	-webkit-box-pack: center;
	-moz-box-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-self:auto;

}

.v_contab_nav .nav-link {
	padding: 8px 15px;
}

.nav-pills.v_contab_nav .nav-link {
	font-size: 14px;
	color: #3b4141;
	background-color: #fff;
	border: 1px solid #97a0a0;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.nav-pills.v_contab_nav a + a {
	margin-top: -1px;
}
.nav-pills.v_contab_nav .nav-link:hover {
	color: #fff;
	background-color: #c1c1c1;
}

.nav-pills.v_contab_nav .nav-link.active,
.nav-pills.v_contab_nav .show > .nav-link {
	background-color: #4bc3be;
	color: #fff;
}
.v_tab-content > .active {
	padding: 0px;
}



.psy-tabs a{
	flex: 1 1 50%;
	text-align:center;
}
.psy-tabs a span{
	display:block;
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 992px) {
	.psy-tabs a{
		flex: 1 1 100%;
		text-align:center;
	}
	.psy-tabs a span{
		display:inline;
	}
}






/* 모바일 스킨테마 덮어씌기 */
.responsive #nt_title {
	padding-left:15px;
	margin-top:70px;
}
.responsive #nt_title .page-title{
	font-size:34px;
}

/* Tablet MD - 타블렛 세로 */
@media screen and  (min-width: 992px) {
	.responsive #nt_title {
		margin-top:0;
	}
}

/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 992px) {
	.responsive #nt_title {
		padding-left:0;
	}
}



/* 심리검사 CSS */
.mbti_list{
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;

	/* 주축을 행(row)으로 설정 */
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	/* [정렬] space-between */
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;

    /* [정렬] 교차축 - stretch */
    -webkit-box-align: stretch;
    -moz-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

	align-content: stretch;

	    /* 줄바꿈 (Android 2.1~4.3 이하 지원 X) */ 
		-webkit-box-lines: multiple;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

}
.mbti_list li{
	padding:4px;
	min-height:90px;
    -webkit-box-flex: 0;
        -ms-flex: 1 0 25%;
            flex: 1 0 25%;
    max-width: 25%;

  }


/* Tablet LG - 타블렛 가로 */
@media screen and (min-width:992px) {

.mbti_list li{
	padding:4px;
	min-height:90px;
    -webkit-box-flex: 0;
        -ms-flex: 1 0 12.5%;
            flex: 1 0 12.5%;
    max-width: 12.5%;
	
  }

}

  .mbti_list li > div{
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;

    /* 주축을 열(column)로 설정 */
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    /* [정렬] 교차축 - 가운데 기준 */
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;

	align-self: auto;

	text-align:center;
	margin:auto;
	min-height:100%;
	padding:10px;

	border: solid 2px #a9bac1;
	background-color: #f8fafa;

  }
  .mbti_list li > div p{
	line-height: 1.2;
	word-break: keep-all;
}
.mbti_list li:nth-child(1) > div,
.mbti_list li:nth-child(3) > div,
.mbti_list li:nth-child(5) > div,
.mbti_list li:nth-child(7) > div,
.mbti_list li:nth-child(10) > div,
.mbti_list li:nth-child(12) > div,
.mbti_list li:nth-child(14) > div,
.mbti_list li:nth-child(16) > div{
	border: solid 2px #afd2e2;
	background-color: #f4fafd;
}


/* mbti 성향 */
.mbti-detail-data{
	margin:40px 0;
}
.mbti-group{
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;

	/* [정렬] space-between */
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;

	/* [정렬] 교차축 - 가운데 기준 */
	-webkit-box-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	
	margin-top:0px;
	margin-bottom:20px;
}

.mbti-group .items{
	position: relative;
	flex: 1 1 33.33333%;
	text-align: center;
	font-size:16px;
	line-height: 1.2;
	word-break: keep-all;
}

.mbti-group .items:first-child{
	padding:10px 10px;
	border-radius: 10px;
	color:#fff;
	font-weight: 400;
	background-color: #48c2bd;
}
.mbti-group .items:last-child{
	padding:10px 10px;
	border-radius: 10px;
	color:#fff;
	font-weight: 400;
	background-color: #886cd6;
}

.mbti-group .items:nth-child(2)::before{
	content: "";
	position: absolute;
	display:block;
	top:50%;
	left:10px;
	margin-top:-9px;
	width:18px;
	height:18px;
	border-right:3px solid #c9cfdb;
	border-top:3px solid #c9cfdb;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.mbti-group .items:nth-child(2)::after{
	content: "";
	position: absolute;
	display:block;
	top:50%;
	right:10px;
	margin-top:-9px;
	width:18px;
	height:18px;
	border-right:3px solid #c9cfdb;
	border-top:3px solid #c9cfdb;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.mbti-group .items > span{
	display:inline-block;
	width:auto;
	padding:3px 10px;
	background:#fff;
}
.mbti-group .items > span.nonebg{
	background: none;
}
.mbti-group .items > span:after{
	z-index: -1;
	content: "";
	position: absolute;
	left:11px;
	top:50%;
	margin-top:-2px;
	width:calc(100% - 18px);
	height:3px;
	background:#c9cfdb;
	display:block;
}


.img_box{
	margin:30px 0;
	text-align: center;
}



/* 반응형 테이블 */
.responsive_table thead{
	display:none;
}

/* 반응형 테이블 */
.responsive_table,
.responsive_table tbody,
.responsive_table tbody tr,
.responsive_table tbody tr td{
	display:block;
}

.responsive_table tbody tr td{
	position: relative;
	text-align:left;
	padding-left:90px;
}

.responsive_table tbody tr td::before{
	content: attr(data-label);
	position: absolute;
	display:block;
	left:0;
	top:5px;
	width:100px;
	height:100%;
	text-align:left;
	font-size:16px;
	font-weight: 600;
	padding-left:10px;
}



/* Tablet LG - 타블렛 가로 */
@media screen and (min-width: 992px) {
	.responsive_table{
		display:table
	}
	.responsive_table thead{
		display:table-header-group
	}
	.responsive_table tbody{
		display:table-row-group
	}
	.responsive_table tbody tr{
		display:table-row;
	}
	.responsive_table tbody tr td{
		display:table-cell;
	}
	.responsive_table tbody tr td::before{
		display:none;
	}
}