header{
	background-image : url("/images/header-bg-company.jpg");
}
header > nav{
	background-color : rgba( 48, 104, 193, .5 );
}
header > nav > a.ON{
	color : #09C;
}

.IDEOLOGY > section{
	margin : 96px 0;
	overflow : hidden;
}
.IDEOLOGY > section > .PICTURE{
	float : right;
	width : 384px;
	height : 384px;
	margin : 0 64px;
}
.IDEOLOGY > section > .PICTURE > img{
	border-radius : 192px;
}
.IDEOLOGY > section > h2{
	height : 96px;
	padding : 32px;
	margin : 0;
	background-repeat : no-repeat;
	background-size : contain;
	color : #1799D8;
	font-family : 'Noto Sans KR';
	font-weight : 300;
	font-size : 36px;
	line-height : 48px;
}
.IDEOLOGY > section > p{
	padding : 0 32px;
	margin : 0;
	font-family : 'Noto Sans KR';
	font-weight : 300;
	font-size : 16px;
	line-height : 32px;
}
.IDEOLOGY > section > p > strong{
	font-weight : 500;
	font-size : 16px;
}

.IDEOLOGY > section:nth-child(2) > h2{
	background-image : url("/images/company-ideology-headline-point-1.png");
	background-position : left;
}
.IDEOLOGY > section:nth-child(3){
	text-align : right;
}
.IDEOLOGY > section:nth-child(3) > .PICTURE{
	float : left;
}
.IDEOLOGY > section:nth-child(3) > h2{
	background-image : url("/images/company-ideology-headline-point-2.png");
	background-position : right;
}
.IDEOLOGY > section:nth-child(4) > h2{
	background-image : url("/images/company-ideology-headline-point-3.png");
	background-position : left;
}

.IDEOLOGY > .IDEOLOGY-BOX > div:nth-child(1){
	height : 256px;
	padding : 96px 0;
	background-image : url("/images/company-ideology-item-1.jpg");
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
}
.IDEOLOGY > .IDEOLOGY-BOX > div:nth-child(1) > div{
	width : 432px;
	height : 176px;
	padding : 32px;
	margin : 0 auto;
	background-color : rgba( 0, 0, 0, .5 );
	border : solid 8px rgba( 255, 255, 255, .75 );
	text-align : center;
}
.IDEOLOGY > .IDEOLOGY-BOX > div:nth-child(1) > div > p{
	padding : 0;
	margin : 0;
	color : #FFF;
	font-family : 'Noto Sans KR';
	word-break : keep-all;
}
.IDEOLOGY > .IDEOLOGY-BOX > div:nth-child(1) > div > p:nth-child(1){
	font-size : 28px;
}
.IDEOLOGY > .IDEOLOGY-BOX > div:nth-child(1) > div > p:nth-child(2){
	margin-top : 2rem;
	color : #EEE;
	font-size : 14px;
}
.IDEOLOGY > .IDEOLOGY-BOX > div:nth-child(2){
	padding : 1rem;
	background-color : #E9E9E9;
	text-align : center;
}
.IDEOLOGY > .IDEOLOGY-BOX > div:nth-child(2) > p{
	font-family : 'Noto Sans KR';
	font-size : 15px;
}
.IDEOLOGY > .IDEOLOGY-BOX > div:nth-child(2) > p > strong{
	color : #06C;
}

.IDEOLOGY > .CATCHPRAISE > p{
	height : auto;
	margin : 16px 0;
	text-align : center;
	color : #007CCC;
	font-size : 24px;
}

.IDEOLOGY > .KEYWORD{
	padding : 64px;
	background-color : #E9E9E9;
}
.IDEOLOGY > .KEYWORD > img{
	display : block;
	width : 90%;
	margin : 0 auto;
}
.IDEOLOGY > .KEYWORD > p{
	margin-top : 32px;
	text-align : center;
	font-size : 14px;
}



.CI > .CI-BOX{
	height : 256px;
	padding : 96px 0;
	background-image : url("/images/company-ci-item-1.jpg");
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
}
.CI > .CI-BOX > div{
	width : 432px;
	height : 144px;
	padding : 48px 32px;
	margin : 0 auto;
	background-color : rgba( 0, 0, 0, .5 );
	border : solid 8px rgba( 255, 255, 255, .75 );
	text-align : center;
}
.CI > .CI-BOX > div > p:nth-child(1){
	padding : 0;
	margin : 0;
	color : #FFF;
	font-family : 'Noto Sans KR';
	font-size : 26px;
	word-break : keep-all;
}
.CI > .CI-BOX > div > p:nth-child(2){
	padding : 0;
	margin : 2rem 0 0 0;
	color : #CCC;
	font-family : 'Noto Sans KR';
	font-size : 14px;
	word-break : keep-all;
}

.CI > section{
	margin : 96px 0;
}
.CI > section > h2{
	padding : 0;
	margin : 0 0 32px 0;
	color : #333;
	font-family : 'Noto Sans KR';
	font-weight : 500;
	font-size : 36px;
}
.CI > section > h2:before{
	content : '';
	display : inline-block;
	width : 96px;
	height : 3px;
	margin : -3px 32px 0 0;
	background-color : #09C;
	vertical-align : middle;
}
.CI > section > div{
	margin-left : 96px;
}
.CI > section > div img{
	max-width : 100%;
}

.CI > .CI-COLORSYSTEM > div{
	overflow : hidden;
}
.CI > .CI-COLORSYSTEM > div > dl{
	float :left;
	width : 23.5%;
	padding : 0;
	margin-right : 2%;
	border : solid 1px #DDD;
	box-sizing : border-box;
}
.CI > .CI-COLORSYSTEM > div > dl:last-child{
	margin-right : 0;
}
.CI > .CI-COLORSYSTEM > div > dl > dt{
	padding : 24px 16px;
	color : #FFF;
	line-height : 28px;
}
.CI > .CI-COLORSYSTEM > div > dl > dd{
	padding : 8px 16px;
	margin : 0;
	color : #333;
	font-family : 'Noto Sans KR';
	font-weight : 300;
	font-size : 14px;
}
.CI > .CI-COLORSYSTEM > div > dl > dd:first-of-type{
	padding-top : 24px;
}
.CI > .CI-COLORSYSTEM > div > dl > dd:last-of-type{
	padding-bottom : 24px;
}

.CI > .CI-COLORSYSTEM > div > dl:nth-child(1) > dt{
	background-color : rgb( 51, 149, 209 );
}
.CI > .CI-COLORSYSTEM > div > dl:nth-child(2) > dt{
	background-color : rgb( 249, 157, 28 );
}
.CI > .CI-COLORSYSTEM > div > dl:nth-child(3) > dt{
	background-color : rgb( 106, 190, 83 );
}
.CI > .CI-COLORSYSTEM > div > dl:nth-child(4) > dt{
	background-color : rgb( 67, 67, 69 );
}