@charset "utf-8";
/* CSS Document */
body{ 
    background: url("../images/idxback.jpg") ;
    background-repeat: repeat-x;
    background-position: 0% 0%;
    background-size: auto;
}

#wrap{width:1080px;margin:0px auto;color:#636363}
header{height:130px;position:relative;z-index:auto; margin-bottom: 20px;}
#topmn { position:absolute;z-index:2;top:50px;right:15px; font-size:95%; letter-spacing:-0.05em; color:#ccc; }
#topmn>a>img{ vertical-align:-2px; opacity:0.7 }
#topmn>a>img:hover{opacity:1 }
#logoz{ height: 76px; padding-top: 5px; text-align: center; vertical-align: middle; background: url("../images/topback.png") no-repeat 0px 5px;}
#logo{ padding-top:15px; }

/*navigation*/
#nav {height:18px;display:block;  z-index: 6; font-family: "Noto Sans KR"; border:5px solid #fff; padding: 10px; }
#nav>li{list-style:none;float:left; width: calc((100%/6) - 21px); padding:0px 10px; text-align: center;}
#nav>li:not(:last-child){ border-right: 1px solid #ccc; }
#nav>li>a {display:inline-block;margin:0px 0px 0px 0px; font-size:130%; font-weight:500; color:#000; padding:0px 0px; letter-spacing:-0.02em}
#nav>li>a:hover { color:#416FCA; }
#nav>li>section{position:absolute;z-index:4;top:20px; font-size: 115%; line-height:35px; height:35px; display:none; padding:0px 10px }
#nav>li>section>a{float:left;display:block;padding:0px 10px;font-weight:500;letter-spacing:-0.03em;color:#fff; opacity:0.8}
#nav>li>section>a:hover{color:#fff; opacity:1}
a.onm{ font-weight: bold; background: url("../images/leftonmsk.png") no-repeat #2a549e; color:#fff; }

#subnav{ display:none; background: #fff; width: calc(100% - 30px); border:5px solid #2a549e; position: absolute; z-index: 5; top:119px; padding: 10px; font-size: 120%; letter-spacing: -0.09em; }
#subnav>li{list-style:none;float:left; display: block; width: calc((100%/6) - 21px); padding:5px 10px; min-height: 250px; }
#subnav>li:hover{ background:#2A549E;  }
#subnav>li:hover>a{ color:#fff; font-weight:bold; border-bottom:1px dotted #5276b8; text-shadow: 1px 1px 1px #0D2C64; }
#subnav>li:hover>a:hover{ color: yellow; }
#subnav>li:not(:last-child){ border-right: 1px solid #ccc; }
#subnav>li>a{ display: block; padding: 10px 0px; border-bottom: 1px dotted #ccc; }

#ctsWrap { min-height:400px; overflow: auto; font-size: 110%; }

#idxmoviez{ width: 740px; height:410px; border:1px solid #ddd; background: #fff; float: left; position: relative; z-index: 3; }
#idxmoviez>a>img{ position:absolute;top:0px;left:0px; }
#imgObj1 { z-index: 11}
#imgObj2 { z-index: 12}
#popBn{ position: absolute; top:20px; right: 20px; overflow: auto; z-index: 13;}
#popBn>a { display: inline-block; width: 15px; height:15px; background: #898989; border-radius: 5px; }
#idxmoviez>a:first-child{ cursor: default; }

#idxq{ float: right; width: 325px; background: url("../images/idxquicback.gif") no-repeat; text-align: center; padding-top:10px; }
#idxq>a:first-child{ display: block; font-family: "Noto Sans KR"; height:195px; }
#idxq>a:first-child>h1{  font-weight: 500; font-size: 160%; padding: 10px 0px; }
#idxq>a:first-child>h1>span{  color:#4371cb; }
#idxq>a:first-child>p{  font-weight: 400; }
#idxq>a:hover{ color:inherit; }

#idxquick{ border-top:1px dotted #4371cb; margin:10px auto; padding-top: 10px; width: 260px;}
#idxquick>table{ width: 100%; margin: auto; }
#idxquick>table td{ text-align: center; padding: 10px 0px; font-size: 90%; }
#idxquick>table td>a>img{ display: inline-block; padding:0px 15px; opacity: 0.5;}
#idxquick>table td>a:hover>img{ opacity: 1;}
#idxquick>table td>a>p{ line-height: 18px;}
#idxquick>table tr:not(:last-child)>td{ border-bottom:1px solid #e5e5e5; }
#idxquick>table tr>td:not(:last-child){ border-right:1px solid #e5e5e5; }

#idxdy{ display: block; margin-top:60px; text-align: left;}
#idxdy>img{display:inline-block; padding-left:10px}
#idxdy>div{ width: 260px; float: right; }
#idxdy>div>h1{ font-family: "Noto Sans KR"; font-weight: 400; font-size: 160%; padding-bottom: 10px;}
#idxdy>div>h1>span{ color:#4371cb; }

.idxNotice{ width: 319px; margin-bottom: 10px; background: #fff; margin: 25px 0px; padding: 0px 25px; float:left; border-right: 1px solid #d7d7d7; }
.idxNotice>h1{ font-weight: 100; background: url(../images/grbardot_re.png) repeat-x bottom; margin-bottom: 4px; line-height: 140%; }
.idxNotice>h1>span{ border-bottom:3px solid #4371CB; display: inline-block; padding: 10px 5px 10px 5px; font-weight: 400; font-family: "Noto Sans KR"; font-size: 130%; color:#000; }
.idxNotice>h1>a { display: block; padding-right: 10px; margin-top: 10px; float: right; font-weight: 300; font-size: 90%; }

#idxGzone { margin-top: 25px; clear: both; height: 310px; }
.idxtab{ border-bottom: 1px solid #4371CB; padding-left: 10px; margin-bottom: 18px; }
.idxtab>a { display:inline-block;line-height: 250%; padding: 0px 20px; font-size: 110%; background: #a3a3a3; color:#fff;font-family:'Noto Sans KR'; }
.idxtab>a.idxtabon { background: #4371CB; }

.idxgallery{ float: left; width: 240px; height:240px; padding:9px; border:1px solid #ddd; }
.idxgallery>a{ width: 100%; height:165px; display: block; overflow: hidden; }
.idxgallery>span.hidOv{ width: 100%; height:140px; display: block; overflow: hidden; }
.hidOv+div{ font-family: 'Noto Sans KR'; font-size: 120%; font-weight: 500; }

.idxgallery>a>img, .idxgallery>span.hidOv>img{ display: block; width: 100%; }
.idxgallery>div:not(.addtime){ margin-top:15px}
.idxgallery>div>a{ font-family:'Noto Sans KR'; color:#636363; font-size: 110%; font-weight: 400; }
.idxgallery>div>span { color:#aaa; display:block; margin-top:7px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
#tabArea>div:not(:first-of-type){ display: none;}

#tabArea>div div.idxgallery:not(:last-of-type){ margin-right: 13px;}

#banner{ clear: both; border:1px solid #ccc; margin:30px 0px; text-align: center; padding: 20px;}
#banner>a{ display: inline-block; padding: 0px 12px; }

#fprivacy{ text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.03); padding:0.5rem; }

footer { height:100px; background:url("../images/footback.jpg") repeat-x; border-top:1px solid #ddd; color:#777; line-height: 160%; }
#footct{ width: 1080px; margin: 25px auto ; padding-bottom: 20px; }
#footct>img+div{ border-left:1px solid #e5e5e5;padding-left: 20px; margin:20px 0px 20px 210px; }
#footct>img+div>div:not(:last-child){ margin-bottom: 10px;}
#footct>img+div>div>h1{ color:#555; font-size: 120%;}


/*popup*/
#popupsys{ display:none; }

/*bbs*/
.idxbbs{list-style: none; font-family: "Malgun Gothic"; font-size: 100%; min-height: 116px; }
.idxbbs>li{ line-height: 210%; border-bottom: 1px dotted #ddd; }
.idxbbs>li>a { opacity: 0.8; }
.idxntc{ display: inline-block; text-align: center; line-height: 150%; border-radius: 3px; margin-right: 5px; width: 30px; padding: 0px 5px; font-size: 90%; color:#fff; background:#4371CB; font-family: "Noto Sans KR" }