/********************************** 서브이미지 **********************************/
.sub-img h1{
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	font-weight: 500;
	font-size: 3.125rem;
	line-height: 3.125rem;
}

@media (max-width: 575px) {
	.sub-img{
		width: 100%;
		height: 200px;
		text-align: center;
		padding: 100px 0 0 0;
	}
	.sub-img .sub-img-stitle{
		color: #ffffff;
		font-size: 1.188rem;
		line-height: 1.188rem;
		padding: 10px 0 0 0;
	}
}
@media (min-width: 576px) {
	.sub-img{
		width: 100%;
		height: 260px;
		text-align: center;
		padding: 140px 0 0 0;
	}
	.sub-img .sub-img-stitle{
		color: #ffffff;
		font-size: 1.188rem;
		line-height: 1.188rem;
		padding: 10px 0 0 0;
	}
}
@media (min-width: 768px){
	.sub-img{
		width: 100%;
		height: 300px;
		text-align: center;
		padding: 160px 0 0 0;
	}
	.sub-img .sub-img-stitle{
		color: #ffffff;
		font-size: 1.188rem;
		line-height: 1.188rem;
		padding: 20px 0 0 0;
	}
}
@media (min-width: 992px){
	.sub-img{
		width: 100%;
		height: 360px;
		text-align: center;
		padding: 190px 0 0 0;
	}
}

/********************************** 서브메뉴 **********************************/
.sub-menu ul .li-1{
	border-left: 1px solid #565656;
}
.sub-menu ul .on{
	background: #eb2729;
	border: 1px solid #eb2729;
}

@media (max-width: 575px){
	.sub-menu{
		width: 100%;
		height: 42px;
		background: #202020;
	}
	.sub-menu .wrap{
		padding-left: 0;
		padding-right: 0;
	}
	.sub-menu ul li{
		height: 42px;
		float: left;
		text-align: center;
		border-right: 1px solid #565656;
	}
	.sub-menu ul li a{
		color: #FFFFFF;
		font-size: 1.125rem;
		line-height: 42px;	
		display: block;	
	}
}
@media (min-width: 576px){
	.sub-menu{
		width: 100%;
		height: 50px;
		background: #202020;
	}
	.sub-menu ul li{
		height: 50px;
		float: left;
		text-align: center;
		border-right: 1px solid #565656;
	}
	.sub-menu ul li a{
		color: #FFFFFF;
		font-size: 1.125rem;
		line-height: 50px;	
		display: block;	
	}
}
@media (min-width: 768px){
	.sub-menu{
		width: 100%;
		height: 55px;
		background: #202020;
	}
	.sub-menu ul li{
		height: 55px;
		float: left;
		text-align: center;
		border-right: 1px solid #565656;
	}
	.sub-menu ul li a{
		color: #FFFFFF;
		font-size: 1.125rem;
		line-height: 55px;	
		display: block;	
	}
}
@media (min-width: 992px){
	.sub-menu{
		width: 100%;
		height: 60px;
		background: #202020;
	}
	.sub-menu ul li{
		height: 60px;
		float: left;
		text-align: center;
		border-right: 1px solid #565656;
	}
	.sub-menu ul li a{
		color: #FFFFFF;
		font-size: 1.125rem;
		line-height: 60px;	
		display: block;	
	}
}

/* 메뉴 2개 */
.sub-menu2 ul li{
	width: 50%;
}

/* 메뉴 3개 */
.sub-menu3 ul li{
	width: 33%;
}
.sub-menu3 ul .li-1{
	width: 34%;
}

/********************************** 서브페이지 기본설정 **********************************/
@media (max-width: 575px) {
	.sub-content{
		width: 100%;
		overflow: hidden;
		padding: 30px 15px;
	}
	.sub-content1{
		padding-left: 0;
		padding-right: 0;
	}
}
@media (min-width: 576px) {
	.sub-content{
		width: 100%;
		overflow: hidden;
		padding: 40px 0 40px 0;
	}
}
@media (min-width: 768px){
	.sub-content{
		width: 100%;
		overflow: hidden;
		padding: 60px 0 60px 0;
	}
}
@media (min-width: 992px){
	.sub-content{
		width: 100%;
		overflow: hidden;
		padding: 70px 0 70px 0;
	}
}
@media (min-width: 1300px){
	.sub-content{
		width: 100%;
		overflow: hidden;
		padding: 90px 0 90px 0;
	}
}

