@media (max-width: 1300px){
header {display:flex;}
header ul.headermenu li {position:relative; float: left; line-height: 80px;  margin-right:30px; font-size: 17px;}


#main1 .main1btn .btn { height:80px; line-height:80px; }
#main1 .slide .tit { position:absolute; width:90%;  top:50%; left:50%; transform:translate(-50%,-50%); }
#main1 .main1slide .slide .t2 {font-size:40px; } 
#main1 .main1slide .slide .t1  {font-size:20px;} 

#main2_1 .section1 { width:12%;}
#main2_1 .section2 { width:45%; }
#main2_2 .section1 { width:35%; }
#main2_2 .section2 { width:65%; }

#main4 {height:720px;}
#main4 .tit2 { width: 90%; margin: 0 auto; font-size:30px;}
#main4 .content .tit { width:25%; padding-left:6%; }
#main4 .content .tit {font-size: 30px;}
#main4 .tit1 {font-size: 20px;}
#main4 .content ul { width:75%;  }

#main5 { padding: 5% 0;}
#main5 .tit { padding-left: 6%; }

#main6 .content {padding: 0px 5%;}

#main7 .txt2 {padding-left: 5%; font-size:30px;}

#main8 {padding: 4% 5% 3% 5%;}
#main8 .tit .t1 {font-size: 28px;}
#main8 .tit .t2 {font-size: 18px;}

#main9_1 .main9 { width: 88%; }
#main9_2 .section1 { width: 42%; padding-left: 6%; padding-top: 10%; }
#main9_2 .section2 { width: 58%; padding: 3% 6% 3% 3%; }
#main9_2 .section2 .contentbox .box { padding: 5% 10% 5% 3%; }

#main10 .main10 {width: 90%;}
#main10 .main10 .contentbox .txt .t1 {font-size: 36px;}

#main11 .main11btn {width: 88%;}
#main11 .main11btn {gap: 0%;}
#main11 .main11slide { width: 88%; }
#main11 .main11slide ul li { height: 520px; }

#main12 {padding: 0 5%; padding-top:5%;}
#main12 .con .section { padding-left: 5%;}


#maindr { position:relative; width:100%; height:auto; background:url('/images/common/maindr.jpg')repeat-x 0 -200px; }
#maindr .maindr { position:relative; width:100%; max-width:1920px; height:666px; background:url('/images/common/maindrlogo.jpg')no-repeat right 100px; }
#maindr .maindr ul.maindrtxt { position:absolute; top:60px; left:5%; }
#maindr .maindr ul.maindrtxt li.t1 { font-size:26px; font-weight:700; color:#3c3c3c; line-height:130%; }
#maindr .maindr ul.maindrtxt li.t2 { margin-top:20px; font-size:17px; font-weight:500; color:#6d6d6d; line-height:150%; }

.maindrview#centered {box-sizing:border-box; padding-right:10%;}
.maindrview { position:absolute; bottom:28px; left:0px; width:96%; height:430px; margin:0 2%; box-sizing:border-box; overflow:hidden; }
.maindrview div.maindrslide { float:left; position:relative; width:90px; height:430px; margin:0 10px; cursor:pointer; }
.maindrview div.maindrslide ul li.maindr1 { display:block; position:absolute; bottom:30px; width:80px; height:320px; }
.maindrview div.maindrslide ul li.maindr2 { display:none; position:absolute; bottom:0px; width:170px; height:420px; z-index:1; }
.maindrview div.maindrslide ul li.maindrtxt { display:none; position:absolute; top:30px; right:18px; width:327px; height:342px; padding:40px 0 0 34px; background:#ffffff; border-radius:25px; box-sizing:border-box; box-shadow: 5px 15px 25px rgb(0 0 0 / 5%); }

.maindrview div.maindrslide ul li.maindrtxt span.name { display:inline-block; font-size:22px; font-weight:700; color:#262626; padding-bottom:18px; border-bottom:1px solid #c8c8c8; }
.maindrview div.maindrslide ul li.maindrtxt span.t2 { display:block; width:100%; margin-top:18px; font-size:24px; color:#333333; font-weight:700; line-height:130%; }
.maindrview div.maindrslide ul li.maindrtxt span.t3 { display:block; width:100%; margin-top:12px; font-size:20px; color:#1a4ab9; font-weight:500; line-height:100%; }
.maindrview div.maindrslide ul li.maindrtxt span.t4 { display:block; width:100%; margin-top:12px; font-size:15px; color:#555555; font-weight:400; line-height:140%; }
.maindrview div.maindrslide ul li.maindrtxt span.t5 { display:block; width:100%; margin-top:20px; }
.maindrview div.maindrslide ul li.maindrtxt span a { display:block; float:left; position:relative; width:120px; height:36px; padding-left:12px; line-height:36px; margin-right:10px; border-radius:50px; background:#797979; text-align:left; box-sizing:border-box; font-size:14px; font-weight:500; color:#ffffff; }
.maindrview div.maindrslide ul li.maindrtxt span a span { display:block; position:absolute; top:9px; right:12px; }
.maindrview div.maindrslide ul li.maindrtxt span a:nth-child(2) { background:#1a4ab9; }

.maindrview div.maindrslide.active2 { float:left; position:relative; width:514px; height:430px; }
.maindrview div.maindrslide.active2 ul li.maindr1 { display:none; }
.maindrview div.maindrslide.active2 ul li.maindr2 { display:block; }
.maindrview div.maindrslide.active2 ul li.maindrtxt { display:block; }

#maindr .scrollbar { position:absolute; bottom:64px; left:50%; transform:translateX(-50%); width:90%; max-width:1280px; height: 6px; background: #e3e4e6; line-height: 0; }
#maindr .scrollbar .handle { width: 240px; height: 100%; background: #007ac3; cursor: pointer; }
#maindr .scrollbar .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }

.drview_visual ul.dvul {width: 90%;}


}