@charset "utf-8";
#visual {width:100%; position:relative; height:565px; background:#205090 url('/images/main/bg_visual.jpg') no-repeat center top;
           display:flex; align-items:center}
#visual > div{width:1200px;display:flex; margin:0 auto; color:#fff; align-items:center; }
#visual > div > div.visual_text{font-size:1.5em; line-height:1.3em; letter-spacing:-1px; width:calc(100% - 720px);}
#visual > div > div.visual_text > p:nth-child(2){font-size:2.5rem; line-height:1.3em; margin-bottom:30px}
#visual > div > div.visual_text > p:nth-child(2) > span{font-size:3.2rem; font-weight:600; letter-spacing:-2px; font-weight:700; background:#fff; color:#204986; display:inline-block; padding:0px 10px 5px 10px !important}
#visual > div > div.visual_text > p:nth-child(3){font-size:1.4rem; color:#ccc}
#visual > div > div.visual_slide{padding:0 30px; width:720px;}

/* 슬라이드 인디케이터 조절 */

#visual > div > div.visual_slide > .bx-wrapper{ width:100%;border: 0; box-shadow:none; }
#visual > div > div.visual_slide > .bx-wrapper .bx-pager.bx-default-pager a {width:25px; height:5px; background: #eee;}
#visual > div > div.visual_slide > .bx-wrapper .bx-pager.bx-default-pager a.active {background:#00a0a1; }
#visual > div > div.visual_slide > .bx-wrapper .bx-pager {text-align:left; bottom: 15px; left:15px;}

@media(max-width:1200px){
#visual {height:auto; background:#205090 url('/images/main/bg_visual.jpg') no-repeat center top;}
#visual > div{max-width:1200px;flex-wrap:wrap; justify-content:center;margin:0 auto; color:#fff;  padding:20px}
#visual > div > div.visual_text{font-size:1.3em; line-height:1.3em; letter-spacing:-1px; text-align:center}
#visual > div > div.visual_text > p:nth-child(1){margin-bottom:10px}
#visual > div > div.visual_text > p:nth-child(2){font-size:1.8rem; line-height:1.5em; margin-bottom:10px}
#visual > div > div.visual_text > p:nth-child(2) > span{font-size:2.5rem; padding:0px 10px 5px 10px !important}

#visual > div > div.visual_text > p:nth-child(3){font-size:1rem; margin-bottom:20px}
#visual > div > div.visual_text{width:100%}
#visual > div > div.visual_slide{width:100%}
.slider img{width:100%; }
}

