@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
*{margin:0; padding:0}
html{width:100%; height:100%; }
body{ font-family:"Noto Sans KR",sans-serif; background:#fff; }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0; }
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
a{color: #555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:none;}


@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../list/fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(../list/fonts/NotoSansKR-Thin.woff) format('woff'),
       url(../list/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../list/fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../list/fonts/NotoSansKR-Light.woff) format('woff'),
       url(../list/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: /*url(/fonts/NotoSansKR-Regular.woff2) format('woff2'),*/
        url(../list/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(../list/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: /*url(/fonts/NotoSansKR-Medium.woff2) format('woff2'),*/
        url(../list/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(../list/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: /*url(/fonts/NotoSansKR-Bold.woff2) format('woff2'),*/
        url(../list/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(../list/fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../list/fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../list/fonts/NotoSansKR-Black.woff) format('woff'),
        url(../list/fonts/NotoSansKR-Black.otf) format('opentype');
 }


@media only screen and (min-width:1px) and (max-width:899px) {
.none { display:none; }

/*상단메뉴바*/
.top_menu_wrap { position:fixed; width:100%; height:120px; background:#fff;  z-index:999;  }
.top_menu_w { width:100%; margin:0 auto;   }

.top_lo { float:left; width:100%; margin:20px 0 18px 0; }
.top_lo_w { width:95%; margin:0 auto; }
.top_le { float:left; }
.top_le img { width:250px; }
.top_ri { float:right; }
.top_ri ul li { float:left; font-size:18px; font-weight:500; margin:2px 0 0 5px; }
.top_ri ul li img { vertical-align:middle; margin-right:2px;   }
.top_ri a { color:#000; vertical-align:middle; transition: all ease 0.3s; }
.top_ri a:hover { color:#003f98; }

.top_menu ul li { float:left; width:calc(100%/3);  border-left:1px solid #fff; box-sizing:border-box; }
.top_menu ul li:first-child { border-left:none; }
.top_menu ul li a { display:block; width:100%; padding:5px 0; background:#003f98; font-size:18px; color:#fff; text-align:center;  transition: all ease 0.3s; }
.top_menu ul li a:hover { background:#000;    }

}

@media only screen and (min-width: 900px) {

/*상단메뉴바*/
.top_menu_wrap { position:fixed; width:100%; height:128px; background:#fff;  z-index:999; }
.top_menu_w { width:100%; max-width:900px; margin:0 auto;   }

.top_lo { float:left; width:100%; margin:20px 0 20px 0; }
.top_le { float:left; }
.top_ri { float:right; }
.top_ri ul li { float:left; font-size:18px; font-weight:500; margin:10px 0 0 10px; }
.top_ri ul li img { vertical-align:middle; margin-right:5px;   }
.top_ri a { color:#000; vertical-align:middle; transition: all ease 0.3s; }
.top_ri a:hover { color:#003f98; }

.top_menu ul li { float:left; width:calc(100%/3);  border-left:1px solid #fff; box-sizing:border-box; }
.top_menu ul li:first-child { border-left:none; }
.top_menu ul li a { display:block; width:100%; padding:5px 0; background:#003f98; font-size:18px; color:#fff; text-align:center;  transition: all ease 0.3s; }
.top_menu ul li a:hover { background:#000;    }

}



@media only screen and (min-width:1px) and (max-width:899px) {

/*최상단*/
.wrap1_top { float:left; width:100%; background:url('images/notice_bg.jpg') repeat center center ;  background-size:cover;  margin-top:128px; word-break:keep-all;  }
.w_800 { width:95%; margin:0 auto;  }

.w1_top {  float:left; width:100%; font-size:22px; font-weight:500; color:#000; text-align:center;  }
.w1_top span { font-weight:600; color:#bb2649; }

.w1_img { float:left; width:100%; margin:30px 0;  }
.w1_img img { width:100%; max-width:800px; }

.w1_txt { float:left; width:100%;  text-align:center; padding:0 0 40px 0; }
.w1_txt .tit { font-size:22px; font-weight:500; line-height:30px; color:#fff;  } 
.w1_txt .txt { font-size:18px; font-weight:300; line-height:24px; color:#fff; padding:10px 0 0 0;  } 
.w1_txt .txt br { display:none; }

}


@media only screen and (min-width: 900px) {

/*최상단*/
.wrap1_top { float:left; width:100%; background:url('images/notice_bg.jpg') top; margin-top:128px; word-break:keep-all;  }
.w_800 { width:800px; margin:0 auto;  }

.w1_top { float:left; width:100%; font-size:25px; font-weight:500; color:#000; text-align:center;  }
.w1_top span { font-weight:600; color:#bb2649; }

.w1_img { float:left; width:100%; margin:30px 0; overflow: hidden; }
.w1_img img { width:100%; max-width:800px; }

.w1_txt { float:left; width:100%;  text-align:center; padding:0 0 40px 0; }
.w1_txt .tit { font-size:29px; font-weight:500; color:#fff; letter-spacing: -0.1vw; } 
.w1_txt .txt { font-size:22px; font-weight:300; line-height:30px; color:#fff; padding:10px 0 0 0;  } 

}