*{margin:0;padding:0;box-sizing:border-box;font-family:Tahoma,Arial,"sans-serif",Gotham;font-size: 1rem}html{font-size:calc(60% + 0.8vmin);text-shadow:1px 0 1px #ccc;height:100%}.container{background:#FFF;border-radius:.625rem;margin:1rem auto 0;max-width:81.25rem;width:100%;flex:1 0 auto;padding:1rem .625rem}main{line-height:2.188rem;margin:0 auto;max-width:80rem;background:#fff;border-radius:10px}embed,img,object,video{max-width:100%}.set{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;box-sizing:border-box;margin:1rem 0;padding:0;width:100%}.cen{text-align: center}.htex{font-size:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.2);background-color:#ebfafe;padding:10px 10px 10px 20px;margin:0;color:#106579;border-left-width:1.5em;border-left-style:solid;border-left-color:#196076;font-weight:600;border-radius:4px}.htex:hover{background-color:#106579;color:#fff;text-shadow:1px 1px 1px #000}#ontop{cursor:pointer}a{color:#0000A8;text-decoration:none}a:hover{color:#f90}a:focus{outline:thin dotted}a:active,a:hover{outline:0}b,strong{font-weight:700}blockquote{margin:1em 40px}h1{text-shadow:1px 1px #ccc;text-align:right;font-size:1.4rem;color:#196076;margin:25px;padding:2rem 1rem}h2,h3,h4,h5,h6,.htx{font-size:1.1rem;text-indent:25px;color:#1A5762;padding:1rem 20px;font-weight:600}.box1 p{padding-left:2%}.ko{color:#1C3855;line-height:35px;margin:0 auto;padding:10px;background-color:#E6F5FD;text-align:center;font-weight:600;font-size:1.1rem;max-width:78rem;box-shadow: 1px 2px 2px #ccc;border-radius: 8px}main a{color:#00C;font-weight:400}main a:hover{color:#C00}#set{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;box-sizing:border-box;margin:0 auto;padding:.6rem .3rem;max-width:78rem;width:100%}#set a{text-decoration:none;font-weight:400;font-size:1rem}#set a:hover{color:#fff;text-shadow:1px 0 1px #000}.ad{box-sizing:border-box;width:100%;margin-bottom:.313rem;padding:.188rem;text-align:center;background:#fff;border-radius:10px}.ad:hover{background-color:#005F67}.box1{font-size:1rem;padding:1rem}.box1 img{width:350px;height:225px;margin:3rem auto; border-radius:10px;box-shadow:0 0 6px #666}a{text-decoration:none}.box1 ul,.box1 ol{margin:1em 0;padding:0 20px 0 40px}#picre img{width:400px;height:285px;margin:2rem 0;box-shadow:0 0 6px #666}#picre{margin:0 1rem;font-size:1rem}#picre p{max-width:70rem;margin-left:10px}.pic-around{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:stretch;box-sizing:border-box;margin:0 auto;padding:.313rem;max-width:63.75rem;width:100%}.ad-con img{border-radius:10px;margin:.2rem;width:350px;height:225px}
@media only screen and (min-width:481px){.ad{width:50%}.box1 ul,.box1 ol,.box1 p,h2,h3,h4,h5,h6{max-width:68rem}#picre img{width:600px;height:428px}}@media only screen and (min-width: 769px){.ad-con img{width:225px;height:145px}.ad{width:25%}#picre img{width:800px;height:570px}}body{min-height:100vh;background-color:#F2F7F7;padding-top:80px;font-size:.875rem;line-height:1.8rem}header{position:fixed;top:0;z-index:100;width:100%;min-height:80px;background:#005F67;padding:0 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 18px #666;border-top-width:5px;border-top-style:solid;border-top-color:#000}header .logo img{width:12.5rem;height:2.563rem}header ul{position:relative}header ul li{position:relative;list-style:none;float:left}header ul li a{color:#fff;font-size:1.1rem;font-weight:400;padding:1rem 1.25rem;text-decoration:none;display:flex;justify-content:space-between;text-shadow:1px 1px 1px #000}header ul li a:hover{background:#007A8A;text-decoration:none}header ul li ul{position:absolute;left:0;width:340px;background:#445964;display:none}header ul li:hover > ul{display:block}header ul li ul li{position:relative;width:100%}header ul li ul li ul{top:10px;left:0;background:#044aaa}@media (max-width: 1074px){header{padding:10px 20px}header nav{position:absolute;width:100%;top:70px;left:0;background:#445A64;display:none}header.active nav{display:initial}header nav ul li{width:100%}header nav ul li ul{position:relative;width:98%;left:2%}header ul li ul li ul{top:0;left:0}header nav ul li:hover ul li{background:#00617A}.menuToggle{position:relative;width:40px;height:50px;cursor:pointer;display:flex;justify-content:center;align-items:center}.menuToggle::before{content:' ';position:absolute;width:100%;height:3px;background:#fff;transform:translateY(-12px);box-shadow:0 12px #fff}.menuToggle::after{content:' ';position:absolute;width:100%;height:3px;background:#fff;transform:translateY(12px)}header.active .menuToggle::before{transform:rotate(45deg);box-shadow:0 0 #fff}header.active .menuToggle::after{transform:rotate(315deg)}}
/*footer*/#footer,#footer a,.copy-r{text-shadow:0.063rem 0.063rem 0.063rem #000}#footer{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding: 0.625rem;width:100%;background:#475659;line-height:1.25rem}#footer a{color:#fff}#footer a:hover{color:#f90;box-shadow:0 0 0.5rem #f90}.lofoot img{width:4.063rem;height:3.25rem;margin:1rem}.add{width:100%;color:#fff;padding:0 1rem; 	font-size: 14px}.add p{font-size:0.875rem}#ft1{margin:1rem}.fac{width:2.188rem;height:2.188rem;border-radius:100%;box-shadow:0 0 0.5rem #FFF;margin-bottom: 5px}.copy-r{color:#fff;text-align:center;margin:0; display: block;padding: 0.313rem;font-size:0.875rem; width:100%;background:#196076}
@media only screen and (max-width:600px){#footer{flex-direction: column}.add{margin: 4px auto;text-align: center}}
/*footer*/
@media only screen and (max-width:665px){.off{display:none}}#ontop,#contact,#fb{border-radius:3px;text-align:center;display:none;position:fixed;right:20px;z-index:99;text-shadow:1px 1px 2px #000;box-shadow:0 3px 6px 0 rgba(0,0,0,.2);color:#fff;min-width:80px;border:none;font-weight:400}#ontop{bottom:226px;background-color:#06F;padding:4px}#fb{bottom:190px;background-color:#039}#contact{bottom:157px;background-color:#C06}#ontop:hover,#contact:hover,#fb:hover{background-color:#f90}#fb a{color:#fff}
.km{box-sizing:border-box;width:25%;margin-bottom:.313rem;padding:.188rem;text-align:center}.km-con{box-sizing:border-box;width:100%;margin-bottom:.313rem;padding:.188rem}.km-con img{border-radius:10px;margin:.2rem;width:128px;height:102px;box-shadow: 2px 4px 16px #ccc}.km-con img:hover{box-shadow: 2px 4px 24px #196076} @media only screen and (max-width:500px){.km{width: 50%}}