/********************************** BUSINESS **********************************/
.business{
	padding: 0;
}
.business .business-bg1{
	background: #f6f2f2;
}
.business .business-bg1 ul li img,
.business .business-bg2 ul li img 
{ width: 100%; object-fit: cover; }

@media (max-width: 575px) {
	.business ul{
		padding: 20px 15px;
	}
	.business .business-bg1 ul .li-left{
		width: 100%;
		float: left;
		text-align: center;
	}
	.business .business-bg1 ul .li-right{
		width: 100%;
		float: left;
		padding: 10px 0 0 0;		
	}
	.business .business-bg2 ul .li-left{
		width: 100%;
		float: left;
		padding: 0 0 0 0;
	}
	.business .business-bg2 ul .li-right{
		width: 100%;
		float: left;
		text-align: center;
		padding: 10px 0 0 0;
	}
}
@media (min-width: 576px) {
	.business ul{
		padding: 40px 0;
	}
	.business .business-bg1 ul .li-left{
		width: 100%;
		float: left;
		text-align: center;
	}
	.business .business-bg1 ul .li-right{
		width: 100%;
		float: left;
		padding: 20px 20px 0 20px;		
	}
	.business .business-bg2 ul .li-left{
		width: 100%;
		float: left;
		padding: 0 20px 0 20px;
	}
	.business .business-bg2 ul .li-right{
		width: 100%;
		float: left;
		text-align: center;
		padding: 20px 0 0 0;
	}
}
@media (min-width: 768px){
	.business ul{
		padding: 40px 0;
	}
	.business .business-bg1 ul .li-left{
		width: 40%;
		float: left;
	}
	.business .business-bg1 ul .li-right{
		width: 60%;
		float: left;
		padding: 0 0 0 30px;
	}
	.business .business-bg2 ul .li-left{
		width: 60%;
		float: left;
		padding: 0 30px 0 0;
	}
	.business .business-bg2 ul .li-right{
		width: 40%;
		float: left;
	}
}
@media (min-width: 992px){
	.business ul{
		padding: 60px 0;
	}
	.business .business-bg1 ul .li-left{
		width: 50%;
		float: left;
	}
	.business .business-bg1 ul .li-right{
		width: 50%;
		float: left;
		padding: 0 0 0 50px;
	}
	.business .business-bg2 ul .li-left{
		width: 100%;
		float: left;
		padding: 0 50px 0 0;
	}
	.business .business-bg2 ul .li-right{
		width: 50%;
		float: left;
	}
}

