@import "/jdc/common.css";
@import "/jdc/header.css";
@import "/jdc/footer.css";
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');

#Contents{ 
	margin:0 auto;padding:0;
	max-width:1280px;min-width:320px;
	box-sizing:border-box;
	vertical-align:top;
	clear:both; 
}
#oPage .txt { padding:10px;border: 1px solid #aaa;border-radius:7px; }
#oPage .txt p{ font-family : 'Nanum Myeongjo', serif; font-size:1.5em; }
#oPage section { width:25%;float:left;padding:10px; }

#oPage .ctaa { width:90%;margin:0 auto; }
#oPage .ctaa td{ padding:5px 0; }
#oPage .ctaa .cco1 { width:155px; }
#oPage .ctaa .cco1 img { border-radius: 5px 0 0 5px; }
#oPage .ctaa .cco2 { width:310px }
#oPage .ctaa .cco3 { width:auto; }
#oPage .ctaa .cco3 .ccoi{ width:100%;height:100%;background:#aaa;padding:10px;border-radius:0 5px 5px 0; }
#oPage .ctaa .cco3 .ccoi .pTi { font-size:1.2em;font-weight:bold;height:35px;overflow:hidden;padding:10px 5px 5px 5px;background:#666;color:#fff;border-radius:5px 5px 0 0; }
#oPage .ctaa .cco3 .ccoi .pDe { height:100px;overflow:hidden;padding:5px 5px 15px 5px;background:#fff;border-radius:0 0 5px 5px;line-height:24px; }

#oPage .ctab { width:90%;margin:0 auto; }
#oPage .ctab tr { vertical-align:middle; }
#oPage .ctab td { padding:5px; }
#oPage .ctab img { border-radius:9px; }
#oPage .ctab .ct { float:left; width:80px;background:#aaa;text-align:center;padding:5px 0; }
#oPage .ctab .cd { float:left; font-weight:bold;padding:5px 0px 5px 10px; }
#oPage .ctab .cd1 { float:left; padding:5px 0px 5px 10px;color:#888; }
#oPage .ctab .ctr { width:100px;text-align:right; }
#oPage .ctab a{
	display:inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: bold;
	font-size: 1em;
	background: #0054dc;
	padding:5px 10px;
	color: #FFF;
	text-align:center;
	vertical-align:middle;
}

#oPage iframe { border:1px solid #888;margin:0;padding:2px; }

@media ( max-width:1023px ){
	#moTop { display:block; }
	#oPage .ctaa { width:98%; }
	#oPage .ctaa .cco1 { width:33.33%; }
	#oPage .ctaa .cco1 img { border-radius: 5px 0 0 5px; }
	#oPage .ctaa .cco2 img { border-radius: 0 5px 5px 0; }
	#oPage .ctaa .cco2 { width:66.66%; }
	#oPage .ctaa .cco3{ display:none; }
	#oPage .ctab .ct{ display:none; }
	#oPage .ctab .cd{ width:150px;overflow:hidden;letter-spacing:-1px;font-size:0.9em; }
	#oPage .ctab a { letter-spacing:-1px;font-size:0.9em; }
}