@charset "UTF-8";
	body { background-color: #117FC3; padding: 10px 0 10px; }
	.prevention { width: 100%; max-width: 1000px; padding-bottom: 250px; margin: 0 auto; box-sizing: border-box; border-radius: 10px 10px 0 0; background: #fff url(/portal/images/index/img_prevention.png) no-repeat 97% 100%;}
	.prevention img { max-width: 100%; }
	
	.logo { padding: 40px 0 50px 50px;}
	
	.prevention h1 { text-align: center; color: #00609C; font-size: 38px; font-weight: 800; border-radius: 10px 10px 0px 0; }
	.prevention h1 span { font-size: 28px; color: #117FC3; }
	.prevention .tbox { width: 90%; padding: 10px 0; margin: 10px auto 20px; font-size: 18px; font-weight:bold; padding: 15px; border-radius:10px; background: #f9f9f9; }
	.prevention .tbox p { color: #00609C; }
	.prevention h2 { padding-left: 40px; font-size: 24px; font-weight: bold; color: #0059B3; background: url(/portal/images/index/icon_h2.gif) no-repeat 30px 50%; }
	
	.prevention ul { padding-left: 40px;}
	.prevention ul li { padding-left: 20px; line-height: 1.8em; margin-bottom: 10px; background: url(/portal/images/index/icon_li.png) no-repeat 0px 9px; font-size: 16px; }
	.prevention ul li .tit { font-weight: bold; padding-right: 5px;}
	.prevention ul li .date { color: #0059B3; font-weight: bold;}
	.prevention ul li em { font-size: 14px; } 
	
	.red { color: #E80000!important; font-weight: bold; }
	.bold { font-weight: bold; }
	.pl30 { padding-left: 30px; }
	.pl60 { padding-left: 65px; }
	
	.table {padding:5px;}
	.table table {border:0; border-collapse:separate; border-spacing:5px;}
	.table table th,
	.table table td {padding:0.5em; position:relative;}
	.table table th {background:#FAF3DB; font-size: 16px; line-height: 1.4em; word-break: keep-all; text-align: center;}
	.table table td {background:#fff; font-size: 16px; line-height: 1.4em; letter-spacing: -0.5px; font-weight: 500; text-align: center; }
	.table table thead th > span {position:relative; z-index:1; color:#fff;}
	.table table thead th > span > a {display:inline-block; vertical-align: top; border:2px solid #fff; font-size: 0.9em; padding: 0.25em 0.5em; border-radius:1em; margin-top:0.25em; color: #fff; }
	.table table .tl { padding-left: 20px; text-align: left; }
	
	.table tbody td.current::before{position:absolute; content:''; display:inline-block; width:100%; height:100%; left:0; top:0; box-sizing:border-box; border:5px solid #7998DF;}
	
	.prevention .table table td ul { padding-left: 5px;}
	.prevention .table table td ul li { padding-left: 10px; text-align: left; background: url(/portal/images/index/icon_bl.gif) no-repeat 0 5px;}
	.prevention .table table td ul li .ntxt { display: block; font-size: 13px; }
	
	.bottom { padding: 30px 0 80px; text-align: center; }
	.btn_file { display: inline-block; min-width: 180px; margin-top: 5px; font-size: 16px; font-weight: 500; color: #002D95!important;border-radius: 3px; background: #fff url(/portal/images/sub/btn_file.png) 92% 50% no-repeat; line-height: 30px; min-height: 30px;padding:5px 5px 5px 40px;margin-bottom:1px;border: 1px solid #002D95; background-position: 6% 50%; }
	.btn_file:hover { background-color: #ecf2fb; text-decoration: none; }
	
	.pbox { margin-top: 0px; padding: 10px; }
	.pboxtit{ min-height: 130px; padding: 0px 0 30px 30px; font-size: 20px; background: #fff url(/portal/images/index/img_prevention.png) no-repeat 98% 110%; background-size: 18%; } 
	.pboxtit p.ptit {font-family: '나눔명조', '명조', '바탕', '바탕체'; font-weight: bold; margin: 10px 0 30px; }
	
	
	.btn { display: inline-block; max-width: 180px; padding: 12px 5px; margin-top: 5px; font-size: 18px; font-weight: 500; color: #fff;border-radius: 30px; background: #1A7F80; text-align: center; }
	.btn_red { background: #C0504D; }
	.btn_blue { background: #0C4DA2; }
	.pbox a { display: inline-block; min-width: 180px; color: #fff!important; font-size: 18px; }
	
	@media (max-width:760px) {
	.prevention h1 { line-height: 1.2em; }
	.prevention h1 span { display: block; }
	.pboxtit { padding: 20px 0 20px 20px; }
	}
	@media (max-width:540px) {
	.logo { padding: 30px 0 30px 20px; }
	.prevention h1 { font-size: 26px; letter-spacing: -1px; }
	.prevention h1 span { font-size: 22px; }
	.prevention .tbox { width: 96%; }
	.pbox { padding: 10px 0 10px 10px; }
	.pboxtit { padding: 0px 0 20px 10px; min-height: 320px; }
	.pboxtit p.ptit { padding-right: 15px; box-sizing: border-box; font-size: 15px; }
	.pboxtit { background-position: 130% 100%; background-size: 70%; }
	.prevention ul { padding-left: 0; }
	.prevention ul li { padding-left: 15px; }
	.table table th, .table table td { padding: 5px; }
	}