/* 회사개요  */
.info-box{display: flex;justify-content: space-between;}
.info-box li{padding-top:45px;width:33.3333%;text-align: center;border-right:1px solid #efefef;}
.info-box li:last-of-type{border:0;}
.info-box li .img-box{line-height:45px;height:45px;vertical-align:middle;margin:0 0 30px;}
.info-box li p.text-title strong{font-size:1.24rem;;font-weight: 500;}
.info-box li p.text-desc{font-size:1rem;font-weight: 200;}

/* CEO메세지 */
.greeting-box{position:relative;padding:70px 0;font-size: 0;}
.greeting-box:before{content:'';display:block;position:absolute;top:70px;right:0;z-index:-10;width:100%;height:calc(100% - 70px);max-width:920px;background:url(../img/common/bg-greeting.gif) no-repeat right bottom/cover;opacity:0.6;}
.greeting-box:after{content:'';display:block;position:absolute;top:70px;right:0;border-top:14px solid #4cb5f0;border-right:14px solid #008AD8;width:84px;height:80px;box-sizing:border-box;}
.greeting-box .greeting-img-container{display:inline-block;margin:-70px 0 0;max-width:34.7%;width:100%;box-shadow:8px 8px 12px rgb(0 0 0 / 12%);}
.greeting-box .greeting-img-container .greeting-img-box{position:relative;padding:0 0 125%;width:100%;height:0;overflow:hidden;}
.greeting-box .greeting-img-container .greeting-img-box .greeting-img{position:absolute;top:0;left:0;width:100%;height:100%;}

.greeting-box > .txt-box{display:inline-block;margin:63px 0 0;padding:0 10px 0 65px;width:64%;vertical-align:top;box-sizing:border-box;}
.greeting-box > .txt-box > .txt01{padding:0 0 30px 0;font-size:2rem;line-height:3rem;}
.greeting-box > .txt-box > .txt02{position:relative;margin:0 0 56px;padding:0 0 54px;font-size:1.25rem;line-height:2rem;font-weight:200;}
.greeting-box > .txt-box > .txt02:after{content:'';display:block;position:absolute;top:100%;left:0;width:40px;height:1px;background:#da0000;}
.greeting-box > .txt-box > .txt03{padding:0 0 7px;font-size:1.25rem;line-height:2rem;}
.greeting-box > .txt-box > .e-mail{padding:0 0 0 28px;background:url(../img/common/ico-email.png) no-repeat left center/20px;font-size:1rem;line-height:2rem;}

/* 경영철학 */
.value-box{padding:80px 0 ;border: 2px dotted rgba(0,0,0,0.3); border-right:0;border-left:0;}
.value-box .mob-img{margin: 0 auto;width: 100%;max-width: 280px;}
.slogan-box{position:relative;}
.slogan-box .inner{position:relative;padding:125px 0;}
.slogan-box:after{content:'';display:block;position:absolute;left:0;top:0;width:80px;height:80px;border-left:5px solid rgba(0, 72, 161, 0.6);border-top:5px solid rgba(0, 72, 161, 0.6);}
.slogan-box:before{content:'';display:block;position:absolute;left:0;bottom:0;;width:80px;height:80px;border-left:5px solid rgba(0, 72, 161, 0.6);border-bottom:5px solid rgba(0, 72, 161, 0.6);}
.slogan-box .inner:after{content:'';display:block;position:absolute;right:0;top:0;width:80px;height:80px;border-right:5px solid rgba(0, 72, 161, 0.6);border-top:5px solid rgba(0, 72, 161, 0.6);}
.slogan-box .inner:before{content:'';display:block;position:absolute;right:0;bottom:0;;width:80px;height:80px;border-right:5px solid rgba(0, 72, 161, 0.6);border-bottom:5px solid rgba(0, 72, 161, 0.6);}

.slogan-box .slogan-large{font-size:3rem;line-height:2em;font-weight:200;letter-spacing:0.1em;word-break:keep-all;}
.slogan-box .slogan-small{font-size:1.25rem;line-height:2em;font-weight:400;letter-spacing:0.8em;word-break:keep-all;}

@media screen and (max-width: 1024.98px) {
	
	/* CEO메세지 */
	.greeting-box{padding:50px 0;}
	.greeting-box:before{top:50px;height:calc(100% - 50px);}
	.greeting-box:after{display:none;}
	.greeting-box > .txt-box{margin:50px 0 0;padding:0 15px 0 20px;}
	.greeting-box > .txt-box > .txt03{padding:0 0 30px;font-size:1.125rem;line-height:1.75rem;}
	
	/* 경영철학 */
	.value-box{padding:50px 0;}
}

@media screen and (max-width: 768px) {
	
	/* 회사개요 */
	.info-box{display: block;}
	.info-box li{padding:45px 0;width:100%;border-bottom:1px solid #efefef; border-right:0;}
	
	/* CEO메세지 */
	.greeting-box{padding:20px 0;}
	.greeting-box:before{top:20px;height:calc(100% - 20px);}
	.greeting-box .greeting-img-container{max-width:110px;margin:-20px 0 0;}
	.greeting-box .greeting-img-container .greeting-img-box{padding:0 0 125%;}
	
	.greeting-box > .txt-box{margin:20px 0 0;width:calc(100% - 113px);}
	.greeting-box > .txt-box > .txt01{padding:0 0 15px 0;font-size:1.285rem;line-height:2rem;}
	.greeting-box > .txt-box > .txt02{margin:0 0 20px;padding:0 0 20px;font-size:1rem;line-height:1.5rem;}
	.greeting-box > .txt-box > .txt03{padding:0 0 5px;font-size:1rem;line-height:1.5rem;}
	.greeting-box > .txt-box > .e-mail{font-size:1rem;line-height:1.5rem;}
	
	/* 경영철학 */
	.inner-box{padding:35px 0 ;}
	.value-box{padding:35px 0 ;}
	.slogan-box .inner{padding:75px 20px;}
	.slogan-box:after,.slogan-box:before,.slogan-box .inner:after,.slogan-box .inner:before{width:40px;height:40px;/*border-width:4px;*/}
	.slogan-box .slogan-large{font-size:1.75rem;}
	.slogan-box .slogan-small{font-size:1.15rem;letter-spacing:0.4em;}
	
	
}