@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/*@font-face {
  font-family: 'Noto Sans KR';
  src: url('./font/Noto Sans KR.svg#Noto Sans KR') format('svg'),
       url('./font/Noto Sans KR.ttf') format('truetype'),
       url('./font/Noto Sans KR.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR_v1.4_151215';
  src: url('./font/Noto Sans KR_v1.4_151215.eot');
  src: url('./font/Noto Sans KR_v1.4_151215.eot?#iefix') format('embedded-opentype'),
       url('./font/Noto Sans KR_v1.4_151215.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
*/


html, body{margin:0;padding:0;width:100%;height:100%;font-family:'Noto Sans KR', sans-serif;}
body{background-color:#004876}
ul, li, p{margin:0;padding:0;list-style:none;}
img{vertical-align:middle;}
a{text-decoration:none;}
h2{margin:0;padding:0;}
.divclear:after{display:block;content:'';clear:both;}
fl{float:left;}
a{text-decoration:none;}
/*::-moz-selection {
   background: #004098;
   color: #fff;
}
::selection {2020-06-09
   background: #004098;
   color: #fff;
}*/

.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.br3c{border:3px solid #ccc;}
.retxt{font-size:11px;color:#004098;vertical-align:top;}
.clear{clear:both;}

ul.img2{padding:10px;width:calc(100% - 20px);}
.img2:after{display:block;content:'';clear:both;}
.img2 li{float:left;width:calc(100% / 2);vertical-align:bottom}
.img2 li img{width:100%;}
ul.img3{padding:10px;width:calc(100% - 20px);}
.img3:after{display:block;content:'';clear:both;}
.img3 li{float:left;width:calc(100% / 3);vertical-align:bottom}
.img3 li img{width:100%;}
ul.img4{padding:10px;width:calc(100% - 20px);}
.img4:after{display:block;content:'';clear:both;}
.img4 li{float:left;width:calc(100% / 4);vertical-align:bottom}
.img4 li img{width:100%;}
ul.img5{padding:10px;width:calc(100% - 20px);}
.img5:after{display:block;content:'';clear:both;}
.img5 li{float:left;width:calc(100% / 5);vertical-align:bottom}
.img5 li img{width:100%;}

#wrap{width:100%;height:auto;}
.sub1{background-color:#fff;}

#mtopnav {display:none;}

#header{position:fixed;width:100%;height:100px;background-color:rgba(114,114,114,0.9)/*rgba(0,72,118,0.9)*/;z-index:10;}
#header:after{display:block;content:'';clear:both;}
#header .topsect{width:100%;max-width:1000px;height:100px;margin:0 auto;}
#header .topsect .toplogo{float:left;width:148px;height:100px;line-height:100px;margin-right:80px;}
#header .topsect .toplogo a{display:block;margin-top:-3px;}
#header .topsect .topnav{float:right;}
#header .topsect .topnav li{float:left;margin-right:2px;}
#header .topsect .topnav li:last-child{margin-right:0;}
#header .topsect .topnav li a{display:table-cell;width:auto;height:70px;padding:15px 20px 15px 20px;line-height:70px;color:#fff;font-size:17px;font-weight:600;transition:all 0.4s ease .0s;}
#header .topsect .topnav li a:hover{color:#00a1e5;}
#header .topsect .searchsect{float:right;margin:40px 20px 0 0;}
#header .topsect #mtopnav{float:right;margin:35px 25px 0 0;}

/* 이미지 오버 시 확대 */
#mainsect ul li a img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;   /* 부드러운 모션을 위해 추가*/
}
#mainsect ul li a img:hover {opacity:0.7;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.main{background-image:url('../images/mainimg.jpg');
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#00a1e5;}
#mainvisual {position:relative;width:100%;height:auto;}
#mainvisual:after{display:block;content:'';clear:both;}
#mainvisual .maintext {position:static;padding-top:160px;width:100%;text-align:center;}
#mainvisual .maintext .mtitle {width:1200px;height:auto;color:#fff;font-weight:500;font-size:30px;line-height:40px; padding:0;margin:0 auto;transition:all 0.4s ease .0s; text-align:right;}
#mtopnav {display:none;}

.mainav {position:static;/*left:calc(50% - 600px);*/margin:0 auto;padding-top:65px;width:1200px;}
.mainav:after{display:block;content:'';clear:both;}
.mainav > li {position:relative;float:left;border:1px solid #4dbdec;}
.mainav > li:hover{cursor:pointer;}
.mainav > li:hover > div > p{opacity:0;transition:all 0.3s ease 0.1s;}
.mainav > li:hover > div > .navs{opacity:1;transition:all 0.3s ease 0.1s;}
.mainav01 {width:236px;height:242px;margin:0 0 0 0;background:url('../images/main01.jpg') no-repeat 50% 50%;}
.mainav02 {width:235px;height:242px;margin:0 0 3px 3px;background:url('../images/main02.jpg') no-repeat 50% 50%;}
.mainav03 {width:235px;height:242px;margin:0 0 3px 3px;background:url('../images/main03.jpg') no-repeat 50% 50%;}
.mainav04 {width:235px;height:242px;margin:0 0 3px 3px;background:url('../images/main04.jpg') no-repeat 50% 50%;}
.mainav05 {width:235px;height:242px;margin:0 0 3px 3px;background:url('../images/main05.jpg') no-repeat 50% 50%;}
.mainav06 {width:596px;height:242px;margin:0 0 0 0;background:url('../images/main06.jpg') no-repeat 50% 50%;}
.mainav07 {width:596px;height:242px;margin:0 0 0 3px;background:url('../images/main07.jpg') no-repeat 50% 50%;}

.navt{position:relative;top:24px;width:100%;text-align:center;font-size:20px;font-weight:bold;color:#fff;text-shadow:0 0 3px rgba(0,0,0,1);transition:all 0.1s ease 0.1s;}
.navs{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(12,77,162,0.8);opacity:0;transition:all 0.3s ease 0.1s;}
.navs > p{position:absolute;left:20px;top:20px;width:calc(100% - 40px);height:calc(100% - 40px);text-align:center;background-color:yellow;background:url('../images/mainarrow.png') no-repeat right bottom;}
.navs > p > span{font-size:14px;color:#fff;}
.navs > p > span:first-child{font-size:26px;font-weight:bold;};

#mainsect .main03 p{padding:5px 0 0 5px;color:#000;font-size:18px}
#mainsect .main03 p > span{color:#004098;font-size:20px;font-weight:bold;}

#footer{width:100%;height:100px;background-color:#004876; padding-top:20px; }
#footer ul{width:700px;margin:0 auto;  height:100px;}
#footer ul li{float:left;color:#fff;font-size:13px; margin:10px; text-align:left;}

#footer_main{position:static;/*left:calc(50% - 350px);bottom:0;*/height:80px;background:none;padding-top:50px;}
#footer_main ul{width:700px;margin:0 auto;height:80px}
#footer_main ul li{float:left;color:#fff;font-size:13px; margin:10px; text-align:left;}

#subvisual{position:relative;width:100%;overflow:hidden;}
#subvisual .subimg{width:100%;height:300px;text-align:center;}
#subvisual .subimg2{width:100%;height:200px;text-align:center;}
#subvisual .subtext{position:absolute;width:100%;max-width:1000px;height:40px;left:calc(50% - 500px);bottom:50px;font-size:30px;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.8);}
#subvisual .subtext > span{font-size:20px;}
#subvisual .subtext2{position:absolute;width:100%;max-width:1000px;height:40px;left:calc(50% - 500px);bottom:15px;font-size:30px;font-weight:bold;color:#004098;}


#subcont_2{width:100%;}
.subsect_2{width:100%;max-width:1000px;margin:0 auto;padding:20px 25px 100px 25px;}
/*.subsect ul{width:100%;max-width:1200px;height:auto;margin:0 auto;}*/
.subsect_2 ul li .moreover{position:relative;}
.subsect_2 ul li .moreover a{display:block;}
.subsect_2 ul li .moreover a .over{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;transition: all 0.3s ease-in-out;opacity:0;}
.subsect_2 ul li .moreover a .over img{position:absolute;left:calc(50% - 30px);top:calc(50% - 30px);width:60px;}
.subsect_2 ul li .moreover a:hover .over{opacity:0.5;}

#subcont2{width:100%;/*background:url('../images/subback.png') repeat-y 0 50%;*/}
.subsect_2 ul.s1{width:100%;max-width:1071px;margin:0 auto;}
.subsect_2 ul.s1 li{padding:0;margin:20px 10px 0 0;width:100%;max-width:320px;height:290px;float:left;}
.subsect_2 ul.s1 li a{display:block;width:100%;height:290px;text-decoration:none;color:#fff;}
.subsect_2 ul.s2 li{padding-top:20px;}
.subsect_2 ul.s2{width:100%;max-width:1135px;padding:0 0 50px 0;}


#subcont{width:100%;}
.subsect{width:100%;max-width:1000px;margin:0 auto;padding:20px 25px 100px 25px;}
/*.subsect ul{width:100%;max-width:1200px;height:auto;margin:0 auto;}*/
.subsect ul li .moreover{position:relative;}
.subsect ul li .moreover a{display:block;}
.subsect ul li .moreover a .over{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;transition: all 0.3s ease-in-out;opacity:0;}
.subsect ul li .moreover a .over img{position:absolute;left:calc(50% - 30px);top:calc(50% - 30px);width:60px;}
.subsect ul li .moreover a:hover .over{opacity:0.5;}

#subcont2{width:100%;/*background:url('../images/subback.png') repeat-y 0 50%;*/}
.subsect ul.s1{width:100%;max-width:1071px;margin:0 auto;}
.subsect ul.s1 li{padding:0;margin-top:20px;width:100%;max-width:1071px;height:290px;}
.subsect ul.s1 li a{display:block;width:100%;height:290px;text-decoration:none;color:#fff;}
.subsect ul.s2 li{padding-top:20px;}
.subsect ul.s2{width:100%;max-width:1135px;padding:0 0 50px 0;}
.subsect ul.s3{width:100%;max-width:1071px;margin:20px auto;}
.subsect ul.s3 li{float:left;width:calc(347px - 21px);margin-left:10px;}
.subsect ul.s3 li:first-child{margin-left:0;}
.subsect ul.s3:after{display:block;content:'';clear:both;}
.subsect ul.s3 a{display:block;width:100%;height:150px;overflow:hidden;}
.subsect ul.s4{width:100%;max-width:1071px;margin:0 auto;}
.subsect ul.s4 li{float:right;width:calc(48% - 180px);max-width:270px;margin:0 180px 0 0;}
.subsect ul.s4 li:first-child{float:left;margin:0 0 0 180px;}
.subsect ul.s4 li img{width:100%;max-width:270px;}
.subsect ul.s4:after{display:block;content:'';clear:both;}

.subsect ul.c1{width:100%;max-width:1071px;margin:0 auto;}
.subsect ul.c1 li{padding:0; float:left; margin-right:10px;width:30%;max-width:1071px; height:500px;}
.subsect ul.c1 li a{display:block;width:100%;height:500px;text-decoration:none;color:#000; }
.cchp1{height:200px; width:calc(50% - 35px);margin:10px 0 0 15px; font-size:25px; font-weight:500;}


.chp1{float:left;width:calc(50% - 35px);font-size:20px;height:200px;padding:40px 0 0 35px;}
.chp1 > span{font-size:25px;font-weight:bold;}
.pic1{width:calc(50% - 35px);font-size:40px;height:200px;padding:40px 0 0 35px; font-weight:bold;text-shadow:0 0 3px rgba(0,0,0,1);}
.pic2{width:100%;font-size:25px;height:auto;padding:15px 0 0 0; font-weight:bold;text-align:center;}

.chp2{float:right;width:calc(50% - 35px);font-size:14px;text-align:right;line-height:24px;height:200px;padding:40px 35px 0 0;}
.chp3{float:left;width:calc(100% - 70px);height:50px;padding:0 35px 0 35px;font-size:20px;}
.y1{float:left;width:70px;text-align:center;}
.wline{float:left;width:calc(100% - 140px);height:24px;background:url('../images/wline.png') repeat-x 0 15px;}
.y2{float:right;width:70px;text-align:center;}

.ctitle1{font-size:26px;font-weight:bold;padding:0 0 15px 0;}
.csubtext1{font-size:17px;padding:15px 0 0 0;line-height:30px;}

.chr_table tr td{border-bottom:1.5px solid #ccc; padding:4px;}


#i-am-progress-indicator {
  position:fixed;
  top:100px;
  left:0;
  height:4px;
  background:#004098;
  width:0%;
  z-index:10;
}
.powerin{width:100%;border-top:3px solid #b2b3b6;padding-top:20px;margin-top:20px;}
.smtitle{font-size:30px;color:#004098;padding:40px 0 40px 0;font-weight:bold;line-height:50px;}
.smtitle2{font-size:30px;color:#f47920;padding:40px 0 40px 0;font-weight:bold;line-height:50px;}

.sstitle{font-size:22px;text-decoration:none; color:#00a1e4; padding:15px 0 15px 0;line-height:30px; font-weight:600;}
.sstitle2{font-size:22px;text-decoration:none; color:#f28300; padding:15px 0 15px 0;line-height:30px; font-weight:600;}

.postitle{font-size:18px;text-decoration:none; padding:0 0 5px 0;line-height:20px; color:#b2b3b6;}
.posstitle{font-size:23px;text-decoration:none; font-weight:bold; padding:0 0 20px 0;line-height:30px; color:#00a1e4;}
.posstitle2{font-size:23px;text-decoration:none; font-weight:bold; padding:0 0 20px 0;line-height:30px; color:#f28300;}
.stext{font-size:17px;text-align:justify;line-height:35px;letter-spacing:0; padding:0 0 30px 0;}
.sstext{font-size:16px;text-align:justify;line-height:30px;letter-spacing:0; padding:30px 0 0 0;}
.ssttext{font-size:16px;text-align:justify;line-height:30px;letter-spacing:0; padding:0;}
.chbox{width:96%; border-left:8px solid #f28300;  padding:10px 0 10px 10px; margin:0 0 20px 10px;}
.chtext{font-size:17px;text-align:justify; color:#f28300;  line-height:35px;letter-spacing:0; padding:10px;}
.chname{font-size:17px; text-align:right; color:#8c8c8c;  line-height:20px; padding-right:10px;}

.sub7_6 .subtext{font-size:17px;text-align:justify;line-height:35px; color:#02b9ad; letter-spacing:0; margin-top:20px; padding:10px 0 10px 0; border-top:1px solid #02b9ad;}
.sub7_6 .subtext>span{ font-weight:bold;}
.ssubtext{font-size:17px;text-align:justify;line-height:32px;letter-spacing:0; padding:0 0 10px 0;}

.simg{text-align:center;padding:20px 0 20px 0;}
.simg img{width:100%;max-width:1000px;}
.simg p{font-size:11px;color:#888;padding:5px 0 5px 0;}

ul.botfunc{width:100%;margin-top:80px;}
.botfunc::after{display:block;content:'';clear:both;}
.likeit{float:left}
.likeit a{display:block;padding:5px;background-color:#fff;border:1px solid #000;border-radius:3px;font-size:13px;text-decoration:none;color:#000;}
.likeit a:hover{background-color:#f7f7f7;}
.snslink{float:right;margin-top:3px;}

ul.botnav{width:100%;border-top:1px solid #ccc;padding-top:20px;margin-top:20px;}
.botnav::after{display:block;content:'';clear:both;}
.botnav li{float:left;width:calc(100% / 3);height:40px;}
.botnav li a{display:block;width:;padding:10px;font-size:12px;color:#676767;transition: all 0.3s ease-in-out;}
.botnav li a:hover{color:#004098;}
.botnav li.menubtn a{border:1px solid #ccc;border-radius:3px;color:#004098}
.botnav li.menubtn2 a{border:1px solid #ccc;border-radius:3px;color:#f47920}
.botnav li.menubtn a:hover{background-color:#004098;color:#fff;}
.botnav li.menubtn2 a:hover{background-color:#f47920;color:#fff;}
.botnav .prevbtn{text-align:left;}
.botnav .menubtn{text-align:center;}
.botnav .menubtn2{text-align:center;}
.botnav .nextbtn{text-align:right;}

.sidenav {height: 100%;width: 0;position: fixed;z-index: 30;top: 0;right: 0;background-color: #fff;overflow-x: hidden;transition: 0.5s;padding-top: 100px;font-size:15px;}
.sidenav a {padding: 5px 5px 5px 40px;text-decoration: none;color: #000;display: block;transition: 0.3s;}
.sidenav .closebtn {position: absolute;top: 35px;right: 25px;}
.searchbox{display:none;z-index:50;position:fixed;top:80px;left:50%;margin-left:225px;width:274px;height:70px;padding:0 0 0 20px;background:url('../images/searchpop.png') no-repeat 0;}
.dsearchinput{width:170px;height:33px;margin:0;padding:0;border:1px solid #ccc;vertical-align:top;margin-top:20px;padding:0 10px 0 10px;}
.dsearchbtn{margin-top:20px;}
.msearch{padding:15px 5px 5px 40px;}
.msearchinput{width:150px;height:33px;margin:0;padding:0;border:1px solid #ccc;vertical-align:top;}
.bbg{display:none;z-index:20;width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.7);transition: 0.5s;overflow:hidden;}

/*검색결과*/
.search_page_title{padding:10px 0 0 0;border-bottom:1px solid #000;}
.search_cont{padding:20px 0 20px 0;border-bottom:1px solid #ccc;}
.page_title{font-size:18px;font-weight:bold;}
.page_navi{float:left;width:80%;height:auto;line-height:30px;font-size:14px;color:#6b6b6b;}
.page_link{float:right;display:block;width:150px;padding:5px;font-size:14px;text-align:center;color:#fff;background-color:#004098;}
.search_text{width:100%;height:110px;font-size:15px;margin:20px 0 10px 0;line-height:22px;/*글자자르기*/display:inline-block;white-space:normal;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}

.paging{width:100%;margin:30px 0 30px 0;}
.paging > ul{width:610px;height:32px;margin:0 auto;padding:0;}
.paging > ul > li{float:left;width:40px;margin-left:5px;border:1px solid #ccc;}
.paging > ul > li.arr{border:none;width:30px;}
.paging > ul > li > a{display:block;width:100%;height:30px;line-height:30px;font-size:13px;text-align:center;text-decoration:none;color:#000;}
.paging > ul > li > a.on{background-color:#004098;color:#fff;}

ul.tabs {margin:0;padding:0;float:left;list-style:none;height:auto;width:100%;}
ul.tabs li{float:left;margin:0;padding:0;height:32px;line-height:32px;border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; margin-bottom: -1px;overflow: hidden;position: relative;}
ul.tabs li:first-child {border:1px solid #e8e8e8;}
ul.tabs li a {text-decoration:none;color:#777777;display: block;font-size:12px;width:calc(100% - 16px);padding:0 8px 0 8px;text-align:center;transition: all 0.3s ease-in-out;}
ul.tabs li a:hover {font-weight:normal;background-color:#004098;color:#FFF;}	
html ul.tabs li.active, html ul.tabs li.active a {background-color:#004098;color:#FFF;font-weight:normal;}

ul.tabs2 {padding:0;list-style:none;width:741px;height:62px;margin:0 auto;}
ul.tabs2 li{float:left;margin:0;padding:0;width:184px;height:60px;line-height:60px;border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; margin-bottom: -1px;overflow: hidden;position: relative;}
ul.tabs2 li:first-child {border:1px solid #e8e8e8;}
ul.tabs2 li a {text-decoration:none;color:#000;display: block;font-size:17px;width:calc(100% - 16px);padding:0 8px 0 8px;text-align:center;transition: all 0.3s ease-in-out;}
ul.tabs2 li a:hover {font-weight:normal;background-color:#004098;color:#FFF;}	
html ul.tabs2 li.active, html ul.tabs2 li.active a {background-color:#004098;color:#FFF;font-weight:normal;}

.albumtext{width:100%;max-width:1000px;padding:20px 0 10px 0;margin:0 auto;}
.albumtext > .title{font-size:24px;font-weight:bold;}
.albumtext > .descript{font-size:14px;line-height:150%;color:#343434;}

/*lnb*/
.lnb{position:fixed;left:10px;top:370px;width:268px;height:auto;max-height:calc(100% - 430px);border:1px solid #dcdcdc;border-radius:3px;padding:20px;background-color:#fff;overflow-y:auto;}
.lnb > p.sec1{font-size:16px;font-weight:bold;color:#00a1e5;margin-bottom:10px;}
.lnb > p.sec2{font-size:16px;font-weight:bold;color:#f47820;margin-bottom:10px;}
.lnb .hide{display:none;}
.lnb .menu{display:block;cursor:pointer;}
.lnb > ul > li > a{display:block;width:100%;height:24px;font-weight:bold;font-size:14px;color:#5a5a5a;letter-spacing:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.lnb > ul > li > a:hover{color:#000;}
.lnb > ul > li > ul{margin:0 0 10px 10px;border-bottom:1px solid #f7f7f7;padding-bottom:10px;}
.lnb > ul > li > ul > li > a{display:block;width:100%;height:24px;font-size:13px;color:#000;letter-spacing:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.lnb > ul > li > ul > li > a:hover{color:#004098;}
.lnb > ul.sec2 > li > ul > li > a:hover{color:#f47820;}
.lnb > ul > li > ul > li > ul{margin:0 0 10px 10px;}
.lnb > ul > li > ul > li > ul > li > a{display:block;width:calc(100% - 10px);height:24px;line-height:24px;font-size:12px;color:#000;letter-spacing:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.lnb > ul > li > ul > li > ul > li > a:hover{background-color:#f7f7f7;}
.lnb > ul > li > ul > li > ul > li.active > a{color:#004098;}
.lnb > ul.sec2 > li > ul > li > ul > li.active > a{color:#f47820;}
/*.lnb > ul > li > ul > li > ul > li.active > a:after{position:absolute;right:34px;content:'→';}*/

/* 700~1023 */
@media (max-width:1023px){

.img2 li{float:none;width:100%;}
.img3 li{float:none;width:100%;}
.img4 li{float:none;width:100%;}
.img5 li{float:none;width:100%;}
.ssize li img{max-width:400px;}

#header .topsect .toplogo{margin-left:20px;}
#header .topsect .topnav{display:none;}
#header .topsect .topnavm{display:inline;}

#mtopnav{display:inline;}

.main{background-color:#00a1e5;padding-bottom:40px;}
#mainvisual{position:static;height:auto;background-image:none;} 
#mainvisual .maintext {position:static;padding-top:130px;width:100%;text-align:center;} 
#mainvisual .maintext .mtitle{width:100%;text-align:center;} 
.mainav {position:static;width:calc(100% - 20px);padding:10px;margin-top:20px;} 
.mainav > li{width:100%;background-color:#fff;background-size:cover;margin:0 0 10px 0;}
.mainav:after{display:block;content:'';clear:both;}
/*
#mainsect ul li{float:left;width:calc(100% / 4);text-align:center;overflow:hidden;}
#mainsect ul li a{width:100%;overflow:hidden;}
#mainsect ul li img{width:auto;height:100%;}
#mainsect .main02 ul{height:auto;}
#mainsect .main02 ul li a{width:100%;overflow:hidden;}
#mainsect .main02 ul li{float:left;width:calc(100% / 5);height:auto;overflow:hidden}
#mainsect .main02 ul li p{position:absolute;width:100%;height:auto;left:0;top:280px;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,0.8);}
*/
#subvisual .subtext{width:calc(100% - 40px);height:auto;padding:0 20px 0 20px;bottom:20px;text-align:center;left:0;text-align:center;}
#subvisual .subtext2{width:calc(100% - 40px);height:auto;padding:0 20px 0 20px;text-align:center;left:0;text-align:center; font-weight:bold;color:#004098;}

#subcont ul{width:calc(100% - 20px);}
.subsect{width:calc(100% - 50px);max-width:calc(100% - 50px);}
.subsect ul.s2{width:100%;max-width:100%;padding:0 0 50px 0;}

/*.chp1{float:none;font-size:15px;width:calc(100% - 20px);padding:20px 0 0 20px;height:auto;}
.chp1 > span{font-size:20px;font-weight:bold;}*/
.pic1{float:none;font-size:35px;width:calc(100% - 20px);padding:20px 0 0 20px;height:auto;}
/*.chp2{float:none;width:calc(100% - 40px);height:160px;padding:10px 20px 0 20px;font-size:10px;text-align:left;opacity:.8;column-count:2;coumn-gap:20px;}*/
.chp3{float:none;width:calc(100% - 40px);padding:0 20px 0 20px;font-size:20px;}
.hd{height:140px;}

.mimg{width:100%;}

.subsect ul.s3 li{float:left;width:100%;margin-left:0;margin-bottom:40px;}

#footer{width:100%;height:100px;background-color:#004876;text-align:center; padding-top:10px; }
/*#footer{width:100%;height:80px;padding:50px 0 30px 0;background-color:#565656;}*/
#footer ul{width:700px;max-width:1023px;margin:0 auto; text-align:center;}
#footer ul li{float:left;color:#fff;font-size:13px; margin:10px; text-align:left;}

#footer_main{position:static;left:0;bottom:0;height:80px;background:none;padding:0;}
#footer_main ul{width:100%;}
#footer_main ul li{color:#fff;font-size:13px; margin:10px; width:calc(100% - 20px); text-align:center;}

.page_navi{float:none;width:100%;line-height:20px;margin:10px 0 10px 0;}
.page_link{float:none;width:100%;margin:10px 0 10px 0;}



}
@media (max-width:1669px){
.subsect{width:calc(100% - 360px);margin:0 auto 0 300px;}
}

/* ~ 699 */
@media (max-width:699px){
.lnb{display:none;}
.subsect{width:calc(100% - 60px);max-width:1000px;margin:0 auto 0 auto;}

.chp1{float:left;width:calc(50% - 35px);font-size:20px;height:200px;padding:40px 0 0 35px;}
.chp1 > span{font-size:25px;font-weight:bold;}
.chp2{display:none;float:right;width:calc(50% - 35px);font-size:10px;text-align:right;line-height:24px;height:200px;padding:40px 35px 0 0;}
.chp3{float:left;width:calc(100% - 70px);height:50px;padding:0 35px 0 35px;font-size:20px;}
.y1{float:left;width:70px;text-align:center;}
.wline{float:left;width:calc(100% - 140px);height:24px;background:url('../images/wline.png') repeat-x 0 15px;}
.y2{float:right;width:70px;text-align:center;}

.subsect ul.s4 li{float:right;width:calc(48% - 0px);max-width:353px;margin:0 0 0 0;}
.subsect ul.s4 li:first-child{float:left;margin:0 0 0 0;}
/*
#mainvisual .maintext .mtitle{width:calc(100% - 40px);height:auto;font-size:30px;margin:20px auto 0 auto;}

#mainvisual .maintext{top:280px;width:calc(100% - 40px);padding:20px;}
#mainsect ul li{float:none;width:100%;margin:0 0 30px 0;}
#mainsect .main01 ul li a, #mainsect .main03 ul li a{width:100%;height:250px;background-color:#fff;}
#mainsect .main02 ul li{float:none;width:100%;}
#mainsect .main02 ul li a{background-color:#f7f7f7;}
*/
#footer{width:100%;height:150px;background-color:#004876;text-align:center; padding-top:20px; }
#footer ul{width:100%;}
#footer ul li{color:#fff;font-size:13px; margin:10px; width:calc(100% - 20px); text-align:center;}



.paging > ul{width:100%;}

}