@charset "utf-8";

/*sub_layout*/
/*#header { position:fixed; width:100%; border-bottom:1px solid #ebeaeb; z-index:100;}*/
#snb { position:fixed;}
#container > .wrap { min-height:750rem; padding:140rem 0 0;}


/*guide*/
h4 {position:relative; font-size:25rem; padding:0 0 0 30rem; margin:50rem 0 20rem;}
h4::before, h4::after {content:''; position:absolute; left:7rem; top:10rem; width:13rem; height:13rem; background:#007fda; border-radius:50%;}
h4::after { background:#6dbef9; left:0; top:17rem;}
h5 {font-size:22rem; margin:30rem 0 20rem;}
.content .depth1, .content .depth2 {margin:5rem 0;}
.content .depth1 > li {position:relative; padding:7rem 0 7rem 15rem;}
.content .depth1 > li::before {content:''; position:absolute; left:0; top:18rem; width:5rem; height:5rem; background:#007fda; border-radius:50%;}
.content .depth2 > li {position:relative; padding:5rem 0 5rem 15rem; font-size:16rem;}
.content .depth2 > li::before {content:''; position:absolute; left:0; top:17rem; width:5rem; height:2rem; background:#333; border-radius:50%;}
.content .box {background:#d6f3f8; border-radius:40rem; padding:40rem;}
.content .table { border:0; border-top:3px solid #333; overflow:auto; text-align:center;}
.content .table table {width:99.99%; /*margin-left:-1px;*/ }
.content .table table th:first-child {border-left:0;}
.content .table thead th { background:#e7f4ff; border:0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:10rem;}
.content .table tbody th {background:#f9f9f9;}
.content .table tbody td { border:0; border-bottom:1px solid #ddd; border-left:1px solid #ddd !important; padding:10rem;}
.content .caution {position:relative; padding:4rem 0 4rem 32rem;}
.content .caution span {position:absolute; left:-99999px; top:-999999px;}
.content .caution::before {content:'!'; position:absolute; left:0; top:8rem; width:22rem; height:22rem; line-height:23rem; background:#d72a2a; color:#fff; border-radius:50%; text-align:center; font-weight:600; font-size:13rem;}
.content .table.gbpolice_org tbody th {font-weight:normal; background:#fff;}
/*.content .table tr.type1 {border:2px solid #10979f; border-right:1px solid #10979f;}
.content .table tr.type2 {border:2px solid #6f4eaf; border-right:1px solid #6f4eaf;}*/
.content .table .type1 th, .content .table .type1 td {background:#fff6ee !important;}
.content .table .type2 th, .content .table .type2 td {background:#f9f9f9 !important;}

/*ÀÚÄ¡°æÂûÀ§¿øȸ ¼Ò°³_ÀÓ½Ã
.introduce .cont1 { background:#d6f3f8 url('/Main/Images/gbpolice/sub/introduce_illu.png') no-repeat 50rem 40rem; padding:40rem 40rem 40rem 300rem; border-radius:40rem;}
.introduce .cont1 dt {font-size:30rem; color:#2a7fd7; font-weight:600; margin:0 0 20rem;}
.introduce .cont2 { border-right:1px dashed #ddd; overflow:hidden;}
.introduce .cont2 li { position:relative; float:left; width:33.33%; border-left:1px dashed #ddd; padding:20rem 40rem 70rem;}
.introduce .cont2 li strong { color:#2a7fd7;}
.introduce .cont2 li .txt1 { font-size:16rem; margin:10rem 0 20rem; font-weight:500;}
.introduce .cont2 li .txt2 { font-size:15rem; padding:0 70rem 0 0;}
.introduce .cont2 li::before {content:''; position:absolute; width:80rem; height:80rem; right:30rem; bottom:20rem; background:url('/Main/Images/gbpolice/sub/introduce_icon.jpg') no-repeat 0 0/300% auto;}
.introduce .cont2 li:nth-of-type(2)::before { background-position:50% 0;}
.introduce .cont2 li:nth-of-type(3)::before { background-position:100% 0;}
@media all and (max-width:768px){
  .introduce .cont1 { background:#d6f3f8; padding:20rem 40rem;}
  .introduce .cont2 { border-right:0; border-top:1px dashed #ddd;}
  .introduce .cont2 li {width:100%; border-left:0; border-bottom:1px dashed #ddd; padding:20rem 120rem 20rem 20rem;}
  .introduce .cont2 li::before { right:20rem;}
}
*/

/*ÀÚÄ¡°æÂûÀ§¿øȸ ¼Ò°³*/
.introduce table img {width:110rem;}
.introduce .chairman {overflow:hidden;}
.introduce .chairman > div {float:left; width:48.5%; margin-left:3%;}
.introduce .chairman > div:first-child {margin-left:0;}
.introduce .chairman > div > .list > div {width:100%;}
.introduce h5 {clear:both; overflow:hidden;}
.introduce h5 span {float:right; padding-top:5rem; font-size:17rem; color:#555; font-weight:500;}
.introduce .list {overflow:hidden;}
.introduce .list > div { float:left; width:48.5%; min-height:200rem; margin:0 0 20rem 3%; border:1px solid #ececec; background:#fff9ec; border-radius:20rem 20rem 0 20rem; padding:20rem;}
.introduce .list > div:nth-of-type(2n+1) {clear:both; margin:0 0 20rem;}
.introduce .list > div img {float:left; width:120rem; border:10px solid #fff; box-shadow:10px 10px 10px rgba(0,0,0,0.2);}
.introduce .list > div dl {float:right; width:calc(100% - 150rem);}
.introduce .list > div dt {font-size:22rem; font-weight:600; margin:0 0 10rem;}
.introduce .list > div dt span {font-size:16rem; padding:0 0 0 10rem;}
.introduce .list > div dd .depth2 > li {padding:2rem 0 2rem 15rem;}
.introduce .list > div dd .depth2 > li::before {width:4rem; height:4rem; background:#007fda; top:12rem;}
.introduce .list > div dd p { position:relative; font-size:14rem; padding:0 0 0 18rem; margin:10rem 0 0;}
.introduce .list > div dd p::before {content:''; position:absolute; left:0; top:7rem; width:4rem; height:4rem; border-top:2rem solid #007fda; border-right:2rem solid #007fda; transform:rotate(45deg);}
.introduce .list > div dd p strong {margin:0 10rem 0 0;}
@media (max-width:1200px) and (min-width:1024px){
	.introduce .chairman > div {float:none; width:100%; margin-left:0;}
	.introduce .list > div {width:100%; min-height:auto; margin:0 0 20rem;}
}
@media all and (max-width:768px){
	.introduce .chairman > div {float:none; width:100%; margin-left:0;}
	.introduce .list > div {width:100%; min-height:auto; margin:0 0 20rem;}
}

.content_bg {padding:30rem; box-sizing:border-box; background:#fff9ec; border-radius:20rem 20rem 0 20rem;}

/*À§¿øÀå Àλ縻*/
.greeting dl {float:left; width:calc(100% - 380rem);}
.greeting dl dt {font-size:26rem; font-weight:600; margin:10rem 0 30rem;}
.greeting dl dt span {padding-right:7rem; color:#10979f;}
.greeting dl dd p {margin:15rem 0;}
.greeting .img {float:right; width:320rem; margin:40rem 0 0;}
.greeting .img .sign {text-align:right; border-top:5rem solid #10979f;}
.greeting .img .sign p {margin:30rem 0 10rem;}
@media (max-width:1200px) and (min-width:1024px){
  .greeting dl { width:calc(100% - 280rem);}
  .greeting .img { width:250rem;}
}
@media all and (max-width:768px){
  .greeting dl, .greeting .img { width:100%;}
  .greeting .img > img {display:none;}
}

/*ÀÚÄ¡°æÂûÁ¦¶õ?*/
.whatis .cont1 { background:#fff9ec url('/Main/Images/gbpolice/sub/introduce_illu.png') no-repeat 50rem 40rem; padding:40rem 40rem 40rem 300rem; border-radius:40rem 40rem 0 40rem;}
.whatis .cont1 p { margin:10rem 0;}
.whatis .cont2 { position:relative; overflow:hidden; font-weight:600; margin: 0 0 40rem;}
.whatis .cont2::before, .whatis .cont2::after { content:''; position:absolute; right:0; bottom:0; background:#faf0e4; border-radius:20rem; z-index:-1;}
.whatis .cont2::before { width:calc(33.33% - 10rem); height:100%;}
.whatis .cont2::after { width:100%; height:100rem;}
.whatis .cont2 .org1 > li { float:left; width:33.33%; padding:20rem;}
.whatis .cont2 .org1 > li:nth-of-type(2) .org2 { position:absolute; width:33.33%; left:33.33%; bottom:20rem; z-index:20;}
.whatis .cont2 .org2 > li { position:relative; background:#fff; text-align:center; border-radius:10rem; padding:15rem 10rem; border:1px solid #ddd; margin:30rem 0;}
.whatis .cont2 .org2 > li:last-of-type {margin:15rem 0 0;}
.whatis .cont2 .org2 > li::before {content:''; position:absolute; left:50%; bottom:-32rem; width:1px; height:32rem;}
.whatis .cont2 li:nth-of-type(1) .org2 > li::before { border-left:2px solid #6f4eaf;}
.whatis .cont2 li:nth-of-type(2) .org2 > li::before { border-left:2px solid #10979f;}
.whatis .cont2 li:nth-of-type(3) .org2 > li::before { border-left:2px solid #0168b7;}
.whatis .cont2 li:nth-of-type(1) .org2 > li:nth-of-type(2)::before { border-left:2px dashed #6f4eaf;}
.whatis .cont2 li:nth-of-type(3) .org2 > li:nth-of-type(2)::before { border-left:2px dashed #0168b7;}
.whatis .cont2 li .org2 li:last-of-type::before {display:none;}
.whatis .cont2 li:nth-of-type(1) .org2 > li {border:2px solid #6f4eaf; color:#6f4eaf;}
.whatis .cont2 li:nth-of-type(2) .org2 > li {border:2px solid #10979f; color:#10979f;}
.whatis .cont2 li:nth-of-type(3) .org2 > li {border:2px solid #0168b7; color:#0168b7;}
.whatis .cont2 li:nth-of-type(1) .bg { background:#6f4eaf;}
.whatis .cont2 li:nth-of-type(2) .bg { background:#10979f;}
.whatis .cont2 li:nth-of-type(3) .bg { background:#0168b7;}
.whatis .cont2 li .org2 li.bg { color:#fff;}
.whatis .cont2 li:nth-of-type(2) .org2 li:not(.bg) {width:calc(300% - 36rem); transform:translate(-32.8%, 0);}
.whatis .cont3 { padding:10rem; text-align:center; background:url('/Main/Images/gbpolice/sub/pattern.gif') repeat; border-radius:20rem 20rem 0 20rem;}
.whatis .cont3 p { padding:70rem; background:#fff; border-radius:20rem 20rem 0 20rem;}
@media all and (max-width:768px){
  .whatis .cont1 { /*background:#d6f3f8;*/ background:#fff9ec; padding:20rem 40rem;}
  .whatis .cont2::before { width:calc(33.33% - 5rem);}
  .whatis .cont2::after { width:100%; height:60rem;}
  .whatis .cont2 .org1 > li:nth-of-type(2) .org2 { bottom:5rem;}
  .whatis .cont2 .org1 > li {padding:5rem;}
  .whatis .cont2 .org2 > li {padding:10rem 0; letter-spacing:-1.4px; font-size:15rem;}
  .whatis .cont2 li:nth-of-type(2) .org2 li:not(.bg) {width:calc(300% - 10rem); transform:translate(-33%, 0);}
}

/*ÁÖ¿ä»ç¹«*/
.work dl { clear:both; display:flex; flex-wrap:wrap; margin-top:50rem; overflow:hidden;}
.work dt { position:relative; float:left; align-items:center; justify-content:center; width:170rem; padding:30rem; padding-top:200rem; font-size:21rem; line-height:1.3; font-weight:600; text-align:center; border-radius:20rem; background:#f9f9f9; overflow:hidden;}
.work dt::before { content:''; position:absolute; left:50%; top:80rem; width:120rem; height:110rem; background:url('/Main/Images/gbpolice/main/work_icon.png') no-repeat 0 0/300% auto; transform:translate(-50%, 0); transition:0.4s;}
.work dl:nth-of-type(2) dt::before {background-position:50% 0;}
.work dl:nth-of-type(3) dt { padding-top:260rem;}
.work dl:nth-of-type(3) dt::before {top:140rem; background-position:100% 0;}
.work dd { float:right; width:calc(100% - 200rem); margin-left:25rem; padding:15rem 30rem; letter-spacing:-0.5rem; background:#fff9ec; border-radius:20rem 20rem 0 20rem;}
@media all and (max-width:768px){
	.work dt { float:none; width:100%; padding:15rem; color:#fff; background:#0168b7; border-radius:10rem;}
	.work dt::before { display:none;}
	.work dl:nth-of-type(3) dt {padding:15rem;}
	.work dd { float:none; width:100%; margin:10rem 0 0 0 ; padding:15rem 30rem; border-radius:10rem;}
}

/*ÃßÁø°æ°ú*/
.history {position:relative;}
.history::before {content:''; position:absolute; left:50%; top:0; width:1px; height:100%; border-left:1px dashed #ccc; z-index:-2;}
.history .cont { position:relative; overflow:hidden; padding:100rem 0 40rem;}
.history .cont > strong { position:absolute; top:20rem; left:50%; color:#fff; transform:translate(-50%, 0); font-size:30rem;}
.history .cont > strong::before {content:''; position:absolute; left:50%; top:50%; width:70rem; height:70rem; background:#10979f; box-shadow:5rem 5rem 1rem rgba(0,0,0,0.1); border-radius:10rem; transform:translate(-50%, -50%) rotate(45deg); z-index:-1;}
.history .cont img { float:left; width:45%; border-radius:0 0 40rem 0; box-shadow:7rem 7rem 1rem rgba(0,0,0,0.07);}
.history .cont dl { float:right; width:45%;}
.history .cont:nth-of-type(2n) img { float:right;}
.history .cont:nth-of-type(2n) dl { float:left;}
.history .cont dt {font-size:25rem; font-weight:600; color:#10979f;}
.history .cont dd strong { display:block;}
@media all and (max-width:480px){
  .history::before {display:none;}
  .history .cont {padding:160rem 0 30rem;}
  .history .cont img {width:100%; margin:0 0 20rem;}
  .history .cont dl {width:100%;}
  .history .cont dt {position:absolute; left:0; top:100rem;}
}

/*Á¶Á÷µµ*/
.org .cont1 {background:#f9f9f9; border-radius:40rem 40rem 0 40rem; padding:40rem; text-align:center; overflow:hidden; letter-spacing:0rem;}
/*.org .cont1 a {cursor:default;}*/
.org .cont1 .org1 a {display:flex; align-items:center; width:220rem; height:50rem; line-height:50rem; background:linear-gradient(-45deg, #2a7fd7 0%, #4da4ff 100%); margin:0 auto; border-radius:15rem 15rem 0 15rem;}
.org .cont1 .org1 a span { font-size:22rem; color:#fff; font-weight:600; margin:0 auto;}
.org .cont1 .org2 {position:relative; padding:30rem 0 60rem;}
.org .cont1 .org2 i {font-style:normal; padding-left:20rem;}
.org .cont1 .org2 a, .org .cont1 > ul > li > a {position:relative; display:block; max-width:220rem; background:#10979f; color:#fff; line-height:50rem; height:50rem; margin:0 auto; z-index:10; border-radius:15rem 15rem 0 15rem; font-weight:600; font-size:21rem;}
.org .cont1 > ul > li > a {background:#555; font-size:17rem; letter-spacing:1rem;}
.org .cont1 ul { position:relative;}
.org .cont1 > ul > li {position:relative; float:left; width:50%; padding:0 10rem;}
.org .cont1 li ul {display:block; max-width:220rem; margin:15rem auto; padding:15rem; background:#fff; border:2px solid #ddd; border-radius:15rem 15rem 0 15rem; z-index:1;}
/*.org .cont1 li li {position:relative; float:left; width:33.33%; padding:60rem 5rem 30rem;}
.org .cont1 li li span {display:block; background:#fff; border:2px solid #ddd; line-height:50rem; height:50rem; border-radius:10rem; box-sizing:content-box;}*/
/*Á¶Á÷µµ ¼±*/
.org .cont1 .org2::before {content:''; position:absolute; left:50%; top:0; width:1px; height:110rem; background:#aaa;}
.org .cont1 .org2 a::before, .org .cont1 > ul > li > a::before {content:''; position:absolute; right:0; bottom:0; width:15rem; height:15rem;}
/*.org .cont1 .org2 a::before, .org .cont1 > ul > li > a::before {content:''; position:absolute; right:0; bottom:0; width:15rem; height:15rem; background:linear-gradient(-45deg, #f9f9f9 50%, transparent 50%);}*/
.org .cont1 ul::before {content:''; position:absolute; left:50%; top:-30rem; width:50%; height:1px; background:#aaa; transform:translate(-50%, 0);}
/*.org .cont1 ul ul::before {top:30rem; width:67%;}*/
.org .cont1 > ul > li::before {content:''; position:absolute; left:50%; top:-30rem; width:1px; height:110rem; background:#aaa;}
/*.org .cont1 li li::before {content:''; position:absolute; left:50%; top:30rem; width:1px; height:30rem; background:#aaa;}*/
.org .cont1 p {clear:both; text-align:left; font-weight:500;}
/*.org .list > div {display:none;}*/
.orgList {padding:30rem;}
.orgList h4 {margin:0 0 20rem;}
.anchor {display: block; height:100px; margin-top:-100px; visibility:hidden;}
@media all and (max-width:768px){
  .org .cont1 > ul > li {width:50%;}
  .org .cont1 > ul > li:last-of-type {float:right;}
  /*Á¶Á÷µµ ¼±*/
  /*.org .cont1 > ul::before,
  .org .cont1 > ul::after {content:''; position:absolute; left:0; top:-30rem; background:none; width:50%; height:55rem; border-top:1px solid #aaa; transform:translate(0, 0);}*/
  .org .cont1 > ul::after {left:auto; right:0; height:250rem; border-left:0; /*border-right:1px solid #aaa;*/}
  /*.org .cont1 > ul > li::before {top:0;}*/
}
@media all and (max-width:480px){
  .org .cont1 {padding:20rem;}
  .org .cont1 .org2 {padding:30rem 0;}
  .org .cont1 ul::before {background:none;}
  .org .cont1 > ul > li {width:100%;}
}

/*ºñÀü*/
/*.vision .cont1 {width:250rem; height:250rem; display:flex; align-items:center; border-radius:50%; text-align:center; margin:0 auto; background:#007fda; color:#fff;}
.vision .cont1 dt { position:relative; display:inline-block; font-size:30rem; padding:0 25px 10px; text-transform:uppercase;}
.vision .cont1 dt::before,
.vision .cont1 dt::after {content:''; position:absolute; left:0; top:25px; width:15rem; height:1px; background:rgba(255,255,255,0.5);}
.vision .cont1 dt::after {left:auto; right:0;}
.vision .cont1 dd { font-size:25rem;}
.vision .cont2 { text-align:center; background:url('/Main/Images/gbpolice/sub/vision_bg.png') no-repeat center top/auto 100%; padding:90rem 0 0; height:275rem; margin:-40rem 0 0;}
.vision .cont2 dl {display:inline-block;}
.vision .cont2 dt { text-transform:uppercase; font-size:30rem; font-weight:600; color:#4da4ff;}
.vision .cont2 dd {font-size:25rem;}
.vision .cont3 > div { display:table; width:100%; margin:10rem 0; padding:4rem; border-radius:5rem;}
.vision .cont3 > div:nth-of-type(1) { background:#d9eeff;}
.vision .cont3 > div:nth-of-type(2) { background:#d9ddff;}
.vision .cont3 > div:nth-of-type(3) { background:#c6eaf0;}
.vision .cont3 > div:nth-of-type(4) { background:#b3f2e4;}
.vision .cont3 > div:nth-of-type(5) { background:#c3d3f6;}
.vision .cont3 > div:nth-of-type(6) { background:#f3e3f1;}
.vision .cont3 > div:nth-of-type(7) { background:#f3e3e5;}
.vision .cont3 > div:nth-of-type(8) { background:#ffeed8;}
.vision .cont3 > div:nth-of-type(9) { background:#f1f1f1;}
.vision .cont3 > div:nth-of-type(10) { background:#e5e5e5;}
.vision .cont3 > div > div {display:table-cell; vertical-align:middle;  }
.vision .cont3 > div > div:first-of-type {width:30%; font-weight:600; font-size:18rem; padding:0 0 0 20rem;}
.vision .cont3 > div > div:last-of-type{ width:70%; background:#fff; padding:5rem 20rem; border-radius:5rem;}
.vision .cont3 > div > div:first-of-type span { display:inline-block; background:#fff; border-radius:50%; width:30rem; height:30rem; line-height:30rem; margin:0 7rem 0 0; border:1px solid rgba(0,0,0,0.1); text-align:center;}
@media all and (max-width:480px){
  .vision .cont3 > div > div:first-of-type { width:40%;}
  .vision .cont3 > div > div:last-of-type{ width:60%;}
}*/

/*ºñÀü »õµðÀÚÀÎ 220414*/
.vision .cont1, .vision .cont2 {position:relative; text-align:center; border:1px solid #d8d8d8; margin:50rem 0 90rem; border-radius:20rem;}
.vision .cont2 {margin-bottom:65rem;}
.vision .cont1::before, .vision .cont2::before {content:''; display:block; position:absolute; left:0; right:0; bottom:-70px; height:60px; background:url('/Main/Images/gbpolice/sub/vision_arrow.png') no-repeat center top;}
.vision .cont1 dt, .vision .cont2 dt {position:absolute; left:0; right:0; top:-30px; color:#000; font-size:34rem; font-weight:600;}
.vision .cont1 dt span, .vision .cont2 dt span {position:relative; display:inline-block; width:300rem; padding:0 30rem; background:#fff;}
.vision .cont1 dt i, .vision .cont2 dt i {position:absolute; font-style:normal; color:#d8d8d8;}
.vision .cont1 dt i:first-child, .vision .cont2 dt i:first-child {left:20px;}
.vision .cont1 dt i:last-child, .vision .cont2 dt i:last-child {right:20px;}
.vision .cont1 dd, .vision .cont2 dd {padding:30px; font-size:29rem; line-height:1.5;}
.vision .cont1 dd {font-weight:500; font-size:32rem;}
.vision .cont1 dd strong:nth-child(1) {color:#ef685e;}
.vision .cont1 dd strong:nth-child(2) {color:#10979f;}
.vision .cont2 dd strong:nth-child(1) {color:#10979f;}
.vision .cont2 dd strong:nth-child(2) {color:#f5c520;}
.vision .cont2 dd strong:nth-child(3) {color:#9a54cb;}
.vision .cont2 li { margin:7rem 0;}
.vision .cont2 li:nth-child(1) strong {color:#9a54cb;}
.vision .cont2 li:nth-child(2) strong {color:#007fda;}
.vision .cont2 li span { display:inline-block; width:35rem; height:35rem; margin-right:10rem; font-size:25rem; line-height:35rem; background:#10979f; color:#fff; border-radius:50%; font-weight:600;}
@media all and (max-width:768px){
	.vision .cont1 dd, .vision .cont2 dd { font-size:27rem;}
}
@media all and (max-width:480px){
	.vision .cont1 { margin-bottom:70rem;}
	.vision .cont2 { margin-bottom:35rem;}
	.vision .cont1::before, .vision .cont2::before { display:none;}
	.vision .cont1 dd, .vision .cont2 dd { padding:20px; font-size:25rem;}
}

/*.vision .cont4 { position:relative; height:400rem; margin-bottom:40rem; background:url('/Main/Images/gbpolice/sub/vision_bg.gif') center 120rem no-repeat; overflow:hidden;}
.vision .cont4 p { position:absolute; left:50%; width:240rem; height:240rem; margin-left:-120rem; padding-top:150rem; text-align:center; font-size:25rem; font-weight:600; border:4px solid #ddd; border-radius:100%; background:#fff url('/Main/Images/gbpolice/sub/vision_symbol.png') no-repeat center 35%;}
.vision .cont4 dl { width:290rem; margin-top:12rem; padding:0 10rem;}
.vision .cont4 .left { float:left;}
.vision .cont4 .right { float:right;}
.vision .cont4 dt { margin-bottom:10rem; font-size:27rem; font-weight:600; text-align:center;}
.vision .cont4 dt em { display:block; padding-top:125rem;}
.vision .cont4 dd { position:relative; padding-top:43rem; font-size:20rem; line-height:1.3; text-align:center;}
.vision .cont4 dd i { position:absolute; left:50%; top:0; margin-left:-10rem; width:20rem; height:58rem; text-indent:-9999px;}
.vision .cont4 dd u { display:block; text-decoration:none;}
.vision .cont4 dd span { display:block; padding:25rem 15rem; border:1px solid #ddd; border-radius:20rem 20rem 0 20rem;}
.vision .cont4 .left dt { color:#6f4eaf;}
.vision .cont4 .left dt em { background:url('/Main/Images/gbpolice/sub/vision_icon01.png') no-repeat center top;}
.vision .cont4 .left dd i { background:url('/Main/Images/gbpolice/sub/vision_line01.png') no-repeat center top;}
.vision .cont4 .right dt { color:#10979f;}
.vision .cont4 .right dt em {background:url('/Main/Images/gbpolice/sub/vision_icon02.png') no-repeat center top;}
.vision .cont4 .right dd i {background:url('/Main/Images/gbpolice/sub/vision_line02.png') no-repeat center top;}
@media all and (max-width:1023px){
	.vision .cont4 dl { padding:0;}
	.vision .cont4 dd { padding-top:45rem;}
}
@media all and (max-width:768px){
	.vision .cont4 { margin-bottom:20rem;}
	.vision .cont4 p { display:none;}
	.vision .cont4 { position:static; height:auto; background:none;}
	.vision .cont4 dl { position:relative; width:100%; margin:50rem 0;}
	.vision .cont4 .left, .vision .cont4 .right { float:none;}
	.vision .cont4 dt { position:absolute; left:0; right:0; top:-20px; font-size:30rem; z-index:999;}
	.vision .cont4 dt span { display:inline-block; padding:0 30rem; background:#fff;}
	.vision .cont4 dt em { display:none;}
	.vision .cont4 dd { padding-top:0;}
	.vision .cont4 dd i { display:none;}
	.vision .cont4 dd u { display:inline-block;}
}*/

.vision .cont3 { border-bottom:1px solid #ddd;}
.vision .cont3 > h4 { position:relative; width:300rem; margin:0 auto 30rem auto; padding:0; color:#000; font-size:34rem; font-weight:600; text-align:center;}
.vision .cont3 > h4 i { position:absolute; font-style:normal; color:#d8d8d8;}
.vision .cont3 > h4 i:first-child { left:20px;}
.vision .cont3 > h4 i:last-child { right:20px;}
.vision .cont3 > h4::before, .vision .cont3 > h4::after { display:none;}
.vision .cont3 > ul > li > div > div:first-of-type { position:relative; font-size:20rem; font-weight:600; border-top:1px solid #ddd; padding:15rem 20rem 15rem 60rem; cursor:pointer;}
.vision .cont3 > ul > li > div > div:first-of-type span { display:block; position:absolute; left:20rem; top:0; line-height:65rem; text-align:center; height:100%; color:#10979f;}
.vision .cont3 > ul > li > div > div:first-of-type::before { content:''; position:absolute; right:20rem; top:50%; width:40rem; height:40rem; margin-top:-20rem; background:#999; border-radius:50%;}
.vision .cont3 > ul > li > div > div:first-of-type::after {content:''; position:absolute; right:33rem; top:50%; width:10rem; height:10rem; margin-top:-8rem; border-top:3px solid #fff; border-left:3px solid #fff; transform:rotate(-135deg); transition:all 0.3s ease-in-out;}
.vision .cont3 > ul > li > div > div:first-of-type.on::before {background:#007fda;}
.vision .cont3 > ul > li > div > div:first-of-type.on::after {transform:rotate(45deg); margin-top:-4rem;}
.vision .cont3 > ul > li > div > div:nth-of-type(2) { display:none; background:#f5f5f5; padding:20rem 30rem;}
.vision .cont3 p { position:relative; padding:5rem 0 5rem 15rem; font-size:16rem;}
.vision .cont3 p::before { content:''; position:absolute; left:0; top:17rem; width:5rem; height:2rem; background:#333; border-radius:50%;}
/*active*/
.vision .cont3 .rolling-active-list-con li.active {background:#fff9ec;}

.vision .cont5 > h4 { position:relative; width:300rem; margin:0 auto 30rem auto; padding:0; color:#000; font-size:34rem; font-weight:600; text-align:center;}
.vision .cont5 > h4 i { position:absolute; font-style:normal; color:#d8d8d8;}
.vision .cont5 > h4 i:first-child { left:20px;}
.vision .cont5 > h4 i:last-child { right:20px;}
.vision .cont5 > h4::before, .vision .cont5 > h4::after { display:none;}
.vision .cont5 ul {display:flex; flex-wrap:wrap;}
.vision .cont5 li {position:relative; float:left; width:23.5%; text-align:center; margin-left:2%; background:#ebf4f9; box-sizing:border-box; padding:150rem 10rem 30rem 10rem; font-weight:500; border-radius:10rem; font-size:18rem; line-height:normal;}
.vision .cont5 li.icon1 {margin-left:0;} 
.vision .cont5 li.icon5 {padding:20rem;}
.vision .cont5 li::before {content:''; position:absolute; left:50%; top:20rem; width:170rem; height:120rem; background:url('/Main/Images/gbpolice/sub/vision_icon2024.png') no-repeat 0 0/400% auto; transform:translate(-50%, 0); transition:0.4s;}
.vision .cont5 li.icon2::before {background-position:33% 0;}
.vision .cont5 li.icon3::before {background-position:66% 0;}
.vision .cont5 li.icon4::before {background-position:100% 0;}
.vision .cont5 li.icon5::before {background:none; top:0;}
.vision .cont5 li.plus::before {background:none;}
.vision .cont5 li.plus {width:100%; height:80rem; padding:0 !important; margin-left:0; background:url('/Main/Images/gbpolice/sub/vision_plus.png') no-repeat center center; text-indent:-9999rem; overflow:hidden;}
.vision .cont5 li.icon5 {width:100%; margin-left:0;}
.vision .cont5 li span {position:relative; display:inline-block; font-weight:600; font-size:20rem; padding-top:10rem;}
@media all and (max-width:1200px){
	.vision .cont5 li {font-size:17rem;}
}
@media all and (max-width:640px){
	.vision .cont5 ul {display:block;}
	.vision .cont5 li {width:48.5%; height:290rem; margin-left:3%; font-size:19rem;}
	.vision .cont5 li.icon3 {margin-left:0;}
	.vision .cont5 li.icon1, .vision .cont5 li.icon2 {margin-bottom:15rem;}
}
@media all and (max-width:380px){
	.vision .cont5 li {height:320rem;}
	.vision .cont5 li.icon1, .vision .cont5 li.icon2 {height:290rem;}
}

/*»çÀÌÆ®¸Ê*/
.all_menu_dep1 > li {border:1px solid #ddd; border-radius:10rem; overflow:hidden; margin: 0 0 30rem;}
.all_menu_dep1 > li > a { display:block; font-size:20rem; font-weight:600; background:rgba(16,151,159,0.1); padding:15rem 30rem;}
.all_menu_dep2 {padding:20rem; overflow:hidden;}
.all_menu_dep2 > ul > li {float:left; padding:10rem;}
.all_menu_dep2 > ul > li > a {display:block; background:#10979f; padding:10rem 20rem; color:#fff; border-radius:5rem;}
.all_menu_dep3 {margin:10rem 0 0;}
.all_menu_dep3 > li > a { position:relative; display:inline-block; padding:2rem 0 2rem 23rem;}
.all_menu_dep3 > li > a::before {content:''; position:absolute; left:10rem; top:13rem; width:4rem; height:4rem; background:#999; border-radius:50%;}
@media all and (min-width:769px){
	.all_menu_dep2 > ul > li { width :33.33%;}
	.all_menu_dep2 > ul > li:nth-of-type(3n+1) { clear:both;}
}
/*@media (max-width:768px) and (min-width:481px){
	.all_menu_dep2 > ul > li { width :33.33%;}
	.all_menu_dep2 > ul > li:nth-of-type(3n+1) { clear:both;}
}*/
@media all and (max-width:768px){
	.all_menu_dep2 > ul > li { width :50%;}
	.all_menu_dep2 > ul > li:nth-of-type(2n+1) { clear:both;}
}


/*¼­ºñ½ºÁغñÁß*/
.nodata {text-align:center; margin:60rem 0 0;}
.nodata img {max-width:170rem;}
.nodata dl dt {font-size:43rem; font-weight:500; margin:30rem 0 10rem; letter-spacing:-0.5px;}
.nodata dl dd span {display:block; font-size:19rem;}
@media all and (max-width:480px){
	.nodata dl dd span {display:inline;}
}

/*È«º¸µ¿¿µ»ó*/
.hongbo {overflow:hidden;}
.hongbo dl {float:left; width:29.33%; margin:0 0 30rem 6%; overflow:hidden;}
.hongbo dl:nth-child(3n+1) {margin-left:0;}
.hongbo dt a {position:relative; display:block; width:100%; height:270rem; border-radius:10rem; overflow:hidden;}
.hongbo dt a span {position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center; transition:0.4s;}
.hongbo dt a:hover span {transform:scale(1.1);}
.hongbo dt p {position:relative; color:#444; padding:0 0 0 40rem; margin:20rem 0;}
.hongbo dt p::before {content:''; position:absolute; left:0; width:30rem; height:30rem; margin:0; background:url('/Main/Images/gbpolice/main/sns_icon.png') no-repeat 0 0/300% auto; text-indent:-99999rem;}
.hongbo a.youtube, .hongbo .youtube::before {background-position:100% 0;}
.hongbo dd {font-size:20rem; font-weight:600; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; line-height:32rem; height:64rem;}
@media all and (max-width:640px){
	.hongbo dl {width:47%;}
	.hongbo dl:nth-child(3n+1) {margin-left:6%;}
	.hongbo dl:nth-child(2n+1) {margin-left:0;}
	.hongbo dt a {height:230rem;}
}


/*À§¿øȸ CI*/
.symbol .cont1 {background:#fff9ec url('/Main/Images/gbpolice/sub/symbol.png') no-repeat 35rem 55rem; padding:30rem 30rem 30rem 310rem; border-radius:40rem 40rem 0 40rem;}
.symbol .cont1 p {margin:10rem 0;}
.symbol .blue {color:#0077c0;}
.symbol .red {color:#e83428;}
.symbol .navy {color:#27275b;}
.symbol .btn_down {text-align:center; margin-top:25rem;}
.symbol .btn_down a {display:inline-block; background:#056ab4; color:#fff; font-weight:600; padding:10rem 25rem; border-radius:10rem;}
.symbol .btn_down a span {display:inline-block; padding-right:30px; background:url('/Main/Images/gbpolice/sub/file_down.png') no-repeat right center;}
.symbol .cont2 {overflow:hidden;}
.symbol .cont2 p {text-align:center; font-weight:600; font-size:20rem; margin-bottom:20rem; color:#444;}
.symbol .cont2 li {float:left; margin-left:1%; color:#fff; font-size:14rem; font-weight:600; text-align:right; padding:10rem; box-sizing:border-box; border-radius:10rem;}
.symbol .cont2 li em {padding-left:7rem;}
.symbol .cont2 li:first-child {margin-left:0;}
.symbol .cont2 li:nth-child(1) {width:52%; background:#2e2d57;}
.symbol .cont2 li:nth-child(2) {width:34%; background:linear-gradient(90deg, #007ac3, #2c305b);}
.symbol .cont2 li:nth-child(3) {width:12%; background:linear-gradient(90deg, #e55d3d, #e73d2b);}
.symbol .cont3 {padding:30rem; background:url('/Main/Images/new/ko/sub06/symbol_bg.png') repeat; border:1px solid #ddd; text-align:center; overflow:hidden;}
.symbol .cont3 li {float:left; width:50%; margin-top:20rem; text-align:center;}
.symbol .cont3 li:nth-child(-n+2) {margin-top:0;}
.symbol .cont3.emblem li {width:25%; margin-top:0;}
@media all and (max-width:1200px){
	.symbol .cont2 p em {display:block;}
	.symbol .cont2 li em {display:block; padding-left:0;}
}
@media all and (max-width:1023px){
	.symbol .cont1 p {margin:20rem 0;}
	.symbol .cont2 li em {display:inline-block; padding-left:7rem;}
}
@media all and (max-width:768px){
	/*.symbol .cont1 {background:#fff9ec; padding:20rem 40rem;}*/
	.symbol .cont1 {background-position:center 30rem; padding:220rem 40rem 20rem 40rem;}
	.symbol .cont2 li {width:32.6666% !important;}
	.symbol .cont3 p img {height:130rem;}
	.symbol .cont3.emblem li img {height:100rem;}
}
@media all and (max-width:480px){
	.symbol .cont3 li {width:100%;}
	.symbol .cont3 li img {height:60rem;}
	.symbol .cont3 li:nth-child(2) {margin-top:10rem;}
	.symbol .cont3 p img {height:130rem;}
	.symbol .cont3.emblem li {width:50%; margin-top:20rem;}
	.symbol .cont3.emblem li:nth-child(-n+2) {margin-top:0;}
	.symbol .cont3.emblem li img {height:90rem;}
}