@charset "utf-8";

/************************************************************************** 
 * main.css 
 **************************************************************************/





@media screen and (max-width: 768px) {
	.org-big {display: none;}
	.org-small {display: block;}
	.main-sec-anchors {
		display: none;
	}
	.msh-title {
		font-size: 4em;
	}

	.main-sec-heading-except {
		padding-top: 30px;
	}

	.main-sec-heading-except .msh-title {
		font-size: 3.2em;
	}

	.msh-des {
		padding-bottom: 50px;
	}
	.msh-des .custom-block {
		display: block;
	}

	.main-sec-anchors {
		display: none;
	}

	.next-sec-btn {
		display: block;
	}
	
	.about-item {
		padding-bottom: 50px;
	}

	.business-link {
		padding: 50px 0;
	}
	.business-link .title {
		position: static;
		top: auto;
		width: auto;
		height: auto;
		margin-top: 0;
		padding: 0 10px 10px;
		font-size: 3em;
	}
	.business-link .des,
	.business-item-even .des {
		padding: 0 10px;
	}
	.business-link .des-title {
		font-size: 2em;
	}

	.business-item-even .business-link .des-title {
		padding-right: 0;
	}
	.business-link .des-ex {
		padding-top: 10px;
	}
	.business-link .des-ex .custom-block {
		display: block;
		line-height: 1.3;
	}
	.company-partner .sp-heading-title{
		    font-size: 1.3em;
			
	}

} /*- width 768px */

@media screen and (max-width: 480px) {
	.msh-title {
		font-size: 3em;
	}
	.msh-des {
		font-size: 1.5em;
	}

	.about-item .title {
		font-size: 1.8em;
	}
	
	.business-link .title {
		font-size: 2.5em;
	}
	.business-link .des-title {
		font-size: 1.8em;
	}
	.business-link .des-ex {
		font-size: 1.5em;
	}

} /*- width 480px */

/******************************************************************************************************************************** 
 * sub.css 
 ********************************************************************************************************************************/

@media screen and (max-width: 1080px) {
	.oc-lv3-03 .oc-lv4-chart {
		left: auto;
		right: 0;
	}
	.oc-lv3-03 .oc-lv3 .horizon-whole-bar-btm.differ {
		width: 23%
	}
	.oc-lv3-03 .oc-lv3 .horizon-whole-bar-btm {
		left: -44%;
	}

}

@media screen and (max-width: 1000px) {
	#recruitInfo .ri1 .sp-phara {
		text-align: justify;
	}
	#recruitInfo .ri1 .sp-phara-differ {
		text-align: center;
	}
	#recruitInfo .ri1 .sp-phara > p {
		display: inline;
	}
}
 
@media screen and (max-width: 980px) {
/* companyCiColor */
	#companyCiColor .color-list3 .cl2 > span {
		display: block;
	}
/*-companyCiColor */

} /*- width 980px 이하 */

@media screen and (max-width: 910px) {
	.oc-lv3-03 .oc-lv4-chart {
		left: -74%;
		right: auto;
	}
	.oc-lv3-03 .oc-lv3 .horizon-whole-bar-btm {
		left: -58%;
	}
	.oc-lv5 > .box {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 900px) {
	 
/* common styles */
	 
/*-common styles */

/* business01Feature */
	#business01Feature .feature-info-list .fi-item {
		padding-left: 50px;
	}
	#business01Feature .feature-info-list .fi-icon {
		width: 35px;
		height: 35px;
		left: 5px;
		margin-top: -17px;
		background-size: 500% auto;
	}
	#business01Feature .fi-item01 .fi-icon {
		top: 23px;
		margin-top: 0;
		background-position: 0 50%;
	}
	#business01Feature .fi-item02 .fi-icon {
		background-position: -35px 50%;
	}
	#business01Feature .fi-item03 .fi-icon {
		background-position: -70px 50%;
	}
	#business01Feature .fi-item04 .fi-icon {
		background-position: -105px 50%;
	}
	#business01Feature .fi-item05 .fi-icon {
		background-position: -140px 50%;
	}
	#business01Feature .feature-info-list .des-detail {
		padding: 0;
	}
	#business01Feature .feature-info-list .des-detail > dt {
	left: 10px;
    top: 16px;
    margin-top: 0;
    width: 5em;
	}
	#business01Feature .feature-info-list .des-detail > dt.des-detail02 {
		left: 10px;
		top: 65px;
	}
	#business01Feature .feature-info-list .des-detail > dd {
		width: 100%;
		padding: 5px 0;
		border-bottom: 1px dotted #dededd;
	}
	#business01Feature .feature-info-list .des-detail > dd:last-child {
		border-bottom: 0;
	}
	#business01Feature .feature-info-list .des-detail > dd > p {
		/* padding-left: 5em; */
	}