@media (max-width: 575px) {
	.business ul .img img{
		width: 100%;
	}
	.business ul li .business-number{
		font-family: 'Gmarket Sans';
		color: #eb2729;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.5rem;
		padding: 10px 0 0 0;
	}
	.business ul li .business-line1{
		width: 26px;
		height: 2px;
		background: #eb2729;
		margin: 2px 0 0 0;
	}
	.business ul li .business-line2{
		width: 33px;
		height: 2px;
		background: #eb2729;
		margin: 2px 0 0 0;
	}
	.business ul li h1{
		font-family: 'Gmarket Sans';
		color: #010101;
		font-weight: 500;
		font-size: 1.813rem;
		line-height: 1.813rem;
		padding: 17px 0 8px 0;
	}
	.business ul li .business-text{
		width: 100%;
		overflow: hidden;
		margin: 5px 0;
	}
	.business ul li .business-text dt{
		width: 5px;
		height: 5px;
		background: #818181;
		float: left;
		margin: 6px 0 0 0;
	}
	.business ul li .business-text dd{
		color: #1c1c1c;
		font-size: 1.125rem;
		line-height: 1.5rem;
		float: left;
		margin: 0 0 0 8px;
	}
}
@media (min-width: 576px) {
	.business ul .img img{
		width: 100%;
		max-width: 500px;
	}
	.business ul li .business-number{
		font-family: 'Gmarket Sans';
		color: #eb2729;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.5rem;
		padding: 10px 0 0 0;
	}
	.business ul li .business-line1{
		width: 26px;
		height: 2px;
		background: #eb2729;
		margin: 2px 0 0 0;
	}
	.business ul li .business-line2{
		width: 33px;
		height: 2px;
		background: #eb2729;
		margin: 2px 0 0 0;
	}
	.business ul li h1{
		font-family: 'Gmarket Sans';
		color: #010101;
		font-weight: 500;
		font-size: 2rem;
		line-height: 2rem;
		padding: 17px 0 8px 0;
	}
	.business ul li .business-text{
		width: 100%;
		overflow: hidden;
		margin: 5px 0;
	}
	.business ul li .business-text dt{
		width: 5px;
		height: 5px;
		background: #818181;
		float: left;
		margin: 6px 0 0 0;
	}
	.business ul li .business-text dd{
		color: #1c1c1c;
		font-size: 1.125rem;
		line-height: 1.375rem;
		float: left;
		margin: 0 0 0 8px;
	}
}
@media (min-width: 768px){
	.business ul .img img{
		width: 100%;
		max-width: 620px;
	}
	.business ul li .business-number{
		font-family: 'Gmarket Sans';
		color: #eb2729;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.5rem;
		padding: 10px 0 0 0;
	}
	.business ul li .business-line1{
		width: 26px;
		height: 2px;
		background: #eb2729;
	}
	.business ul li .business-line2{
		width: 33px;
		height: 2px;
		background: #eb2729;
	}
	.business ul li h1{
		font-family: 'Gmarket Sans';
		color: #010101;
		font-weight: 500;
		font-size: 2rem;
		line-height: 2rem;
		padding: 17px 0 10px 0;
	}
	.business ul li .business-text{
		width: 100%;
		overflow: hidden;
		margin: 16px 0;
	}
	.business ul li .business-text dt{
		width: 6px;
		height: 6px;
		background: #818181;
		float: left;
		margin: 8px 0 0 0;
	}
	.business ul li .business-text dd{
		color: #1c1c1c;
		font-size: 1.125rem;
		line-height: 1.375rem;
		float: left;
		margin: 0 0 0 12px;
	}
}
@media (min-width: 992px){
	.business ul li .business-number{
		font-family: 'Gmarket Sans';
		color: #eb2729;
		font-weight: 500;
		font-size: 1.875rem;
		line-height: 1.875rem;
		padding: 30px 0 0 0;
	}
	.business ul li .business-line1{
		width: 32px;
		height: 2px;
		background: #eb2729;
	}
	.business ul li .business-line2{
		width: 39px;
		height: 2px;
		background: #eb2729;
	}
	.business ul li h1{
		font-family: 'Gmarket Sans';
		color: #010101;
		font-weight: 500;
		font-size: 2.5rem;
		line-height: 2.5rem;
		padding: 28px 0 20px 0;
	}
	.business ul li .business-text{
		width: 100%;
		overflow: hidden;
	}
	.business ul li .business-text dt{
		width: 6px;
		height: 6px;
		background: #818181;
		float: left;
		margin: 12px 0 0 0;
	}
	.business ul li .business-text dd{
		color: #1c1c1c;
		font-size: 1.25rem;
		line-height: 1.875rem;
		float: left;
		margin: 0 0 0 12px;
	}
}
@media (min-width: 1300px){
	.business ul li .business-number{
		font-family: 'Gmarket Sans';
		color: #eb2729;
		font-weight: 500;
		font-size: 1.875rem;
		line-height: 1.875rem;
		padding: 54px 0 0 0;
	}
}


/********************************** PORTFOLIO **********************************/
.portfolio-list ul li .portfolio-list-img{
	border: 1px solid #c9c9c9;
}
.portfolio-list ul li .portfolio-list-img img{
	width: 100%;
	max-width: 368px;	
	height: 210px;
}

@media (max-width: 575px) {
	.portfolio-list ul li .portfolio-list-img img{
		width: 100%;
		max-width: 160px;	
		height: 120px;
	}
	.portfolio-list ul{
		width: 100%;
		padding: 0 7px;
	}
	.portfolio-list ul li{
		width: 50%;
		padding: 0 7px 20px 7px;
		float: left;
	}
	.portfolio-list ul li h1{
		color: #010101;
		font-weight: 400;
		font-size: 1.25rem;
		line-height: 1.25rem;
		padding: 10px 0 0 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis; 
	}
	.portfolio-list ul li .portfolio-list-sort{
		color: #a9a9a9;
		font-size: 0.9375rem;
		line-height: 0.9375rem;
		padding: 8px 0 0 0;
	}
}
@media (min-width: 576px) {
	.portfolio-list ul{
		width: 560px;
	}
	.portfolio-list ul li{
		width: 50%;
		padding: 0 20px 20px 0;
		float: left;
	}
	.portfolio-list ul li h1{
		color: #010101;
		font-weight: 400;
		font-size: 1.375rem;
		line-height: 1.375rem;
		padding: 15px 0 0 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis; 
	}
	.portfolio-list ul li .portfolio-list-sort{
		color: #a9a9a9;
		font-size: 0.9375rem;
		line-height: 0.9375rem;
		padding: 10px 0 0 0;
	}
}
@media (min-width: 768px){
	.portfolio-list ul{
		width: 760px;
	}
	.portfolio-list ul li{
		width: 50%;
		padding: 0 40px 30px 0;
		float: left;
	}
	.portfolio-list ul li h1{
		color: #010101;
		font-weight: 400;
		font-size: 1.375rem;
		line-height: 1.375rem;
		padding: 15px 0 0 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis; 
	}
	.portfolio-list ul li .portfolio-list-sort{
		color: #a9a9a9;
		font-size: 0.9375rem;
		line-height: 0.9375rem;
		padding: 10px 0 0 0;
	}
}
@media (min-width: 992px){
	.portfolio-list ul{
		width: 1000px;
	}
	.portfolio-list ul li{
		width: 33.3%;
		padding: 0 40px 30px 0;
		float: left;
	}
}
@media (min-width: 1300px){
	.portfolio-list ul{
		width: 1308px;
	}
	.portfolio-list ul li{
		width: 33.3%;
		padding: 0 68px 40px 0;
		float: left;
	}
}

