/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
a, a:link, a:visited {text-decoration: none;}
* {box-sizing: border-box;}
body { font-family: "NanumSquareBold", "Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif; background-color: #f3f3f3;}

/* layout */
.wrap {width: 100%; height:100%; background:  #f3f3f3 url(../images/body_bg.jpg) repeat-x 0 0; padding: 10% 10px; /* background-size: cover; */}
/* min-height: 100vh; */
.container {width: 960px; height:450px; margin:0 auto; }

#Timediv {width:450px; font-size: 20px;  }
#Timediv span {display:inline-block; margin: 10px; }
.annonce_time {color:#111; margin-right:15px;}
.current_time {color:#369; }
/* #Timediv span strong {font-family: 'NanumSquareBold';} */

.notice, .police_link {float:left; width:450px; height:450px; padding:25px; text-align:center; border:1px solid #aaa;  box-shadow: 0 0 25px #a5a5a5;background-color: #fff; line-height:3em;}
.notice {margin-right: 50px;}
.inner { width:100%; height:100%; border: 3px solid #eee; text-align: center; }
.inner * {margin: 0 auto; }



.notice a .inner p {padding-top: 50px; font-size: 30px; font-weight: 700; color:#555; line-height: 65px; /* height: 230px; */ height:75%; }
.notice a .inner p span {display: block;  font-weight: 700; color:#111; }

.notice a:hover .inner {background-color: #1c2431; padding-top:35px;}
.police_link a:hover .inner {background-color: #1c2431;padding-top:35px;}



a p {height:300px; border:0px solid #fff;}
p.slogune {display: block; padding-top:180px; font-size: 26px; color:#0054a6; line-height: 40px; background: url(../images/ci_police.png) no-repeat center 30px; }
a:hover p.slogune {background: url(../images/ci_police_w.png) no-repeat center 30px; }

.btn {display: block; width:150px; height:50px; border-radius: 25px; color:#fff; font-size:22px; font-weight: 700; line-height: 52px; }


.notice a .inner .btn  {background-color: #04cf64; }
.police_link a .inner .btn  {background-color: #0469e5; }
.police_link a:hover .inner h1 {background: url(../images/ci_police_w.png) no-repeat center 20px; }

.notice a:hover .inner p {font-size: 30px; color:#fff; line-height: 70px; }
.notice a:hover .inner p span {color:#04cf64;}
.notice a:hover .inner .btn {display: none;}
.police_link a:hover .inner .slogune {color:#60affb; padding-top: 200px; line-height:50px;}
.police_link a:hover .inner .btn {display: none;}


/*20230823*/
.police_link .slogune {font-size:0; background-position-y:90px}
a:hover p.slogune {background: url(../images/ci_police_w.png) no-repeat center 80px; }


/* 
font-family: 'NanumSquareExtraBold'; 
font-family: 'NanumSquareBold'; 
*/