/*-business01Feature */


} /*- width 900px 이하 -----------------------------------------------------------------------------------990이하 END*/

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

/* companyLocation */
	#companyLocation .ci-list-label {
		width: 6em;
	}
	#companyLocation .ci-list-item > span {
		display: block;
	}
/*-companyLocation */




/* rndLab */
	/*
	#rndLab .sp-content-box > p > span {
		display: block;
	}
	#rndLab .sp-content-box .custom-block {
		display: block;
	}
	*/
/*-rndLab */

/* rndManage */
	#rndManage .mr-heading {
		padding-bottom: 30px;
	}
	#rndManage .mr-box {
		width: 70%;
	/* 	padding: 0 30px; */
	}
/*-rndManage */

/* recruitInfo */
	#recruitInfo .sp-phara > p {
		padding-bottom: 15px;
	}
	#recruitInfo .sp-phara > p:last-child {
		padding-bottom: 0;
	}
	#recruitInfo .sp-phara .custom-block {
		display: block;
	}
	#recruitInfo .ri-doc th {
		width: 8em;
	}
/*-recruitInfo */

} /*- width 880px 이하 --------------------------------------------------------------------------880이하 -------------------END*/

@media screen and (max-width: 830px) {
	
	/* companyOrg 조직도 */
		.oc-lv1 { padding-bottom: 15px;}
		.oc-lv2 {padding-bottom: 0;}
		.oc-lv3 {padding-top: 30px;}
		.oc-lv4:last-child {
			margin-bottom: 0;
		}
		.oc-lv > .box {
			width: 250px;
			margin-left: -125px;
		}
		.oc-lv .bar {
			margin-left: -110px;
		}
		.oc-lv .vertical-bar-top {
			bottom: 0;
		}
		.horizon-whole-bar-btm {
			display: none;
		}
		.oc-lv3-02 .oc-lv3 .horizon-whole-bar-btm {
			display: block;
			top: 70px; left: 50%; bottom: auto;
			width: 4px; height: 90px;
			margin-left: -85px;
		}
		.oc-lv2 > .box {
			width: 246px;
			margin-left: -125px;
		}

		.oc-lv3-02 .oc-lv3 .vertical-bar-top {
			display: none;
		}
		.oc-lv3-02 .oc-lv .vertical-bar-top {
			top: -21px;
			bottom: 30px;
		}
		.oc-lv3-02 .oc-lv4 > .vertical-bar-top {
			top: 20px; bottom: auto;
			width: 20px;
			height: 4px;
			left: 50%;	
		}
		.oc-lv3-02 .oc-lv.oc-lv4-has-depth .oc-lv5-chart .vertical-bar-top {
			top: 31px;
			width: 20px; height: 4px;
			margin-left: -110px;
		}
		.oc-lv3-03 { 
			padding-top: 240px;
			padding-bottom: 480px;
		}
		.oc-lv3-03 .oc-lv3 {padding-top: 0;}
		.oc-lv3-03 .oc-lv3 > .box {top: 0;}
		.oc-lv3-02  .oc-lv.oc-lv4-has-depth > .vertical-bar-top {
			bottom: 180px;
		}
		
		.oc-lv3-chart > li {
			float: none;
			width: auto;
		}
		.oc-lv .oc-lv3-bar-horizon {
			width: 15px;
			height: 4px;
			margin-top: 18px;
		}
		.oc-lv3-03 .oc-lv .oc-lv3-bar-horizon {
			margin-top: 18px;
		}
		.oc-lv3-03 .oc-lv3 .horizon-whole-bar-btm {
			display: block;
			width: 4px;
			left: 50%;
			top: 40px;
			margin-left: -80px;
			height: 500px;
		}
		.oc-lv3-03 .oc-lv3 .horizon-whole-bar-btm.differ {
			top: 69px;
			width: 50px;
			height: 4px;
		}
		.oc-lv3-03 .oc-lv4 {
			float: none;
			width: auto;
		}
		.oc-lv3-03 .oc-lv4.differ {
			top: 10px;
			right: auto;
			left: 25px;
		}
		.oc-lv3-03 .oc-lv4-has-depth {
			padding-bottom: 210px;
		}
		.oc-lv .oc-lv3-bar-btm {
			bottom: 20px;
		}
		.oc-lv3-bar-left {
			position: absolute;
			width: 4px;
			top: 0;
			bottom: -50px;
			left: 50%;
			margin-left: -110px;
			background-color: #c0c0c0;
		}
		.oc-lv4-chart {
			width: 190px;
			left: 50%;
			padding-top: 20px;
			margin-left: -70px;
		}
		.oc-lv4,
		.oc-lv3-02 .oc-lv4 {
			float: none;
			width: auto;
			margin: 0 0 10px;
			padding-top: 0;
		}

		.oc-lv3-02 .
		.oc-lv4.oc-lv4-has-depth {
			padding-bottom: 160px;
		}
		.oc-lv3-03 .oc-lv4-chart {
			width: 188px;
			left: 50%;
			margin-left: -65px;
			padding-top: 70px;
			padding-bottom: 0;
		}
		.oc-lv3-03 .oc-lv3 .vertical-bar-top {
			top: -192px;
			bottom: 20px;
		}
		.oc-lv3-03 .oc-lv4-has-depth > .vertical-bar-top {
			top: 0;
		}

		.oc-lv3-02 .oc-lv5-box .bar-lv-child-left {
			height: 85px;
			margin-left: -85px;
		}
		.oc-lv5-box .bar-lv-child-btm {
			display:block;
		}
		.oc-lv3 > .box {
			top: 30px;
			width: 190px;
			margin-left: -95px;
		}
		.oc-lv4 > .box {
			width: 188px;
			margin-left: 0;
		}

		.oc-lv5-chart,
		.oc-lv3-02 .oc-lv5-chart {
			width: 100%;
			left: 26px;
			padding-top: 0;
		}
		.oc-lv5-chart .oc-lv5,
		.oc-lv3-02 .oc-lv5-chart .oc-lv5 {
			float: none;
			width: auto;
			margin: 0;
			padding-top: 10px;
		}

		li.oc-lv.oc-lv4.oc-lv4-first {
			margin-top: 74px;
		}	
		li.oc-lv.oc-lv4.independence{
			display:block;
			position: absolute;
			top: 107px;
			left: 0;
			margin-left: -107px;
			position:relativel
			margin-top: -1px;
			margin-left: 102px;
		}
		li.oc-lv.oc-lv4.independence{
			right:0;
		}

		.oc-lv5-box .bar-lv-child-top {
		top: 200px;
		width: 16px;
		}
		.oc-lv5- box .bar-lv-c hild-left {
		display:block;
		top: 200px;
		height: 335px;
		margin-left: -110px;
		}
		/*
		ul.oc-lv5-chart{
		top:0;
		right:0;
		position:relative;
		padding-top: 20px;
	}
	*/
		.oc-lv5 > .box {
			width: 190px;
			margin-left: 0;
			font-size: 0.9em;
		}

		.oc-lv5-box .bar-lv-child-left {
			display: block;
			top: 42px;
			height: 182px;
			margin-left: -85px;
		}
	/*
	.oc-lv4-chart .bar {
		position: absolute;
		top: 99px;
		left: 50%;
		height: 75px;
		width: 4px;
		margin-left: -81px;
	}
	*/
	.oc-lv3-03 .oc-lv4 .vertical-bar-top {
		di splay: none;
		width: 20px; height: 4px;
		top: 20px;
		margin-left: -109px;
	}
	.oc-lv3-03 .oc-lv4.oc-lv4-has-depth .oc-lv5 .vertical-bar-top {
		display: block;
		height: 4px;
		top: 50%; bottom: auto;
		margin-top: 3px;
		width: 20px;
	}
	.oc-lv4-chart .oc-lv4-bar-left {
		position: absolute;
		top: 130px;
		left: 50%;
		height: 4px;
		width: 38px;
		margin-left: -81px;
	}



	/*-companyOrg*/
}

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

