@charset "utf-8";


.sub_contents {width:100%; padding-top:2.0rem; line-height:1.45; overflow-x: hidden;  }

@media screen and (max-width: 768px){
	.sub_contents, .sub_contents2  {font-size:62.5%;}
}

.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}
.point {color:#07328e !important;}
.grey_bg {background:#f8f8f8;}


@media( max-width:1400px) {
	.side_pd {padding-left:15px !important; padding-right:15px !important;}

}


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:10px!important;}
.mg_t20{margin-top:20px!important;}
.mg_t30{margin-top:30px!important;}
.mg_t40{margin-top:40px!important;}
.mg_t50{margin-top:50px!important;}
.mg_t80{margin-top:80px!important;}
.mg_t100{margin-top:100px!important;}
.mg_t120{margin-top:120px!important;}


.mg_b10{margin-bottom:10px!important;}
.mg_b20{margin-bottom:20px!important;}
.mg_b30{margin-bottom:30px!important;}
.mg_b40{margin-bottom:40px!important;}
.mg_b50{margin-bottom:50px!important;}
.mg_b80{margin-bottom:80px!important;}


.pd_b100 {padding-bottom:10.0rem!important;}

.txt_c {text-align:center;}

/******서브공통 ******/


/*회사개요*/
.company{}
.company .company_img{}
.company .company_cont{display:flex;margin-top:100px;}
.company .company_cont .left{font-family:'nimbus-sans-extendard';font-size:2.6rem;font-weight: 900;width:30%}

.company .company_cont .right{width:70%;}

.company .company_cont .right table{border-top:2px solid #000000}
.company .company_cont .right table tr th{font-weight:bold;font-size:1.8rem;padding:30px 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.company .company_cont .right table tr td{font-size:1.8rem;color:#777777;padding:30px 0 30px 70px;border-bottom:1px solid #ddd;}


@media( max-width:1400px) {
	
.company .company_img img{width:100%}

}

@media( max-width:1024px) {
.company {padding:10px;}
.company .company_cont .left{font-size:2.1rem}
.company .company_cont .right table tr th{font-size:1.6rem}
.company .company_cont .right table tr td{font-size:1.6rem}
}

@media( max-width:768px) {
.company .company_cont .left{width:100%;margin-bottom:30px;}
.company .company_cont .right{width:100%}
.company .company_cont{display:block;margin-top:50px;}

}


/*인사말*/

.greeting {}
.greeting .greeting_cont{display:flex;margin-top:100px;}
.greeting .greeting_cont .left{font-size:2.6rem;;width:30%;line-height:1.5;font-weight:bold;color:#333333}
.greeting .greeting_cont .right{padding-left:50px;font-size:1.9rem;width:70%;line-height:1.5;color:#777777}
.greeting .greeting_cont .right p{margin-bottom:50px;}

.greeting .greeting_cont .right .ceo_name{color:#333333;font-weight:bold;text-align:right;padding-top:50px;}
.greeting .greeting_cont .right .ceo_name span{display:inline-block;vertical-align:middle}
.greeting .greeting_cont .right .ceo_name span.sign{margin-left:50px;}


@media( max-width:1400px) {
	
	
.greeting .greeting_img img{width:100%}

}

@media( max-width:1024px) {
.greeting {padding:10px;}
.greeting .greeting_cont .left{font-size:2.1rem;}
.greeting .greeting_cont .right{font-size:1.7rem}
}

@media( max-width:768px) {
.greeting .greeting_cont{display:block;margin-top:50px;}
.greeting .greeting_cont .left{width:100%;margin-bottom:30px;}
.greeting .greeting_cont .right{width:100%;padding-left:0}
.greeting .greeting_cont .right .ceo_name span.sign img{width:30%}
.greeting .greeting_cont .right .ceo_name span{display:inline}
}

/*오시는길*/
.location .map_loc{width:100%}

.location .location_cont{display:flex;margin-top:50px}
.location .location_cont .left{width:30%;background:#000000;padding: 100px 0;text-align:center}
.location .location_cont .right{width:70%;padding-left:50px;}
.location .location_cont table{border-top:2px solid #000;}
.location .location_cont table tr th{font-size:1.9rem;padding:30px 0;border-bottom:1px solid #ddd}
.location .location_cont table tr td{font-size:1.7rem;padding:30px 0 30px 50px;;border-bottom:1px solid #ddd}

@media( max-width:1400px) {
	


}

@media( max-width:1024px) {

.location .location_cont{display:flex;flex-wrap:wrap;margin-top:50px;}
.location .location_cont .left{width:100%;background:#000000;padding: 100px 0;text-align:center;margin-bottom:50px;}
.location .location_cont .right{width:100%;padding-left:0;}
.location .location_cont table tr td{padding:0}
}

@media( max-width:768px) {


}


/*보유선단*/
.owned .owned_cont .title{font-size: 3.2rem;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom:10px;    font-family: 'nimbus-sans-extendard';}
.owned .owned_cont .title span{border-bottom:2px solid #07328e;padding-bottom:10px;}

.owned .owned_cont .products{display:flex;flex-wrap:wrap;margin-top:50px;}
.owned .owned_cont .products .sub{width:320px;margin-right:40px;margin-bottom:40px;}
.owned .owned_cont .products .sub:nth-child(4n){margin-right:0}
.owned .owned_cont .products .sub .sub_img{border:1px solid #ddd}
.owned .owned_cont .products .sub img{width:100%}
.owned .owned_cont .products .sub h1{font-size:2.1rem;padding:20px 0 10px 0;}
.owned .owned_cont .products .sub .owned_table{border-top:2px solid #000}
.owned .owned_cont .products .sub .owned_table tr{border-bottom:1px solid #ddd;}
.owned .owned_cont .products .sub .owned_table tr th{text-align:left;width:45%;padding:10px 0 10px 20px;}
.owned .owned_cont .products .sub .owned_table tr td{width:55%;padding:10px;}

.owned .owned_cont02{margin:100px 0;}

@media( max-width:1400px) {
	
.owned .owned_cont .products .sub{margin-right:0;width:25%;padding:20px;}

}

@media( max-width:1300px) {
	
.owned .owned_cont .products .sub{width:33%}

}


@media( max-width:1024px) {
.owned {padding:10px;}
.owned .owned_cont .products .sub{width:50%}

}

@media( max-width:768px) {
.owned .owned_cont .products .sub{width:100%}


}


/*서비스 소개*/

.ocean{}
.ocean .ocean_cont{display:flex;font-size:1.8rem;line-height:2;align-items: center;}
.ocean .ocean_cont .left{width:50%;padding-right:50px;}
.ocean .ocean_cont .left h1{font-family: 'nimbus-sans-extendard';font-weight:800}
.ocean .ocean_cont .left h1 img{display:inline-block;vertical-align: text-top;}
.ocean .ocean_cont .left h1 span{color:#24aae1;font-size:2.6rem}
.ocean .ocean_cont .right{width:50%}
.ocean .ocean_cont .right img{width:100%}
   
.ocean .ocean_cont02{display:flex;font-size:1.8rem;line-height:2;align-items: center;margin:100px 0;}
.ocean .ocean_cont02 .left{width:50%;}
.ocean .ocean_cont02 .right{width:50%;padding-left:50px;}
.ocean .ocean_cont02 .right h1{font-size:2.8rem;line-height:1;padding-bottom:10px;}
.ocean .ocean_cont02 .left img{width:100%}

@media( max-width:1400px) {
.ocean .ocean_cont .right img{width:100%}
.ocean{overflow:hidden}
}

@media( max-width:1024px) {

.ocean{padding:10px;}

}

@media( max-width:768px) {
.ocean .ocean_cont .left{width:100%;padding-right:0;padding-bottom:30px;}
.ocean .ocean_cont .right{width:100%}
.ocean .ocean_cont{flex-wrap:wrap;}

.ocean .ocean_cont02 .left{width:100%;order: 1;}
.ocean .ocean_cont02 .right{width:100%;padding-left:0;padding-bottom:30px;}
.ocean .ocean_cont02{flex-wrap:wrap;margin:50px 0;}


}