/* layout */
.sub-page {
	width: 100%; min-height: 700px;
	word-break: keep-all;
}
.sub-content {	
	padding-bottom: 100px;
	word-break: keep-all;
}

@media all and (max-width: 1200px) {
	.sub-content {
		width: 100%; 
		padding: 0 0 50px;
	}
	.sub-content .container {
		box-sizing: border-box;
		width: 100%;
		padding-left: 20px; padding-right: 20px;
	}
	.img-1 img {
		width:100%;
	}
}




/* 서브메뉴 */
.submenu {
	width:1200px; max-width:100%;
	margin:50px auto 0;
	text-align:center;
}
.submenu li {
	border: 1px solid #ddd; border-right: none;
}
.submenu li:last-child {
	border-right:1px solid #ddd;
}
.submenu li a {
	display: block; 
	padding: 14px 5px; 
	color: #333;
	font-size: .95rem;
}
.submenu li a:hover,
.submenu li a.active {
	color:#fff;
	background:#3163c7;
}
@media only screen and (min-width: 1001px) {
	/* 서브메뉴 */
	.submenu ul {
		display: flex;
	}
	.submenu li {
		flex: 1;
	}
}
@media only screen and (max-width: 1200px) {
	/* 서브메뉴 */
	.submenu {
		width:100%; 
		margin-top: 0;
	}
	.submenu li {
		border-top:0;
	}
	.submenu li:first-child {
		border-left: 0;
	}
	.submenu li:last-child {
		border-right: 0;
	}
	.submenu li a {
		padding: 14px 2px;
		font-size: .9rem;
	}
}
@media only screen and (max-width: 1000px) {
	/* 서브메뉴 */	
	.submenu ul {
		overflow:hidden;
	}
	.submenu li {
		float: left; 
		width: 50%;
		border-left: 0;
	}
	.submenu li:nth-child(odd):last-child {
		width: 100%;
	}
	.submenu li:nth-child(even) {
		border-left:1px solid #ddd;
	}	
	.submenu li a {
		padding: .65rem 5px;
		font-size: 15px;
	}
}



/* 공통 */
.sub-page h3.title {
	position: relative;
	margin-bottom: 2.3rem;
	color: #333; font-size: 2.2rem; font-weight: 700; line-height: 2; letter-spacing: -0.05em;
}
.sub-page h3.title:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	width: 50px; height: 1px;
	margin-left: -25px;
	margin-top: 15px;
	background: #3163c7;
}
.sub-page h4 {
	color: #000; font-size: 1.35rem; line-height: 34px;
}
.sub-page h4.title {
	display: inline-block;
	min-width: 36%;
	padding: 9px 50px 11px;
	color: #fff; 
	border-radius: 50px;
	background: #3163c7;
}
.sub-page h4.title01 {
	position: relative;
	margin-bottom: 3.5rem;
	color: #333; 
	text-align: center;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1.8;
}
.sub-page h4.title01:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	width: 50px;
	height: 1px;
	margin-left: -25px;
	margin-top: 10px;
	background: #3163c7;
}
.sub-page h5 {
	color: #1e1e1e; 
	font-size: 20px; 
	line-height: 28px; 
}
.sub-page h5.title {
	display: inline-block;
	min-width: 260px;
	margin-bottom: 1.5rem; padding: 5px 20px 6px;
	color: #fff;
	border-radius: 50px;
	background: #3163c7;
}
.sub-page p {
	margin: 0 0 1rem;
	font-size: 1rem; line-height: 1.6;
	word-break: keep-all;	
}
.sub-page p.big {
	font-size: 1.05rem; line-height: 1.6; color: #333; text-align: left; font-weight: 400;
}
.sub-page p.title {
	margin-bottom: 5rem;
	font-size: 1rem; color: #333;
}
.sub-page p.title span {
	font-size: 1.2rem;
}
ol.ol {	
	padding-left:19px;
}
.ol li {
	padding-left: 5px;
	list-style: decimal;
	font-size: .95rem;
}
.ul {	
	padding-left: 25px;
}
.ul li {
	list-style: circle;
}
.dl {
	margin-bottom: .4rem;
}
.dl dt {
	display: inline-block;
	min-width: 95px;
	color: #000; font-size: 1.2rem; line-height: 34px; letter-spacing: 0; font-weight: 500;
}
.dl dd {
	display: inline-block;
	color: #555; font-size: 1.2rem; line-height: 34px;
}
.dl dd span {
	padding-right: 5px;
}

@media only screen and (max-width: 1200px) {
	/* 공통 */
	.sub-page h3.title {
		margin-bottom: 1.7rem;
		font-size: 2rem;
	}
	.sub-page h3.title:after {
		margin-top: 8px;
	}
	.sub-page h4.title {
		padding: 0.3rem 1rem 0.4rem;
		font-size: 1.1rem;
	}
	.sub-page p.title {
		margin-bottom: 3rem;
	}
	.dl dt,
	.dl dd {
		font-size: 1.07rem;
	}
}
@media only screen and (max-width: 1024px) {
	/* 공통 */
	.sub-page h4 {
		font-size: 1.3rem; line-height: 1.6rem;
	}
	.dl dt,
	.dl dd {
		font-size: 1.03rem;
	}
	.sub-page p.big {
		font-size: 1rem; 
	}
}
@media all and (max-width: 768px) {
	/* 공통 */
	.sub-page h4 {
		font-size: 18px; line-height: 26px;
	}	
	.sub-page h4.title01 {
		margin-bottom: 3rem;
		font-size: 1.25rem; line-height: 26px;
	}
	.sub-page h5 {
		font-size:16px; line-height:24px;
	}
	.ul {	
		padding-left:22px;
	}
	.dl {
		margin-bottom: .6rem;
	}
	.dl dt {
		min-width: 80px;
		font-size: 18px; line-height: 1.6;
	}
	.dl dd {
		font-size: 18px; line-height: 1.6;
	}	
}
@media only screen and (max-width: 600px) {
	/* 공통 */	
	.sub-page p.title {
		margin-bottom: 2.2rem;
		font-size: .9rem;
		line-height: 1.6;
	}
	.sub-page p.title br {
		display: none
	}
	.sub-page p.title span {
		display: block;
		font-size: 1rem;		
	}
}
@media only screen and (max-width: 500px) {
	/* 공통 */
	.sub-page h3.title {
		margin-bottom: 1.5rem;
		font-size:1.7rem
	}
	.sub-page h3.title:after {
		margin-top: 7px;
	}
	.sub-page h4.title {
		min-width: 60%;
		padding: 0.45rem 1rem 0.5rem;
		font-size: 1.05rem;
		line-height: 22px;
	}
	.sub-page h4.title01 {
		margin-bottom: 2rem;
	}
	.dl dt {
		min-width: 65px;
		font-size: 1rem;
		line-height: 30px;
	}
	.dl dd {
		font-size: 1rem;
		line-height: 30px;
	}
}