/********************************** COMPANY **********************************/
/* 미디어필 소개 */
.company01 h1 b{
	color: #eb2729;
	font-weight: 500;
}

@media (max-width: 575px) {
	.company01 h1{
		font-family: 'Gmarket Sans';
		color: #010101;
		font-weight: 500;
		font-size: 2rem;
		line-height: 2.813rem;
		text-align: center;
	}
}
@media (min-width: 576px) {
	.company01 h1{
		font-family: 'Gmarket Sans';
		color: #010101;
		font-weight: 500;
		font-size: 2.625rem;
		line-height: 3.75rem;
		text-align: center;
	}
}
@media (min-width: 768px){
	.company01 h1{
		font-family: 'Gmarket Sans';
		color: #010101;
		font-weight: 500;
		font-size: 3.125rem;
		line-height: 4.625rem;
		text-align: center;
	}
}

.company01-system .li-left .company01-system-layout{	
	background:url('/img/sub/intro01.jpg') no-repeat;
	background-position: center;
	background-size : 100% 100%;
/*
 	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
*/
}
.company01-system .li-right .company01-system-layout{	
	background:url('/img/sub/intro02.jpg') no-repeat;
	background-position: center;
	background-size : 100% 100%;
/*
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
*/
}

@media (max-width: 575px) {
	.company01-system{
		width: 100%;
		overflow: hidden;
		padding: 10px 0 0 0;
	}
	.company01-system li{
		width: 100%;	
		float: left;
		text-align: center;
	}
	.company01-system li .company01-system-layout{
		height: 200px;	
	}
	.company01-system .li-left{
		padding: 0 0 20px 0;
	}
	.company01-system .li-right{
		padding: 0 0 0 0;
	}
	.company01-system li .company01-system-layout .csl-stitle{
		color: #ffffff;
		font-size: 1.375rem;
		line-height: 1.375rem;
		padding: 50px 0 0 0;
	}
	.company01-system li .company01-system-layout h2{
		color: #ffffff;
		font-weight: 500;
		font-size: 2.25rem;
		line-height: 2.25rem;
		padding: 28px 0 0 0;
	}
	.company01-system .li-left .company01-system-layout .csl-line{
		width: 270px;
		height: 3px;
		margin: 12px auto 0 auto;
		background: #FFFFFF;
	}
	.company01-system .li-right .company01-system-layout .csl-line{
		width: 160px;
		height: 3px;
		margin: 12px auto 0 auto;
		background: #FFFFFF;
	}
}
@media (min-width: 576px) {
	.company01-system{
		width: 100%;
		overflow: hidden;
		padding: 15px 0 0 0;
	}
	.company01-system li{
		width: 100%;	
		float: left;
		text-align: center;
	}
	.company01-system li .company01-system-layout{
		height: 250px;	
	}
	.company01-system .li-left{
		padding: 0 0 20px 0;
	}
	.company01-system .li-right{
		padding: 0 0 0 0;
	}
	.company01-system li .company01-system-layout .csl-stitle{
		color: #ffffff;
		font-size: 1.375rem;
		line-height: 1.375rem;
		padding: 80px 0 0 0;
	}
	.company01-system li .company01-system-layout h2{
		color: #ffffff;
		font-weight: 500;
		font-size: 2.25rem;
		line-height: 2.25rem;
		padding: 28px 0 0 0;
	}
	.company01-system .li-left .company01-system-layout .csl-line{
		width: 300px;
		height: 3px;
		margin: 12px auto 0 auto;
		background: #FFFFFF;
	}
	.company01-system .li-right .company01-system-layout .csl-line{
		width: 180px;
		height: 3px;
		margin: 12px auto 0 auto;
		background: #FFFFFF;
	}
}
@media (min-width: 768px){
	.company01-system{
		width: 100%;
		overflow: hidden;
		padding: 35px 0 0 0;
	}
	.company01-system li{
		width: 50%;	
		float: left;
		text-align: center;
	}
	.company01-system li .company01-system-layout{
		height: 380px;	
	}
	.company01-system .li-left{
		padding: 0 10px 0 0;
	}
	.company01-system .li-right{
		padding: 0 0 0 10px;
	}
	.company01-system li .company01-system-layout .csl-stitle{
		color: #ffffff;
		font-size: 1.375rem;
		line-height: 1.375rem;
		padding: 155px 0 0 0;
	}
	.company01-system li .company01-system-layout h2{
		color: #ffffff;
		font-weight: 500;
		font-size: 2.25rem;
		line-height: 2.25rem;
		padding: 28px 0 0 0;
	}
	.company01-system .li-left .company01-system-layout .csl-line{
		width: 300px;
		height: 3px;
		margin: 12px auto 0 auto;
		background: #FFFFFF;
	}
	.company01-system .li-right .company01-system-layout .csl-line{
		width: 180px;
		height: 3px;
		margin: 12px auto 0 auto;
		background: #FFFFFF;
	}
}
@media (min-width: 992px){
	.company01-system{
		width: 100%;
		overflow: hidden;
		padding: 49px 0 0 0;
	}
	.company01-system li .company01-system-layout{
		height: 430px;	
	}
	.company01-system .li-left{
		padding: 0 15px 0 0;
	}
	.company01-system .li-right{
		padding: 0 0 0 15px;
	}
	.company01-system li .company01-system-layout .csl-stitle{
		color: #ffffff;
		font-size: 1.625rem;
		line-height: 1.625rem;
		padding: 155px 0 0 0;
	}
	.company01-system li .company01-system-layout h2{
		color: #ffffff;
		font-weight: 500;
		font-size: 2.5rem;
		line-height: 2.5rem;
		padding: 28px 0 0 0;
	}
	.company01-system .li-left .company01-system-layout .csl-line{
		width: 360px;
		height: 3px;
		margin: 12px auto 0 auto;
		background: #FFFFFF;
	}
	.company01-system .li-right .company01-system-layout .csl-line{
		width: 220px;
		height: 3px;
		margin: 12px auto 0 auto;
		background: #FFFFFF;
	}
}

