.comp_img{width:100%; height:350px; margin-bottom:50px;}
.comp_img .left{width:40%; float:left; background:#f67114; height:350px; position:relative;}
.comp_img .left .title{font-size:20px; line-height:1em; color:#fff; text-align:right; padding:44px 22px 0 0; letter-spacing:-0.07em; font-weight:200; position:relative;}
.comp_img .left .title:after{content:""; display:block; width:120px; height:2px; background:#fff; position:absolute; top:22px; right:-60px;}
.comp_img .left .title span{font-weight:500; font-size:24px; line-height:1em; display:block; margin-bottom:10px;}
.comp_img .left .pic{width:315px; height:166px; background:url(../img/about/world.png) no-repeat; position:absolute; bottom:50px; right:20px;}
.comp_img .right{width:60%; float:left; height:350px; background:url(../img/about/company_tank.jpg) no-repeat right center;}

.sub_container .phr{font-size:18px; font-weight:200; margin-bottom:50px;}
.sub_container .phr span{display:block; margin-bottom:20px;}
.sub_container .phr span:last-child{font-weight:bold; text-align: right; padding-right: 50px;}

.company{padding:0 50px;}
.company>div{width:100%;}
.company .content>div{padding:0 30px; margin-bottom:50px; float:left; width:50%; box-sizing:border-box;}
.company .content .title{height:72px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; line-height:72px;}
.company .content .year{width:100%; padding:42px 0; border-bottom:1px solid #ddd;}
.company .content .year li{padding-left:40px; box-sizing:border-box; line-height:50px;}
.company .content .year li:after{content:""; display:block; clear:both;}
.company .content .year li span{font-size:18px; font-weight:200; display:block; float:left; }

.company .content .year li span:first-child{font-weight:500; width:20%;}
.company .content .year li span:last-child{width:80%;}


.company .content .capa{font-size:18px; font-weight:500; text-align:center; line-height:100px; position:relative;}
.company .content .capa span{position:relative;}
.company .content .capa span:after{content:""; display:block; width:16px; height:2px; background:url(../img/sub_common/icon_sub.png) no-repeat; position:absolute; top:12px; left:-34px;}
.company .pic p{margin-bottom:20px;padding:0 40px;  }
.company .pic p img{width:100%; height:auto;}


.map{padding:0 50px;}
.map .card{margin-bottom:50px;}
.map .card li{width:50%; padding:0 20px; float:left; box-sizing:border-box;}
.map .card li a{display:block; border:1px solid #ddd; font-weight:200; font-size:20px; padding:32px 0 32px 78px; box-sizing:border-box;}
.map .card li a span{display:block; font-weight:500; position:relative;}
.map .card li a span:after{content:""; display:block; width:16px; height:2px; background:url(../img/sub_common/icon_sub.png) no-repeat; position:absolute; top:14px; left:-34px;}
.map .map_img{margin-bottom:100px; padding:0 20px;}
.map .map_img img{width:100%; height:auto;}
.map .map_iframe{width:100%; height:600px;}

.world_map{max-width:1100px; margin:0 auto;}
.world_map img{width:100%; height:auto;}

.tab-menu{display:none;}

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

	/*인사말*/
	.comp_img .left{width:100%; height:100px;}
	.comp_img .left .title{padding:30px 20px 30px 0;}
	.comp_img .left .title:after{display:none;}
	.comp_img .left .pic{display:none;}
	.comp_img .right{width:100%; background-position: center center; margin-bottom:25px; background-size:cover; }
	.sub_container .phr{margin-bottom:25px;}
	.sub_container .phr span:last-child{padding-right:0;}

	/*연혁*/
	.company{padding:0 15px;}
	.company .content>div{padding:0 5px;}
	.company .content .year li span{font-size:15px;}

	/*오시는길*/
	.map .map_img{padding:0 10px;}
	.map .card li{padding:0 10px;}
	.map .card li a{font-size:15px; padding:20px 0 20px 50px;}
}

@media screen and (max-width:768px){
   
    /*인사말*/
	.comp_img .left .title{font-size:14px; text-align:left; padding-left:20px;}
	.comp_img .left .title span{font-size:20px;}

	/*연혁*/
	.company{padding:0 10px;}
	.company .content>div{width:100%; margin-top:20px; padding:0;}
	.company .content .year{padding:10px 0;}
	.company .content .year li{padding:0; line-height:22px; margin-bottom:15px;}
	.company .content .year li span:first-child{width:100%; padding:0; box-sizing:border-box; text-align:center; margin-bottom:5px;}
	.company .content .year li span:last-child{width:100%;  padding:0; box-sizing:border-box; text-align:center;}
	.year-box{display:none;}
	.year-box.on{display:block;}

	/*오시는길*/
	.map{padding:0 0px;}
	.map .card{margin-bottom:25px;}
	.map .card li{width:100%; margin-bottom:15px; padding:0;}
	.map .map_img{padding:0 0px; margin-bottom:100px;}
	
	.tab-menu{display:block; padding:0 10px;}
	.tab-menu ul{border-top:1px solid #ddd; border-left:1px solid #ddd;}
	.tab-menu ul li{float:left; width:50%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box;}
	.tab-menu ul li a{width:100%; height:50px; display:block; line-height:50px; text-align:center; font-weight:500;}
	.tab-menu ul .on a{background:#f37d37; color:#fff;}


}

@media screen and (max-width:600px){
   
    /*인사말*/
	.sub_container .phr{font-size:14px;}
	
	
}

@media screen and (max-width:370px){
	.comp_img .left{display:none;}
	.comp_img{margin-bottom:0;}
	.company .content .capa span:after{display:none;}
	
}