/* 상단이미지 */
.sub-top-01 {
	background-image:url('/V2020/images/sub_top_01.jpg'); 
}
.sub-top-02 {
	background-image:url('/V2020/images/sub_top_02.jpg'); 
}
.sub-top-03 {
	background-image:url('/V2020/images/sub_top_03.jpg'); 
}
.sub-top-04 {
	background-image:url('/V2020/images/sub_top_04.jpg'); 
}
.sub-top-05 {
	background-image:url('/V2020/images/sub_top_05.jpg'); 
}
.sub-top-01,.sub-top-02,.sub-top-03,.sub-top-04,.sub-top-05 {
	width:100%; 
	text-align:center; 
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

/* 상단이미지 슬로건 */
.slogan-box {
	box-sizing: border-box;
	position: relative;
	height: 400px;
	padding: 190px 0 0;
}
.slogan-box h2 {
	font-size: 46px; 
	color: #fff;
	text-shadow: 0 0 8px rgba(0,0,0,.3);
}
.slogan-box .marquee {
	position: absolute;
	left: 0; bottom:0;
	width: 100%; 	
	background: rgba(1,49,138,.9)
}
.slogan-box marquee {
	box-sizing: border-box;
	padding: 5px 10px 0;
	font-size: 21px; line-height: 1.2; text-align: left;
	color: #fff;
}
.slogan-box marquee strong{
	font-size: 100%; text-decoration: underline;
	color: #fff;
}


@media only screen and (max-width: 900px) {
	/* 상단이미지 슬로건 */
	.slogan-box {
		height: 160px;
		padding: 55px 20px 0;
	}
	.slogan-box h2 {
		font-size: 37px;
	}
	.slogan-box marquee {
		padding: 5px 10px 0;
		font-size: 90%; 
	}
}
@media all and (max-width: 768px) {
	/* 상단이미지 슬로건 */
	.slogan-box {
		height: 140px;
		padding: 45px 10px 0;
	}
	.slogan-box h2 {
		font-size: 28px;
	}
}



/* 테이블 스타일 */
.table table {
	width:100%; 
	text-align:center; 
	border-top:2px solid #1e459c !important;
}
.table th,
.table td {
	font-size: .96rem; 
	border:1px solid #ddd;
}
.table th {
	font-weight:500 
}
.table strong {
	font-size: .96rem; 
	color:#000
}
.table01 table {
	border-top:1px solid #ddd !important;
}
.table01 th,
.table01 td	{
	padding:.7rem;
}
.bc-gray {
	color:#000; 
	background:#F5F5F5;
}
.box_overflow {
	width:100%; 
	overflow-x:auto;
}
.table_guide {
	display:none;
}

@media only screen and (max-width: 1200px) {
	/* 테이블 스타일 */
	.table th, .table td {
		padding: 1rem;
		font-size: .9rem;
		line-height: 1.5;
	}
	.table table td {
		padding: .8rem 1rem;
	}
}
@media all and (max-width: 500px) { 
	.table table td {
		padding: .7rem;
	}
	.table strong {
		font-size: 93%;
	}
}


/* 여백 */
.md-bottom {margin-bottom:50px;}
.md-top {margin-top:4.5rem;}
.lg-bottom {margin-bottom:120px;}

@media only screen and (max-width: 1200px) {
	/* 여백 */
	.lg-bottom {
		margin-bottom:60px;
	}
}
@media only screen and (max-width: 500px) {
	/* 여백 */
	.lg-bottom {
		margin-bottom: 40px;
	}
	.md-bottom {
		margin-bottom: 30px;
	}
	.md-top {
		margin-top: 40px;
	}
}


/* 서브페이지 타이틀 */
.title-box {
	position: relative;
	padding: 3.3rem 0; 	
}
.title-box h3 {
	display: inline-block;
	margin-right: 30px;
	color: #000; 
	font-size: 1.8rem;
}
.title-box .navi {
	display: inline-block;
	margin: 0;
	color: #aaa;
	font-size: 15px;
}
.arrow-pd {
	padding:0 4px;
}

@media all and (max-width: 1024px) {
	/* 서브페이지 타이틀 */
	.title-box {
		padding:2.5rem 0; 
	}
}
@media only screen and (max-width: 900px) {
	/* 서브페이지 타이틀 */
	.title-box h3 {
		font-size: 1.35rem; 
	}
	.title-box .navi {
		font-size: 13px;
	}
}
@media all and (max-width: 768px) {
	/* 서브페이지 타이틀 */
	.title-box {
		padding:30px 0; 
	}
}
@media all and (max-width: 500px) { 
	/* 서브페이지 타이틀 */
	.title-box h3 { 
		display: block;
		font-size: 1.2rem;
	}
	.title-box .navi {
		display: block;
		padding-left: 0;
	}
}



/* 심플로우 소개 */
.info {
	text-align: center;
}
.info h3 {
	margin-bottom: 2rem;
	font-size: 4rem;
	line-height: 1.4;
	color: #3163c7;
	font-weight: 700;
}
.info h3 span {
	display: block;
	font-size: 1.7rem;
	color: #505050;
	font-weight: 350;
	letter-spacing: -0.05em;
}
.info p {
	margin-bottom: 3.7rem;
	font-size: 1rem;
	color: #666;
}
.info span {
	color: #3163c7;
	letter-spacing: -0.03em;
}
.info img {
    max-width: 100%;
	margin: 30px auto 0;	
}
.info01 {	
	padding: 5.5rem 0;
	background: #f4f4f4;
}
.info01 h3 {
	margin-bottom: 2.5rem;
	font-size: 1.35rem;
	line-height: 1.6;
	font-weight: 300;
	color: #333;
	letter-spacing: -0.01em;
}
.info01 h3 u {
	font-size: 1.5rem;
	font-weight: 500;
}
.dlArea {
	width: 1200px;
    max-width: 100%;
	margin: 0 auto;
	zoom: 1;
}
.dlArea:after {
	content: "";
	clear: both;
	display: block;
}
.dlArea dl {
	float: left;
	box-sizing: border-box;
	width: 32%;
	border: 1px solid #b4b4b4;
}
.dlArea dl:nth-child(2) {
	margin: 0 2%; 
}
.dlArea dl:nth-child(2) dt {
	background: #416803
}
.dlArea dt {
	padding: 1.2rem 0;
	font-size: 1.1rem;
	color: #fff;
	background: #003b68;
}
.dlArea dd {
	padding: 1.5rem;
	min-height: 170px;
	font-size: .9rem;
	line-height: 1.7;
	background: #fff;
}
.dlArea01 {
	width: 1100px;
	margin: 4rem auto 5rem;
}
.dlArea01 dl {
	position: relative;
	width: 220px;
	height: 220px;
	text-align: center;
	border-radius: 220px;
	border: 4px solid #eee;
}
.dlArea01 dl:nth-child(2) {
	margin: 0; 
}
.dlArea01 dl:nth-child(2) dt {
	background: none;
}
.dlArea01 dt {
	padding: 2.5rem 0 1rem;
	font-size: 1.5rem;
	color: #000;
	letter-spacing: 0;
	font-weight: 800;
	background: none;
}
.dlArea01 dd {
	padding: 0;
	min-height: auto;
	font-size: 1.2rem;
	line-height: 1.3;
	color: #505050;
	background: none;
}
.dlArea01 dl:after {
	content: "";
	display: block;
	position: absolute;
	top: 44%;
	right: -20px;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 7px solid #fff;
	background: #f7c304;
	z-index: 1;
}
.dlArea01 dl:last-child:after {
	display: none;
}

@media only screen and (max-width: 1200px) {
	.sub-page > p {
		padding-left: 20px;
		padding-right: 20px;
	}
	.dlArea {
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	.dlArea dd {
		min-height: 160px;
		padding: 1rem;
		line-height: 1.6;
	}
	.dlArea01 {
		width: 100%;
		margin: 3rem auto 4rem;
		padding: 0;
	}
	.dlArea01 dl {
		width: calc(20% - 6px);
		height: 160px;
		margin: 0 3px !important;
		border-radius: 0;
	}
	.dlArea01 dl:after {
		top: 42%;
		right: -22px;
	}
	.dlArea01 dt {
		padding: 1.5rem 0 .5rem;
		font-size: 1.1rem;
	}
	.dlArea01 dd {
		min-height: 100px;
		padding:.5rem 0;
		font-size: 1rem;
	}
}

@media only screen and (max-width: 768px) {
	.info h3 {
		font-size: 3.5rem;
	}
	.info h3 span {
	    font-size: 1.3rem;
	}
	.info01 {
		padding: 3.5rem 0 4rem;
	}
	.info01 h3 {
		margin-bottom: 1.5rem;
		padding: 0 20px;
		font-size: 1.2rem;
	}
	.info01 h3 br {
		display: none;
	}
	.info01 h3 u {
		font-size: 100%;
	}
	.info p {
		margin-bottom: 2.5rem;
	}
	.sub-page p,
	.sub-page p.big {
		font-size: .9rem;
	}
	.dlArea dl {
		width: 100%;
	}
	.dlArea dl:nth-child(2) {
		margin: 3% 0;
	}
	.dlArea dt {
		padding: .5rem 0;
		font-size: 1.05rem;
	}
	.dlArea dd {
		min-height: auto;
		padding: .8rem;
		line-height: 1.4;
	}
	.dlArea01 {
		width: 100%;
		margin: 2rem auto;
		padding: 0;
		text-align: center;
	}
	.dlArea01 dl {
		float: none;
		display: inline-block;
		width: calc(32% - 6px);
		height: 130px;
		margin: 0 3px 1rem 3px !important;
		vertical-align: top;
	}
	.dlArea01 dl:after {
		top: 42%;
		right: -22px;
	}
	.dlArea01 dd {
		min-height: 100px;
		padding:.2rem 5px 0;
		font-size: 1rem;
		line-height: 1.4;
	}
}

@media only screen and (max-width: 500px) {
	.info01 h3 {
		font-size: 1rem;
	}
	.info01 {
		padding: 2.5rem 0;
	}
}




/* 9가지 캐릭터*/
.info01 .txt {
	box-sizing: border-box;
	width: 1200px;
	max-width: calc(100% - 40px);
	margin:0 auto;
	padding: 6rem 5rem 5rem;
	border: 1px solid #dedede;
	background: #fff;
}
.info01 .txt .img {
	position: relative;
	margin: 0 auto 3rem;
}
.info01 .txt p {
	margin: 0;
	color: #333;
	line-height: 1.8;
}
.info01 .txt p + p {
	margin-top: 1.05rem;	
}
.info01 .txt .rec-btn {
    margin-top: 3rem;
    letter-spacing: 0.03em;
}
.info01 .txt .rec-btn * {
    vertical-align: middle;
}
@media only screen and (max-width: 1200px) {
	.info01 .txt {
		padding: 5rem 2.5rem;
	}
}
@media only screen and (max-width: 500px) {
	.info01 .txt {
		padding: 2rem 1rem;
	}
	.info01 .txt .rec-btn {
		margin-top: 2.5rem;
		margin-bottom: 1rem;
	}
}



/* 무료진단 체험 */
.processArea {
	position:relative;
	max-width:1200px;
	box-sizing:border-box;
	margin-left:auto; margin-right:auto;
	padding:3.5rem 4rem;
	border:3px solid #3163c7;
	background: #fff;
	z-index:1;
}
.process {
	max-width:1200px;
	margin:0 auto;
	zoom:1;
}
.process:after {
	content:"";
	clear:both; 
	display:block;
}
.process .img {
	float:left;
	width:34%;
	padding:3rem 1.5rem 2rem;
	text-align:center;
	background:#0a315b;
}
.process .img img {
	width:100%;
}
.process .text {
	float:right;
	position:relative;
	width:58%;
}
.process h3 {
    position:absolute;
	left:0; 
	margin-top: -100px;
	font-size: 6rem;
    line-height: 140px;
    color: #fff;
    font-weight: 800;
    letter-spacing: -0.02em;
    opacity: 0.7;
    text-transform: uppercase; 
	-webkit-text-stroke: 1px #888;
}
.process h4 {
	margin:0 0 .5rem;
	font-weight:500;
}
.processArea01 h4.title02 {
	font-size: 2.2rem; color: #333; font-weight: 700; line-height: 1.3;
}
.processArea01 h4.title02 span {
	font-weight: 300;
}
.process ol,
.process ul {
	margin-bottom:2rem;
}
.process li {
	line-height:1.8;
}
.processArea + .info01,
.processArea + .consulting {
	margin-top: -15rem;
	padding-top: 13.5rem;
	padding-bottom: 5.5rem;
}
.processImg,
.processImg01 {
	max-width:1200px;
	margin:0 auto;
	zoom:1;
}
.processImg:after {
	content:"";
	clear:both; 
	display:block;
}
.info01.treeAfter {
	padding-bottom: 80px
}
.processImg li {
	float:left;
	position:relative;
}
.processImg li span {
	content:"";
	display:block;
	position:absolute;
	top: 57%;
    right: calc(-40px - 3.5%);
	width:40px;
	height:40px;
	line-height:40px;
	color:#000;
	text-align:center;
	font-size:1.5rem;
	border-radius:40px;
	box-shadow:0 0 5px rgba(0,0,0,.5);
	background:#fff;
}
.processArea01 .processImg li {
	width: 21.2%;
	margin-left: 5%;
}
.processImg li:nth-child(1) {
	margin-left:0;
}
.processImg li:last-child span {
	display:none;
}
.processImg img {
	width:100%;
}
.processImg li div {
	margin-bottom: 2.5rem;
	padding-bottom: .8rem;
	color: #000;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: -0.05em;
	border-bottom: 1px solid #333;
}


.processImg01 {
	display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;
	position: relative;
	max-width: 1200px;
	margin: 3.5rem auto 0;
	zoom:1;
}
.processImg01 li {		
	width: 50%; max-width: 520px; 	
	text-align: center;
}
.processImg01 h5 {
	margin-bottom: 1.5rem; padding-bottom: .6rem;
	font-size: 1.2rem; font-weight: 500; letter-spacing: -0.05em; text-align: center;
	border-bottom: 1px solid #333;
}
.processImg01 h5 span {
	display: block;
	margin-bottom: 10px;
	font-size: 120%; color: #3163c7;
}
.processImg01 li > span {
	content:"";
	display:none;
	position:absolute;
	top: calc(50% - 20px); right: calc(50% - 20px);
	width: 40px; height: 40px;
	line-height:40px;
	color:#000;
	text-align:center;
	font-size:1.5rem;
	border-radius:40px;
	box-shadow:0 0 5px rgba(0,0,0,.5);
	background:#fff;
}
.processImg01 li:nth-child(odd) > span {
	display:block;
}
.processImg01 li > div {
	max-width: 470px; min-height: 180px;
	margin-left: auto; margin-right: auto;
}
.processImg01 li dl {	
	margin-bottom: 10px;
	text-align: left;
}
.processImg01 li dt {
	font-weight: 500; color: #000;
}
.processImg01 li dd {
	position: relative;
	padding-left: 12px;
}
.processImg01 li dd strong {
	font-size: 100%;
}
.processImg01 li dd:before {
	content: "-";
	position: absolute;
	top: 0; left: 0;

}
.processImg01 a {
	display: inline-block;
    box-sizing: border-box;
    margin-left: 10px; padding: 3px 15px;
    font-size: .8rem;font-weight: 500; color: #fff;
    border-radius: 45px;
    border: 0;
    background: #3163c7;
}
.processImg01 img {
	max-width: 100%;
	border: 4px solid rgba(0,0,0,.1);
}




/* 공개강의 */
.processArea .process {
	margin-top: 3rem;
}

@media only screen and (max-width: 1200px) {
	.processArea,
	.processImg,
	.processImg01 {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px; 
	}
	.sub-content .processArea {
		box-sizing: border-box;
		padding: 3.5rem 3rem;
	}	
	.processArea .process {
		margin-top: 2.5rem;
	}
	.processImg01 li {
		width: 46%;
	}
	.processImg li div {
		font-size: 1.08rem;
	}	
}
@media only screen and (max-width: 1024px) {
	.processImg li div {
		font-size: 1.03rem;
	}
	.processImg li span {
		right: calc(-30px - 3.5%);
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 1.1rem;
		border-radius: 30px;
	}	
}
@media only screen and (max-width: 768px) {
	.sub-content .processArea {
		padding: 2.5rem 2rem;
	}
	.processArea + .info01,
	.processArea + .consulting {
		padding-top: 6rem;
	}
	.process .img,
	.process .text {
		width: 100%;
	}
	.process .img {
		margin-bottom: 3rem;
	}
	.processImg li span {
		top: 60%;
		right: calc(-30px - 1.5%);
	}

	.processImg01 {
		flex-wrap: wrap;
		margin-top: 0;
	}
	.processImg01 li {
		position: relative;
		width: 100%; max-width: 100%;
		margin-bottom: 2rem; padding-top: 4rem;
	}
	.processImg01 li > div {
		min-height: auto;
		margin-bottom: 30px;
	}
	.processImg01 li > span {
		display: block;
		top: 0; right: calc(50% - 18px);
		width: 36px; height: 36px;
		line-height: 36px;
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
	}

	.container + .processImg01 li:first-child {
		padding-top: 2rem;
	}
	.container + .processImg01 li:first-child > span {
		display: none !important;
	}

	/* 공개강의 */
	.processArea .process {
		margin-top: 2rem;
	}
	.processArea .process ol, .processArea .process ul {
		margin-bottom: 1.5rem;
	}
	.process h4 {	
		margin-bottom: 0.2rem;
	}
}
@media only screen and (max-width: 900px) {
	.processArea01 .processImg li {
		width: 45%;
		margin-left: 10%;
	}
	.processArea01 .processImg li:nth-child(odd) {
		margin-left: 0;
	}
	.processArea01 .processImg li:nth-child(2n) ~ li,
	.partner .processImg li:nth-child(2n) ~ li {
		margin-top: 3rem;
	}	
	.processArea01 .processText li {
		width: 48%;
		margin-top: 2rem !important;
	}
	.processArea01 .processText li:nth-child(odd) {
		margin-right: 4%;
	}
	.processArea01 .processText li:nth-child(even) {
		margin-left: 0; margin-right: 0;
	}
	.processImg li span {
		right: calc(-30px - 5.5%);
	}
	.processImg li:nth-child(even) span {
		display: none;
	}	
	.processImg li span {
		top: 55%;
	}
	.processImg li div {
		margin-bottom: 1.5rem; padding-bottom: .5rem;
	}
}
@media only screen and (max-width: 500px) {
	/* 무료진단 체험 */
	.sub-content .processArea {
		padding: 1.5rem 1rem;
	}
	.processArea + .info01,
	.processArea + .consulting {
		margin-top: -5.5rem;
		padding-top: 5rem; padding-bottom: 3rem;
	}
	.process .img {
		margin-bottom: 2rem;
	}
	.processArea01 .processImg  {
		margin-top: 1.8rem !important; 
	}
	.processArea01 .processImg li {
		width: 100%;
		margin-left: 0;
	}
	.processArea01 .processImg li:nth-child(1) ~ li {
		margin-top: 2.5rem; 
	}
	.processArea01 .processText li {
		margin-top: 1rem !important;
	}
	.processArea01 .processText li:nth-child(1) {
		margin-top: 0 !important;
	}
	.processArea01 .processText li:nth-child(odd) {
		margin-right: 0;
	}
	.processImg li div {
		margin-bottom: 1rem;
		font-size: 1rem;
	}
	.processArea01 img {
		width: 74%;
		margin-left: 13%;
	}
	.processImg li span {
		display: none;
	}
	.process ol, .process ul {
		margin-bottom: 1.5rem;
	}
	.process ol li, .process ul li {
		line-height: 1.6;
	}

	.processImg01 li dd {
		padding-left: 10px;
	}
	.processImg01 img {
		width: 100%;
		margin-left: 0;
	}

	/* 공개강의 */
	.processArea .process {
		margin-top: 1rem;
	}
}




/* 기업교육프로그램-관계분석워크샵 */
.eduArea {
	position:relative;
	max-width:1200px;
	box-sizing:border-box;
	margin:0 auto;
	padding:3.5rem 4rem;
	text-align:center;
	border:3px solid #3163c7;
	background: #fff;
	z-index:1;
}
.eduArea .img img + p {
	margin-top: 2.5rem;	
}
.eduArea .img  p {
	display: inline-block;
    min-width: 35%;
	padding: 9px 50px 11px;
    color: #fff;  
	font-size: 1.2rem;
    border-radius: 50px;
    background: #3163c7;	
}
.eduArea .img  p span {
	font-size: 1rem;
	font-weight: 300;
}
.eduArea .img p + span {
	display:block;
	margin:1rem auto 2rem;
	font-size:1.3rem;
	color:#000;
}
.eduArea .img div {
    position: relative;
}
.eduArea .img div:after {
	content: '';
    display: block;
    width: 56%;
    height: 30px;
    box-sizing: border-box;
    border: 2px solid #3163c7;
    border-bottom: none;
    margin: 1.5rem auto 2.5rem;	
}
.eduArea .img div:before {
	content: '';
	position:absolute;
	left:50%;
	bottom:0;
    display: block;
    width: 2px;
    height: 30px;
    background: #3163c7;
}
.eduArea01 .img div:after,
.eduArea01 .img div:before {
	display: none;
}
.eduArea .img_01 img {
	padding-bottom:3rem;
 }
.eduArea .img_01 > img {
	padding:3rem 0 5rem;
}
.eduArea .img .img01 {
	padding:5rem 0 0;
	text-align:center;
    border-top:1px dashed #888;
}
.info01.partner_area01 {
	margin-top: -10rem;
    padding-top: 12em;
    padding-bottom: 3rem;
}
.info01.partner_area01 .partner_con h3 {
	margin:2rem 0 2.5rem;
	padding:0;
	color:#333;
	line-height: 1.3;
}
.info01.partner_area01 .processImg div {
	margin-bottom: 2rem;
	text-align:center;
}
.info01.partner_area01 .processImg div img {
	max-width:200px;
	width:27%;
	margin: 5px 0 .7rem;
}
.eduLink {
	margin: 1.8rem auto 0;
	font-size: .95rem;
	text-align: center;
}
.eduLink a,
.eduLink span {
	position:relative;
	display:inline-block;
	padding: 0 10px;
    color: #000;
	font-size: 1.1rem;
	letter-spacing:.05em;
	z-index:5
}
.eduLink a:after,
.eduLink span:after {
	content: '';
	position:absolute;
	left:0;
	bottom:0;
    display: inline-block;
    width: 100%;
    height: 15px;
    background: yellow;
	z-index:-1;
}
.processImg li .big + .big {
	margin-top: 1rem;
}
.preparing {
	position:relative;
	zoom:1;
}
.preparing:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7)
}
.preparing:after {
	content:"[준비중]";
	position:absolute;
	left:0;
	top:45%;
	width:100%;
	height:40%;
	line-height:1.6;
	color:#fff;
	font-size:3rem;
	font-weight:500;
}