.company01 .company01-icon1 img{
	width: 51px;
}

@media (max-width: 575px) {
	.company01 .company01-icon1{
		text-align: center;
		padding: 20px 0 0 0;
	}
	.company01 .company01-text1{
		color: #1c1c1c;
		font-size: 1.188rem;
		line-height: 1.75rem;
		text-align: center;
		padding: 5px 0 0 0;
	}
}
@media (min-width: 576px) {
	.company01 .company01-icon1{
		text-align: center;
		padding: 30px 0 0 0;
	}
	.company01 .company01-text1{
		color: #1c1c1c;
		font-size: 1.438rem;
		line-height: 2.25rem;
		text-align: center;
		padding: 15px 0 0 0;
	}
}
@media (min-width: 768px){
	.company01 .company01-icon1{
		text-align: center;
		padding: 50px 0 0 0;
	}
	.company01 .company01-text1{
		color: #1c1c1c;
		font-size: 1.625rem;
		line-height: 2.625rem;
		text-align: center;
		padding: 15px 0 0 0;
	}
}
@media (min-width: 992px){
	.company01 .company01-icon1{
		text-align: center;
		padding: 80px 0 0 0;
	}
	.company01 .company01-text1{
		color: #1c1c1c;
		font-size: 1.625rem;
		line-height: 2.625rem;
		text-align: center;
		padding: 27px 0 0 0;
	}
}

/* 연혁 */
.company02{
	width: 100%;
	overflow: hidden;
}

@media (max-width: 575px){
	.company02 .company02-left{
		width: 100%;
		float: left;
	}
	.company02 .company02-right{
		width: 100%;
		float: left;
		padding: 30px 0 0 0;
	}
}
@media (min-width: 576px){
	.company02 .company02-left{
		width: 100%;
		float: left;
	}
	.company02 .company02-right{
		width: 100%;
		float: left;
		padding: 40px 0 0 0;
	}
}
@media (min-width: 768px){
	.company02 .company02-left{
		width: 40%;
		float: left;
	}
	.company02 .company02-right{
		width: 60%;
		float: left;
	}
}