/* companyCiColor */
	#companyCiColor .color-chart {
		padding-right: 75px;
	}
	#companyCiColor .color-chart .color-sum {
		padding: 0 0 5px;
	}
	#companyCiColor .color-chart  .color-list li {
		float: none;
		width: auto;
	}
	#companyCiColor .color-list3 .cl2 > span {
		display: inline;
	}
	#companyCiColor .color-chart  .color-list3 .cl1,
	#companyCiColor .color-chart  .color-list3 .cl3 {
		display: none;
	}
/*-companyCiColor */

/* companyCiType */
	#companyCiColorUse .img-large,
	#companyCiType .typo .img-large {
		display: none;
	}
	#companyCiColorUse .img-small,
	#companyCiType .typo .img-small {
		display: block;
	}
/*-companyCiType */

/* business01Feature */
	#business01Feature .feature-info1 .rl-item-des {
		font-size: 0.85em;
	}
	
	#business01Feature .feature-info-list .fi-item {
		padding-left: 50px;
	}
	#business01Feature .feature-info-list .fi-icon {
		width: 35px;
		height: 35px;
		left: 5px;
		margin-top: -17px;
		background-size: 500% auto;
	}
	#business01Feature .fi-item01 .fi-icon {
		top: 23px;
		margin-top: 0;
		background-position: 0 50%;
	}
	#business01Feature .fi-item02 .fi-icon {
		background-position: -35px 50%;
	}
	#business01Feature .fi-item03 .fi-icon {
		background-position: -70px 50%;
	}
	#business01Feature .fi-item04 .fi-icon {
		background-position: -105px 50%;
	}
	#business01Feature .fi-item05 .fi-icon {
		background-position: -140px 50%;
	}
	#business01Feature .feature-info-list .des-detail {
		padding-left: 10px;
	}
	#business01Feature .feature-info-list .des-detail > dt {
		left: 10px;
		top: 18px;
		margin-top: 0;
		width: 5em;
	}
	#business01Feature .feature-info-list .des-detail > dt.des-detail02 {
		left: 10px;
		top:68px;
	}
	#business01Feature .feature-info-list .des-detail > dd {
		width: 100%;
		padding: 5px 0;
	}
	#business01Feature .feature-info-list .des-detail > dd > p {
		margin-left: 5em;
		letter-spacing:-1px;
		width: 200px;
	}
