@charset "UTF-8";
/* CSS Document */
.serif { font-family:notoserif; }

.aappswip .header { background:#007BBF; display:flex; justify-content:space-between; align-items:center; position:fixed; top:0; left:0; padding:0 25px; height:56px;}
.aappswip .header .logo { display:flex; align-items:center; }
.aappswip .header .logo a { font-weight:600; color:#fff; margin-right:10px; font-size:1.4em; display: flex; }
.aappswip .header .logo a img { height:27px; }
.aappswip .header .gnb { height:auto; }
.aappswip .header .gnb .btn_gnb { display:none; font-size:1.2em; background:none; color:#fff; border:none; }
.aappswip .header .gnb ul { display:flex; }
.aappswip .header .gnb ul li { margin-left:30px; }
.aappswip .header .gnb ul li a { position:relative; color:#fff !important; }
.aappswip .header .gnb ul li a::after { content:''; width:0; height:1px; background:#fff; display:inline-block; transition:all 0.3s; position:absolute; bottom:-18px; left:50%; transform:translateX(-50%); }
.aappswip .header .gnb ul li a:hover::after { width:100%; }
.aappswip .header .gnb ul li.active a::after { width:100%; height:5px; transition:all 0s; }
.aappswip .hedline { width:100%; height:250px; margin-top:56px; text-align: center; display:flex; justify-content:center; align-items:center; background-color: #e7e7e7;}
.aappswip .hedline h2 { color:#fff; font-size:4em; font-weight:bold; line-height:1em;}
.aappswip .subheadline { background:#333; color:#fff; padding:30px 0; text-align:center; font-size:1.2em; font-weight:900; }
.aappswip .subheadline .inner { padding:0 !important; }
.aappswip .container { min-height:calc(100vh - 356px); }
.aappswip .container .inner { max-width:100%; width:1200px; padding:50px 0; }
.aappswip footer { background:#022D65; color:#fff; display:flex; align-items:center; justify-content:center; height:50px; text-align:center; font-size:0.9em; }
.aappswip .board_file { margin-top:0; }
.aappswip .bottom_wrap { padding-top:30px; }
.aappswip .bottom_wrap .pagination { position:static; transform:none; display:flex; justify-content:center; align-items:center; }

.icon-gnb:before {
  content: "\e91b";
}

/*font*/
@font-face{font-family:notoSans;src:url(/fonts/NotoSansKR-Thin.woff);font-style:normal;font-weight:100;}
@font-face{font-family:notoSans;src:url(/fonts/NotoSansKR-Light.woff);font-style:normal;font-weight:300;}
@font-face{font-family:notoSans;src:url(/fonts/NotoSansKR-Regular.woff);font-style:normal;font-weight:400;}
@font-face{font-family:notoSans;src:url(/fonts/NotoSansKR-Medium.woff);font-style:normal;font-weight:500;}
@font-face{font-family:notoSans;src:url(/fonts/NotoSansKR-Bold.woff);font-style:normal;font-weight:700;}
@font-face{font-family:notoSans;src:url(/fonts/NotoSansKR-Black.woff);font-style:normal;font-weight:900;}
@font-face{font-family:notoSerif;src:url(/fonts/NotoSerif-Black.woff);font-style:normal;font-weight:900;}

@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/icomoon.eot?jsc8cs');
  src:  url('/fonts/icomoon.eot?jsc8cs#iefix') format('embedded-opentype'),
    url('/fonts/icomoon.ttf?jsc8cs') format('truetype'),
    url('/fonts/icomoon.woff?jsc8cs') format('woff'),
    url('/fonts/icomoon.svg?jsc8cs#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media all and (max-width: 1300px) {
  .aappswip .header .gnb .btn_gnb { display:inline-block; }
  .aappswip .header .gnb ul { display:none; }
  .aappswip .header .gnb.on ul { display:flex; }
  .aappswip .header .gnb ul { background:#004c76; padding:10px; position:absolute; top:57px; right:0; flex-direction:column; }
  .aappswip .header .gnb ul li { margin:0; border-bottom:1px solid #001c2c; }
  .aappswip .header .gnb ul li:last-child { border-bottom:none; }
  .aappswip .header .gnb ul li a { padding:5px 0; display:block; }
  .aappswip .header .gnb ul li.active a::after { display:none; }
  
  .gnbOn .aappswip .header .gnb ul { display: flex; }
  .gnbOn .aappswip .header .gnb ul li { margin-left: 0px; }
  .gnbOn .aappswip .header .gnb ul li a::after { content:''; width:0; height:1px; background:#fff; display:inline-block; transition:all 0.3s; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); }
  .gnbOn .aappswip .header .gnb ul li a:hover::after { width:100%; }
}

@media all and (max-width: 800px) {
  .aappswip .hedline h2 { font-size:2em; }
}

@media all and (max-width: 500px) {
  .aappswip .header { padding:0 15px; }
  .aappswip .header .logo a img { height:20px; }
  .aappswip .header .logo a { font-size:1.1em; }
}