.company02 .company02-left .company02-left-stitle{
	font-family: 'Lato', sans-serif;
	color: #eb2729;
	font-size: 1.375rem;
	line-height: 1.375rem;
}

@media (max-width: 575px){
	.company02 .company02-left .company02-left-line{
		width: 78px;
		height: 1px;
		background: #eb2729;
		margin: 9px 0 0 0;
	}
	.company02 .company02-left h1{
		font-family: 'Gmarket Sans';
		color: #010101;
		font-weight: 500;
		font-size: 2.375rem;
		line-height: 3.125rem;
		padding: 18px 0 0 0;
	}
}
@media (min-width: 576px){
	.company02 .company02-left .company02-left-line{
		width: 80px;
		height: 1px;
		background: #eb2729;
		margin: 9px 0 0 0;
	}
	.company02 .company02-left h1{
		font-family: 'Gmarket Sans';
		color: #010101;
		font-weight: 500;
		font-size: 2.625rem;
		line-height: 3.625rem;
		padding: 20px 0 0 0;
	}
}
@media (min-width: 768px){
	.company02 .company02-left .company02-left-line{
		width: 84px;
		height: 1px;
		background: #eb2729;
		margin: 9px 0 0 0;
	}
	.company02 .company02-left h1{
		font-family: 'Gmarket Sans';
		color: #010101;
		font-weight: 500;
		font-size: 2.625rem;
		line-height: 3.625rem;
		padding: 47px 0 0 0;
	}
}
@media (min-width: 992px){
	.company02 .company02-left .company02-left-line{
		width: 90px;
		height: 1px;
		background: #eb2729;
		margin: 9px 0 0 0;
	}
}

.company02 .company02-right-year{
	width: 100%;
	overflow: hidden;
}
.company02 .company02-right-year .cry-icon{
	width: 9%;
	background:url('/img/sub/company02_01.png');
	vertical-align: top;
	padding: 5px 0 0 0;
}
.company02 .company02-right-year .cry-icon-end{
	background:url('/img/sub/company02_03.png');
}
.company02 .company02-right-year .cry-icon span{
	width: 14px;
	height: 14px;
	background: #eb2729;
	border-radius: 50%;
	display: block;
}

.company02 .company02-right-content{
	width: 100%;
	overflow: hidden;
}
.company02 .company02-right-content .crc-line{
	width: 9%;
	background:url('/img/sub/company02_02.png');
}
.company02 .company02-right-content .crc-line-end{
	background:url('');
}
.company02 .company02-right-content .crc-info-end{
	padding-bottom: 0 !important;
}
.company02 .company02-right-content .crc-info table tr .crc-info-month{
	width: 13%;
}
.company02 .company02-right-content .crc-info table tr .crc-info-content{
	width: 87%;
}

@media (max-width: 575px) {
	.company02 .company02-right-year .cry-number{
		width: 91%;
		font-family: 'Gmarket Sans';
		color: #010101;
		font-weight: 500;
		font-size: 1.875rem;
		padding: 0 0 0 10px;
	}
	.company02 .company02-right-content .crc-info{
		width: 91%;
		color: #656565;
		font-size: 1.063rem;
		line-height: 1.438rem;
		padding: 10px 0 40px 10px;
	}
	.company02 .company02-right-content .crc-info table tr td{
		padding: 5px 0;
		vertical-align: top;
	}
}
@media (min-width: 576px) {
	.company02 .company02-right-year .cry-number{
		width: 91%;
		font-family: 'Gmarket Sans';
		color: #010101;
		font-weight: 500;
		font-size: 1.875rem;
		padding: 0 0 0 16px;
	}
	.company02 .company02-right-content .crc-info{
		width: 91%;
		color: #656565;
		font-size: 1.063rem;
		line-height: 1.438rem;
		padding: 10px 0 40px 16px;
	}
	.company02 .company02-right-content .crc-info table tr td{
		padding: 5px 0;
		vertical-align: top;
	}
}
@media (min-width: 768px){
	.company02 .company02-right-content .crc-info{
		width: 91%;
		color: #656565;
		font-size: 1.063rem;
		line-height: 1.438rem;
		padding: 10px 0 40px 16px;
	}
	.company02 .company02-right-content .crc-info table tr td{
		padding: 5px 0;
		vertical-align: top;
	}
}
@media (min-width: 992px){
	.company02 .company02-right-content .crc-info{
		width: 91%;
		color: #656565;
		font-size: 1.063rem;
		line-height: 1.438rem;
		padding: 10px 0 50px 16px;
	}
	.company02 .company02-right-content .crc-info table tr td{
		padding: 10px 0;
		vertical-align: top;
	}
}