/*-business01Feature */

/* rndLab */
	#rndLab .sp-content-sec1 .sp-content-img {
		background-position: 0 0;
	}
	#rndLab .sp-content-sec1 .sp-content-img .sp-content-box {
		padding-bottom: 30px;
	}
/*-rndLab */

/* rndManage */
	#rndManage .manage-rule {
		position: relative;
		float: none;
		width: 90%;
		margin: 0 auto 30px;;
	}
	#rndManage .mrb-dummy {
		width: 100%;
		left: 0;
	}
/*-rndManage */

/* recruitInfo */
	#recruitInfo .ri-doc td .custom-block {
		display: block;
	}
	#recruitInfo .ri-doc td .custom-block .custom-block {
		display: inline;
	}
	#recruitInfo .ri-pro-box {
		padding: 15px 10px;
	}
/*-recruitInfo */

/* recruitPerson */
	#recruitPerson .rp-sec1 {
		padding-bottom: 35px;
	}
	#recruitPerson .rp-feature .rp-f-wrapper {
		padding: 40px 0 40px 122px;
		background-size: 96px auto;
	}
	#recruitPerson .rp-feature2,
	#recruitPerson .rp-feature3 {
		margin-top: -100px;
	}
	#recruitPerson .sp-content-box .scb-phara {
		padding-bottom: 15px;
	}
