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

body{ 
    background-image: url("../images/back01.gif"), url("../images/idxback.jpg");
    background-position: 0px 86px, 0px 0px;
    background-repeat: repeat-x, repeat-x;
}
#navbar {background:#088FAC; position:absolute; z-index:1; top:135px; left:0px; width:100%; height:0px; }
#wraptable{ width: 100%; min-height: 760px; }
#wraptable td{ vertical-align: top; padding: 0px; }
#wraptable td:first-child{ 
    background:url("../images/idxbackn02.jpg") repeat-x; background-position: 0px 180px;
}


#wrap{width:1080px;margin:0px auto;color:#636363}
header{height:135px;position:relative;z-index:auto; text-align: center; margin-bottom: 45px;}
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 }
#since1998 { position:absolute; z-index:auto; top:40px; left:10px; font-family:Lusitana;  }
#since1998>span:first-child{ font-size: 150%;}
#s1998 { display:inline-block; border-radius:10px; background:#00a99d; color:#fff; font-size:250%; padding:10px 5px 10px 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 40px 10px 40px; font-size:130%; font-weight:500; color:#fff; padding:0px 7px; letter-spacing:-0.02em}
#nav>li>a.nvon { color:#FFFCCC; }
#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}

#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; }
#idxmoviez>a:first-child{ cursor: default; }

#idxmoviez2{ width: 490px; height:410px; border:1px solid #ddd; background: #fff; float: left; position: relative; z-index: 3; }
#idxmoviez2>a>img{ position:absolute;top:0px;left:0px; }
#idxmoviez2>a:first-child{ cursor: default; }

#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; }

#idxpoplist{ float:left; width: 230px; margin-left: 20px; list-style: none;  }
#idxpoplist>li {border-bottom:1px solid #ddd; overflow: auto; padding: 15px 0px;}
#idxpoplist>li:first-child{ padding-top: 0px;}
#idxpoplist>li:last-child{ padding-bottom: 0px; border-bottom:0px; }
#idxpoplist>li>a>img { width: 92px; border:1px solid #ddd; display: block; float: left; margin-right: 10px; }
#idxpoplist>li>a>p{ padding: 10px; font-size: 110%; }

#idxquick{
    width: 320px; height:410px; float: right;
    background-image: url(../images/idxquicknew02.gif), url(../images/idxquicknew01.gif);
    background-repeat: repeat-x, repeat; background-position: 0px -7px, 0px 0px;
}
#idxquick>div:first-child{ height: 250px; padding:20px; }
#idxquick>div:first-child>table{ width: 100%; height:100%; }
#idxquick>div:first-child>table tr>td{ width: 33.33%; height: 33.33%; text-align: center; vertical-align: middle; }
#idxquick>div:first-child>table tr:not(:last-child)>td{ border-bottom:1px solid #0c9b91; }
#idxquick>div:first-child>table tr>td:not(:last-child){ border-right:1px solid #0c9b91; }
#idxquick>div:first-child>table a{ color:#fff; }
#idxquick>div:first-child>table a:hover{ color:#d8ff00; }
#idxquick>div:first-child>table tr:first-child a{ color:#fff200; }

#idxtel{ background: url(../images/idxquicknew01.gif); height: 119px; border-top:1px solid #3dbdb5; }
#idxtel>div>img{ vertical-align:top; }
#idxtel>div:first-child{ text-align: center; margin:30px 10px 0px 10px; padding-bottom: 10px; color:#fff; font-family: "Lusitana"; line-height: 100%; font-weight: bold; font-size: 250%; border-bottom: 1px dotted #fff; }
#idxinfo{ text-align: center; padding-top: 10px; color:#fff; font-family: "Lusitana"; font-size: 125%; margin-bottom: 40px; }

#idxGallery{ width: 740px; height: 292px; float: left; margin-top: 13px;    }
.idxtab{ border-bottom: 1px solid #ddd; padding-left: 10px; margin-bottom: 18px; position:relative; height:35px;}
.idxtab>a:first-child{ border-left:1px solid #ddd }
.idxtab>a:last-child{ background: #e9e3ac; }
.idxtab>a { 
	display:inline-block; padding:10px 30px; font-size: 105%;  border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd;
	line-height:130%; letter-spacing:-0.03em; text-align:center; height:14px; background:#f9f9f9; vertical-align:middle;
}
.idxtab>a.idxtabon { background:transparent; border-bottom:1px solid #fff; border-top:2px solid #00a99d; height:13px; color:#000; font-weight:bold; }

.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: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: 115%; font-weight: 400; }
.idxgallery>div>span { color:#aaa; }
#tabArea>div:not(:first-of-type){ display: none;}

#idxNotice{ width: 320px; float: right; }
.bbswrap{ padding-top:10px; 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 #00a99d; 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: 95%; }

#banner1365{ display: block; text-align: center; padding:25px 0px; border:1px solid #ddd; border-top:2px solid #0da98d; margin-top:22px }

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

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: 840px; 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: 220%; }
.idxntc{ display: inline-block; text-align: center; line-height: 150%; border-radius: 3px; margin-right: 5px; width: 45px; padding: 0px 5px; font-size: 90%; color:#fff; background:#bbb; font-family: "Noto Sans KR" }