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

#idxconts{ 
	min-height: 500px; background: #fff; padding-top: 25%; word-break: keep-all;
	background-image: url(../images/idxtop202206.jpg); background-size: 100%; background-repeat: no-repeat; background-position:  0px -30px;
}
#idxTxt{ width: 80%; margin: auto; text-align: center;  }
#toplogo{ padding-bottom: 0px; }

#popzWrap{background: #fff; width: 90%; margin: 20px auto;  border:1px solid #ddd; }
#popBn{ border-bottom:1px solid #ddd; padding: 0px 20px; font-family: "Noto Sans KR"; font-size: 80%; line-height: 200% }
#popBn>h1{ color:#08376a; display: inline-block; font-weight: 400; padding-right: 20px; }
#popBn>h1+p{ display: inline-block; }
#popBn>p>a { display: inline-block; width: 10px; height:10px; background: #aaa; margin-right:1px; }

#popPic{width: 100%; position: relative; z-index: 3; }
#popPic>a>img{ position:absolute;top:0px;left:0px; width: 100%; }
#popPic+img{ width: 100%; display: block;}
#imgObj1 { z-index: 11}
#imgObj2 { z-index: 12}

#idxntc{ width: 300px; margin: 10px auto 0px auto;  }
#idxntc>h1{ font-size: 105%; line-height: 180%; letter-spacing: -0.05em; text-align: left; border-bottom: 1px solid #ccc; width: 300px; }
#idxntc>h1>a { display:inline-block; border-bottom: 2px solid #0072BB; padding: 0px 5px; }
.idxbbs{ list-style:none;color:#333; font-family: 'Noto Sans KR'; font-size:85%; }
.idxbbs li{ line-height:28px;height:28px; display:block; font-weight: 500; }
.idxbbs li>a { font-weight: 500; }
.idxbbs li{ border-bottom:1px dotted #d9d9d9; }
.idxbbs>li>span:first-of-type { display:inline-block;padding-left:5px }
.idxbbs>li>span:nth-of-type(2) { display:inline-block;padding:0px 7px;}

#idxnav { width: 310px; text-align:center; margin:20px auto 0px auto; padding-bottom: 10px; }
#idxnav > a { 
	margin-bottom: 5px;
	display:inline-block; width:70px; height:70px; line-height:70px; font-weight:700; vertical-align:middle; font-family: "Noto Sans KR"; font-size: 90%; letter-spacing: -0.05em;
	border-radius: 10px; color:#fff; text-shadow: 0px 1px 0px #08376A; 
	border:1px solid #0072BB;
	background:#f1f1f1 linear-gradient(#0794EE, #0072BB);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0794EE), to(#0072BB));
	background:-moz-linear-gradient(top, #0794EE, #0072BB);
	-webkit-box-shadow: 0 3px 5px rgba(165,165,165,.5);
	-moz-box-shadow: 0 3px 5px rgba(165,165,165,.5);
	box-shadow: 0 3px 5px rgba(165,165,165,.5);
}
#idxnav > a>span{ line-height: 50%; }
#idxnav a:link, #idxnav a:visited, #idxnav a:active { text-decoration:none; color:#fff; }
#idxnav > a.spnbn{ 
	color:#fff; text-shadow: 0px 1px 0px #B28E01; 	
	border:1px solid #CDA400;
	background: linear-gradient(#ECC42E, #E5B700);	
	background:-webkit-gradient(EEECEA, 0% 0%, 0% 100%, from(#ECC42E), to(#E5B700));
	background:-moz-linear-gradient(top, #ECC42E, #E5B700);
}