#service{width:100%; height:342px; background:#000; display:flex; color:#fff; text-align:center; font-size:1.1em}
#service > div{padding:65px 20px;}
#service > div > h2{font-size:1.3em; margin-bottom:30px; font-weight:600}
#service > div.service_02 > h2{color:#ebaa36}
#service .service_01{width:50%; height:100%; background:  url('/images/main/bg_service_01.jpg') no-repeat center top; background-size:cover; }
#service .service_02{width:50%; height:100%; background:  url('/images/main/bg_service_02.jpg') no-repeat center top; background-size:cover; }
#service .service_01 > p:nth-child(3){color:#ebaa36; margin:10px 0px 30px 0 }
#service .service_02 > ul{display:flex; justify-content:center;  margin-bottom:10px}
#service .service_02 > ul > li > a{display:block;color:#fff; padding:70px 10px 10px 10px;font-size:0.9em; line-height:1.2em}
#service .service_02 > ul > li:nth-child(1) > a{background:  url('/images/main/02_ico-01.png') no-repeat center top;}
#service .service_02 > ul > li:nth-child(2) > a{background:  url('/images/main/02_ico-02.png') no-repeat center top;}
#service .service_02 > ul > li:nth-child(3) > a{background:  url('/images/main/02_ico-03.png') no-repeat center top;}
a.goLink{display:inline-block; color:#2c2c2c; font-size:0.8em; font-weight:500; padding:10px 50px 10px 30px; background:#ebaa36 url('/images/main/arrow_mire.jpg') no-repeat 100px 13px; }
a.repair_more{display:inline-block; color:#31649c; font-weight:500; padding:20px 50px; background:#f9f9f9; border:1px solid #cacaca}
@media(max-width:840px){
#service{height:auto;display:flex; flex-direction:column;}
#service > div{padding:30px 10px;}
#service > div > h2{font-size:1.1em; margin-bottom:20px; font-weight:500}
#service .service_01{width:100%;}
#service .service_02{width:100%;  }
#service .service_02 > ul > li > a{font-size:0.7em; line-height:1.2em}
}


#subject{width:100%; background:#31649c;position:relative;  margin:70px 0}
#subject span:after{width:50%; height:100%; background:#fff; content:""; display:block; position:absolute; left:50%; top:0}
#subject > div{max-width:1200px; height:485px; margin:0 auto; display:flex;position:relative; }
#subject > div > ul{width:calc(100% - 300px); height:485px;display:flex; flex-wrap:wrap;position:relative;}
#subject > div > ul > li{width:33.33333%; height:50%;color:#fff; position:relative;padding:60px 30px}
#subject > div > ul > li:nth-child(1){height:100%; background:  url('/images/main/subject_01.jpg') no-repeat center top; background-size:cover;}
#subject > div > ul > li:nth-child(2){background:  url('/images/main/subject_02.jpg') no-repeat center top; background-size:cover;}
#subject > div > ul > li:nth-child(3){background:  url('/images/main/subject_03.jpg') no-repeat center top; background-size:cover;}
#subject > div > ul > li:nth-child(4){width:66.66666%;position:absolute; right:0; top:50%;background:  url('/images/main/subject_04.jpg') no-repeat center top; background-size:cover;}
#subject > div > ul > li > a{position:absolute; right:0; bottom:0; }
#subject > div > ul > li > p{background:  url('/images/main/ico_subject.png') no-repeat left 12px;;padding-left:10px}
#subject > div > ul > li  h3{font-size:1.5em; font-weight:500; margin-bottom:20px}
#subject > div > dl{width:300px; height:100%;position:absolute; right:0; top:0; padding:50px 40px}
#subject > div > dl > dt{font-size:1.5em; font-weight:500; border-bottom:2px solid #ebaa36; padding-bottom:10px;margin-bottom:20px}

@media(max-width:840px){
#subject{background:#fff;position:relative;  margin:0px 0}
#subject > div{height:auto;flex-direction:column; flex-wrap:wrap}
#subject > div > ul{width:100%; height:485px;display:flex; flex-wrap:wrap;position:relative;}
#subject > div > dl{width:100%; order:-1;height:auto;position:relative; right:auto; top:auto; padding:30px 10px}
#subject > div > ul > li  h3{font-size:1.2em;}
}


#brand{width:100%; background:#f6f6f6; display:flex; padding:70px 0}
#brand > div{max-width:1200px; margin:0 auto; }
#brand > div > h2:after{display:block; height:2px; width:200px; background:#ebaa36; margin:10px 0 30px 0; content:"" }
#brand > div > ul{width:100%;display:flex; flex-wrap:wrap }
#brand > div > ul > li{padding:0 10px 10px 0;width:25%  }
#brand > div > ul > li img{width:100%  }

@media(max-width:1000px){
#brand{padding:30px 10px}

#brand > div > ul > li{width:25% }

}


@media(max-width:720px){


#brand > div > ul > li{width:33.33333% }

}

@media(max-width:640px){

#brand > div > ul > li{width:50% }

}


#repair{max-width:1200px; margin:0 auto; padding:70px 0}
#repair h2:after{display:block; height:2px; width:200px; background:#ebaa36; margin:10px 0 30px 0; content:"" }
#repair ul.repairList{display:flex; flex-wrap:wrap;margin:10px 0 30px 0; }
#repair ul.repairList > li{width:25%; padding:0 15px 20px 15px }
#repair ul.repairList > li img{width:100%}
.tab_contents_1 {display:none; padding:40px 0px; max-width:100%; margin:0 auto; } 
.tab_contents_1.on{display:block;}

.info_tab_1 .tab_1 {width:100%; display:flex; justify-content:center }
.info_tab_1 .tab_1:after{content:''; display:block; clear:both;}
.info_tab_1 .tab_1 li {width:20%; overflow:hidden; margin-left:-1px;}

.info_tab_1 .tab_1 li.line_1 a {line-height:38px; font-size:0.9em}
.info_tab_1 .tab_1 li a {width:100%; display:block; background:#f9f9f9; border:1px solid #ccc; text-align:center; padding:13px;height:66px;line-height:1.2em; position:relative; font-weight:bold; color:#494949; font-size:0.9em}
.info_tab_1 .tab_1 li a.on{color:#fff; background:#31649c;border:0;  }
.info_tab_1 .tab_1 li a.on:after {content: ""; display: block; /* clear: both; */width:1px; height:100%; position:absolute; right:0; top:0; background:#153d80;}

@media(max-width:1200px){
#repair ul.repairList{justify-content:flex-start;  }
#repair ul.repairList > li{width:33.3333%; padding:10px 10px  }
#repair ul.repairList > li img{width:100%;}
}

@media(max-width:1000px){
.info_tab_1 .tab_1 {flex-wrap:wrap; justify-content:flex-start }
.info_tab_1 .tab_1 li {width:25%;}

}
@media(max-width:720px){

.info_tab_1 .tab_1 li {width:33.33333%;  }
#repair ul.repairList > li{width:50%;   }
#repair{max-width:1200px; margin:0 auto; padding:30px 0}
}
@media(max-width:680px){

.info_tab_1 .tab_1 li {width:50%;  }


}

#customer{width:100%; background:url('/images/main/bg_customer.jpg') no-repeat center top; background-size:cover; padding:70px 0; min-height:620px}
#customer > h2{margin-bottom:30px; font-weight:600; color:#fff; width:100%; text-align:center}
#customer > div{max-width:1200px; margin:0 auto; }
#customer > div > ul{display:flex; color:#fff}
#customer > div > ul > li{width:50%; padding:40px}
#customer > div > ul > li:nth-child(1){background:#31649c}
#customer > div > ul > li:nth-child(2){background:#00a0a1}
#customer > div > ul > li > dl > dt{padding-bottom:40px; position:relative}
#customer > div > ul > li > dl > dt h3{font-size:1.5em; font-weight:500}
#customer > div > ul > li > dl > dt h3:after{width:300px; height:2px; margin-top:10px;display:block; content:""; background:#ebaa36}
#customer > div > ul > li > dl > dt > a{position:absolute; right:0; top:0; width:40px; height:40px; background:#ebaa36 url('/images/main/news_more.png') no-repeat left top}
#customer > div > ul > li > dl > dd{font-size:0.9em;  border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; padding:20px 10px}
#customer > div > ul > li > dl > dd > ul > li{display:flex; justify-content:space-between; margin-bottom:10px}
#customer > div > ul > li > dl > dd > ul > li > a{display:block; width:300px; height:20px; overflow:hidden;color:#e0e6ed; }
#customer > div > ul > li > dl > dd > ul > li > span{display:inline-block; height:25px; overflow:hidden;color:#e0e6ed; }
#customer > div > ul > li > dl > dd span.date{font-size:0.9em; color:#cacaca}
.state{font-size:0.9em;color:#fff; display:inline-block; padding:0px 10px; text-align:center; width:100px; margin-right:10px}
.state_01{background:#20a581; }
.state_02{background:#6288f3; }
.state_03{background:#f36262; }
@media(max-width:1200px){
	
#customer > div > ul{flex-wrap:wrap}
#customer > div > ul > li{width:100%; padding:20px}
#customer > div > ul > li > dl > dd > ul > li{display:flex; justify-content:flex-start; margin-bottom:10px}

}
@media(max-width:840px){


p.busi_title{text-align:center; font-weight:500; font-size:1.1em; margin:0px 0 20px 0 }
.info_tab_1 .tab_1 li.line_1 a {line-height:18px;}
.info_tab_1 .tab_1 li a {padding:13px;height:46px}
.tab_contents_1 { padding:20px 0 } 
#customer{width:100%; background:url('/images/main/bg_customer.jpg') no-repeat center top; background-size:cover; padding:30px 0; min-height:auto}
#customer > div > ul > li > dl > dt{padding-bottom:20px; position:relative}
#customer > div > ul > li > dl > dt h3{font-size:1.3em; }
#customer > div > ul > li > dl > dt > a{position:absolute; right:0; top:0; width:30px; height:30px; background:#ebaa36 url('/images/main/news_more.png') no-repeat left top; background-size:cover}
.state{font-size:0.8em;padding:0px 5px; text-align:center;  margin-right:10px}
#customer > div > ul > li > dl > dd > ul > li > a{ height:16px;  }
}

@media(max-width:680px){
	.state{ padding:0px 5px; margin-right:5px}
}

.visual_slide .bx-wrapper .bx-pager{}