/*-recruitPerson */
	
	.contactInfo-table .type1 {
		width: 7em;
	}
	.contactInfo-table .type2 {
		width: 12em;
	}
	.contactInfo-table .type2 .custom-block {
		display: block;
	}

} /* width 768px 이하 */

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

/* business01Feature */
	#business01Feature .feature-info1 .sp-content {
		padding-left: 0;
	}
	#business01Feature .feature-info1 .rl-item {
		float: none;
		width: auto;
		margin: 0 auto 30px;
	}
	#business01Feature .feature-info1 .rl-item-des {
		font-size: 1em;
	}
/*-business01Feature */

/* rndManage */
	#rndManage .sp-content-box {
		width: 80%;
		margin: auto;
		line-height: 1.6;
		text-align: justify;
	}
	#rndManage .sp-content-box > span {
		display: inline;
	}
/*-rndManage */
	
} /* width 680px 이하 */
 
@media screen and (max-width: 640px) {
	  
/* common styles */
	.sp-heading-des .custom-block {
		 display: block;
	 }
/*-common styles */
	 
/* companyCeo */
	#companyCeo .sp-content-heading .custom-block {
		display: block;
	}
/*-companyCeo */

/* companyCiColor */
	#companyCiColor .color-chart {
		padding-right: 0;
	}
	#companyCiColor .cc-label, 
	#companyCiColor .color-chart .bar {
		display: none;
	}
/*-companyCiColor */

/* companyCiRule */
	#companyCiRule .rule-table .rl-wrapper > span {
		width: 90%;
		margin: auto;
		te xt-align: justify;
	}
	#companyCiRule .rule-table .rl-wrapper > span > span {
		display: inline;
	}
/*-companyCiRule */

/* business01Intro */
	#business01Intro .sp-content-heading {
		font-size: 1.9em;
		line-height: 1.2;
	}
/*-business01Intro */

/* business02Intro */
	 #business02Intro .sp-content-box .custom-block,
	 #business03Intro .sp-content-box .custom-block {
		display: block;
		line-height: 1.6;
	 }
/*-business02Intro */

/* recruitInfo */
	,
	#recruitInfo .ri1 .sp-phara-differ .custom-block {
		display: block;
	}
	#recruitInfo .ri-doc th {
		width: 5em;
	}
	#recruitInfo .ri-pro-list {
		border-top: 1px solid #abaaaa;
		border-bottom: 1px solid #abaaaa;
	}
	#recruitInfo .ri-pro-list > li {
		float: none;
		width: auto;
	}
	#recruitInfo li .ri-pro-box {
		padding-top: 30px;
		background: url("../img/ri_pro_arrow_s.png") no-repeat 50% 0;
		border: 1px solid #abaaaa;
		border-width: 0 1px;
	}
	#recruitInfo li:first-child .ri-pro-box {
		padding-top: 15px;
	}
	#recruitInfo li:last-child .ri-pro-box {
		bord er-right: 0;
	}
	/*
	#recruitInfo .ri-doc th,
	#recruitInfo .ri-doc td {
		display: block;
		width: auto;
	}
	#recruitInfo .ri-doc th {
		border-right: 0;
	}
	*/
/*-recruitInfo */

/* recruitPerson */
	#recruitPerson .rp-benefit-item {
		width: 100%;
	}
	#recruitPerson .rp-benefit-list .rp-bi-txt {
		padding: 20px 0 30px;
	}
/*-recruitPerson */


} /*- width 640px 이하 ----------------------------------------------------------------------------------------640이다 END-------*/

@media screen and (max-width: 540px) {
	
	#business01Intro .sp-content-heading {
		text-align: center;
	}
	#business01Intro .sp-content-heading span {
		display: inline;
	}

	.contactInfo-table .type1 {
		width: 5em;
	}
	.contactInfo-table .type2 {
		width: 9em;
	}

} /*- width 540px 이하 -----------------------------------------------------------------------------------------540이하 END-------*/

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

/* common styles */
	.sp-content-box,
	.company-ci .sp-content, 
	#business01Intro .sp-content-heading {
		width: 90%;
	}
/*-common styles */

