@charset "utf-8";

/********************************************************
■ Basic : 기본
********************************************************/

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);


@font-face {font-family:MalgunGothic; src:url(img/MalgunGothic.eot);}
@font-face {src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/HangeulNuri-Bold.woff') format('woff');}

.clear:after {
content: "";
display: block;
clear: both;
}
* { margin:0; padding:0; outline:none; }
body { 
font-family:'Malgun Gothic', sans-serif; line-height: 1; font-size: 16px; color: rgb(51, 51, 51);
background-color:#fff; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; overflow-x: hidden;
box-sizing:border-box;
}
h1, h2, h3, h4, h5, h6 { margin:0; font-family:'Malgun Gothic', sans-serif; line-height:1;  }
ul, ol { list-style:none; margin:0; padding: 0; }
a { outline:0; text-decoration:none; }
a:focus { outline:none; }
img { border:none; outline:none; max-width: 100%; }
p { margin:0; padding:0; word-wrap: break-word; word-break: keep-all;  }

/* html 폰트 사이즈 */
@media (max-width:1080px) {
	html { font-size: 8px; }
}
@media (max-width:767px) { /* 태블릿, 모바일 가로 */
	html { font-size: 7.5px; }
}
@media (max-width:480px) { /* 모바일 */
	html { font-size: 6.5px; }
}

/* body 폰트 사이즈 */
@media (max-width:1080px) {
	body { font-size: 14px; }
}
@media (max-width:767px) { /* 태블릿, 모바일 가로 */
	body { font-size: 13px; }
}
@media (max-width:480px) { /* 모바일 */
	body { font-size: 12px; }
}


.pagopa_full_frame { max-width:1080px; margin: 0 auto; }
.pagopa_full_frame .innerWrap { padding:18.06% 3.7% 0; }
.pagopa_full_frame .innerWrap #map { width:100%; height:100vh; }

.pagopa_full_frame .input-sm, .form-horizontal .form-group-sm .form-control {height: 50px; font-size: 15px; line-height: 40px;}
.pagopa_full_frame .input-sm+.form-control-feedback {line-height: 50px;}
.pagopa_full_frame #wr_content {line-height: 1.6;}
.pagopa_btn01 {line-height: 38px;}

.wrap {position: absolute;left: 0;bottom: 40px;width: 200px;height: auto;margin-left: -100px;text-align: left;overflow: hidden;font-size: 12px;line-height: 1.5;}
.wrap * {padding: 0;margin: 0;}
.wrap .info {width: 200px;height: auto;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.info .title {padding: 5px 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 16px;font-weight: bold;}
.info .close {
  position: absolute;
  right: 16px;
  top: 8px;
  width: 16px;
  height: 16px;
  opacity: 0.3;
}
.info .close:hover {
  opacity: 1;
  cursor: pointer;
}
.info .close:before, .close:after {
  position: absolute;
  left: 16px;
  content: ' ';
  height: 16px;
  width: 2px;
  background-color: #333;
}
.info .close:before {
  transform: rotate(45deg);
}
.info .close:after {
  transform: rotate(-45deg);
}
.info .body {position: relative;overflow: hidden;}
.info .desc {position: relative;height: auto;padding: 1rem;white-space: normal;}
.info .link {color: #5085BB;}

/* 헤드 */
.header_wrap { 
position: fixed; top: 0; left: 50%; transform:translateX(-50%); width: 100%; max-width: 1080px; background: #fff; z-index: 9999;
padding: 0 2.08%;
}
.pagopa_head_frame {
display:flex; padding: 1.4% 0 2.8%; border-bottom: 1px solid #e4e4e4;
}

/* 카테고리 */
.pagopa_head_frame .head_box01 {
width: 50%; height: 100%; display:flex; align-items:center;
}
.pagopa_head_frame .head_box01 > li {
width: calc( 100% / 5 ); text-align: center; 
}
.pagopa_head_frame .head_box01 > li .text { line-height: 1; font-size: 200%; color: #000; }


/* 주소 select */
.pagopa_head_frame .head_box02 { 
width: 39.8%; display:flex; align-items:center; justify-content:flex-end; padding-right: 2.1%;
}
.pagopa_head_frame .head_box02 > span { width: 39.79%; position: relative; line-height: 1; display:flex; align-items:center; }
.pagopa_head_frame .head_box02 > .top_select1 { margin-right: 6.79%; }
.pagopa_head_frame .head_box02 select { 
border: none; background: #fff; font-size: 231.25%; width: 78.66%; line-height: 1; cursor:pointer; margin-right: 6.67%;
-webkit-appearance: none; -moz-appearance: none; appearance : none; 
}
.pagopa_head_frame .head_box02 .selectArrow {
width: 14.67%; display:flex; align-items:center;
}

/* 햄버거 메뉴 */
.pagopa_head_frame .head_box03 {
width: 10.2%; display:flex; align-items:center; justify-content:center; padding: 0 1.1%;
}
.pagopa_head_frame .head_box03 .icon { border: none; background: none; }



@media (max-width:1080px) {
	.pagopa_head_frame .head_box02 select { font-size: 214.29% }
	.pagopa_head_frame .head_box01 > li .text { font-size: 185.71%; }
}
@media (max-width:767px) { 
	.pagopa_head_frame .head_box02 select { font-size: 138.46%; }
	.pagopa_head_frame .head_box01 > li .text { font-size: 115.38%; }
}
@media (max-width:480px) { 
	.pagopa_head_frame .head_box02 select { font-size: 100%; }
	.pagopa_head_frame .head_box01 > li .text { font-size: 100%; }
}



/* 푸터 */
.footer_frame { 
position: fixed; bottom: 0; left: 50%; transform:translateX(-50%); width: 100%; max-width: 1080px; box-shadow:0 -5px 10px rgba(0,0,0,0.1); 
padding:0 2.08%; background: #fff; z-index: 9999;
}
.footer_frame > .iconList { display:flex; }
.footer_frame > .iconList > li { width: 20%; padding: 0 1%; text-align: center; }
.footer_frame > .iconList > li > a { display: block; padding: 8% 0; }
.footer_frame > .iconList > li > a > .icon img { display: block; margin: 0 auto; width: 30.56%; }
.footer_frame > .iconList > li > a > .text { margin-top: 6%; color: #717171; font-size: 162.5%; }

@media (max-width:767px) { 
	.footer_frame > .iconList > li > a > .text { font-size: 115.38%; }
}
@media (max-width:580px) {
	.footer_frame > .iconList > li > a > .icon img { width: 30%; }
}
@media (max-width:480px) { 
	.footer_frame > .iconList > li > a > .text { font-size: 100%; }
}









/* 리스트 */
.listWrapV1 > li { 
padding: 2.8% 0; border-bottom: 3px solid #efefef; display:flex; align-items:center;
}
.listWrapV1 > li .img { width: 30rem; }
.listWrapV1 > li .textBox { width: calc( 100% - 30rem ); padding-left: 4%; }
.listWrapV1 > li .textBox a { color: inherit; }
.listWrapV1 > li .textBox .titleV1 { font-size: 262.5%; color: #000; margin-bottom: 3.33%; position: relative;  }
.listWrapV1 > li .textBox .text_length { position: absolute; right: 0; top: 50%; transform:translateY(-50%); color: #05aee7; font-size: 95.24%; }
.listWrapV1 > li .textBox .type1 { margin-bottom: 3.64%; }
.listWrapV1 > li .textBox .type1 a { display: flex; align-items:center; width: 100%; }
.listWrapV1 > li .textBox .type1 a > span { width: 4.55%; margin-right: 0.91%; }
.listWrapV1 > li .textBox .type1 a > p { font-size: 187.5%; color: #868686; transform:translateY(-2px); }
.listWrapV1 > li .textBox .addressV1 a > span { margin-right: 0.76%; }
.listWrapV1 > li .textBox .iconWrap { overflow-y: hidden; overflow-x: auto; }
.listWrapV1 > li .textBox .iconWrap .iconList { display:flex; margin-bottom: 1rem;  margin-left: 0.5rem; }
.listWrapV1 > li .textBox .iconWrap .iconList > li { margin-right: 6%; }
.listWrapV1 > li .textBox .iconWrap .iconList > li .icon { margin-bottom: 1.5rem; }
.listWrapV1 > li .textBox .iconWrap .iconList > li .icon img { max-width: initial; }
.listWrapV1 > li .textBox .iconWrap .iconList > li .text { font-size: 162.5%; color: #a8a8a8; text-align: center; }

.listWrapV1 > li .vr_icon {position: absolute; right: 3%; bottom: 3%; z-index: 1; width:35%;}

.listWrapV1 .thumb-img {margin: 0px auto; border-radius: 6px; overflow: hidden;}

@keyframes aniScale {
	0%{ transform:scale(1.0); }
	50%{ transform:scale(1.05); }
	100%{ transform:scale(1.0); }
}
.listWrapV1 .img-wrap .img-item img { animation:aniScale 2s linear infinite;} 

@media (max-width:1080px) {
	.listWrapV1 > li .img { width: 34rem; }
	.listWrapV1 > li .textBox { width: calc( 100% - 34rem ); }
	.listWrapV1 > li .textBox .text_length { font-size: 90%; }
}

@media (max-width:767px) {
	.listWrapV1 > li .img { width: 25rem; }
	.listWrapV1 > li .textBox { width: calc( 100% - 25rem ); }
	.listWrapV1 > li .textBox .titleV1 { font-size: 150%; font-weight: bold; }
	.listWrapV1 > li .textBox .text_length { }
	.listWrapV1 > li .textBox .type1 a > p { font-size: 123.08%; transform:translateY(0); }
	.listWrapV1 > li .textBox .iconWrap .iconList > li .text { font-size: 107.69%; }
	.listWrapV1 > li .textBox .iconWrap .iconList > li .icon { height: 3rem; margin-bottom: 0.5rem; position: relative; }
	.listWrapV1 > li .textBox .iconWrap .iconList > li .icon img { 
	position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); height: 100%; text-align: center;
	}
}
@media (max-width:480px) {
	.listWrapV1 > li { border-bottom: 1px solid #efefef; }
	.listWrapV1 > li .img { width: 19rem; }
	.listWrapV1 > li .textBox { width: calc( 100% - 19rem ); }
	.listWrapV1 > li .textBox .titleV1 { font-size: 133.33%;  }
	.listWrapV1 > li .textBox .type1 a > span { margin-right: 1.91%; }
	.listWrapV1 > li .textBox .type1 a > p { font-size: 108.03%; transform:translateY(1px); }
	.listWrapV1 > li .textBox .iconWrap .iconList > li .text { font-size: 100%; }
}