@media (max-width: 1200px) {
	.eduArea .img img {
		max-width: 100%;
	}
	.eduArea .img p {
		padding: 0.3rem 1rem 0.4rem;
		font-size: 1.1rem;
	}
}
@media (max-width: 900px) {
	.eduArea {
		padding: 2.5rem 3rem;
	}
	.eduArea .img_01 img {
		padding-bottom: 1rem;
	 }
	.eduArea .img_01 > img {
		padding: 1rem 0 3rem;
	}
	.eduArea .img .img01 {
		padding-top: 3rem;
	}
}
@media (max-width: 768px) {
	.eduArea {
		padding: 1.5rem;
	}
}
@media (max-width: 500px) {
	.info01.partner_area01 .partner_con h3 {
		margin:0.5rem 0 1.5rem;
	}
	.eduArea .img p {
		min-width: 60%;
		padding: 0.1rem 1.5rem 0.25rem;
		font-size: .95rem;
	}
	.eduArea .img p + span {
		margin: 0 auto 2rem;
		font-size: .95rem;
	}
	.preparing:after {
		font-size:2rem;
	}
}



/* 오시는 길 */
.map {
	position:relative;
	box-sizing: border-box;
	border: 1px solid #eee;
}
.root_daum_roughmap { 
	width: 100% !important;	
	padding: 0 !important; 
	border-radius: 0 !important; 
	border: none !important; 
}
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .wrap_controllers.hide,
.root_daum_roughmap span.map_border {
	display: none;
}
.map_info{ 
	position: relative; 
	padding: 2.5rem; 
	background-color: #fafafa;
}
.map_info .address{ 
	margin-bottom: 10px;
	font-size: 1.2rem; 
	color: #333;
	word-break: keep-all; 
}
.map_info ul { 
	overflow: hidden; 
}
.map_info li { 
	float: left; 
	display: inline-block; 
	width: auto; 
	margin-right: 25px; 
	line-height: 1; 
}
.map_info li b { 
	display: inline-block; 
	margin-right: 10px;
	padding-right: 10px;
	font-size: 0.85rem; 
	border-right: 1px solid #ddd; 
}
.map_info .map_more { 
	position: absolute; 
	display: inline-block;
	right: 2.5rem; 
	top: 2.5rem; 
	width: 155px; 
	padding: 15px; 
	text-align: left;	 
	color: #fff; 
	font-size: 1rem; 
	background-color: #003b68;
}
.map_info .map_more i { 
	float: right; 
	padding-top: 6px; 
	font-size: 1.2rem;
}
.transport.subway {
	margin-top: 2.5rem;
    border-top: 2px solid #000;
}
.transport {
	position: relative;
	padding: 30px 20px 30px 140px; 
	font-size: 16px; 
	border-bottom: 1px solid #eee;
}
.transport > div {
	position: absolute;
	left: 20px;
	width: 75px;
	height: 75px;
	line-height: 75px;
	text-align: center;
	font-size: 2rem;
	color: #fff;
	border-radius: 70px;
	background: #3163c7;
}
.transport .use {
	color: #333; 
	font-size: 105%;
	font-weight: 700;
}
.transport .how {
	min-height: 43px;
	margin-top: 5px;
	color: #666; 
	line-height: 1.6;
	letter-spacing: -0.02em;
}

