@charset "utf-8";

.company .company_wrap{display:flex}
.company .company_wrap .company_left{width:50%;}
.company .company_wrap .company_left img{width:100%}
.company .tit .company_logo{margin-bottom:10px;}
.company .tit .txt{font-size:2.8rem;line-height:1.5}
.company .tit{margin-bottom:50px;}

.company_right {width:50%;padding-left:100px;}
.company_right .company_ta table{border-top:2px solid #000}
.company_right .company_ta table tr th{font-size:1.8rem;padding:25px 0;border-bottom:1px solid #dddd;width:40%;}
.company_right .company_ta table tr td{font-size:1.8rem;border-bottom:1px solid #dddd;width:60%}


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

.company .company_wrap{display:block;}
.company .tit .txt{font-size:2.1rem;}

.company .company_wrap .company_left{width:100%;}
.company_right{width:100%;padding-left:0;margin-top:30px;}
.company{padding:0 10px;}

}

@media (max-width: 768px) {
.company .tit{margin-bottom:25px;}

}


.message {}
.message .message_top{background:url(../../pages/images/greeting_img01.jpg);width:100%;height:330px;background-position: center;}
.message .message_top img{width:100%}
.message .message_wrap{display:flex;padding:0 100px;margin:100px 0}
.message .message_wrap .left{width:25%;font-size:3.2rem;font-weight:bold;}
.message .message_wrap .right{width:75%;font-size:2.0rem;line-height:1.5}
.message .message_wrap .right p{margin-bottom:15px;}


.message_bot {display:flex;justify-content: space-between;}
.message_bot li{width:24%;overflow:hidden}
.message_bot li img{width:100%;transition:.5s}
.message_bot li img:hover{    transform: scale(1.15);}

@media screen and (max-width: 1024px){
.message .message_wrap{margin:50px 0;padding:0;display:block;}
.message .message_wrap .left{width:100%;margin-bottom:20px;}
.message .message_wrap .right{width:100%;}
.message{padding:0 10px;}
.message_bot li{width:49%;margin-bottom:10px}
.message_bot{flex-wrap:wrap;}

}

@media (max-width: 768px) {


}

.business{}
.business .business_wrap{}
.business .business_wrap .top_img{display:flex;flex-wrap:wrap;}
.business .business_wrap .top_img .business01_img{    width: calc((100% - 4rem) / 3);margin-right:2rem;margin-bottom:2rem;}
.business .business_wrap .top_img .business01_img img{width:100%;}
.business .business_wrap .top_img .business01_img:nth-child(3n){margin-right:0}

.business_cont {margin:0 -4.5rem 0 0;}
.business_cont h1{margin:50px 0 20px 0;}
.business_cont .detail_box{display:flex;flex-wrap:wrap;margin:10px 0 50px 0;}
.business_cont .detail_box02{margin:0}
.business_cont .detail_box .detail_box_img{margin-top:20px;}
.business_cont li {width:calc(25% - 2.5rem); margin:0 2.5rem 2.5rem 0; border:1px solid #ddd;  padding:2.5rem 4.0rem; border-radius:2.5rem;}
.business_cont li span {font-size:18px; color: var(--main-color); font-weight:800; border-bottom:1px solid var(--main-color);}
.business_cont li p {font-size:1.8rem;	margin-top:2.0rem; line-height:1.45; color:#666;}



.bus_table table {width:100%; clear:both; border-collapse:collapse; border-top:3px solid #292e3d;  margin:0;}
.bus_table table th{color:#3b3b3b; font-size:18px; text-align:center;  padding:15px 15px; border-bottom:#bdbdbd 1px solid; border-right:#bdbdbd 1px solid; background:#ebedf2; word-break: keep-all;}
.bus_table table td{color:#595959; font-size:17px; text-align:center; padding:15px 20px; border-bottom:#bdbdbd 1px solid; border-right:#bdbdbd 1px solid; word-break: keep-all;}
.bus_table table th:last-child{border-right:none; }
.bus_table table td:last-child{border-right:none; }



@media screen and (max-width: 1024px){
.business .business_wrap .top_img .business01_img{width: calc((100% - 4rem) / 2);}
.business .business_wrap .top_img .business01_img:nth-child(3n){margin-right:2rem}

.business_cont li{width: calc(48% - 2.5rem);margin-right:20px;}
.business_cont{margin:0}
.business_cont li:nth-child(2n){margin-right:0}
.business{padding:0 10px;}


}

@media (max-width: 768px) {
.business .business_wrap .top_img .business01_img{width:100%}


.bus_table table th{font-size:1.6rem;}
.bus_table table td{font-size:1.5rem;}

}


.location {padding:0 10px;}
.location .locationTop .map_info{width:100%}
.location .locationBtm {width:100%; height:100%; padding-top: 75px;}
.location .locationBtm .loc_left {float:left; width:30%;}
.location .locationBtm .loc_left img {max-width:100%;}
.location .locationBtm .loc_right {float:left; width:70%;}
.location .locationBtm .loc_right .locTable01 {width:100%; border-collapse:collapse; border-top: solid 2px #131928; word-break: keep-all;}
.location .locationBtm .loc_right .locTable01 caption {display:none}
.location .locationBtm .loc_right .locTable01 th {width: 100px; font-size:18px; line-height:55px; color:#252525; border-bottom: 1px solid #adadad; vertical-align: top;}
.location .locationBtm .loc_right .locTable01 td {font-size:16px; line-height:26px; color:#252525; text-align:left; padding: 15px; border-bottom: 1px solid #adadad;}
.root_daum_roughmap .cont{display:none}



@media screen and (max-width: 1024px){
	.location .locationBtm .loc_left {float: none; width: 100%; text-align: center; padding: 20px 0px; 	}
	.location .locationBtm .loc_right {float: none; width: 100%; }
}

@media (max-width: 768px) {
	.location .locationBtm {padding-top: 25px;}
	.location .locationBtm .loc_right .locTable01 colgroup .col1 {width:100%;}
	.location .locationBtm .loc_right .locTable01 colgroup .col2 {width:100%;}
	.location .locationBtm .loc_right .locTable01 th, .location .locationBtm .loc_right .locTable01 td {display:block}
	.location .locationBtm .loc_right .locTable01 th {border-bottom:0 !important; width: 100%; line-height: 35px; text-align: left; padding: 10px 0px 0px 15px;}
	.location .locationBtm .loc_right .locTable01 td {padding: 0px 15px 10px;}
}