/* business01Intro */
	/* #business01Intro .sp-content-heading {
		font-size: 1.8em;
	}
	#business01Intro .sp-content-heading .custom-block {
		display: block;
	} */
/*-business01Intro */

/* business01Feature */
	#business01Feature .feature-info2 .sp-heading-des .custom-block {
		dis play: inline;
	}
	.feature-info2 .sp-heading-des {
		width: 80%;
		margin: auto;
	/* 	text-align: justify; */
	}
	.feature-info2 .sp-heading-des .custom-block {
		display: inline;
	}
	#business01Feature .feature-info-list .fi-item {
		padding-left: 0;
	}
	#business01Feature .feature-info-list .em,
	#business01Feature .feature-info-list .des {
		padding-left: 50px;
	}
/*-business01Feature */

/* business02Intro */
	#business02Intro .si-em, 
	#business03Intro .si-em {
		display: block;
		float: none;
		width: auto;
	}
	#business02Intro .si-em:first-child,
	#business03Intro .si-em:first-child {
		padding-bottom: 50px;
	}

	#business02Intro .sp-content-box,
	#business03Intro .sp-content-box {
		text-align: justify;
	}

	#business02Intro .sp-content-box .custom-block,
	#business03Intro .sp-content-box .custom-block {
		display: inline;
	}

	#business02Intro .sp-content-box .em,
	#business03Intro .sp-content-box .em {
		text-align: center;
		padding-bottom: 10px;
	}
	#business02Intro .sp-content-box .em .custom-block,
	#business03Intro .sp-content-box .em .custom-block {
		display: block;
	}

		#business3 #bo_cate li{
	    width: 50%;
	}
/*-business02Intro */

/* rndLab */
	#rndLab .sp-content-box {
		width: 90%;
		margin: auto;
		text-align: justify;
	}
	#rndLab .sp-content-box > span,
	#rndLab .sp-content-box .custom-block, 
	#rndLab .sp-content-box > p > span {
		display: inline;
	}
	
	#rndLab .sp-content-sec1 .sp-content-img {
		padding: 70% 0 0 0;
		background-position: 50% 0;
	}
	#rndLab .sp-content-sec1 .sp-content-img{
		background-size: 60% auto;
	}


	#rndLab .rnd-cert td .custom-block {
		display: block;
	}
/*-rndLab */

/* rndManage */
#rndManage .manage-rule {
	width: 100%;
}
/*-rndManage */

/* recruitInfo */
	#recruitInfo .sp-phara {
		width: 90%;
		margin: auto;
		text-align: justify;
	}
	#recruitInfo .ri1 .sp-phara-differ {
		text-align: justify;
	}
	#recruitInfo .sp-phara .custom-block {
		display: inline;
	}
	#recruitInfo .ri-doc td .custom-block .custom-block {
		display: block;
	}
/*-recruitInfo */

/* recruitPerson */
	#recruitPerson .rp-sec2 .sp-phara {
		width: 90%;
		margin: auto;
		text-align: justify;
	}
	#recruitPerson .sp-content-box .custom-block {
		display: inline;
	}
/*-recruitPerson */


/*모바일에서는 좌측정렬, 글자 떨어지게 변경*/
.sp-content-box,
.feature-info2 ,
#rndManage .mr-box p,
#business02Intro .sp-content-box,
#business03Intro .sp-content-box,
 .sp-content-box p,
#rndLab .sp-content-box,
#recruitInfo .sp-phara,
#recruitInfo .ri1 .sp-phara-diffe,
#recruitPerson .rp-sec2 .sp-phara,
#rndManage .sp-content-box {
	text-align: left;
	word-break: break-all;
}
/*홍보영상 분류 */
#video #bo_cate li{
	width:25%;
}
#video #bo_cate a{
	padding:6px 0 5px;
}

/*서브페이지 상단 이미지*/
.sph-bg {
	height: 82px;
	padding-bottom: 0;
	background-size: cover;
}
.sph-bg1 {
	height: 214px;
}

.sub-page-tabs .sp-tab{
    font-size: 1.5em;
}
.sub-page-tabs .sp-tabs3 > a > span{
	/* display:inline; */
}
}