@media(max-width: 768px) and (min-width: 601px){
	.map_info{ 
		padding: 1.5rem; 
	}
	.map_info .address{ 
		font-size: 1rem; 
	}
	.map_info .map_more{ 
		right: 1.5rem;
		width: 120px;
		margin-top: -10px;
		padding:9px;
	}
	.map_info .map_more i {
		padding-top: 2px;
	}
}
@media(max-width: 600px){
	.map_info{ 
		padding: 1rem; 
	}
	.map_info .address{ 
		font-size: 1rem; 
	}
	.map_info .map_more{ 
		position: static; 
		margin-top: 20px; 
	}
	.map_info .map_more i {
		padding-top: 3px;
	}
	.transport {
		padding: 25px 0 10px 100px;
	}
	.transport > div {
		left: 0px;
	}
}
@media(max-width: 500px){
	/* 오시는 길 */
	.transport .use {
		margin-bottom: .5rem;
	}
	.transport .how {
		margin-top: 0;
	}
}


/* 무료진단 체험 하단 버튼 */
.footerBtn {
	margin-top:50px; 
	padding-top:30px;
	text-align:center;
	border-top:1px solid #aaa;
}
.footerBtn01 {
	margin-top:50px; 
	padding-top:30px;
	text-align:center;
	border-top:1px solid #aaa;
}
.footerBtn a {
	width: 270px; max-width: 48%; 
	margin:0 5px; 
	vertical-align:top;
}
.footerBtn a span {
	margin-right:5px;
}
.footerBtn a:first-child {
	color:#fff;
	border-color:#3163c7;
	background:#3163c7;
}
.footerBtn a:first-child span {
	color:#fff;
}
.footerBtn a:first-child:hover{
	color:#333;
	background:none;
}
.footerBtn a:first-child:hover span {
	color:#3163c7;
}

@media only screen and (max-width: 500px) {
	.footerBtn {
		margin-bottom:20px;
		padding-top:15px;
	}
	.footerBtn a {
		margin:0 1px; 
	}
}
@media only screen and (max-width: 320px) {
	.footerBtn a i {
		display:none;
	}
}


/* 버튼 */
.rec-btn {
    display: inline-block;
	box-sizing: border-box;
    height: 74px;
	padding: 0 2rem;
	font-size: 1.1rem;
    font-weight: 500;
	color: #333;
    align-items: center;
    border-radius: 45px;
	border: 2px solid #dedede;
	background: #fff;
}
.rec-btn::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.rec-btn span {
    display: inline-block;
    vertical-align: middle;
}
.rec-btn i {
    margin-right: 10px;
	vertical-align:middle; 
}
a.rec-btn span {	
	color: #333;
}
a.rec-btn:hover  {
	border-color: #3163c7;
}
a.rec-btn:hover * {	
	color: #3163c7;
}

@media only screen and (max-width: 1024px) {
	.rec-btn {		
		height: 60px;
		font-size: 1rem;
	}
}
@media only screen and (max-width: 500px) {
	.rec-btn {		
		width: 100%;
		height: 55px;
		padding: 0 .5rem;
		font-size: .9rem;
	}
	.rec-btn i {
		margin-right: 5px;
	}
}









/* 회사소개 */
.company {
	position: relative;
}
.company .img {
	position: relative;
	padding-bottom:40px; 
	line-height:0;
}
.company .img > div {
	position: absolute;
	width: 100%;
	color: #fff;
	line-height: 280px;
	text-align: center;
	font-size: 3.2rem;
	font-weight: 700;
} 
.company .img span {
	font-weight: 300;
	font-size: 2rem;
}
.company .img img {
	width:100%;
}
.company .txt {
	position: relative;
	box-sizing: border-box;
	width: 94%; 
	margin: -130px auto 0;
	padding: 50px 5% 0;
	text-align: center; 
	background: #fff;
}
.company .tit {
	font-size: 29px; 
	line-height: 40px; 
	color: #1E1E1E; 
	font-weight: 500;	
}

