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

.pl_3{padding-left:3px !important}

.menu ul {padding:0; margin:0}
.menu ul li {float:left; padding:0; margin:0; list-style:none}

#jsddm {margin: 0;	padding: 0}
#jsddm li {float: left; list-style: none;}
#jsddm li a {display: block; text-decoration: none; white-space: nowrap}
#jsddm li a:hover{}
#jsddm li ul{margin: 3px 0 0 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			box-shadow: 0 6px 12px rgba(0,0,0,.175);}
#jsddm li ul li {float: none; display: inline}
#jsddm li ul li a {width: 150px; background: #0146ac; padding: 10px 0 10px 10px; color:#fff; font-style:15px; font-family:'Noto Sans KR', dotum, sans-serif}
#jsddm li ul li a:hover	{background: #4a86e3}


#page-wrap { width: 1050px; padding: 0px; margin: 0 auto; overflow: hidden; height: 100%; }

.info-col { float: left; width: 132px; height: 100%; margin:0 10px; font-family:"Noto Sans KR", sans-serif;  font-weight:500 }
.info-col h2 { text-align:left; font-size:22px; font-weight:500; padding: 25px 0; color:#8a8a8a}
.info-col h2 .stitle {font-weight:500; font-size:11px; color:#bcbcbc; display:block; margin-top:7px}
.info-col:hover { color:#00F}

.main_ba_1 {width:100%; display:block; margin-top:26px; text-align:right; font-size:13px; font-weight:600; color:#666; line-height:145%;}
.main_ba_2 {width:100%; display:block; margin-top:45px; text-align:right; font-size:13px; font-weight:600; color:#666; line-height:145%;}
.main_ba_3  {width:100%; display:block; margin-top:45px; text-align:right; font-size:13px; font-weight:600; color:#666; line-height:145%;}

.image { height: 100%; display: block; border-right: 1px solid white; -webkit-filter: grayscale(100%);
filter: gray;}

.batman { background: url(../images/main/1.png) center 130px no-repeat; }
.spiderman { background: url(../images/main/3.png) center 130px no-repeat; }
.aquaman { background: url(../images/main/2.png) center 130px no-repeat; }

dl { }
dt { padding: 5px; color: white;  }
dd { position: absolute; left: -9999px; top: -9999px; width: 299px; background: #900; padding: 10px; color: white; border-right: 1px solid white; }

dt:nth-of-type(1) { background: none; }
dd:nth-of-type(1) { background: none; }

dt:nth-of-type(2) { background: none; }
dd:nth-of-type(2) { background: none; }

dt:nth-of-type(3) { background: none; }
dd:nth-of-type(3) { background: none; }

dt:nth-of-type(4) { background: #c2a25c; }
dd:nth-of-type(4) { background: #c2a25c; }

dt:nth-of-type(5) { background: #4c443c; }
dd:nth-of-type(5) { background: #4c443c; }

dt:nth-of-type(6) { background: #656b60; }
dd:nth-of-type(6) { background: #656b60; }

.curCol {  z-index: 1; position: relative; color:#00F;}
.curCol h2{color:#02388b !important; font-weight:500 !important}
.curCol h2 span {color:#4378ca !important;}
.curCol .image {-webkit-filter: grayscale(0%);
filter: none;}