@charset "utf-8";
/* CSS Document */

body{ background: url(../images/idxback_v1.gif) repeat-x; }
#navbar {background:#DB68D0; position:absolute; z-index:1; top:135px; left:0px; width:100%; height:0px; }

#wrap{width:1080px;margin:0px auto;color:#636363; overflow: auto; }
header{height:134px;position:relative;z-index:auto; text-align: center; margin-bottom: 44px;}
header>h1{ padding: 20px 0px 18px 0px; text-align: center; }
header>h1>a>img{ display:block; margin:auto; }
#topmn { position:absolute;z-index:auto;top:55px;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 }
#toplimg { position:absolute; z-index:auto; top:38px; left:10px;  }

/*navigation*/
#nav {height:48px;line-height:48px;display:block; position: absolute; z-index: auto; top:86px; left:15px; font-family: "Noto Sans KR"; }
#nav>li{list-style:none;float:left;position:relative;z-index:3}
#nav>li>a {display:inline-block;margin:0px 45px 10px 45px; font-size:130%; font-weight:500; color:#000; padding:0px 7px; letter-spacing:-0.02em}
#nav>li>a.nvon { color:#C52EC0; }
#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.7}
#nav>li>section>a:hover{color:#fff; opacity:1}
.onm{ font-weight: 400; }

#idxmoviez{ width: 740px; height:410px; border:1px solid #cccccc; margin-bottom:10px; 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; }

#idxrw{ width: 320px; height: 720px; float: right; font-size: 105%;  letter-spacing: -0.03em;}

#idxNotice{ width: 320px; height: 181px; }
.bbswrap{ padding-top:15px; font-size: 105%; }
.bbswrap>h1{ font-weight: 100; background: url(../images/grbardot.gif) repeat-x bottom; margin-bottom: 4px; }
.bbswrap>h1>span{ border-bottom:3px solid #C52EC0; display: inline-block; padding: 10px 5px 10px 5px; font-weight: 500; font-family: "Noto Sans KR"; font-size: 140%; color:#000; }
.bbswrap>h1>a { display: block; padding-right: 10px; margin-top: 10px; float: right; font-weight: 300; font-size: 90%; }

#idxdiary{ background: url(../images/idxback_01v1.gif) no-repeat; height: 97px; }
#idxdiary>a{ display: block; padding: 30px 0px 0px 70px; color:#fff; }
#idxdiary>a>h1{ font-size: 160%; font-weight: 500; font-family: 'Noto Sans KR';}
#idxdiary>a>div{ font-size: 95%; opacity: 0.7; padding-top: 5px; }

#idxcustom{ background: url(../images/idxback_02v1.gif) no-repeat; height: 119px; }
#idxcustom>div>img{ vertical-align:-2px; }
#idxcustom>div:first-child{ text-align: center; padding:20px 10px 10px 10px;  color:#fff; font-family: "Lusitana"; line-height: 100%; font-weight: bold; font-size: 250%; }
#idxinfo{ text-align: center; margin: 0px 10px; padding-top:10px; color:#fff; font-family: "Lusitana"; font-size: 125%; margin-bottom: 40px; border-top: 1px dotted #7cc1ea; }

#idxquick{ margin-top: 10px; background: url(../images/idxback_03v1.gif) no-repeat; height: 268px; padding-top:30px }
#idxquick>table{ width: 260px; margin: auto; }
#idxquick>table td{ text-align: center; padding: 10px 0px; font-size: 95%; }
#idxquick>table td>a>img{ display: inline-block; padding:0px 15px;}
#idxquick>table tr:not(:last-child)>td{ border-bottom:1px solid #ddd; }
#idxquick>table tr>td:not(:last-child){ border-right:1px solid #ddd; }

#idxGallery{ width: 740px; height: 292px; float: left; }
#idxGallery>h1>img{ vertical-align:text-bottom; }
#idxGallery>h1{ font-weight: 100; background: url(../images/grbardot.gif) repeat-x bottom; margin-bottom: 10px; }
#idxGallery>h1>span{ font-weight: 500; font-family: "Noto Sans KR"; font-size: 160%; line-height: 220%; color:#000; }
#idxGallery>h1>a { display: block; padding-right: 10px; margin-top: 10px; float: right; font-weight: 300; font-size: 90%; }

.idxgallery{ float: left; width: 220px; height:220px; padding:9px; border:1px solid #ddd; }
.idxgallery:not(:last-child){ margin-right: 10px; }
.idxgallery>a{ width: 100%; height:140px; 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: 115%; font-weight: 400; }
.idxgallery>div>span { color:#aaa; }
#tabArea>div:not(:first-of-type){ display: none;}

#idxbanner{ clear: both; padding:20px 0px; text-align: center; }
#idxbanner>a>img{padding:0px 22px;}

footer { min-height:135px; border-top:1px solid #ddd; background: url(../images/footback.jpg) repeat-x;  }
footer>div{ width: 1080px; margin:30px auto 10px auto; }
footer>div>div{ float: right; width: 800px; margin-top: 18px; color:#777;  }
footer>div>div>p{ margin-top:15px}

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

/*bbs*/
.idxbbs{margin:7px 0px 7px 0px; list-style: none; font-family: "Malgun Gothic" }
.idxbbs>li{ line-height: 210%; }
.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:#636363; font-family: "Noto Sans KR" }