@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yeon+Sung');
@import url('https://fonts.googleapis.com/css?family=Stylish');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Noto+Serif+KR:200,300,400,500,600,700,900&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Gothic+A1');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css2?family=Poor+Story&family=Sunflower:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rampart+One&display=swap');

/* Layout */
hr{display:none}
form, fieldset{border:0;margin:0;padding:0}
body{color:#000;background-color:#B2c9ad;background-image:url(../img/bg.png);background-repeat:repeat;background-attachment:fixed;font-family:"Noto Sans KR", sans-serif;font-weight:400;overflow-x:hidden}
a:link{text-decoration:none;color:#000}
a:hover{color:#828282}
a:visited{color:#000}
header {width:950px;display:block;margin:35px auto;margin-bottom:35px}
header h1{display:inline;font-family:'Rampart One',cursive;padding:5px;margin:5px}
header h1 a{font-size:30px}
header:after{content:"";display:block;clear:both}
.co_search{width:950px;margin:10px auto}
#search>input{font-size:12px;vertical-align:middle;border-radius:2px}
#search>input[type="text"]{background:rgba(255,255,255,0.3);border:0;border-radius:3px;height:30px;padding:0 1px;margin:0;width:550px;outline-style:none}
#search>input[type="submit"]{font-family:'Gothic A1',sans-serif;font-weight:400;background:rgba(255,255,255,0.3);border:0;border-radius:3px;color:#000;height:30px;padding:0 15px;margin-left:10px;cursor:pointer}
.side{display:block;width:950px;margin:0 auto;padding-bottom:10px;font-family:'Noto Sans KR' , sans-serif;font-weight:700;text-align:right}
.side a{font-size:16px;padding:3px;margin-left:5px;background:rgba(178,201,173,0.8);border:1px solid #4b5945;border-radius:3px}
.moinfo{display:none}
.menu{width:950px;margin:0 auto;padding:10px 3px;background:rgba(178,201,173,0.8);border-radius:6px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
#mo_toggle{display:none;margin:0 5px}
.gnb{padding:5px 0;text-align:center}
.gnb li{display:inline;text-decoration:none;margin-bottom:15px;margin-top:15px;text-align:center;padding-left:5px;padding-bottom:7px}
.gnb li a{font-family:'KoPubWorldDotum';font-size:16px;font-weight:600;text-decoration:none;background:none;color:#294136;border-radius:3px;padding:10px;line-height:1.8}
.gnb li a:hover{background:rgba(255,255,255,0.5);color:#000;padding:10px;transition:all .3s ease;-webkit-transition:all .3s ease}
.content{width:950px;margin:10px auto;padding:3px;overflow:hidden;background-color:rgba(255,255,255,0.8);border-radius:6px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.footer{width:100%;margin-left:210px;width:auto;font-family:'Gothic A1', sans-serif;text-align:center}
.footer .copyright{margin-right:215px;margin-bottom:5px;background:none;text-shadow:2px 2px 4px rgba(0,0,0,0.8);font-family:'Open Sans' , sans-serif;font-weight:600;color:rgba(255,255,255,0.8);font-size:10.5px}
.return-top{position:fixed;margin-right:5px;right:3px;bottom:57px;z-index:1000;width:48px;height:48px;background:rgba(10,10,10,0.3);text-align:center;font-size:25px}
.xi-angle-up{color:rgba(255,255,255,0.8)}

@media only screen and (max-width : 950px) {
  body{background-position:top;width:auto}
  header{width:95%;margin:15px 5px}
  header h1{padding-Left:10px}
  .side{width:auto;display:inline}
  .co_search{margin:0 5px;width:95%}
  #search>input[type="text"]{width:77%;margin:10px 2px;background:transparent;border-bottom:1px dashed #fff}
  .menu{width:100%;margin-left:-3px}
  #mo_toggle{width:145px;margin:3px auto;padding:10px;display:block;cursor:pointer;font-weight:bold;font-size:18px;background:#4b5945;border-radius:6px;border:0;color:#fff}
  .gnb{display:none;width:auto}
  .gnb li{display:flex;justify-content:center;border-bottom:1px dashed #ffffff;padding-bottom:12px;padding-left:0}
  .gnb li a{z-index:999;font-size:14px;min-width:100%}
  .gnb li a:hover{background:#fff;border-radius:0}
  .side{display:none;margin-right:auto}
  .content{margin-top:15px;margin-left:-3px;width:100%}
  .footer{float:none;width:98%;margin-left:0;text-align:center}
  .footer .copyright{width:95%;float:none;margin-left:15px}
  .footer .custom_footer{float:none}
  .moinfo{width:95%;display:inline-block;padding:3px;margin:15px 0;text-align:center}
  .moinfo a{padding:5px;margin-left:5px;font-size:14.5px;font-family:'Noto Sans KR',monospace;background:rgba(178,201,173,0.8);border:1px solid #4b5945;border-radius:3px}
}

@media (prefers-color-scheme: dark) {
  body{color:#fff;background-color:#000!important}
  a:link{text-decoration:none;color:#fff}
  a:hover{color:#fff;text-shadow:none}
  a:visited{color:#fff}
  header{color:#fff}
  #mo_toggle{color:#fff;background:#2a2a2a;border-radius:0;width:100%}
  .menu{background-color:rgba(63,63,63,0.8)}
  ul.gnb li a{color:#fff}
  ul.gnb li a:hover{background-color:#000;color:#fff}
  #search>input[type="text"]{background-color:rgba(63,63,63,0.8);color:#fff}
  #search>input[type="submit"]{color:#000}
  .side a{color:#fff;background-color:#2a2a2a;border-color:transparent}
  .content{color:#fff;background-color:rgba(63,63,63,0.8)}
  .login_widget .signin{background:#000;color:#fff}
  .footer .custom_footer{color:#fff}
  .footer .custom_footer a{color:#fff}
  .footer .custom_footer a:hover{text-shadow:2px 2px 5px #000}
  .moinfo{color:#fff;padding:5px}
  .moinfo a{color:#fff;background-color:#2a2a2a;border-color:transparent}
}