.company01 {
	text-align: center;
	font-size: 1.05rem;
	color: #000;
}
.company01 > img {
	display: block;
	width: auto;
	margin: 0 auto 10px;
}
.company02 {
    position: relative;
    overflow: hidden;	
    padding: 14px 0;
    margin: 50px auto 4.5rem; 
	text-align: center;
    font-size: 0;
	background: url("/V2020/img/sub/imgPeople.png") 50% 0 / contain no-repeat;
}
.company02::after,
.company02::before {
    content: '';
    display: block;
    height: 1px;
    background-color: #6e91d8;
    opacity: 0.3;
    position: absolute;
    top: 50%;
    width: 50%;
}
.company02::after {
    left: 0;
    margin-left: -466px;
    transform: translateY(-7px);
}
.company02::before {
    right: 0;
    margin-right: -466px;
    transform: translateY(-7px);
}
.company02 li {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 334px;
	height: 279px;
	padding-top: 5.6rem;
	font-size: 1.7rem;
	line-height: 1.7;
	color: #fff;
	font-weight: 500;
	vertical-align: middle;
	text-shadow: 0 0 5px #000;
}
.company02 li+li {
    margin-left: -52px;
}
.company02 li span {
    display: flex;
	display: block;
    height: 100%;
    width: 100%;
	font-size: 1.1rem;
	font-weight: 300;	
    align-items: center;
    justify-content: center;
}
.company02 .honey1 {
    background: url("/V2020/img/sub/imgPeople01.png") 0 0 / contain no-repeat;
    z-index: 3;
}
.company02 .honey2 {
    background: url("/V2020/img/sub/imgPeople02.png") 0 0 / contain no-repeat;
    z-index: 2;
}
.company02 .honey3 {
    background: url("/V2020/img/sub/imgPeople03.png") 0 0 / contain no-repeat;
    z-index: 1;
}
@media screen and (max-width:1199px){
	/* 회사소개 */
	.company {
		margin-bottom: 80px
	}
	.company .img {
		overflow: hidden;
		height: 280px;
	}
	.company .img img {
		width: auto;
	}
	.company .img > div {
		line-height: 12rem;
		font-size: 2.5rem;
	} 
	.company .txt {
		margin-top: -80px;
	}
	.company .tit {
		font-size: 1.1rem; 
		line-height: 1.6; 
	}
}
@media screen and (max-width:1024px){
	/* 회사소개 */
	.company {
		margin-bottom: 80px;
	}
	.company01 > img {
		width: 24%;
	}
	.company02 {
		margin-bottom: 3.5rem;
		padding: 0;
		background: none;
	}
	.company02::before,
	.company02::after {
		display:none;
	}
	.company02 li {
		width: 33%;
		height: 279px;
		padding-top: 4.7rem;
		font-size: 1.5rem;
		line-height: 1.5;
	}
	.company02 li+li {
		margin-left: -3rem;
	}
}
@media screen and (max-width:900px){
	/* 회사소개 */
	.company .img {
		height: 195px;
	}
	.company .img img {		
		width: 100%;
		height: 100%;
	}
	.company .img > div {
		line-height: 8rem;
		font-size: 2.2rem;
	}
	.company .txt {
		margin-top: -70px;
		    padding: 40px 5% 0;
	}
	.company02 li {
		width: 290px;
		height: 243px;	
		padding-top: 5.5rem;
	}
	.company02 li+li {
		margin:0;
	}
}
@media screen and (max-width:768px){
	/* 회사소개 */
	.company .img,
	.company .img img {		
		height: auto;
	}
	.company02 {
		margin: 30px 20px 3.5rem
	}
	.company02 li {
		width: 30%;
		height: auto;
		padding: 0;
		color: #333;
		font-size: 1.05rem;
		vertical-align: top;
		background: none !important;
		text-shadow: none;
	}
	.company02 li span {
		font-size: .9rem;
	}
	.company02 li img {
		width: 100%;
		height: auto;
		margin-bottom: 1rem;
		border-radius: 100%;
	}
	.company02 li:nth-child(2) {
		margin: 0 4%;
	}
}
@media screen and (max-width:500px){
	/* 회사소개 */
	.company .img {
		padding-bottom: 0;
	}	 
	.company .txt {
		width: 100%;
		margin-top: 0;
		padding: 2rem 0 0;
		font-size: .95rem;
		line-height: 1.9;
	}
	.company .tit {
		margin-bottom: 0;
		font-size: 1.1rem; 
	}
	.company01 > img {
		width: 40%;
		margin-bottom: 5px;
	}
	.company01 {
		font-size: .85rem;
	}
	.company02 li {
		font-size: 1.rem;
	}
	.company02 li span {
		font-size: .8rem;
	}
}



/* 경영이념 및 핵심가치 */
.vision	{ 
	position:relative; 
	margin:0 auto; 
}
.vision	ul { 
	box-sizing: border-box;
	margin: 0 auto; 
	padding: 2%; 
	text-align: center; 
	border-radius: 200px;
	background: #fff; 
}
.vision li { 
	display: inline-block; 
	width: 229px; 
	height: 229px; 
	margin: 0 6%; 
	font-weight: 500; 
	font-size: 1.2rem; 
	color: #333; 
	line-height: 1.5; 
	border-radius: 50%;
	border: 8px solid #1f469c;
	background: #fff;  
}
.vision li:first-child { 
	margin-left: 0
}
.vision li:last-child { 
	margin-right:0
}
.vision li>div { 
	margin-top:25%;
	font-size: 1.05rem;
}
.vision li strong {
	color: #20479c;
}
.vision > img { 
	position: absolute; 
	bottom: 28%; 
	left: 50%; 
	margin-left: -377px;
}


@media screen and (max-width:1199px){
	/* 경영이념 및 핵심가치 */
	.vision li		{ 
		width:20vw; 
		height:20vw; 
		margin-left:1%; 
		font-size:18px; 
		line-height:1.3}
	.vision li>div { 
		margin-top:29%;
	}
	.vision>img { 
		display:none
	}
}
@media screen and (max-width:890px){
	/* 경영이념 및 핵심가치 */
	.sub-content .vision ul { 
		width:96%; 
		padding:2%; 
		border-radius:0;
	}
	.vision li { 
		width:94%; 
		height:auto; 
		margin:2% 0; 
		padding:2%; 
		border-radius:15px; 
		border-width:3px 
	}
	.vision li > div { 
		margin-top:0;
	}
	.vision li > div > br { 
		display:none
	}
}
@media screen and (max-width:500px){
	/* 경영이념 및 핵심가치 */
	.vision li { 
		margin: 1% 0;
		font-size: 1rem;
		border-width: 2px;
	}
	.vision li > div { 
		font-size: .95rem;
	}
}





/* 함께하는 사람들 */
.teach {	
	padding: 80px 0;	
	background: url("/V2020/img/sub/bg01.gif");
}
.teach01 {
	max-width: 1200px;
    width: 100%;
	margin:0 auto;
	zoom:1;
}
.teach01:after {
	content:"";
	clear: both;
	display: block;
}
.teach01 .teacher {
	float:left;
	position: relative;
	box-sizing: border-box;
	width:32%;	
	margin: 0 auto 20px;
	padding: 2.5%;	
	border:1px solid #fff;
	border-radius:15px;
	background: #fff;
	box-shadow:2px 2px 5px rgba(150,150,150,.3);
}

.teach01 .teacher:nth-child(3n-1) {
	margin-left:2%; margin-right:2%;
}
.teach01:first-child .teacher  {
	border-color:#3163c7;
}
.teach01:first-child .teacher h5 {
	color:#fff;
	border:0;
	background:#133271;
}

.teacher > * {	
	width: 100%;	
	font-size: 1rem; text-align: left; vertical-align: top;
}
.teacher .img01 {
	overflow:hidden;
	width: 170px;
	height: 170px;
	margin-left:auto; margin-right:auto; margin-bottom:10px;
	border-radius:50%;
}
.teacher h4 {
	margin-bottom: 10px;
	color: #000; font-size: 1.2rem; font-weight: 700; text-align:center;
}
.teacher h4.ing {
	padding-top: 5rem;
	text-align: center;
}
.teacher h4 span {
	padding-left:5px;
	font-weight: 400; color: #333; font-size:85%;
}
.teacher h5 {
	position:relative;
	display:inline-block;
	width:auto; min-width:260px;
	margin:-5px auto 17px;
	padding:0 5px;
	font-size:.7em; font-weight:400; color:#133271; text-align:center; line-height:1.7;
	border:1px solid #ddd;
	border-radius:5px;
	z-index:1;
}
.teacher dl {
	width:100%;/*width: 48%;*/
	padding-top:10px;
	border-top:1px solid #eee;
}
.teacher dl + dl {
	display:none;
	float: right;
	width: 50%;
}
.teacher dt {
	display:none;
}
.teacher dd {
	position: relative;
	margin-top: 2px;
	padding-left: 35px;
	color: #222; font-size:13.5px; font-weight: 350;
}
.teacher dd:after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 10px;
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #3163c7;
}
.teacher dd.before {
	color: #777;
}
.teacher dd span {
	position: absolute;
	top:1px; left:12px;
}

