.company{ width:100%; max-width:var(--max-width); margin:0px auto; }
.company:after { content:""; display:block; clear:both; }
.company{ overflow:hidden}
.company .slogan_back { text-align:center;border-top:1px solid #EEE; border-bottom:1px solid #EEE; margin:0em 0 2em 0; padding-top:1em; padding-bottom:1em; }
.company .slogan_text{ font-size:2.5em; letter-spacing:-2px; color:#333; line-height:1.4em;  }

.company .ceo_img{ float:left; width:25%; height:500px;}
.company .ceo_img img{width:100%; }
.company .ceo_txt{ float:left; width:75%; padding:0 50px;}
.company .ceo_txt h2 { display: inline-block; font-size:2em; font-weight:300; line-height:1.3em; color:#000; letter-spacing:-0.05em; }
.company .ceo_txt p { margin-top:30px;}
.company .ceo_txt p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:10px;}
.company .ceo_sign {float:left; font-size:1em; color:#222; margin-top:40px; }
.company .ceo_sign img { margin-left:-15px; vertical-align: middle;}
.company .summary { clear:both; float:left; width:100%; margin-top:50px;}

.guide_box2 { width:100%; max-width:var(--max-width); margin:0px auto; border-top:1px solid #333;}
.guide_box2:after {clear:both; content:''; display:block;}
.guide_box2 .con_wrap { width:100%; padding:30px 0; border-bottom:1px solid #eee;}
.guide_box2 .con_wrap:after {clear:both; content:''; display:block;}
.guide_box2 .con_wrap .con_area {padding:0 20px;}
.guide_box2 .con_wrap .left {width:25%; float:left; padding:0; }
.guide_box2 .con_wrap .left .con_title {font-size:1.8em; font-weight:600; color:#000;line-height: 1.3;}
.guide_box2 .con_wrap .left .con_title em {display:block; font-size:15px; font-weight:400; text-transform:uppercase; font-style:normal; letter-spacing:0.05em; color:#c0c0c0; }
.guide_box2 .con_wrap .right {width:75%; float:left; padding:0; }
.guide_box2 .con_wrap .right ul li {position: relative; margin-bottom: 20px; padding-left: 20px; line-height: 1.3em; word-break: keep-all; font-size: 1.0em;}
.guide_box2 .con_wrap .right ul li:last-child {margin-bottom:0}
.guide_box2 .con_wrap .right ul li .txt_depth {font-size:1em; color:#aaa; text-transform:uppercase; padding-top:5px;  }
.guide_box2 .con_wrap .right ul li .numb { position:absolute; left:0; font-weight:300; font-size: 1.3em; color: #696969; }



.bg-light {
    background-color: #f4f8fa !important;
}
.display-5 {
    font-size: 2.5rem;
}
.text_col_teal {
    color: #3CC2CC !important;
}
.d-block{
	display: block !important;
}
.d-inline-block{
	display: inline-block !important;
	vertical-align: middle;
}



/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){



}

/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	

	.guide_box2 .con_wrap .left {width:100%;}
	.guide_box2 .con_wrap .right {width:100%; margin-top:30px; }

}

/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	


}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		

	.step_box { padding:0 4%; margin-top:50px; }                                                                                
	.step_box ul li { width:100%; min-height:auto; margin-bottom:50px; text-align:left; }                                       
	.step_box ul li:after { top: unset; bottom:-40px; margin-top:0; left:50%; margin-left:-15px; transform: rotate(90deg);}     
	.step_box ul li:nth-child(even):after {display:block; }                                                                     
	.step_box ul li:nth-child(4n):after {display:block}                                                                         
	.step_box ul li:last-child:after {display:none;}                                                                            
	.step_box ul li:last-child {margin-bottom:0;}	
	
	.step_box ul.ea2 li {width:100%;}
	.step_box ul.ea2 li:after {top: unset; bottom:-40px; margin-top:0; left:50%; margin-left:-15px; transform: rotate(90deg);}
	.step_box ul.ea2 li:nth-child(2n):after {display:block}											
	.step_box ul.ea2 li:last-child:after {display:none}											

}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {


}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}