/* 찾아오시는길 */
.company03 h1{
	color: #010101;
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
}
.company03 .company03-map .root_daum_roughmap{
	width: 100%;	
}

@media (max-width: 575px) {
	.company03 .company03-info{
		color: #656565;
		font-size: 1.063rem;
		line-height: 1.563rem;
		text-align: center;
		padding: 15px 0 0 0;
	}
	.company03 .company03-info a{
		color: #656565;
	}
	.company03 .company03-info span{
		width: 1px;
		height: 12px;
		background: #c9c9c9;
		margin: 0 8px;
		display: inline-block;
	}
	.company03 .company03-map{
		padding: 15px 0 0 0;
	}
	.company03 .company03-map .root_daum_roughmap .wrap_map{
		height: 280px;
	}
}
@media (min-width: 576px) {
	.company03 .company03-info{
		color: #656565;
		font-size: 1.125rem;
		line-height: 1.75rem;
		text-align: center;
		padding: 20px 0 0 0;
	}
	.company03 .company03-info span{
		width: 1px;
		height: 14px;
		background: #c9c9c9;
		margin: 0 15px;
		display: inline-block;
	}
	.company03 .company03-map{
		padding: 20px 0 0 0;
	}
	.company03 .company03-map .root_daum_roughmap .wrap_map{
		height: 300px;
	}
}
@media (min-width: 768px){
	.company03 .company03-info{
		color: #656565;
		font-size: 1.125rem;
		line-height: 1.125rem;
		text-align: center;
		padding: 40px 0 0 0;
	}
	.company03 .company03-map{
		padding: 30px 0 0 0;
	}
	.company03 .company03-map .root_daum_roughmap .wrap_map{
		height: 300px;
	}
}
@media (min-width: 992px){
	.company03 .company03-map{
		padding: 50px 0 0 0;
	}
	.company03 .company03-map .root_daum_roughmap .wrap_map{
		height: 500px;
	}
}

@media (max-width: 575px) {
	.company03 .company03-public{
		width: 100%;
		overflow: hidden;
		padding: 20px 0 0 0;
	}
	.company03 .company03-public .company03-public-subway{
		width: 100%;
		float: left;
	}
	.company03 .company03-public .company03-public-bus{
		width: 100%;
		float: left;
	}
	.company03 .company03-public .company03-public-view{
		width: 100%;
		float: left;
		padding: 20px 0 0 0;
	}
}
@media (min-width: 576px) {
	.company03 .company03-public{
		width: 100%;
		overflow: hidden;
		padding: 30px 0 0 0;
	}
	.company03 .company03-public .company03-public-subway{
		width: 50%;
		float: left;
	}
	.company03 .company03-public .company03-public-bus{
		width: 50%;
		float: left;
	}
	.company03 .company03-public .company03-public-view{
		width: 100%;
		float: left;
		padding: 30px 0 0 0;
	}
}
@media (min-width: 768px){
	.company03 .company03-public{
		width: 100%;
		overflow: hidden;
		padding: 40px 0 0 0;
	}
	.company03 .company03-public .company03-public-subway{
		width: 35%;
		float: left;
	}
	.company03 .company03-public .company03-public-bus{
		width: 35%;
		float: left;
	}
	.company03 .company03-public .company03-public-view{
		width: 30%;
		float: left;
	}
}
@media (min-width: 992px){
	.company03 .company03-public .company03-public-subway{
		width: 25%;
		float: left;
	}
	.company03 .company03-public .company03-public-bus{
		width: 25%;
		float: left;
	}
	.company03 .company03-public .company03-public-view{
		width: 50%;
		float: left;
	}
}
@media (min-width: 1300px){
	.company03 .company03-public .company03-public-subway{
		width: 30%;
		float: left;
	}
	.company03 .company03-public .company03-public-bus{
		width: 30%;
		float: left;
	}
	.company03 .company03-public .company03-public-view{
		width: 40%;
		float: left;
	}
}

