@charset "utf-8";
@import url('/Main/design_new/common/css/NanumSquare.css');

* {box-sizing:border-box;}
html { font-size:1px; scrollbar-face-color:#c1c1c1; scrollbar-shadow-color:#f1f1f1; scrollbar-highlight-color:#f1f1f1; scrollbar-arrow-color:#c1c1c1; }
body { font-size:17rem; font-family:'NanumSquare', sans-serif; font-weight:400; line-height:1.7; letter-spacing:-0.3rem; color:#222; word-break:keep-all; word-wrap:normal; }
input, select, textarea { font-family:'NanumSquare', sans-serif; font-size:1.5rem; }
input[type="button"], input[type="text"], input[type="submit"] { -webkit-appearance: none; -webkit-border-radius: 0;}
strong { font-weight:600; }
br { font-family: 'Dotum'; }
::-webkit-scrollbar { width:15px; /*height:15px;*/ }
::-webkit-scrollbar-thumb { background: #c1c1c1; border:3px solid #f1f1f1; }
::-webkit-scrollbar-track { background:#f1f1f1; }
a {color:#222; text-decoration:none;}
a:hover, a:visited a:active, a:focus { text-decoration:none;}
@media all and (max-width:1023px){
  html { font-size:0.9px; }
}
@media all and (max-width:480px){
  html { font-size:0.8px; }
}

.wrap {max-width:1400px; width:94%; margin:0 auto;}

/*#header { height:100rem; background:#fff; }*/
#header { position:fixed; width:100%; height:100rem; border-bottom:1px solid #ebeaeb; z-index:100; background:#fff; }
#header .wrap {position:relative;}
#header h1 { float:left; margin:25rem 0 0;}
#header h1 a { display:block; text-indent:-99999rem; width:285rem; height:50rem; background:url('/Main/Images/gbpolice/layout/logo2022.png') no-repeat center/cover; }
@media all and (max-width:1023px){
  #header a.sitemap {display:none;}
}

#gnb {float:right; margin:15rem 80rem 0; }
#gnb .depth1 > li {position:relative; float:left;}
#gnb .depth1 > li > a { position:relative; display:block; font-size:20rem; font-weight:600; padding:20rem 30rem; }
#gnb .depth1 > li > a::before {content:''; position:absolute; right:-3rem; top:50%; width:6rem; height:6rem; background:#e0e0e0; border-radius:50%; transform:translate(0, -50%); }
#gnb .depth1 > li:last-of-type > a {padding:20rem 0 20rem 30rem;}
#gnb .depth1 > li:last-of-type > a::before {display:none;}
#gnb .depth1 > li > a span {position:relative;}
#gnb .depth1 > li > a:hover,
#gnb .depth1 > li > a.on {font-weight:600;}
#gnb .depth1 a.on+.depth2 {display:block;}
#gnb .depth2 {display:none; position:absolute; width:190rem; left:50%; top:70rem; border:1px solid #666; z-index:100; transform:translate(-50%, 0);}
#gnb .depth2::before {content:''; position:absolute; left:50%; top:-3rem; width:11rem; height:11rem; background:linear-gradient(135deg, #666 50%, transparent 50%); transform:rotate(45deg) translate(-50%, 0); z-index:-1; }
#gnb .depth2 > li {position:relative; background:#fff; font-size:16rem;}
#gnb .depth2 > li > a {position:relative; display:block; text-align:left; padding:10rem 15rem; word-wrap: normal; word-break: keep-all;}
#gnb .depth2 > li > a.on,
#gnb .depth2 > li > a:hover {background:#4da4ff; color:#fff;}
#gnb .depth2 > li > a.more::before {content:''; position:absolute; right:15rem; top:18rem; width:9rem; height:9rem; background:linear-gradient(135deg, rgba(0,0,0,0.5) 50%, transparent 50%); transform:rotate(135deg); }
#gnb .depth2 a.on+.depth3 {display:block;}
#gnb .depth3 { display:none; position:absolute; width:190rem; top:0; left:189rem; background:#10979f;}
#gnb .depth3 > li > a {display:block; text-align:left; padding:10rem 15rem; color:#fff;}
#gnb .depth3 > li > a:hover {text-decoration:underline; font-weight:600; color:#ffff00;}
#gnb .depth3 > li > a[target="_blank"] span {padding-right:20px; background:url('/Main/Images/gbpolice/layout/blank_w.png') no-repeat right 37%;}
#gnbOpen, #header a.sitemap { display:block; position:absolute; top:35rem; right:0; background:url('/Main/Images/gbpolice/layout/menu.gif') no-repeat center/100% auto; width:32rem; height:32rem; text-indent:-99999rem; }
#gnbOpen, #gnbM {display:none;}
@media all and (min-width:1023px){
  #gnbM {display:none !important;}
}
@media all and (max-width:1023px){
  #gnb {display:none;}
  #gnbOpen {display:block;}
  .gnbBg { position:fixed; background:rgba(0,0,0,0.8); opacity:0.8; left:0; top:0; width:100%; height:100%; z-index:10;}
  #gnbM { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; text-align:left; }
  #gnbM .gnbWrap { position:absolute; right:-320rem; top:0; width:320rem; height:100%; background:#fff; z-index:20; transition: all 0.3s ease 0.3s; overflow-y:scroll; }
  #gnbM .gnbWrap.open { right:0; }
  #gnbM a.link { position:fixed; display:block; width:350rem; bottom:0; background:#2a7fd7; color:#fff; text-align:center; padding:10rem 0; font-size:16rem; font-weight:600; }
  #gnbM a.logo { display:block; width:250rem; height:50rem; background:url('/Main/Images/gbpolice/layout/logo2022.png') no-repeat center/100% auto; text-indent:-9999rem; margin:40rem auto 30rem; }
  #gnbM .depth1 {margin-bottom:60rem;}
  #gnbM .depth1 > li > a { display:block; padding:10rem 20rem; font-size:17rem; font-weight:600; border-top:1px solid #e5e5e5; }
  #gnbM .depth1 > li > a.on, #gnbM .depth1 > li > a:hover {background:#f2f2f2; }
  #gnbM .depth2 > li > a { display:block; padding:8rem 20rem; font-size:15rem; }
  #gnbM .depth2 > li > a.on, #gnbM .depth2 > li > a:hover {background:#2a7fd7; color:#fff; }
  #gnbM .depth2 > li > a.more span { display:block; background:url('/Main/Images/gbpolice/layout/gnbArrow2.png') no-repeat right center;}
  #gnbM .depth3 > li > a {display:block; background:#444; color:#fff; padding:8rem 20rem; font-size:15rem; }
  #gnbM .depth3 > li > a.on, #gnbM .depth3 > li > a:hover {color:#ffff00; text-decoration:underline;}
  #gnbM .depth2, #gnbM .depth3 {display:none;}
  #gnbClose { position:absolute; right:20rem; top:20rem; background:url('/Main/Images/gbpolice/layout/closeBtn.gif') no-repeat center; width:30rem; height:30rem; text-indent:-9999rem;}
  .noScroll {overflow-y:hidden;}
}

/*Header ½ºÅ©·Ñ °íÁ¤*/
#header.active { background:#142543; border-bottom:none;}
#header.active h1 a { background:url('/Main/Images/gbpolice/layout/logo2022_w.png') no-repeat center/cover; }
#header.active #gnb .depth1 > li > a span {color:#fff;}
#header.active #gnbOpen, #header.active a.sitemap { background:url('/Main/Images/gbpolice/layout/menu_w.gif') no-repeat center/100% auto; }
#header.active #gnb .depth2::before { background:linear-gradient(135deg, #fff 50%, transparent 50%); }

#footer {border-top:1px solid #ebeaeb; padding:30rem 0; margin:60rem 0 0; background:#3b434f;}
#footer .address p {display:inline-block; padding:0 25rem 0 0; color:#fff;}
#footer .copy {font-size:13rem; color:#fff; padding:5rem 0 0; text-transform:uppercase; letter-spacing:1rem; }

/*sub layout*/
#snb {float:left; width:310rem; }
#snb h2 { font-size:32rem; margin:24rem 0 27rem; }
#snb h2 span {display:inline-block; position:relative; padding:0 20rem 0 0;}
#snb h2 span::before {content:''; position:absolute; right:0; top:0; width:6rem; height:6rem; background:#007fda; border-radius:50%; }
#snb .depth1 {border-top:2px solid #007fda; border-bottom:1px solid #007fda; }
#snb .depth1 > li > a { position:relative; display:block; font-size:19rem;  font-weight:500; border-top:1px solid #ddd; padding:14rem 20rem; }
#snb .depth1 > li:first-of-type > a {border-top:0;}
#snb .depth1 > li > a.on {color:#007fda; font-weight:600; }
#snb .depth1 > li > a::before {content:''; position:absolute; right:20rem; top:25rem; width:21rem; height:13rem; background:url('/Main/Images/gbpolice/layout/snb_dot.png') no-repeat 0 0/200% auto;}
#snb .depth1 > li > a.on::before {background-position:0 100%;}
#snb .depth1 > li > a.more::before {background-position:100% 0;}
#snb .depth1 > li > a.on.more::before {background-position:100% 100%;}
#snb .depth2 { display:none; background:#f9f9f9; border-top:1px solid #ddd; padding:14rem 20rem;}
#snb .depth2 > li > a { position:relative; display:block; font-size:17rem; padding:5rem 0 5rem 15rem ; }
#snb .depth2 > li > a::before {content:''; position:absolute; left:0; top:15rem; width:3rem; height:7rem; border-radius:3rem; background:#c1c1c1; transform:rotate(45deg); }
#snb .depth2 > li > a.on {font-weight:500;}
#snb .depth2 > li > a.on::before {background:#222;}
#snb .depth2 > li > a[target="_blank"] span {padding-right:20px; background:url('/Main/Images/gbpolice/layout/blank_b.png') no-repeat right 40%;}
#snb.fixed {position:fixed;}
@media (max-width:1200px) and (min-width:1024px){
  #snb {width:250rem;}
}
@media all and (max-width:1023px){
  #snb {display:none;}
}

#content { float:right; width:calc(100% - 400rem); }
#content .loca {float:right; overflow:hidden;}
#content .loca li { position:relative; float:left; padding:0 30rem 0 0 ;}
#content .loca li::before {content:''; position:absolute; right:11rem; top:9rem; width:5rem; height:5rem; border-top:1px solid #999; border-right:1px solid #999; transform:rotate(45deg); }
#content .loca li a {display:block; font-size:16rem;}
#content .loca li:last-of-type { padding:0; }
#content .loca li:last-of-type::before {display:none;}
#content .loca li:last-of-type a {font-weight:600; }
#content h3 { clear:both; font-size:32rem; padding:20rem 0 0; }
#content h3 span {display:inline-block; position:relative; padding:0 20rem 0 0;}
#content h3 span::before {content:''; position:absolute; right:0; top:0; width:6rem; height:6rem; background:#007fda; border-radius:50%; }
#content .util { position:relative; float:right; margin:-90rem 1rem 0; }
#content .util a { position:relative; display:block; float:left; width:40rem; height:40rem; border:1px solid #e4e4e4; border-radius:15rem; text-indent:-99999rem; margin:0 0 0 10rem; box-shadow:1rem 1rem 2rem rgba(0,0,0,0.05); }
#content .util a::before {content:''; position:absolute; left:50%; top:50%; width:24rem; height:24rem; background:url('/Main/Images/gbpolice/layout/util.png') no-repeat 0 0/200% auto; transform:translate(-50%, -50%); }
#content .util a:nth-of-type(2)::before {background-position:100% 0;}

#content .util .open {display:none; position:absolute; top:45rem; right:0; width:40rem; z-index:100;}
#content .util .open a {margin:5rem 0 0 0;}
#content .util .open a::before {display:none;}
#content .util .open a.facebook {background:url('/Main/Images/gbpolice/layout/facebook.png') no-repeat #455E99; border-color:#455E99;}
#content .util .open a.twitter {background:url('/Main/Images/gbpolice/layout/twitter_x.png') no-repeat #000; border-color:#000;}

#content .h3_Stitle { margin:0 0 20rem; }
@media (max-width:1200px) and (min-width:1024px){
  #content { width:calc(100% - 320rem); }
}
@media all and (max-width:1023px){
  #content {width:100%;}
}
@media all and (max-width:480px){
	#content h3 { clear:both; font-size:32rem; padding:20rem 0 40rem; }
  #content .h3_Stitle {display:none;}
}