@charset "utf-8"; 

.bod_head.apply .page_total {display:block; position:absolute; bottom:0; left:0; color:#777777; padding-bottom:.555556em; font-weight:400;}

/* 개인정보수집동의 */
.agree-box {max-height:11.5em; padding:1em 1.5em; border:1px solid #ddd; overflow-y:auto;}
.agree-box h5 {margin-left:0;}

/*신청페이지 공통*/
[class*="multiPurpose-"] .titleBox {position:relative; padding:1.5em 2em; border:.5em solid #EEF2F5; margin-bottom:1em;}
[class*="multiPurpose-"] .subject {display:-webkit-box; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif; font-size:1.55554em; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:1.2em; max-height:1.25em;}
[class*="multiPurpose-"] .info {margin-top:.5em;}
[class*="multiPurpose-"] .info li {position:relative; padding:.2em .6em; font-size:1em; width:50%; float:left; display:-webkit-box; text-align:left; color:#555; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:1.4em; max-height:1.45em;}
[class*="multiPurpose-"] .info li:before{content:''; position:absolute; top:13px; left:0; width:5px; height:5px; background:#b1b1b1; border-radius:100%;}
[class*="multiPurpose-"] .info li strong{position:relative; display:inline-block; margin-right:.5em; color:#222;}
[class*="multiPurpose-"] .info li.full {width:100%;}
[class*="multiPurpose-"] span.tag {display:inline-block; font-size:.8em; border-radius:.22em; background:#f9ebef; color:#f64776; border:1px solid #f64776; padding:.22em .66em; margin-bottom:.5em; margin-right:10px;}
[class*="multiPurpose-"] span.tag.end {background:#eee; border:1px solid #bbb; color:#555;}
[class*="multiPurpose-"] .btnWrap {text-align:right; margin:1em 0;}
[class*="multiPurpose-"] .btnBox {padding:1em; background:#f8fafc; border-radius:10px;}

.multiPurpose-list > ul > li a .state {position:absolute; display:inline-block; top:0; right:0; padding:.2em .8em; background:#ddd; color:#fff; font-weight:400;}

[class*="multiPurpose-"] .state[data-name="접수대기"] {background:#2c2a8b;}
[class*="multiPurpose-"] .state[data-name="접수중"]  {background:#f64776;}
[class*="multiPurpose-"] .state[data-name="접수마감"] {background:#4d545b;}
[class*="multiPurpose-"] .subject .state {color:#fff; font-size:0.63593em; padding:0.3em 0.5em; margin-right:0.5em;}


/* 시민정보화교육 신청페이지 */
.multiPurpose-list.edu {border-top:3px solid #2F3336; border-bottom:1px solid #87898E; padding:0.2em 0;}
.multiPurpose-list.edu .subject {display:inline-block;}
.multiPurpose-list.edu > ul > li {position:relative; padding:1.11112em 2.222223em;}
.multiPurpose-list.edu > ul > li:nth-child(even) {background:#FAFBFC; border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
.multiPurpose-list.edu > ul > li > a.txt-area {display:block;}
.multiPurpose-list.edu > ul > li > a.btn {position:absolute; top:50%; right:2.222223em; transform:translateY(-50%);}
.multiPurpose-list.edu .subjec:hover {color:#2998E3; text-decoration:underline;}


/* 시설/대관 - 시설예약 페이지 */
.multiPurpose-list.facility > ul {margin:-10px;}
.multiPurpose-list.facility > ul > li {float:left; width:calc(33.33333% - 20px); margin:10px; padding:1.5em 1.85em; border:1px solid #ddd; border-radius:10px;}
.multiPurpose-list.facility > ul > li:hover {box-shadow:5px 5px 10px rgba(0,0,0,0.1); transition:all ease-out .3s;}
.multiPurpose-list.facility > ul > li > a{display:block;}
.multiPurpose-list.facility > ul > li:hover .subject {color:#2998E3;}
.multiPurpose-list.facility .info{margin-bottom:1em;}
.multiPurpose-list.facility .info li {width:100%;}
.multiPurpose-list.facility .thumb {width:100%; height:10em; margin-right:1em; margin-bottom:1em; border-radius:10px; overflow:hidden;}
.multiPurpose-list.facility .thumb > figure {height:100%;}
.multiPurpose-list.facility .thumb img {width:100%; height:100%; object-fit:cover;}
.multiPurpose-list.facility .txt-area {width:calc(100% - 1em);}

/* 시설/대관 - 예약하기 페이지 */
.multiPurpose-view.facility .thumb {float:left; width:30%; height:10em; margin-right:2em; border-radius:10px; overflow:hidden;}
.multiPurpose-view.facility .thumb > figure {height:100%;}
.multiPurpose-view.facility .thumb img {width:100%; height:100%; object-fit:cover;}
.multiPurpose-view.facility .txt-area {float:left; width:calc(70% - 2em);}


/* 다목적 신청페이지 */
.multiPurpose-list.mokjuk {border-top:3px solid #2F3336;}
.multiPurpose-list.mokjuk > ul {border-bottom:1px solid #87898E;}
.multiPurpose-list.mokjuk > ul > li	{position:relative;}
.multiPurpose-list.mokjuk > ul > li > a {display:block; padding:1.5em;}
.multiPurpose-list.mokjuk > ul > li > a:hover {background:#fafbfc;}
.multiPurpose-list.mokjuk > ul > li:nth-child(even){border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
.multiPurpose-list.mokjuk > ul > li > a.txt-area {display:block;}
.multiPurpose-list.mokjuk > ul > li > .state{position:absolute; top:50%; right:2.222223em; transform:translateY(-50%); padding:2em 1em; background:#f64776; border-radius:50%;}
.multiPurpose-list.mokjuk > ul > li > a:hover > .subject {color:#2c2a8b;}

.multiPurpose-view.mokjuk .titleBox{border-radius:1.5em 5em 0 0; margin-bottom:2em;}
.multiPurpose-view.mokjuk .subject .state{display:block; width:4em; height:4em; line-height:4em; text-align:center; padding:0; margin-bottom:0.5em; border-radius:5em; position:absolute; right:-1em; top:-1em;}
.multiPurpose-view.mokjuk .subject{padding-right:2em;}
.multiPurpose-view.mokjuk .d-day{padding:0 0.7em; margin:0 0.4em; background:#4d545b; color:#fff; font-size:0.8em; border-radius:1em; display:inline-block;}
.multiPurpose-view.mokjuk .tip.check{background-color:#eef2f5; padding:0.4em 3.8em; background-position:2em; border-radius:0 0 1.5em 1.5em; margin:0 -0.5em; margin-top:1em; position:absolute; left:0; right:0; top:92%;}

.confirm-wrap {padding:0.5em 1.5em; border-radius:50em; background-color:#f9f9f9;}
.confirm-wrap * {font-weight:500!important; font-size:1.1em!important;}
.confirm-wrap .tip {background-image:url(/_guide/img/menu/ico_tab5_on.svg); padding-left:1.6em!important;}
@media (max-width:1024px) {
	.bod_edu .list-ul > li {float:none; width:100%;}
	.multiPurpose-list.facility > ul > li {width:calc(50% - 20px);}
	.multiPurpose-list.edu > ul > li {padding:1em 1.65em;}
	.multiPurpose-list.edu > ul > li > a.btn {position:relative; top:auto; right:auto; transform:inherit; margin-top:10px;}
}
@media (max-width:640px) {
	.bod_head.apply .btn {display:inline-block;} 
	.bod_edu > ul > li {padding:1em;}
	.bod_edu > ul > li > a.btn {position:relative; top:auto; right:auto; transform:inherit;}
	.bod_view .view-area dt {padding:1em 0;}
	
	[class*="multiPurpose-"] .info li {width:100%;}
	.multiPurpose-list.edu > ul > li {padding:1em;}
	.multiPurpose-list.facility > ul > li {width:calc(100% - 20px);} 
	.multiPurpose-view .subject {font-size:1.55554em; display:block; overflow:unset; max-height:100%;}
	
}
@media (max-width:576px) {
	.bod_head.apply {padding-bottom:1em;}
	.bod_head.apply .page_total {position:relative; bottom:auto; left:auto;}
	.bod_head.apply .page_num {position:relative; bottom:auto; right:auto; margin-bottom:0;}
	

}
@media (max-width:415px) {
	.bod_edu .list-ul > li span {width:100%;}
}


/* 다목적접수 신청 - 231208 개발 맞춰서 추가 선언 */
@media (min-width:1025px) {
	.bod_multiSearch.mokjuk ul li:nth-child(1) .btn {margin-left:0.5em; border-radius:5px; margin-bottom:0;}
	.bod_multiSearch.mokjuk ul li:nth-child(2) select {width:15%; margin-right:0.5em;}
	.bod_multiSearch.mokjuk ul li:nth-child(2) input {width:30%;}
}
@media (max-width:1024px) {
	.bod_multiSearch.mokjuk ul li:nth-child(1) .hasDatepicker {width:45%;}
	.bod_multiSearch.mokjuk ul li:nth-child(1) span.w4 {width:10% !important;}
}

.multiPurpose-view.mokjuk .subject {font-size:1.85em;}
.multiPurpose-view.mokjuk .info {margin-top:1em; margin-bottom:2em;}
.multiPurpose-view.mokjuk .bod_view .view-area dt	{border-top:3px solid #2F3336; border-bottom:1px solid #DDD; padding:1em 1.42em; font-weight:700;}
.multiPurpose-view.mokjuk .bod_view .view-area dd {border-bottom:1px solid #DDD; padding:1em 1.42em;}

[class*="multiPurpose-"].mokjuk ul li {padding:1.5em;}
[class*="multiPurpose-"].mokjuk ul li:hover {background:#fafbfc;}
[class*="multiPurpose-"].mokjuk ul li .state {position:absolute; display:inline-block; top:0; right:0; padding:0.2em 0.8em; background:#ddd; color:#fff; font-weight:400;}
[class*="multiPurpose-"].mokjuk ul li .state.purpose_ing {background:#f64776;}
[class*="multiPurpose-"].mokjuk ul li .state.purpose_finish {background:#4d545b;}
[class*="multiPurpose-"].mokjuk ul li .state.purpose_ready {background:#2c2a8b;}
[class*="multiPurpose-"].mokjuk .info dt,
[class*="multiPurpose-"].mokjuk .info dd {float:left;}
[class*="multiPurpose-"].mokjuk .info dt {position:relative; font-weight:bold; padding:0.5em 0.75em; box-sizing:border-box;}
[class*="multiPurpose-"].mokjuk .info dt:before{content:''; position:absolute; top:1em; left:0; width:5px; height:5px; background:#b1b1b1; border-radius:100%; vertical-align:middle;}
[class*="multiPurpose-"].mokjuk .info dd {padding:0.5em 0.5em; box-sizing:border-box; color:#555;}
[class*="multiPurpose-"].mokjuk .detailView {height:4em; font-weight:bold; background:#fff; border:1px solid #2F3336; border-radius:5px; color:#2F3336; transition:all 0.2s;}
[class*="multiPurpose-"].mokjuk .detailView:hover {background:#2F3336; color:#fff;}

@media (min-width:1025px) {
	[class*="multiPurpose-"].mokjuk ul li .info {width:86%;}
	[class*="multiPurpose-"].mokjuk ul li .info dt {width:12%;}
	[class*="multiPurpose-"].mokjuk ul li .info dd {width:36%;}
	[class*="multiPurpose-"].mokjuk ul li .detailView {position:absolute; top:50%; right:1.5em; transform:translate(0, -50%); width:16%;}
}
@media (max-width:1024px) {
	[class*="multiPurpose-"].mokjuk ul li {padding:2.5em 1.5em;}
	[class*="multiPurpose-"].mokjuk ul li .info dt {width:30%;}
	[class*="multiPurpose-"].mokjuk ul li .info dd {width:70%; word-break:keep-all;}
	[class*="multiPurpose-"].mokjuk ul li .detailView {width:100%; height:3em; line-height:3em; margin-top:0.5em;}
}

/* 다목적접수 상세 - 231208 개발 맞춰서 추가 선언 */
[class*="multiPurpose-"].mokjuk .subject .state {overflow: hidden;}
[class*="multiPurpose-"].mokjuk .subject .state span {display:block;}
[class*="multiPurpose-"].mokjuk .subject .state .test_waiting {background:#2c2a8b;}
[class*="multiPurpose-"].mokjuk .subject .state .test_accept  {background:#f64776;}
[class*="multiPurpose-"].mokjuk .subject .state .test_deadline {background:#4d545b;}

@media (min-width:1025px) {
	[class*="multiPurpose-"].mokjuk .titleBox  .info {width:100%;}
	[class*="multiPurpose-"].mokjuk .titleBox .info dt {width:10%;}
	[class*="multiPurpose-"].mokjuk .titleBox .info dd {width:38%;}
	[class*="multiPurpose-"].mokjuk .titleBox .detailView {position:absolute; top:50%; right:1.5em; transform:translate(0, -50%); width:16%;}
}
@media (max-width:1024px) {
	[class*="multiPurpose-"].mokjuk .titleBox {padding:2.5em 1.5em;}
	[class*="multiPurpose-"].mokjuk .titleBox .info dt {width:30%;}
	[class*="multiPurpose-"].mokjuk .titleBox .info dd {width:70%; word-break:keep-all;}
	[class*="multiPurpose-"].mokjuk .titleBox .detailView {width:100%; height:3em; line-height:3em; margin-top:0.5em;}
}
@media (max-width:425px) {
	[class*="multiPurpose-"].mokjuk .titleBox .info dt {min-height:4em;}
	[class*="multiPurpose-"].mokjuk .titleBox .info dd {min-height:4em;}
}

/* 다목적접수 신청 - 231208 개발 맞춰서 추가 선언 */
.bod_write.mokjuk dl dt {color: #2F3336; font-weight:500; border-right:1px solid #d2d2d2; background:#fbfbfb; text-align:center;}
.bod_write.mokjuk select {margin-right: 1em;}
.bod_write.mokjuk #reduction_validate_rows .btn {color:#2F3336 !important;}
.bod_write.mokjuk #reduction_validate_rows .btn:hover {color:#fff !important;}

/* 이미지슬라이드 */
.photo_box {margin-bottom:3em; border-top:1px solid #ddd; position:relative;}
.photo_box .bigphoto {padding:2.94em 0; text-align:center; border-bottom:1px solid #ddd;}
.photo_box .slider {padding:1.76em 1.76em 2.94em; border-bottom:1px solid #ddd; overflow:hidden;}
.photo_box .slider:after {content:''; display:block; clear:both;}
.photo_box .slider ul {width:9999px;}
.photo_box .slider li {width:7em !important; height:7em; float:left;}
.photo_box .slider li:last-child {margin-right:0;}
.photo_box .slider li a {display:block; height:6em; overflow:hidden; opacity:.6; transition:opacity .3s; position:relative;}
.photo_box .slider li a:hover {opacity:1;}
.photo_box .slider li a.on {border:3px solid #DD560A; opacity:1;}
.photo_box .slider li a img {width:auto; max-width:none !important; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.photo_box .slideCont {position:absolute; padding:0 .29em; background:#fff; border-radius:30px; box-shadow:0 4px 16px rgba(0,0,0,.08); bottom:-1.58em; left:50%; margin-left:-4.15em; overflow:hidden;}
.photo_box .slideCont:before {content:''; display:block; width:1px; height:12px; background:#e6e6e6; position:absolute; top:50%; margin-top:-6px; left:50%;}
.photo_box .slideCont button {display:inline-block; width:4.41em; height:3.17em; text-indent:-9999px; overflow:hidden; vertical-align:middle;}
.photo_box .slideCont .prev {background:url(/_guide/img/ico_arrow_prev.svg) no-repeat 50% 50%;}
.photo_box .slideCont .next {background:url(/_guide/img/ico_arrow_next.svg) no-repeat 50% 50%;}

@media all and (max-width:640px) {
	.photo_box .slider {padding:1.76em 0 2.94em}
}


/* 예약하기 캘린더 */
.tbl-form-box {position:relative; margin-top:2em;}
.tbl-form-box > div {display:inline-block; vertical-align:top; margin:0 -2px;}
.tbl-form-box .date-select {width:55%;}
.tbl-form-box .time-select {width:45%; padding-left:5%;}
.tbl-form-box .time-select .tbl-box {margin-top:4.8em !important;}
.tbl-form-box .time-select .closed {color:#e74c4c;}
.tbl-form-box .tip {margin-top:1em;}

.tbl-form-box .title {font-size:1.4em; font-weight:700;}
.tbl-form-box .title span {display:inline-block; background:#005CB9; color:#fff; font-size:.7em; padding:.3em .5em; margin-right:.5em; border-radius:.3em;}

.tbl-form-box .date-select .legend {padding:.5em 0;}
.tbl-form-box .date-select .legend i {display:inline-block; width:1em; height:1em; vertical-align:middle;}
.tbl-form-box .date-select .legend i.legend-able {background:#EBF6FF;}
.tbl-form-box .date-select .legend i.legend-com {background:#FFF4F4;}
.tbl-form-box .date-select .legend span {margin-right:.5em;}

.calendarHead {text-align:center; padding:1em 0;}
.calendarHead a{display:inline-block; vertical-align:middle; margin:0 .5em;}
.calendarHead a.month {width:50px; height:50px; border:1px solid #ddd; border-radius:100%; background-repeat:no-repeat; background-position:50% 50%; text-indent:-999999px;}
.calendarHead a.next {background-image:url(/_guide/img/ico_arrow_next.svg);}
.calendarHead a.prev {background-image:url(/_guide/img/ico_arrow_prev.svg);}
.calendarHead a.today {padding:.5em 1em; border:1px solid #ccc; color:#777; text-decoration:none; border-radius:.3em;}
.calendarHead span {font-size:1.4em; font-weight:700; vertical-align:middle;}

.calendar table {width:100%; border-top:3px solid #222; box-sizing:border-box;}
.calendar th, .calendar td { border-bottom:1px solid #dedede;}
.calendar td > span {margin-right:5px;}
.calendar th {width:14%; height:40px; font-weight:600; line-height:40px; font-size:15px; text-align:center; background:#fff;}
.calendar th:first-child {color:#ec445b;}
.calendar th:last-child {color:#005CB9;}
.calendar td {height:80px; font-size:.9em; padding:8px 5px 5px; vertical-align:top; font-weight:500 !important; color:#999;}
.calendar td:first-child p {color:#ec445b;}
.calendar td:last-child p {color:#005CB9;}
.calendar td .schedule {margin-top:5px;}

.calendar td.able {background:#EBF6FF;}
.calendar td.com {background:#FFF4F4;}
.calendar td.sel {background:#f64776;}
.calendar td p{text-align:left;}
.calendar td.sel p {color:#fff !important;}
.calendar td:first-child p.txt,
.calendar td:last-child p.txt,
.calendar td:first-child p.txt {color:#777; font-weight:400;}

.multisel{display:table; width:100%; padding:15px; border:1px solid #ddd; border-radius:5px; overflow:hidden; box-sizing:border-box;}
.multisel ul{display:table-cell; width:calc(100% - 180px); overflow:hidden; vertical-align:middle;}
.multisel ul li{position:relative; float:left; padding:10px 40px 10px 15px; color:#fff; background:#0eaaaa; border-radius:5px; margin:5px;}
.multisel ul li a{position:absolute; right:0; top:5px; font-size:0; text-indent:-999999px;}
.multisel ul li a:before,
.multisel ul li a:after {position:absolute; right:18px; top:10px; content:''; height:15px; width:2px; background-color:#fff;}
.multisel ul li a:before{transform:rotate(45deg);}
.multisel ul li a:after{transform:rotate(-45deg);}

.multisel a.all-delete{display:table-cell; vertical-align:middle; text-align:center; margin:5px; width:90px; height:47px; color:#fff; background:#878787; border-radius:5px;}

@media (max-width:1024px) {
	.multiPurpose-view.facility .thumb {float:none; width:50%; margin-right:0;}
	.multiPurpose-view.facility .txt-area {float:none; margin-top:1em; width:100%;}
}
@media all and (max-width:920px) {
	.tbl-form-box > div {display:block;}
	.tbl-form-box .date-select {width:100%;}
	.tbl-form-box .time-select {width:100%; padding-left:0; margin-top:3em;}
	.tbl-form-box .time-select .tbl-box {margin-top:15px !important;}
}
@media (max-width:640px) {
	.multiPurpose-view.facility .thumb  {width:100%;}
}
/* 통합신청 */
.bod_list .list_state {width:12%;}
.bod_list .list_att {width:12%;}
.bod_list .list_state > span {display:block; padding:0.3em; text-align:center; max-width:5em; border-radius:4px; font-size:.95em; margin:0 auto;}
.bod_list .list_state > span.end {border:1px solid #bbb; background:#eee; color:#555;}
.bod_list .list_state > span.ing {border:1px solid #f64776; background:#f9ebef; color:#f64776;}
.bod_list .list_state > span.class-end {background:#fff; color:#2F3336;}
.bod_list .list_state > span.class-ing {background:#2F3336; color:#fff;}
.bod_maintain.edu thead th {position:relative;}
.bod_list.att input[type="checkbox"] + label:before,
.bod_maintain.edu input[type="checkbox"] + label:before {top:0;}
.bod_maintain.edu a {font-weight:800;}
.bod_maintain.edu span.tag {display:inline-block; font-size:.8em; border-radius:.22em; background:#f9ebef; color:#f64776; border:1px solid #f64776; padding:.22em .66em; margin-bottom:.5em;}
.bod_maintain.edu span.tag.end {background:#eee; border:1px solid #bbb; color:#555;}

.bod_list.att a.on {background:#2F3336 !important; color:#fff !important;}
/* 출결정보 */
span.attNum {position:relative; display:inline-block; padding:0 0.4em; font-size:1em; background:#3C9AE6; border-radius:1em; color:#fff; font-weight:500; text-align:center;}
span.attNum.bg1 {background:#3C9AE6;}
span.attNum.bg2 {background:#f64776;}
span.attNum.bg3 {background:#2F3336;}
span.attNum.bg4 {background:#999;}

.total-list {background:#f8fafc; padding:1em 1.22225em; border-radius:10px; margin-bottom:2em;}
.total-list ul {text-align:center;}
.total-list ul li {position:relative; display:inline-block; vertical-align:middle; padding:0 1em;}
.total-list ul li:after {content:""; position:absolute; top:calc(50% - 0.4em); right:0; height:0.8em; border-right:1px solid #ccc;}
.total-list ul li:last-child:after {content:none;}


/* 출석관리 */
.calendar a.attChk {display:block; width:80px; margin:0 auto; height:80px; border-radius:50%; border:1px solid #2998E3; color:#2998E3; padding:1em; font-weight:600; font-size:.9em;}
.calendar a.attChk:before {content:""; width:20px; height:20px; display:block; margin:0 auto; background:url(/apply/img/sub/05/attChk_ico.svg) no-repeat 50% 50% / 15px;}

/* 레이어팝업 */
.layerPopup {display:none; position:fixed; z-index:99; top:200px; left:50%; transform:translateX(-50%); background:#fff; border:1px solid #000; overflow:hidden; max-width:100%;}
.layerPopup .pop-con {position:relative;}
.layerPopup .pop-control {display:block; position:relative; background:#000; color:#fff; padding:10px 40px 10px 10px; font-size:11px; min-width:200px; height:40px; overflow:hidden;}
.layerPopup .pop-control .dayCloseCheck {display:block; position:absolute; top:0; left:0; opacity:0; z-index:-9999; height:0 !important; width:0 !important;}
.layerPopup .pop-control .dayCloseCheck + label {display:inline-block; position:relative; line-height:20px; padding:0; cursor:pointer; padding-left:20px;}
.layerPopup .pop-control .dayCloseCheck + label:before {content:""; display:inline-block; width:12px; height:12px; vertical-align:middle; background:#fff; border:3px solid #fff; border-radius:100%; margin-right:.5em; box-sizing:border-box;}
.layerPopup .pop-control .dayCloseCheck:focus + label {text-decoration:underline;}
.layerPopup .pop-control .dayCloseCheck:checked + label:before {background:#0089ff;}
.layerPopup .pop-control .pop-close {display:block; position:absolute; top:10px; right:10px; width:20px; height:20px; background:transparent; overflow:hidden; text-indent:-999px;}
.layerPopup .pop-control .pop-close:before {content:"⨯"; display:block; position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; line-height:20px; text-indent:0; color:#fff; font-size:2em;}

@media all and (max-width:520px) {
	.layerPopup {top:0 !important; left:0 !important; transform:none;}
	.layerPopup,
	.layerPopup .pop-con img{width:100%;}
}