.company03 .company03-public .icon-subway6{
	background: #b5500c;
	color: #ffffff;
	font-size: 0.8125rem;
	line-height: 0.8125rem;
	padding: 4px 10px;
	margin: 0 10px 0 0;
	display: inline-block;
}
.company03 .company03-public .icon-bus{
	background: #3cc344;
	color: #ffffff;
	font-size: 0.8125rem;
	line-height: 0.8125rem;
	padding: 4px 10px;
	margin: 0 10px 0 0;
	display: inline-block;
}
.company03 .company03-public .icon-bus1{
	margin: 0 5px 0 0;
}
.company03 .company03-public-view ul{
	display: inline-block;
}

@media (max-width: 575px) {
	.company03 .company03-public .company03-public-info{
		color: #656565;
		font-size: 1rem;
		line-height: 1rem;
		padding: 7px 0 0 0;
	}
	.company03 .company03-public h2{
		color: #010101;
		font-weight: 500;
		font-size: 1.25rem;
		line-height: 1.25rem;
		padding: 0 0 0 0;
	}
	.company03 .company03-public-view{
		width: 100%;
		overflow: hidden;
		text-align: center;
		padding: 0 0 0 0;
	}
	.company03 .company03-public-bus{
		padding: 20px 0 0 0;
	}
	.company03 .company03-public-view button{
		width: 150px;
		height: 45px;
		border: 1px solid #c9c9c9;
		background: #FFFFFF;
		color: #010101;
		font-size: 0.9375rem;
		line-height: 45px;
	}
	.company03 .company03-public-view .btn-kakao{
		margin: 0 10px 0 0;
	}
	.company03 .company03-public-view button img{
		width: 60px;
		padding: 0 5px 0 0;
		vertical-align: middle;
		margin: -4px 0 0 0;
	}
	.company03 .company03-public-view .btn-kakao img{
		width: 80px;
	}
}
@media (min-width: 576px) {
	.company03 .company03-public .company03-public-info{
		color: #656565;
		font-size: 1rem;
		line-height: 1rem;
		padding: 10px 0 0 0;
	}
	.company03 .company03-public h2{
		color: #010101;
		font-weight: 500;
		font-size: 1.25rem;
		line-height: 1.25rem;
		padding: 0 0 0 0;
	}
	.company03 .company03-public-view{
		width: 100%;
		overflow: hidden;
		text-align: center;
		padding: 0 0 0 0;
	}
	.company03 .company03-public-view button{
		width: 180px;
		height: 45px;
		border: 1px solid #c9c9c9;
		background: #FFFFFF;
		color: #010101;
		font-size: 0.9375rem;
		line-height: 45px;
	}
	.company03 .company03-public-view .btn-kakao{
		margin: 0 10px 0 0;
	}
	.company03 .company03-public-view button img{
		padding: 0 5px 0 0;
		vertical-align: middle;
		margin: -4px 0 0 0;
	}
}
@media (min-width: 768px){
	.company03 .company03-public .company03-public-info{
		color: #656565;
		font-size: 1rem;
		line-height: 1rem;
		padding: 20px 0 0 0;
	}
	.company03 .company03-public h2{
		color: #010101;
		font-weight: 500;
		font-size: 1.25rem;
		line-height: 1.25rem;
		padding: 20px 0 0 0;
	}
	.company03 .company03-public-view{
		width: 100%;
		overflow: hidden;
		text-align: right;
		padding: 0 0 0 0;
	}
	.company03 .company03-public-view button{
		width: 180px;
		height: 45px;
		border: 1px solid #c9c9c9;
		background: #FFFFFF;
		color: #010101;
		font-size: 0.9375rem;
		line-height: 45px;
	}
	.company03 .company03-public-view .btn-kakao{
		margin: 0 0 5px 0;
	}
	.company03 .company03-public-view button img{
		padding: 0 5px 0 0;
		vertical-align: middle;
		margin: -4px 0 0 0;
	}
}
@media (min-width: 992px){
	.company03 .company03-public h2{
		color: #010101;
		font-weight: 500;
		font-size: 1.25rem;
		line-height: 1.25rem;
		padding: 0;
	}
	.company03 .company03-public-view{
		width: 100%;
		overflow: hidden;
		text-align: right;
		padding: 5px 0 0 0;
	}
	.company03 .company03-public-view button{
		width: 200px;
		height: 50px;
		border: 1px solid #c9c9c9;
		background: #FFFFFF;
		color: #010101;
		font-size: 0.9375rem;
		line-height: 50px;
	}
	.company03 .company03-public-view .btn-kakao{
		margin: 0 7px 0 0;
	}
	.company03 .company03-public-view button img{
		padding: 0 10px 0 0;
		vertical-align: middle;
		margin: -4px 0 0 0;
	}
}