
/* layer popup */
#pop-ebk { display:none; position:absolute; top: 25%; left: 63%; width:600px; margin-left:-500px; background:#fff; border:1px solid #222; z-index:9999; box-shadow: 8px 8px 20px -10px #000000; -moz-box-shadow: 8px 8px 20px -10px #000000; -webkit-box-shadow: 8px 8px 20px -10px #000000; }
#pop-ebk h5 {  margin-bottom:15px; padding:15px 0 0 20px;  font-size:16px; height:35px; background:#001d58; color:#fff; }
#pop-ebk .close { position:absolute; top:15px; right:20px; width:16px; height:16px; border:1px solid #fff; text-align:center; }
#pop-ebk .close a { display:block; color:#fff; }
#pop-ebk .close:focus,
#pop-ebk .close a:focus {outline: 2px solid red; outline-offset: 1px;}
#pop-ebk .edite { overflow:hidden; margin:25px;  }

#pop-ebk .inner-write { float:none; clear:both; }
#pop-ebk .inner-write .selectFinishBtnWrap{text-align: center; font-size: 13px; margin-top: 15px;}
#pop-ebk .inner-write .selectFinishBtnWrap a{height: 22px; background-color: #001d58; border-color: #001d58;}
#pop-ebk .inner-write h6 { padding: 13px 20px 15px 20px; height:13px; background:#f5f5f5; border:1px solid #bbb; color:#111; font-size:14px; }
#pop-ebk .inner-write .bd-t { border-top:1px solid #bbb; }
#pop-ebk .inner-write table th { padding:6px 8px; background:#f5f5f5; font-weight:bold; color:#111;  text-align:center; border:1px solid #bbb;   border-top:0;}
/*
#pop-ebk .inner-write table td { padding:6px 8px; border-right:1px solid #bbb; text-align:left; border-bottom:1px solid #bbb; border-left:1px solid #bbb;  }
*/
#pop-ebk .inner-write table td.txt { padding:13px 0 13px 8px; }

#pop-ebk .inner-write-wrap {width: 90%; display: inline-block; border: 1px solid gray; border: 1px solid gray; border-radius: 25px 25px; padding: 20px;} 
#pop-ebk .inner-write-wrap .wrapTitle{text-align: center;font-size: 15px;font-weight: bold;} 
#pop-ebk .inner-write-con {} 
#pop-ebk .inner-write-con ul {margin-top: 25px; overflow-y: auto; height: 300px;}
#pop-ebk .inner-write-con ul li{border: 1px solid gray; border-radius: 25px 25px; padding: 15px; margin-bottom: 5px; cursor: pointer;} 
#pop-ebk .inner-write-con ul li:hover, #pop-ebk .inner-write-con ul li.on{background-color: #1a5999; color: white;} 
#pop-ebk .inner-write-con ul li p span{font-size: 11px;} 

/* 첫번째 td인 태그 */
#pop-ebk .inner-write table td:first-of-type {padding: 15px 30px;}

/* 섹션관리 */
#pop-ebk .inner-write.inner-write-wrap-section{ width: 92%;}
#pop-ebk .inner-write-wrap-section .inner-write-con ul {margin-top: 25px; overflow-y: auto; height: 70px; margin-top: 0px;}
#pop-ebk .inner-write-wrap-section .inner-write-con ul li{cursor: auto;} 
#pop-ebk .inner-write-wrap-section .inner-write-con ul li p input[type=text]{width: 315px;} 
#pop-ebk .inner-write-wrap-section .inner-write-con ul li:hover {background-color: white; color: #666;} 



@media only screen and (max-width:1400px){
	#pop-ebk { top: 25%; left: 68%;}
}

@media only screen and (max-width:1024px){
	#pop-ebk { top: 25%; left: 73%;}
}

@media only screen and (max-width:840px){
	#pop-ebk { top: 25%; left: 73%;}
}
@media only screen and (max-width:760px){
	#pop-ebk { top: 25%; left: 72%; width: 90%}
}
@media only screen and (max-width:730px){
	#pop-ebk { top: 25%; left: 76%; width: 90%}
}

@media only screen and (max-width:690px){
	#pop-ebk { top: 25%; left: 86%; width: 90%}
}

@media only screen and (max-width:600px){
	#pop-ebk { top: 25%; left: 92%; width: 96%}
}

@media only screen and (max-width:500px){
	#pop-ebk { top: 25%; left: 105%; width: 96%}
	
}