@media (max-width: 1200px) {
	.teach01 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.teach01 .teacher {
		padding: 2.5% 2%;
	}
	.teacher h5 {
		display:block;
		overflow:hidden;
		min-width: 92%;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
}
@media (max-width: 900px)  {
	.teach01 .teacher {
		position:relative;
		box-sizing:border-box;
		width:100%; height:auto !important; min-height:195px;
	}
	.teach01 .teacher:nth-child(3n-1){
		margin-left:0; margin-right:0;
	}
	.teacher .img01 {
		width:120px; height:120px;
	}
	.teacher .img01 img {
		width: 100%;
	}
	.teacher h5 {
		margin-bottom:10px;
		font-size:80%;
	}
}
@media (max-width: 900px) and (min-width: 501px) {
	.teach {
		padding:50px 0;
	}
	.teach01 .teacher {
		padding:30px 25px 25px 180px;
	}
	.teacher .img01 {
		position:absolute;
		top:20px; left:25px;
	}
	.teacher h4 {
		position:absolute;
		top: 150px; left:25px;
		width: 120px; min-width: 120px;
	}
	.teacher dl {
		padding-top:0;
		border:0;
	}
}
@media (max-width: 500px){
	.teach {
		padding:30px 0;
	}
	.teach01 .teacher {
		padding:20px;
	}
	.teacher h4.ing {
		padding-top:0;
		text-align: center;
	}
}




/* Partner */
.contents > div.partner_area01,
.contents > div.partner_area02,
.contents > div.partner_area03 { 
	width:100%; 
	max-width:100%; 
	margin:0;
}
.contents > div.partner_area02 {
	background:#323332;
}
.partner_con {
	position:relative;
	width:100%; 
	max-width:1200px; 
	margin:0 auto; 
	display:table; 
	padding:3rem 0;
}
.partner_con h3, 
.partner_con ul {
	display:table-cell; 
	vertical-align:top;
}
.partner_con h3 {	
	width: 30%;	
	padding-top: 5px;
	font-size: 1.6rem;
    line-height: 1.6rem;
    letter-spacing: -0.03em;
    font-weight: 700;
    color: #aaa;
	opacity: 1;
}



.partner_area01 .partner_con {
	text-align: left;
	border-top: 1px solid #999;
}
.partner_area01 .partner_con ul {
	width: 70%;
	
}
.partner_area01 .partner_con li {
	width: calc(31% - 3px);	
}
.partner_area01 .partner_con li img {
	width: 100%;
	max-width: 242px;
}
.partner_area01 .partner_con li span {
	display: block; 
	margin-top: 20px; 
	font-weight: 500;
	font-size: 1rem;
}


.partner_area02 .partner_con {
	padding: 0 0 5rem;
}

.reviewArea {
	width: 100%;
	margin-bottom: 3rem;
	padding: 1rem 0;
    background: #2a3747;
}
.partner_area03 .partner_con  {
	width:100%;
}
.partner_area03 .partner_con ul {
	padding:0;
}
.partner_area03 .partner_con li {
	width:100%;
}
.partner_area03 .partner_con li + li {
    margin-top: 1rem;
}
.partner_area03 dl {
	width:100%;
	zoom:1;
}
.partner_area03 dl:after {
	content:"";
	clear:both;
	display:block;
}
.partner_area03 dt {
	float:left;
	width:80px;
	font-size:.9rem;
}
.partner_area03 li dt img {
	box-sizing:border-box;
	overflow:hidden;
	width:80px;
	height:80px;
	border-radius:80px;
	border:3px solid #fff;
	background:#fff;
	box-shadow:0 0 4px #000;
}
.partner_area03 dd {
	float:left;
	position:relative;
	box-sizing:border-box;
	width:calc(100% - 200px);
	margin-left:20px;
	padding:1rem 1.4rem;
	text-align:left;	
	line-height:1.6;
	font-size:1rem;
	color:#fff;
	border-radius:5px;
	box-shadow:0 0 4px #000;
}
.partner_area03 dd:before {
	content:"";
	display:block;
	position:absolute;
	top:12px;
	width:16px;
	height:14px;	
	z-index:0;
}
.partner_area03 .left dt {		
	color:#fff;
}
.partner_area03 .left dd {	
	color:#2a3747;
	background:#fff;
}
.partner_area03 .left dd:before {
	left:-8px;
	background:#fff;
	transform: rotate( -45deg );
}
.partner_area03 .right dt {		
	float:right;
	color:#f5821f;
}
.partner_area03 .right dd {
	float:right;
	margin-right:20px;
	text-align:right;
	background:#f5821f;
}
.partner_area03 .right dd:before {
	right:-8px;
	background:#f5821f;
	transform: rotate( 45deg );
}
.partner_area03 dl * {
	vertical-align:middle;
}
.partner_con ul {
	width:75%;
}
.partner_con li {
	display:inline-block; 
	width:35%; 
	font-size: .9rem;
	line-height: 1.8;
	vertical-align:top; 
	text-align:center;	
}
.partner_con li img {
	width:100%;
}



/* 신규 디자인 */
.partner_area01 .partner_con {
	padding-top: 0;
	border-top: 0;
}	
.partner_con h3 br {
	display: none;
}
.partner_con h3,
.partner_area01 .partner_con ul {
	display: block;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
.partner_con h3 {
	padding: .3rem 0 .4rem;
	font-size: 1.3rem;
	text-align: center;
}
.partner .partner_con h3 {
	color: #fff;
	background: #3163c7;
}
.partner_area01 .partner_con li span {
	padding: 2px;
	font-size: 97%;
	color: #000;
	background: #efefef;
}
.partner_area03 dt {
	width: 60px;
}
.partner_area03 li dt img {
	width: 60px;
	height: 60px;
}
.partner_area03 li dd {
	width: calc(100% - 159px);
}




@media only screen and (min-width: 501px) {
	.partner_area01 .partner_con li:nth-child(3n-1) {
		margin-left: 3.5%;
		margin-right: 3.5%;
	}
	.partner_area01 .partner_con li:nth-child(3) ~ li {
		margin-top: 2.5rem;
	}
	.partner_area02 .partner_con {
		padding-bottom: 3rem;
	}
	.partner_area02 .partner_con li {
		width: calc(33% - 3px);
	}
	.partner_area02 .partner_con li:nth-child(3n) ~ li {
		margin-top: 1%;
	}
	.partner_area02 .partner_con li:nth-child(2),
	.partner_area02 .partner_con li:nth-child(5),
	.partner_area02 .partner_con li:nth-child(8),
	.partner_area02 .partner_con li:nth-child(11){
		margin: 0 .5%;
	}
}
@media only screen and (max-width: 1200px) {
	.eduLink,
	.eduArea,
	.partner_area01 .partner_con,
	.partner_area02,
	.partner_area03 {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}
	.partner_area01 .partner_con li img {
		width: 100%;
	}	
	.reviewArea {
		margin-bottom: 3rem;
	}
}
@media only screen and (max-width: 500px) {
	.eduArea {
		padding: 1.5rem 1rem;
	}
	.partner_con {
		padding: 1.5rem 0;
	}
	.partner_area01 .partner_con li {
		width: 100%;
		margin-left: 0;
		line-height: 1.6;
		text-align: center !important;
	}
	.partner_area01 .partner_con li:nth-child(1) ~ li {
		margin-top: 1.6rem;
	}
	.info01.partner_area01 .processImg div {
		margin-bottom: 1rem;
	}
	.info01.partner_area01 .processImg div img {
		width: 50px;
		margin-bottom: 0.4rem;
	}

	.partner .partner_area01 .partner_con li {
		width: calc(49% - 3px);
	}
	.partner .partner_area01 .partner_con li:nth-child(-n+2) {
		margin-top: 0;
	}	
	.partner_area01 .partner_con li:nth-child(2),
	.partner_area01 .partner_con li:nth-child(5) {
		margin-right: 0;
	}
	.partner .partner_area01 .partner_con li:nth-child(2n) {
		margin-left: 2%;
	}
	.partner .partner_area01 .partner_con li:nth-child(2) ~ li {
		margin-top: 3rem;
	}
	.partner_area02 .partner_con li {
		width: calc(49% - 3px);
		margin-top: .5rem;
	}
	.partner_area02 .partner_con li:nth-child(2n) {
		margin-left: 2%;
	}
	.partner_area02 .partner_con li:nth-child(-n+2) {
		margin-top: 0;
	}	
	.partner_area03 li dd {
		width: calc(100% - 100px);
		padding: .6rem 1rem;
		line-height: 1.4;
	}
}




/* 컨설팅 양성과정 */
.subMovie {
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
	width:100%; 
	max-width:1200px; 
	margin:0 auto; 
	border-radius:20px;
	border:5px solid #49c7fc;
}
.consulting {	
	margin-bottom:3rem;
	padding:4rem 0 2.5rem;
	background:#f4f4f4;
}
.consulting h2 {
    margin:0 0 2rem;
    text-align:center;
	color: #333;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2;
    letter-spacing: -0.05em;
}
.consulting h2 span {
    font-weight:300;
}
.consulting .info01 {
	padding-bottom:0;
}
.consulting .info01 h3{
	text-align:center;
	font-size:120%;
}

.consulting .teach01 {
	width:100%; 
	max-width:1200px; 
	margin:0 auto; 
	text-align:center;
}
.consulting .teach01 li {
	display:inline-block;
	width:20%;
	max-width:280px;
	margin:0 1rem 2rem;
	vertical-align:top; 
}
.consulting .teach01 li img {
	width:100%;
	height:auto;
	margin-bottom:1rem;
	border-radius:50%;
}
.consulting .teach01 strong {
	display:block;
	font-size:120%;
}
.consulting .teach01 span {
	display:block;
	font-size:85%;
	font-weight:300;
	letter-spacing:0;
}
.consulting .edu {
	max-width: 1200px;
    width: 100%;
	margin:2rem auto 0;
}
.consulting .edu dl {
	box-sizing:border-box;
	overflow-y:auto;
	width:100%;
	height:600px;
	padding:3.5%;
	border:1px solid rgb(49, 99, 199, .5);
	background:#fff;
}
.consulting .edu dt {
	margin-bottom:15px;
	font-weight:700;
	color:#000;
	font-size:115%;
}
.consulting .edu dt strong {
	display:inline-block;
	margin-bottom:10px;
	padding:0 10px 2px;
	font-size:80%;
	font-weight:300;
	color:#fff;
	background:#3163c7;
}
.consulting .edu dt span {
	font-weight:300;
}
.consulting .edu p {
	box-sizing:border-box;
	padding:2%;
	font-size:90%;
	background:#f4f4f4;
}


.consulting a.rec-btn {
	display:block;
	width:100%; 
	max-width:1200px; 
	margin:0 auto 3rem; 
	text-align:center;
	color:#fff;
	font-size:110%;
	background:#3163c7;
}
.consulting a.rec-btn + a.rec-btn { 
	margin-top:-2.3rem;
	background:#0986a2;
}
.consulting a.rec-btn + a.rec-btn:hover { 
	border-color:#0986a2;
}
.curriculum_h3 {
	margin: 2rem 0 1rem;
	text-align: center; color: #0986a2;
}
.curriculum_ol {
	box-sizing: border-box;
	padding: 2rem 2rem 2rem 60px;
	border: 2px solid #0986a2; border-radius: 10px;
}
.curriculum_ol li {
	list-style: auto;
	padding-left: 10px;
	color: #000;
}

.board_view .partner_con li {
	width:calc(33.333% - 4px);
	margin-bottom:3px;
}
.board_view img {
	max-width: 840px;
	margin-bottom: 0;
	vertical-align: bottom;
}

@media(max-width: 768px) {
	.consulting {
		margin-bottom:1rem;
		padding: 3rem 0 1rem;
	}
	.consulting h2 { 
		margin-bottom: 1.5rem;
		font-size: 1.5rem;
	}
	.consulting a.rec-btn {
		height: 50px;
		font-size:100%;
	}
}
@media(max-width: 700px) {
	.consulting .teach01 li {
		width:38%;
		margin:0 3% 5%;
	}
	.consulting .teach01 strong {
		font-size:90%;
	}
	.consulting .teach01 span {
		font-size: 13px;
	}
	.consulting .edu dt {
		font-size:100%
	}
}
@media(max-width: 600px) {
	.consulting h2 { 
		font-size: 1.2rem;
	}
	.consulting .edu dl {
		height:400px;
	}
}
@media(max-width: 500px) {
	.consulting .partner_area02 .partner_con {
		padding-bottom:.5rem;
	}
	.consulting .partner_area02 .partner_con li .imgPC { 
		display:none;
	}

	.board_view .partner_con li {
		width:49.5%;
	}
}




/* 진단도구와의 차이점 */
div.new div.new01 {
	position:relative;
	width:100%;
	margin-bottom:4rem;
	text-align:center;
}
div.new div.new01:before {
	content:"";
	position:absolute;
	top:calc(50% - 18px);
	display:block;
	width:100%;
	height:14px;
	background:rgba(98,208,198,.5);
}

div.new div dl {
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	width:300px;
	height:300px;
	margin:0 1.7rem;			
	vertical-align:top;
	border-radius:50%;
	border:5px solid rgba(49,99,199,1);
	background:#fff;
}
div.new div dt {
	box-sizing:border-box;
	width:100%;
	margin-bottom:5%;
	padding:18% 0 5%;
	font-size:1.3rem;
	line-height:1.3;
	border-bottom:1px dashed #3163c7;
}
div.new div dd {
	padding:0 5%;
	font-size:1rem;
	line-height:1.5;
}
div.new .table table {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	border:0 !important;
}
div.new .table thead th {
	position:relative;
	padding-bottom:.8rem;
	color:#000;
	font-size:1.1rem;
	border:0;
}
div.new .table thead th:last-child {
	font-size:1.3rem;
	color:#003b68;
	border:5px solid rgba(50, 100, 199, .6);
	border-bottom:0;
	background:#fffeea;
}
div.new .table tbody td {
	padding:1rem;
	color:#333;
	font-size:.9rem;
	line-height:1.4;
}
div.new .table tbody td:last-child {
	font-size:.95rem;
	color:#000;	
	border-left:5px solid rgba(50, 100, 199, .6);
	border-right:5px solid rgba(50, 100, 199, .6);
	background:#fffeea;	
}
div.new .table tbody tr:last-child td:last-child {
	border:5px solid rgba(50, 100, 199, .6);
	border-top:0;
}
div.new .bc-gray {
	background:#fff
}
div.new .table th, div.new .table td {
    border: 1px solid #84a2d5;
	border-left:0;
	border-right:0
}
div.new .table .star {
	position:absolute;
	top:20%;
	left:12%;
}
.sub-page div.new h4.title01 {
	margin-top:5rem;
	margin-bottom:2rem;
}
.sub-page div.new p {
	margin-bottom:3rem;
}


@media only screen and (max-width: 1199px) {
	/* 진단도구와의 차이점 */
	div.new div.new01 {
		margin-bottom:4rem;
	}
	div.new div.new01:before {
		display:none
	}
	div.new div dl {
		width:31.8%;
		height:220px;
		margin:0;
		border-radius:0;
		border:4px solid rgba(49,99,199,.6);
	}
	div.new div dl:nth-child(2) {
		margin:0 1.5%;
	}
	div.new div dt {
		padding:8% 0 5%;
		font-size:115%;
	}
	div.new div dd {
		font-size:95%;
	}

	div.new .table {
		width:calc(100% - 40px);
		margin-left:20px;
		margin-right:20px;
	}
	div.new .table thead th:last-child {
		border-width:4px;
		border-bottom:0;
	}
	div.new .table tbody td:last-child {
		border-left-width:4px;
		border-right-width:4px;
		background:#fffeea;	
	}
	div.new .table tbody tr:last-child td:last-child {
		border-width:4px;
		border-top:0;
	}	
	div.new .table .star {
		width:25px;
	}
}

@media (max-width: 768px) {
	div.new .table {
		overflow-x:scroll;
	}
	div.new .table table {
		min-width:700px;
	}
	div.new .table p {
		width:96%;
		margin:.5rem auto 0;
		color:#ad1818;
	}	
}

@media only screen and (max-width: 600px) {
	/* 진단도구와의 차이점 */
	div.new div.new01 {
		margin-bottom:3rem;
	}
	div.new div dl {
		width:100%;
		height:auto;
		margin:0 0 0.7rem;
		border-width:3px;
	}
	div.new div dl:nth-child(2) {
		margin:0 0 0.5rem;
	}
	div.new div dt {
		margin-bottom:1rem;
		padding:4% 0 3%;
	}
	div.new div dt br {
		display:none;
	}
	div.new div dd {
		padding-bottom:1rem;
	}
	div.new .table thead th {
		font-size: 1rem;
	}
	div.new .table thead th:last-child {
		font-size: 1.1rem;
	}
	div.new .table tbody td {
		padding: .3rem;
	}
	.sub-page div.new p {
		margin-bottom:.5rem;
	}
	div.new .table .star {
		width:22px;
	}
}


/* 주요현황 박스디자인 */
.list-box5 ul {width:100%;}
.list-box5 li {color:#333; width:19.6%; margin-right:0.5%; padding:40px 0; background:rgba(255,255,255,0.85); float:left;}
.list-box5 li:last-child {margin-right:0;}
.list-box5 li .img {line-height:0; padding-bottom:20px;}
.list-box5 li .txt h5 {color:#000; padding-bottom:10px;}
.list-box5 li .txt p {color:#666; padding-bottom:0;}


/* 대관안내 */
.room.company {
	margin-bottom: 80px;
}
.roomIMG .bxslider-img { 	
	height:750px;
}

@media (max-width: 1200px) {
	.roomIMG .bxslider-img {
		height:auto;
	}
}


.roomIMG .bx-wrapper .bx-controls-direction a {
	width:50px;
	height:80px;
	margin-top:-40px;
}
.roomIMG .bx-controls-direction .bx-prev {
    left:1px;
	background:rgba(0,0,0,.4) url("/V2020/img/sub/btnPrev.png") no-repeat 7px 10px;
}
.roomIMG .bx-controls-direction .bx-next {
    right:0px;
	background:rgba(0,0,0,.4)url("/V2020/img/sub/btnNext.png") no-repeat calc(100% - 7px) 10px;
}
.space_info { 
    float:left;
	box-sizing:border-box;
	width:calc(33.333% - 30px);
	margin-top:20px;
	padding:0 40px;
	font-size:.9rem;    
}
.space_info:nth-child(2) { 
	padding-left:0;
}
.space_info:nth-child(3) { 
	width:calc(33.333% + 60px);
	border-left:1px solid #ececec;
	border-right:1px solid #ececec;
}
.space_info:last-child { 
	padding-right:0;
}
.list_detail  { 
	padding-left:20px;
}
.list_detail li { 
	padding:10px 0;
	border-top: 1px solid #ebebeb;
}
.list_detail li:first-child { 
	padding-top:0;
	border-top: none;
}
.list_detail li span { 
	display:inline-block;
	min-width:70px;
	font-weight:500;
	color:#333
}
.facility_list {
	overflow:hidden;
	margin-top:15px;
}
.facility_list li {
	float:left;
	box-sizing:border-box;
	width:33.333%;
	height:38px;
	padding:9px 0;
	color:#fff;
	border:1px solid #fff;
	background:#5674b0;
}
.facility_list li * {
	vertical-align:middle;
}
.facility_list li i {
	float:left;
	width:43%;
	padding-right:3px;
	font-size:1rem;
	text-align:center;	
}
.facility_list li span {
	float:left;
	width:57%;
	font-size:.65rem;
	line-height:1.5;
}
.ul.space {
	float:left;
	display:block;
	width:100%;
	margin-top:60px;
	padding-left:0px;
	font-size:.85em;
	color:#333;
}
.ul.space li {
	list-style:none;
}
.room h3 {
	margin-top:3rem;
	padding-bottom:10px;
	font-size:1.6rem;
	font-weight:350;
	color:#000;
	border-bottom:1px solid #aaa;
}
.map01 .content {
	position: relative;
	
	width: 100%;
	height: 0;
	margin: 0 auto;
	padding-bottom: 56.2%;	
	background: #000;
}
.map01 .content iframe {
	position: absolute;
	box-sizing: border-box;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:5px solid #3155b5;
}

@media (max-width: 1200px) {
	.space_info { 
		width:50%;
		margin-top:15px;
		padding:0 40px;
		font-size:.85rem;    
	}
	.space_info:nth-child(3) { 
		width:50%;
		padding-right:0;
		border-right:0;
	}
	.space_info:nth-child(4) {
		width:100%;
		margin-top:30px;
		padding:15px 20px;
		background:#fafafa;
	}
	.space_info:nth-child(4) br {
		display:none;
	}
	.space_info:nth-child(4) span {
		display:inline-block !important;
	}
	.space_info:nth-child(4) li {
		padding:3px 0;
		border:0;
	}
	.ul.space {
		margin-top: 20px;
	}
}

@media (max-width: 1024px) {
	.room.company {
		margin-bottom: 60px;
	}
	.map01 .content iframe {
		border-width:3px;
	}
}

@media (max-width: 768px) {
	.room.company {
		margin-bottom: 50px;
	}
	.roomIMG .bx-wrapper .bx-controls-direction a {
		width:30px;
		height:50px;
		margin-top:-25px;		
	}
	.roomIMG .bx-controls-direction .bx-prev,
	.roomIMG .bx-controls-direction .bx-next {
		background-size:53%;
	}
	.facility_list li {
		height:auto;
	}
	.facility_list li i {
		font-size: .8rem;
	}
	.facility_list li span {
		line-height: 1;
	}
}

@media (max-width: 680px) {
	.room.company {
		margin-bottom: 40px;
	}
	.space_info { 
		width:100%
	}
	.space_info:nth-child(2) .list_detail li:last-child {
		border-bottom: 1px solid #ebebeb;
	}
	.space_info:nth-child(3) {
		width:100%;
		padding-left:20px;
		border-left:0;
	}
	.space_info:nth-child(3) .list_detail > li {		
		list-style: circle;
	}
	.space_info:nth-child(4) {
		position:relative;
	}
	.space_info:nth-child(4) li {
		
		padding-left:70px;
	}
	.space_info:nth-child(4) li span {
		position:absolute;
		left:20px;
	}
}


/* 기타 */
.no_page {width: 100%;border: 1px solid #DDD;background:#F5F5F5;text-align: center;padding: 200px 0;font-size: 24px;}
.guide_txt {padding: 20px; }
.guide_txt li {padding: 5px;list-style-type: disc;}
.sub02_txt {margin: 0 auto; text-align: center;}
.sub02_txt .tit_img {width: 28%;display: inline-block;text-align: center;}
.sub02_txt .tit_txt {width: 52%;display: inline-block;vertical-align: top;padding-top: 60px;}
.sub02_txt .tit_txt > h3 {font-size: 40px;color: #1e1e1e;font-weight: 300;line-height: 45px;padding-bottom: 20px;text-align: left;}
.sub02_txt .tit_txt > p {font-size: 18px;color: #666;font-weight: 400;line-height: 26px;text-align: left;}
.icon_box {width: 100%;text-align: center;font-size: 0;padding: 20px;background: url("../../../img/_design/images/sub02/arrow.jpg") no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: 100%;}
.icon_box .box {width:20%;display: inline-block;vertical-align: top;}
.icon_box .box p {font-size: 20px;color: #1e1e1e;font-weight: 400;}
.icon_box .arrow {padding-top: 55px;display: inline-block;}
.green{color: #00ad87;font-weight: 600;}
.privacy_title {font-size: 18px;padding: 20px 0;color: #333;}
.privacy_txt {padding: 20px;border: 3px solid #e5e5e5;font-size: 14px;}



@media all and (min-width: 769px) {
	/* 공통 */
	.mobile {
		display: none;
	}	
}
@media all and (max-width: 768px) {
	/* 공통 */
	.mobile {
		display: block;
	}
	.pc {
		display: none;
	}	

	/* 리스트 이미지3 */
	.list-img li {width:49%; margin-right:2%; margin-bottom:50px; float:left;}
	.list-img li:nth-child(2n+2) {margin-right:0% !important;}
	.list-img li:nth-child(3n+3) {margin-right:2%;}
}




















/* 양성과정 게시판 */
p.link-blog {
	text-align: center;
}
p.link-blog a {
	display: inline-block;
	min-width: 300px;
	margin-top: 5px; padding: 3px 20px;
	font-weight: 700; color: #003b68;
	border-radius: 20px;
	background: #e0f2ff;
}
p.link-blog a i {
	padding-left: 10px
}
.img100 img {
	max-width: 100%;
}



/* 이용후기 게시판 */
.board_view .before {
	width: 100%; max-width: 840px;
	margin-left: auto; margin-right: auto;	
	text-align: center;
}
.board_view .before .title p {
	display: inline-block;	
	margin-left: 5px; margin-right: 5px;	
	font-size: 100%; font-weight: 700; color: #555;
}
.board_view .before .box {
	display: inline-block;
	width: 100%;
	padding: 3px 20px 4px;
	font-size: 110%; font-weight: 700;
	border-top: 1px solid #dcdd6e; border-bottom: 1px solid #dcdd6e; 
	background: #fffcd6;
}

.board_view .before h3 {
	font-size: 100%;
}
.board_view .before h3 strong {
	font-weight: 700; font-size: 1.3rem;
}
.board_view .before h4 {
	margin-bottom: 10px;
	font-size: 1.2em;
}

.board_view .before .img03,
.board_view .before .img04,
.board_view .before .img08 {
	display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;
	width: 100%;
}
.board_view .before .img03 > * {
	width: 33%;
}
.board_view .before .img03 > :nth-child(3n-1) {
	margin: 0 .5%;
}
.board_view .before .img03 img {
	display: block;
	width: 100%;
}
.board_view .before .img04 li {
	width: 49.5%;
}
.board_view .before .img04 li:not(:nth-child(1), :nth-child(2)),
.board_view .before .img03 li:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
	margin-top: 8px;
}
.board_view .before .img08 li {
	flex: 1 1 25%;
}
.board_view .before .img03 img,
.board_view .before .img04 img,
.board_view .before .img08 img {
	width: 100%;
}

.board_view .before .finish,
.board_view .before .finish.img04 {
	padding: 30px;
	text-align: left;
	background: #f4f4f4;
}
.board_view .before .finish.img04 {
	display: flex; flex-direction: row; align-items: stretch;
}
.board_view .before p {	
	line-height: 1.8;
}
.board_view .before .finish {	
	line-height: 2;
}
.board_view .before .finish_character li {
	padding: 30px;
	background: #f4f4f4;
}
.board_view .before .finish_character img {
	width: 160px;
}

	@media only screen and (max-width: 500px) {
		.board_view .before .box {
			padding-top: 0; padding-bottom: 0;
		}
		.board_view .before .finish_character li {
			padding: 15px;
		}
	}

/* 마지막-~~문의하세요 */
/*div.board_view div.q-radius-div { 
	padding: 20px 0;
}*/
p.q-radius { 
	position: relative; 
	padding: 15px 10px; 
	color: #fff; 
	border-radius: 10px; 
	background: #0078cb;
}
p.q-radius:before {
    content: "";
    display: block;
    position: absolute;
    top: 15px; left: -8px;
	width: 16px; height: 16px;
	background: #0078cb;
    transform: rotate(-45deg);
	z-index: 0;
}
p.q-radius-right { 
	background: #00cb9c;
}
p.q-radius-right:before	{
    top: 15px; left: auto; right: -8px;
	background: #00cb9c;
    transform: rotate(135deg);
	z-index: 0;
}

	@media all and (min-width: 769px) {
		.board_view .before .finish.img04 li {
			flex: 1 1 50%;
			width: 50%; 
			text-align:center;
		}
	}
	@media all and (max-width: 768px) {
		.board_view .before .img08 li {
			flex: 1 1 50%;
			width: 50%; 
		}
		.board_view .before > .finish {
			padding: 15px;
		}
	}
	@media all and (max-width: 500px) {
		#writeContents.board_view {
			padding-left: 0; padding-right: 0;
		}
		div.board_view .before h3 {
			font-size: .85rem; line-height: 1.4;
		}
	}



/* 워크숍 게시물 */
.before .workshop {
	width: 100%;
	text-align: center; font-size:1.4rem; line-height:1.6; 
}

.invitation {
	font-weight: 700;
	background: #f9f9f9;
}
.invitation > * {
	max-width: 724px;
	margin: 0 auto 30px !important;
}
.invitation .img img {
	width: 100%; max-width: 215px;
}
.invitation p {
	font-weight: 400;
}

.before .workshop h1 {
	font-size: 2.2em; color: #000; font-weight: 700;
}
.workshop h2 {
	font-size: 1.4rem; color: #000; font-weight: 700;
}
.workshop p strong {
	font-size: 115%; 
}
.before .workshop .blue {
	color: #0090ec;
}

.sub-page #writeContents .workshop .underline {
	position: relative;
	display: inline-block;
	color: #787878; font-size: 115%; line-height: 1.8;
	zoom: 1;
}
.workshop .underline:before {
	content: "";
	position: absolute;
	bottom: 0; left: 0;
	width: 100%; height: 1px;
	background: #787878;
}
.sub-page #writeContents .workshop .small {
	font-size:.98em; color:#ec008c;
}
.workshop .small.underline:before {
	background:#ec008c;
}


.workshop .agent {
	position:relative;
}
.workshop .agent:before {
	content:"";
	position:absolute;
	top:50%; left:0;
	width:100%; height:1px;
	background:#7f7f7f;
}
.workshop .agent div {
	position:relative;
	display:inline-block;
	padding:0 35px;
	background:#fff;	
}
.workshop .agent img {
	display:inline-block;
	max-width:28px;
	margin:0 5px;
}








@media (max-width: 680px){
	.workshop {
		font-size:1.5rem; line-height:1.4; 
	}

	.invitation {
		padding: 40px 20px 5px;
	}
	#writeContents .invitation div img {
		max-width:215px;
	}

	.workshop .workshop_area {
		margin-top:50px;
	}
	.workshop .agent div {
		padding:0 15px;
	}
	#writeContents .workshop .agent img {
		max-width:15px;
	}
	.workshop h1 {
		margin-top:20px; margin-bottom:0;
		font-size: 1.6rem;
		letter-spacing: -.05em;
	}
	.workshop h1 span {
		font-size: 100% !important;
	}
	.workshop h2 {
		margin-top: 25px; margin-bottom:10px;
		font-size: 1.2rem; line-height:1.4;
	}
	.sub-page #writeContents .workshop p {
		margin-bottom:10px;
	}
	.sub-page #writeContents .workshop p strong {
		font-size:110%;
	}
	.workshop ul + h2 {
		margin-top: 50px;
	}
	.sub-page #writeContents .workshop .big {
		margin: 15px 0 20px;
		padding: 20px 0 5px;
		font-size: 110%;
	}
	.workshop .underline:before {
		display:none;
	}
	.sub-page #writeContents .workshop .underline {
		margin-top:10px; margin-bottom:0;
		line-height:1.6; text-decoration:underline;
	}
	.sub-page #writeContents .workshop ul {
		margin-top:20px; margin-bottom:20px;
	}
}