@media (max-width:820px) {

header {position:fixed; width:100%; height:50px; top:0; right:0; background:rgba(255, 255, 255, 0.6); overflow:hidden; z-index: 99;}
header div.logo {position:relative; width:190px; height:40px; margin-top: 5px; float:left; margin-left:1%; background: url(/images/logo2.png) no-repeat 50% 50%; background-size:contain;}
header.on div.logo {position:relative; width:190px; height:40px; float:left; margin-left:2%; background: url(/images/logo2.png) no-repeat 50% 50%; background-size:contain;}
header ul {display:none;}

header div.night {position:relative; height:40px; margin-top: 5px;}
header.on div.night { height:40px; margin-top: 5px;}


#allmenubt {display:block;}

#main1 .main1slide .slide01 { background-size: cover;}
#main1 .main1btn .btn { height: 20px; line-height: 1.4; font-size:0.1px;}
#main1 .main1btn .btn.on { background: rgba(256,256,256,0.5) url(/images/main1arrow.png) no-repeat 50% 50%; background-size: 25px; opacity: 1;}
#main1 .slide .tit { position:absolute; width:90%;  top:40%; left:50%; transform:translate(-50%,-50%); }
#main1 .main1slide .slide .t2 {font-size:32px; } 
#main1 .main1slide .slide .t1  {font-size:17px;} 

#main1 .slide.slide03 video.videom {display:block;}
#main1 .slide.slide03 video.videopc {display:none;}

#main1 .main1slide .slide04 {background: url(/images/main1bg4m.jpg) no-repeat 50% 50%; background-size:cover;}

#main1_m {background: url(/images/main1bg1.jpg) no-repeat 100% 50%; background-size:cover;}

#main2_1 .section1 { width:0%;}
#main2_1 .section2 { width:57%;}
#main2_1 .section2 .box {border-left:none;}


#main4 {height:800px;}
#main4 .content .tit {width: 30%;}
#main4 .content ul {width: 70%;}
#main4 .content ul li { width: 46%; margin-right: 2%;}

#main5 .tit {  padding-left: 4%; width: 37%;}

#main6 { padding: 10% 0;}
#main6 .tit .t1 {font-size: 16px;}
#main6 .tit .t2 {font-size: 27px;}
#main6 .content .con {width: 100%; margin:0; margin-bottom:1%; height:auto;}
#main6 .content .con .t1 {font-size: 15px;}
#main6 .content .con .t2 {font-size: 16px;}
#main6 .content .con .t3 {font-size: 15px;}

#main7 {padding: 10% 0;}
#main7 .tit {font-size: 27px;}
#main7 .txt2 {width: 100%;  font-size: 22px;  padding-top: 3%;}
#main7 .main7swiper {width:100%; box-sizing:border-box; padding:3% 5%;}

#main8 {position:relative; width:100%; height: max-width:2000px; height:auto;  box-sizing: border-box; padding:12% 0; background:url(/images/main08.jpg)no-repeat 50% 0; } 
#main8 .tit {text-align:center; margin-bottom:3%;}
#main8 .tit .t1 { font-size:40px; color:#ffffff; line-height:130%; font-weight:700; }
#main8 .tit .t2 { margin-top:20px; font-size:16px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%; }
#main8 .main8box { position:relative; width:90%; max-width:1200px; margin:0 auto; overflow:hidden; display:flex; justify-content: space-between; }
#main8 .main8box ul { width:32%; }
#main8 .main8box ul li:nth-child(1) { width:100%; }
#main8 .main8box ul li:nth-child(1) img { width:100%; }
#main8 .main8box ul li:nth-child(2) { width:100%; height:56px; line-height:56px; font-size:22px; color:#ffffff; font-weight:700; background:#1f6392; text-align:center; }
#main8 .main8box ul li:nth-child(3) { text-align:center; margin-top:14px; font-size:17px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%;  }

#main9_1 .main9 .img { height: 400px; }
#main9_1 .main9 .tit1 {padding-bottom: 3%;}
#main9_1 .main9 .tit2 {width: 100%;} 
#main9_2 .section1 { width: 100%;}
#main9_2 .section1 .bgtxt {top: 30%; font-size:80px;}
#main9_2 .section2 {width: 100%; padding: 5% 6% 5% 6%;}
#main9_2 .section1 .t1 {font-size: 27px;}
#main9_2 .section1 .t2 {font-size: 16px;}
 

#main10 .main10 .contentbox .txt .t1 {font-size:27px;}
#main10 .main10 .contentbox .txt .t2 {font-size:16px;}
#main10 .main10 .bgtxt {font-size:80px;}

#main11 {padding: 10% 0;}
#main11 .t1 {font-size: 17px;}
#main11 .t2 {font-size: 27px;}

#main12 .tit .t1 {font-size: 27px;}
#main12 .con .section {width: 100%;}
#main12 .con .section1 {padding-bottom:3%;}
#main12 .con .section2 {border-left:none; border-top:1px solid #ccc; padding-top:3%;}


footer {padding: 4% 5%; background-size:140px;         margin-bottom: 69px;}

.blue {display:none;}
#quick ul{position:fixed; left:0; bottom:0%; width:100%; height:69px; z-index:20; }
#quick ul {overflow:hidden; display:flex; background:linear-gradient(90deg, #ffb17d, #ff6ccc, #33a0ca ); padding:0 0;}
 
#quick ul li { float:left; height:auto; margin:0 auto; width: calc(100% / 4;)}

#quick li.quick4 span {display:none;}
#quick .top {display:none;}

#top {position:fixed; bottom:18%; right:2%; display:block; width:50px; height:50px; margin:0 auto; border-radius:80px; background: #d7ac7a url(/images/top.png) no-repeat 50% 100%; text-align:center; margin-top:20px; background-size:50%; z-index:99;}
#top a {display:block; width:100%; height:100%;}
#top img {width:100%;}

#maindr { position:relative; width:100%; height:570px; background:url('/images/common/maindr.jpg')repeat-x 0 -200px; }
#maindr .maindr { position:relative; width:100%; max-width:1920px; height:570px; background:url('/images/common/maindrlogo.jpg')no-repeat right 50px; background-size:150px; }
#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:10px; font-size:14px; font-weight:500; color:#6d6d6d; line-height:150%; }

.maindrview { position:absolute; bottom:50px; left:0px; width:96%; height:330px; margin:0 2%; box-sizing:border-box; overflow:hidden; }
.maindrview div.maindrslide { float:left; position:relative; width:330px; height:280px; margin:0 20px 0 0px; overflow:hidden; cursor:pointer; }
.maindrview div.maindrslide ul li.maindr1 { display:none; position:absolute; bottom:30px; width:50px; height:320px; }
.maindrview div.maindrslide ul li.maindr2 { display:block; position:absolute; bottom:0px; width:100px; height:280px; z-index:1; }
.maindrview div.maindrslide ul li.maindrtxt { display:block; position:absolute; top:0px; right:0px; width:220px; height:280px; padding:20px 14px 0 14px; background:#ffffff; border-radius:15px; 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:16px; font-weight:700; color:#262626; padding-bottom:10px; border-bottom:1px solid #c8c8c8; }
.maindrview div.maindrslide ul li.maindrtxt span.t2 { display:block; width:100%; margin-top:12px; font-size:18px; color:#333333; font-weight:700; line-height:130%; }
.maindrview div.maindrslide ul li.maindrtxt span.t3 { display:block; width:100%; margin-top:10px; font-size:16px; color:#1a4ab9; font-weight:500; line-height:100%; }
.maindrview div.maindrslide ul li.maindrtxt span.t4 { display:block; width:100%; margin-top:10px; font-size:14px; color:#555555; font-weight:400; line-height:140%; }
.maindrview div.maindrslide ul li.maindrtxt span.t5 { display:block; width:100%; margin-top:14px; }
.maindrview div.maindrslide ul li.maindrtxt span a { display:block; float:left; position:relative; width:90px; height:30px; padding-left:10px; line-height:30px; margin-right:4px; border-radius:50px; background:#797979; text-align:left; box-sizing:border-box; font-size:12px; font-weight:500; color:#ffffff; }
.maindrview div.maindrslide ul li.maindrtxt span a span { display:block; position:absolute; top:7px; right:12px; }
.maindrview div.maindrslide ul li.maindrtxt span a:nth-child(2) { background:#1a4ab9; }

.maindrview div.maindrslide.active2 { float:left; position:relative; width:330px; height:280px; margin:0 20px 0 0px; overflow:hidden; cursor:pointer; }
.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:40px; left:50%; transform:translateX(-50%); width:90%; max-width:1280px; height: 6px; background: #e3e4e6; line-height: 0; }
#maindr .scrollbar .handle { width: 70px; height: 100%; background: #007ac3; cursor: pointer; }
#maindr .scrollbar .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }

.drview { position:fixed; top:0px; left:0px; width:100%; height:100%; background:#fff; z-index:120; overflow-y:auto; }
.drview p.close { position:fixed; top:20px; right:20px; font-size:30px; font-weight:100; color:#fff; z-index:1; cursor:pointer; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.5); text-align: center;line-height: 40px;}
.drview_visual { position:relative; width:100%; height:600px;  }
.drview_visual ul.dvul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:1280px; margin:0 auto; }
.drview_visual ul li.txt1 { display:inline-block;  }
.drview_visual ul li.txt1 div:nth-child(1) { display:inline-block; font-size:26px; font-weight:700; color:#fff; line-height:1;  padding-bottom:16px; border-bottom:4px solid #073291; }
.drview_visual ul li.txt1 div:nth-child(1) span { font-size:18px; font-weight:500; padding-left:8px; }
.drview_visual ul li.txt1 div:nth-child(2) { display:inline-block; font-size:16px; font-weight:500; color:#ffffff; line-height:1; margin-left:10px; }

.drview_visual ul li.txt2 { padding-top:0px; font-size:20px; font-weight:700; color:#fff; line-height:1; }
.drview_visual ul li.txt5 { width:100%; padding-top:10px; font-size:16px; font-weight:300; color:#fff; line-height:150%; display:none; }
.drview_visual ul li.txt3 { padding-top:22px; font-size:42px; font-weight:700; color:#ffffff; line-height:1; }
.drview_visual ul li.txt4 { width:60%; padding-top:16px; font-size:15px; font-weight:400; color:#ffffff;  }
.drview_visual ul li.txt4 span { display:block; font-size:23px; font-weight:700; padding-bottom:10px; color:#073291; }
.drview_visual ul li.drviewtable { width:100%; max-width:640px; }
.drview_visual ul li.drviewbt { margin-top:20px; }

.drstory { position:relative; width:100%; margin-top:5%; overflow:hidden; }
.drstory .drstoryleft { float:left; width:100%; }
.drstory .drstoryright { float:right; width:100%; }
.drstory ul { width:100%; padding-left:5%; box-sizing:border-box; padding-bottom:5%; border-bottom:1px solid #dbdbdb; }
.drstory ul li.t1 { font-size:28px; font-weight:700; color:#121212; line-height:1; }
.drstory ul li.t2 { position:relative; padding-top:5%; padding-bottom:50px; font-size:14px; font-weight:400; color:#262626; line-height:180%; }
.drstory ul li.t2 div { position:absolute; bottom:0px; left:0px; }
.drstory ul li.t2 div span { float:right; display:block; width:35px; height:35px; border:1px solid #000; border-radius:100%; text-align:center; font-size:28px; font-weight:200; color:#000; box-sizing:border-box; cursor:pointer; }
.drstory ul.drstory1 {  background:url('/page_KR0/01_sub/images/drstory1.jpg')no-repeat 0 0; }
.drstory ul.drstory2 {  background:url('/page_KR0/01_sub/images/drstory2.jpg')no-repeat 0 0; }
.drstory ul.drstory3 {  background:url('/page_KR0/01_sub/images/drstory3.jpg')no-repeat 0 0; }
.drstory ul.drstory4 {  background:url('/page_KR0/01_sub/images/drstory4.jpg')no-repeat 0 0; }
.drstory ul.drstory5 {  background:url('/page_KR0/01_sub/images/drstory5.jpg')no-repeat 0 0; }

.subtable4 th {height: 50px;}
}