.slidepanel{ position:relative; height:360px; background-color:#FC6; overflow:hidden }
.slidepanel > div{ position:absolute; left:30%; top:0; width:100%; height:100%; text-align:center; opacity:0 }
.slidepanel > div.on{ opacity:1; left:0 }

.DIRECTSEARCH{ height:60px; padding:20px 0; background-color:#F93; text-align:center; font-size:0 }
.DIRECTSEARCH > .SELECT{ position:relative; display:inline-block; height:60px; margin:0 5px; font:normal 16px/60px 'NanumBarunGothic'; white-space:nowrap; cursor:pointer; vertical-align:middle }
.DIRECTSEARCH > .SELECT > .PREVIEW{ height:60px; padding:0 20px; background-color:#FFF; border-radius:3px }
.DIRECTSEARCH > .SELECT > .PREVIEW:after{ content:'▼'; padding-left:20px; color:#333; font:normal 10px/normal Dotum }
.DIRECTSEARCH > .SELECT > .OPTIONS{ display:none; position:absolute; top:60px; left:0; right:0; max-height:240px; padding:0; margin:0; background-color:#F0F0F0; border-radius:3px; text-align:left; overflow:auto; box-shadow:3px 3px 5px rgba(0,0,0,.4) }
.DIRECTSEARCH > .SELECT > .OPTIONS > li{ padding:12px; margin:0; color:#666; font:normal 12px/normal Dotum; list-style:none }
.DIRECTSEARCH > .SELECT > .OPTIONS > li:hover{ background-color:#2A334A; color:#FFF }
.DIRECTSEARCH > .SELECT.on > .OPTIONS{ display:block }
.DIRECTSEARCH > #SEARCH{ display:inline-block; width:40px; height:40px; padding:10px; margin:0 5px; background:#F60; border-radius:3px; vertical-align:middle; cursor:pointer }
.DIRECTSEARCH > #SEARCH > span{ display:block; width:40px; height:40px; background:url(/subPicture/iconset64.png) no-repeat -360px 0; background-size:cover }

.BOARDLINK{ float:left; width:450px; margin:25px }
.BOARDLINK > .title{ padding:8px; font:500 20px/normal 'NanumBarunGothic'; border-bottom:solid 2px #666 }
.BOARDLINK > ul{ padding:0; margin:0 }
.BOARDLINK > ul > li{ padding:12px 8px; border-bottom:solid 1px #CCC; font:500 14px/normal 'NanumBarunGothic'; list-style:none }
.BOARDLINK > ul > li > .subject{ display:inline-block; width:334px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle }
.BOARDLINK > ul > li > .date{ display:inline-block; width:100px; text-align:center; vertical-align:middle }
.BOARDLINK > ul > li.norecord{ text-align:center; color:#999 }
.BOARDLINK > ul > li:not(.norecord):hover{ background-color:#E9E9E9; cursor:pointer }
.BOARDLINK > ul > li.IMPORTANT{ background-color:#F9F4EE; color:#C11 }

.TAPLINK{ padding:0 20px; margin:100px auto; overflow:hidden }
.TAPLINK > .TAPS{ float:left; width:300px; height:120px; padding:10px; border-radius:5px }
.TAPLINK > .TAPS > img{ float:left; width:100px; margin:0 10px 0 0 }
.TAPLINK > .TAPS > h3{ padding:0; margin:0 0 10px 110px; font:500 16px/normal 'NanumBarunGothic' }
.TAPLINK > .TAPS > p{ padding:0; margin:0 0 0 110px; font:500 13px/normal 'NanumBarunGothic' }
.TAPLINK > .TAPS:hover{ background-color:#E9E9E9; cursor:pointer }

.APPDOWNLOAD{ margin:100px 0; background-color:#f6f7f9; text-align:center }
.APPDOWNLOAD img{ vertical-align:middle }


.POPUP{ position:absolute; background-color:#FFF; z-index:9998; box-shadow:3px 3px 5px rgba(0,0,0,.25) }
.POPUP > div{ font-size:12px; text-align:right }
.POPUP > div > a{ cursor:pointer }

#IPPOPUP{
	position : absolute;
	top : 90px;
	left : 50%;
	width : 400px;
	height : 48px;
	margin-left : -200px;
	background-color : #FFF;
	box-shadow : 1px 1px 2px rgba(0,0,0,.25);
	text-align : center;
	line-height : 48px;
	font-family : 'NanumBarunGothic';
}
#IPPOPUP > strong{
	color : #06C;
}
#IPPOPUP > a{
	float : right;
	width : 16px;
	height : 16px;
	margin : 16px 16px 16px 0;
	background-image : url("/subPicture/exit-16.png");
	cursor : pointer;
}

@media (max-width:1260px){
	.BOARDLINK{ float:none; width:90%; margin:0 5% 24px 5% }
	
	.TAPLINK{ width:90%; padding:0 5%; margin:0 0 24px 0 }
	.TAPLINK > .TAPS{ float:none; width:calc(100% - 20px); overflow:hidden }
	.TAPLINK > .TAPS > h3{ margin-top:1rem }
	
	.APPDOWNLOAD{ padding:1rem 0; text-align:center }
	.APPDOWNLOAD > img{ display:block; padding:0 0 1rem 0; margin:0 auto }
	
	/*.POPUP{ display:none }*/
}