@charset "utf-8";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@import "sub01.css";
@import "sub02.css";
@import "sub03.css";
@import "sub04.css";
@import "sub06.css";
@import "sub08.css";


#conts .flow-list.ty2 .flow .item .tit {background: #0096bb;}

/*
	-----------------------------------------------
	* sub.css (포털 서브 공용)
	-----------------------------------------------
*/
/* 탭이 있는 콘텐츠 :  과천 우정병원 */

#conts .contTab {margin:50px 0;}
#conts .contTab ul:after {content:''; clear:both; display:table;}
#conts .contTab li {width:20%;float:left;padding:1.5rem 2rem;border:1px solid #006a61;border-right-width:0;color:#006a61;text-align:center;cursor : pointer;}
#conts .contTab li:nth-child(5n) {border-right-width:1px;}
#conts .contTab li:nth-child(n+6) {border-top-width:0;}
#conts .contTab li:last-child {border-right-width:1px;}
#conts .contTab li.on {background: #006a61;color:#fff;}
#conts .contWrap {background:#fdfdfd; border:1px solid #eee; border-top: 2px solid #006a61; padding:2rem 3rem;  overflow-y:scroll;}
#conts .contWrap > div {height:500px;}
#conts .contWrap dl{display:table; table-layout: fixed; width:100%; border-bottom:1px solid #ddd; padding:1.5rem; line-height:1.5; }
#conts .contWrap dl:last-child {border-bottom:none; padding-bottom:30px;}
#conts .contWrap dt{display:table-cell; width:15%; color:#32766f; }
#conts .contWrap dd{display:table-cell; width:100%; }
#conts .contWrap dd em { display:block; color:#777; font-weight:300;}

#conts .contTab .list03 li{width:33.3333%; border-right-width:1px; border-left-width:0; border-top-width:0;}
#conts .contTab .list03 {border-left:1px solid #32766f; border-top:1px solid #32766f;}

@media all and (max-width:1024px) {
	#conts .contTab li {width:33.3333%; border-right-width:1px; border-left-width:0; border-top-width:0;}
	#conts .contTab ul {border-left:1px solid #32766f; border-top:1px solid #32766f;}

	#conts .contTab .list03 li {width:50%;}

	#conts .contWrap dt{width:20%; }
}

@media all and (max-width:640px) {
	#conts .contTab li {width:50%;}

	#conts .contWrap dl {display:block; padding:1.5rem 0;}
	#conts .contWrap dt,
	#conts .contWrap dd { display:block; width:100%; }
	#conts .contWrap dt br {display:none;}
}

@media all and (max-width:460px) {
	#conts .contTab li {width:100%;}
	#conts .contTab .list03 li {width:100%;}
}


@media all and (max-width:320px) {
	#conts .contWrap {padding:1.5rem;}
}

/* 탭이 있는 콘텐츠 :  재개발, 재건축 - 단지별 현황 */
#conts .contWrap.reconstruction {overflow-y:initial;background:#fff;border:none;padding: 0;}
#conts .contWrap.reconstruction > div {height:auto;}

/* 탭이 있는 콘텐츠 :  버스 노선 */
#conts .contTab.tab4 li {width: 25%;}
#conts .contTab.tab4 li:nth-child(4n) {border-right-width:1px;}
#conts .contTab.tab4 li:nth-child(5n) {border-right-width:0;}
#conts .contTab.tab4 li:nth-child(n+5) {border-top-width:0;}
#conts .contTab.tab4 li:last-child {border-right-width:1px;}

@media all and (max-width:1024px) {
	#conts .contTab.tab4 li {width: 33.33333%;}
	#conts .contTab.tab4 li:nth-child(5n) {border-right-width:1px;}
}
@media all and (max-width:640px) {
	#conts .contTab.tab4 li {width: 50%;}
}
@media all and (max-width:460px) {
	#conts .contTab.tab4 li {width: 100%;}
}

/* 담당자 연락처 카드 */
#conts .card {position:relative; display:table; table-layout:fixed; border:1px solid #ddd; border-radius:10px; width:100%; min-height:100px; margin-bottom:10px;  line-height:1.3; }
#conts .card:after {content: ''; clear: both;}
#conts .card > div {display:table-cell;  vertical-align:middle; padding:1.5rem 3rem; width:100%;}
#conts .card .dep {width:25rem;font-size:2rem;background:#e9f3f6;text-align:center;color: #1a9ec5;border-radius:10px 0 0 10px;}
#conts .card .info p {float:left; width:auto;}
#conts .card .info .name {font-size:2.3rem; font-weight:700;}
#conts .card .info .tel,
#conts .card .info .fax,
#conts .card .info .addr,
#conts .card .info .mail {position:relative; padding-left:40px; font-size:1.8rem;margin:0 10px ;}
#conts .card .info .tel:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:29px; height:29px; background:url('/dept/img/content/common/card_ico_tell.png') no-repeat; background-size:100%;}
#conts .card .info .fax:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:29px; height:29px; background:url('/dept/img/content/common/card_ico_fax.png') no-repeat;  background-size:100%;}
#conts .card .info .addr:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:29px; height:29px; background:url('/dept/img/content/common/card_ico_addr.png') no-repeat;  background-size:100%;}
#conts .card .info .mail:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:29px; height:29px; background:url('/dept/img/content/common/card_ico_mail.png') no-repeat;  background-size:100%;}

@media all and (max-width:1024px) {
	#conts .card .info p {float:none; margin:0;}
}

@media all and (max-width:640px) {
	#conts .card .dep {width:50%; padding:1.5rem 1rem; font-size:1.7rem;}
	#conts .card .info {padding:1.5rem;}
	#conts .card .info .name {font-size:2.0rem; font-weight:700; margin-bottom:5px;}
	#conts .card .info .tel,
	#conts .card .info .fax,
	#conts .card .info .addr {font-size:1.7rem; padding-left:30px;  line-height:1.2; }
	#conts .card .info .tel:before,
	#conts .card .info .fax:before,
    #conts .card .info .addr:before {width:25px; height:25px;}
}



#conts .greeting[data-name="ITS"] {background:url('/dept/img/content/common/greeting_bg040201.png') no-repeat right top;}
#conts .greeting[data-name="water"] {background:url('/dept/img/content/common/greeting_bg06060101.png') no-repeat right top;}
#conts .greeting[data-name="environment"] {background:url('/dept/img/content/common/greeting_bg060701.png') no-repeat right top;}



/* 문화관광체육 소개페이지 !!!! 기존에 인사말 쓰는 가이드랑 충돌에서 클래스 추가함 */

#conts .greeting.tour {position:relative; z-index:0; background:none; padding:0; margin:0;}
#conts .greeting.tour .tit {position:relative; z-index:0; background:no-repeat left top #fff; padding:0 50px; background-size:cover; width:auto; height:auto; box-shadow:none; font-size:3.4rem; z-index:0;}
#conts .greeting.tour .tit:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background:url('/dept/img/content/common/frame_tour_content.svg') no-repeat 0 0; background-size:100% 100%;}
#conts .greeting.tour .tit:after {display:none;}
#conts .greeting.tour .tit p {display:block; position:relative; padding:90px 0px 135px; max-width:770px; margin:0 auto; color:#fff; font-size:1em; font-weight:100; line-height:1.3;}
#conts .greeting.tour .tit p:before {content:'"'; display:block; position:absolute; font-family:'NanumSquare', sans-serif; color:#189d7f; font-style:italic; font-size:10.4rem; font-weight:800; top:-.6em; left:.2em; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#conts .greeting.tour .tit p strong {font-weight:600;}
#conts .greeting.tour:after {display:none;}

#conts .infoWrap {display:table; table-layout:fixed; width:100%; margin:-6.8rem auto 0; position:relative; z-index:1; padding:0 2rem 4rem; background:url('/dept/img/content/common/greeting_pttr.png') repeat-x 0 100%;}
#conts .infoWrap > * {display:table-cell; vertical-align:top; text-align:center; padding:0 1rem; word-break:keep-all;}
#conts .infoWrap dt {display:block; position:relative; font-size:2rem; color:#000; font-weight:600;}
#conts .infoWrap dt:before {content:""; display:block; position:relative; width:10rem; height:10rem; margin:0 auto 2.4rem; background:url(../img/content/common/ico_greeting_info_addr.png) no-repeat 50% 50%; background-size:contain;}
#conts .infoWrap .location dt:before {background-image:url(../img/content/common/ico_greeting_info_location.png);}
#conts .infoWrap .homepage dt:before {background-image:url(../img/content/common/ico_greeting_info_site.png);}
#conts .infoWrap .tel dt:before {background-image:url(../img/content/common/ico_greeting_info_tel.png);}
#conts .infoWrap dd {margin-top:1.5rem; font-size:1.7rem; line-height:1.5;}

#conts .greeting.tour .txt {margin-top:0; padding:7rem 0; background:url('/dept/img/content/common/greeting_pttr.png') repeat-x 0 100%;}

@media all and (max-width:820px) {
	#conts .greeting.tour .tit {padding:0 5rem; font-size:3rem;}
	#conts .greeting.tour .tit p {padding:6rem 0 9rem;}
	#conts .greeting.tour .tit p:before {font-size:9rem;}

	#conts .infoWrap {padding:0 0 4rem;}
	#conts .infoWrap dt {font-size:1.8rem;}
	#conts .infoWrap dt:before {width:9rem; height:9rem;}
	#conts .infoWrap dd {font-size:1.6rem;}
}
@media all and (max-width:640px) {
	#conts .greeting.tour .tit {border-radius:3rem 0 3rem 0; padding:0 3rem;}
	#conts .greeting.tour .tit:before {display:none;}
	#conts .greeting.tour .tit p {padding:4rem 0 6rem;}
	#conts .greeting.tour .tit p:before {display:none;}

	#conts .infoWrap {display:block; margin-top:1.5rem;}
	#conts .infoWrap dl {display:table; width:100%; table-layout:fixed; padding:0;}
	#conts .infoWrap dl + dl {margin-top:.5rem;}
	#conts .infoWrap dl > * {display:table-cell; vertical-align:middle;}
	#conts .infoWrap dl dt {width:10rem; padding:1rem; background:#189d7f; color:#fff; border-radius:1rem; font-weight:400; font-size:1.6rem;}
	#conts .infoWrap dt:before {display:none; width:5rem; height:5rem; margin-bottom:1.5rem; margin:0 auto;}
	#conts .infoWrap dd {font-size:1.6rem;}
}
@media all and (max-width:480px) {
	#conts .greeting.tour .tit {padding:0 3rem; font-size:2.7rem; text-align:center; font-size:2rem;}
	#conts .greeting.tour .tit strong {display:block; font-size:1.8em; padding-top:.5rem;}
}


#conts .greeting[data-name="과천도시공사"] .tit {background-image:url('/dept/img/content/common/greeting_bg0802030100.jpg');}
#conts .greeting[data-name="관문체육공원"] .tit {background-image:url('/dept/img/content/common/greeting_bg0803010100.jpg');}
#conts .greeting[data-name="문원체육공원"] .tit {background-image:url('/dept/img/content/common/greeting_bg0803010200.jpg');}
#conts .greeting[data-name="서울대공원"] .tit {background-image:url('/dept/img/content/common/greeting_bg0803030100.jpg');}
#conts .greeting[data-name="중앙공원"] .tit {background-image:url('/dept/img/content/common/greeting_bg0803030200.jpg');}
#conts .greeting[data-name="에어드리공원"] .tit {background-image:url('/dept/img/content/common/greeting_bg0803030300.jpg');}
#conts .greeting[data-name="관악산"] .tit {background-image:url('/dept/img/content/common/greeting_bg0804010100.jpg');}
#conts .greeting[data-name="청계산"] .tit {background-image:url('/dept/img/content/common/greeting_bg0804020100.jpg');}
#conts .greeting[data-name="선바위미술관"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806010200.jpg');}
#conts .greeting[data-name="국립현대미술관"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806010300.jpg');}
#conts .greeting[data-name="정보과학도서관"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806020100.jpg');}
#conts .greeting[data-name="경기도립과천도서관"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806020200.jpg');}
#conts .greeting[data-name="문원도서관"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806020300.jpg');}
#conts .greeting[data-name="말박물관"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806030200.jpg');}
#conts .greeting[data-name="아해박물관"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806030300.jpg');}
#conts .greeting[data-name="한국카메라박물관"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806030400.jpg');}
#conts .greeting[data-name="렛츠런파크"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806040000.jpg');}
#conts .greeting[data-name="과천서울랜드"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806050000.jpg');}
#conts .greeting[data-name="국립과천과학관"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806060000.jpg');}
#conts .greeting[data-name="과천문화원"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806070000.jpg');}
#conts .greeting[data-name="경기소리전수관"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806080000.jpg');}
#conts .greeting[data-name="역사자료관"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806090000.jpg');}
#conts .greeting[data-name="안보교육관"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806100000.jpg');}
#conts .greeting[data-name="블랑모텔"] .tit {background-image:url('/dept/img/content/common/greeting_bg0808040100.jpg');}
#conts .greeting[data-name="과천문화재단"] .tit {background-image:url('/dept/img/content/common/greeting_bg0806120000.jpg');}
#conts .greeting[data-name="소비자피해구제"] .tit {background-image:url('/dept/img/content/common/greeting_bg0106050000.jpg');}




/*
#conts .greeting {position:relative; width:100%; padding:50px; margin-bottom:50px; background:url('/dept/img/content/common/greeting_bg040201.png') no-repeat right top; z-index:1; }
#conts .greeting:after {content:''; width:100%; height:5px; position:absolute;left:0; bottom:0;  background:url('/dept/img/content/common/greeting_pttr.png');}
#conts .greeting .tit {position:relative; width: 500px; height:250px; padding: 50px 50px 0; color:#fff; font-size: 3.7rem; font-weight:700; line-height:1.2;  background:url('/dept/img/content/common/greeting_tit_bg.png') no-repeat left top; background-size:cover; box-shadow:10px 10px 10px rgba(0,0,0,0.2); }
#conts .greeting .tit:after {content:'';width:137px;height:133px;position:absolute;right:-40px;bottom:-35px;background:url('/dept/img/content/common/greeting_deco.png') no-repeat;z-index: -1;}
#conts .greeting .txt {margin-top:60px;}

#conts .greeting[data-name="블랑모텔"] {background:url('/dept/img/content/common/greeting_bg0808040100.png') no-repeat right top;}
#conts .greeting[data-name="선바위미술관"] {background:url('/dept/img/content/common/greeting_bg0806010200.png') no-repeat right top;}
#conts .greeting[data-name="정보과학도서관"] {background:url('/dept/img/content/common/greeting_bg0806020100.png') no-repeat right top;}
#conts .greeting[data-name="경기도립과천도서관"] {background:url('/dept/img/content/common/greeting_bg0806020200.png') no-repeat right top;}
#conts .greeting[data-name="문원도서관"] {background:url('/dept/img/content/common/greeting_bg0806020300.png') no-repeat right top;}
#conts .greeting[data-name="말박물관"] {background:url('/dept/img/content/common/greeting_bg0806030200.png') no-repeat right top;}
#conts .greeting[data-name="아해박물관"] {background:url('/dept/img/content/common/greeting_bg0806030300.png') no-repeat right top;}
#conts .greeting[data-name="한국카메라박물관"] {background:url('/dept/img/content/common/greeting_bg0806030400.png') no-repeat right top;}
#conts .greeting[data-name="렛츠런파크"] {background:url('/dept/img/content/common/greeting_bg0806040000.png') no-repeat right top;}
#conts .greeting[data-name="과천서울랜드"] {background:url('/dept/img/content/common/greeting_bg0806050000.png') no-repeat right top;}
#conts .greeting[data-name="국립과천과학관"] {background:url('/dept/img/content/common/greeting_bg0806060000.png') no-repeat right top;}
#conts .greeting[data-name="국립과천과학관"] {background:url('/dept/img/content/common/greeting_bg0806060000.png') no-repeat right top;}
#conts .greeting[data-name="과천문화원"] {background:url('/dept/img/content/common/greeting_bg0806070000.png') no-repeat right top;}
#conts .greeting[data-name="경기소리전수관"] {background:url('/dept/img/content/common/greeting_bg0806080000.png') no-repeat right top;}
#conts .greeting[data-name="역사자료관"] {background:url('/dept/img/content/common/greeting_bg0806090000.png') no-repeat right top;}
#conts .greeting[data-name="안보교육관"] {background:url('/dept/img/content/common/greeting_bg0806100000.png') no-repeat right top;}
#conts .greeting[data-name="국립현대미술관"] {background:url('/dept/img/content/common/greeting_bg0806120000.png') no-repeat right top;}


@media all and (max-width:640px) {
	#conts .greeting {padding:60px 30px 50px;}
	#conts .greeting .tit {width:100%;  height: auto;  font-size: 3.0rem; padding:40px 30px; word-break:keep-all;}
}

@media all and (max-width:400px) {
	#conts .greeting {padding:30px 20px;}
	#conts .greeting .tit { font-size: 2.5rem; }
	#conts .greeting .none {display:none;}
}
*/

/* 오시는길 */
#conts .root_daum_roughmap *[target="_blank"]:after {content:none;}
#conts .locationWrap .address dl {position:relative; display:table; table-layout:fixed; width:100%; min-height:70px; border:1px solid #ddd; }
#conts .locationWrap .address dl dt,
#conts .locationWrap .address dl dd {position:relative; display:table-cell; width:100%; padding:2rem 0; vertical-align:middle; }

#conts .locationWrap .address dl dt {width:15rem; text-align:center;}
#conts .locationWrap .address dl dt span {position:relative;  padding:0 30px; font-weight:700;}
#conts .locationWrap .address dl dt span:before {content:''; position:absolute; width:20px; height:27px; left:0; top:-5px;  background:url('/dept/img/content/common/ico_location.png') no-repeat;}
#conts .locationWrap .address dl dt span:after  {content:''; position:absolute; width:4px; height:18px; right:0; top:-1px; background:url('/dept/img/content/common/ico_location_after.png') no-repeat;}

.ico_con.location {min-height:140px; padding:0 3rem; border-bottom:1px dotted #ddd;}
.ico_con.location .thumb{width:15rem; text-align:left;}

@media all and (max-width:640px) {
	#conts .locationWrap .address dl dt {width:10rem;}
	#conts .locationWrap .address dl dt span {padding:0 20px 0 30px;}
	#conts .locationWrap .address dl dd {padding:2rem 1.5rem;}
}




/*  교육/복지 - 노인 - 실버기자단 - 칼럼게시판*/

.bod_apply.column .cont{padding:3.5rem 3rem;}
.bod_apply.column .cont .detail {display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;height: 70px;}
*[class*="bod_apply"] .thumb .cate[data-state="문화체육"] {background:#325fdf;}
*[class*="bod_apply"] .thumb .cate[data-state="환경시정"] {background:#f77332;}


/* 행정서비스 */
#conts .declarationWrap {padding: 5rem; border:1px dashed #ddd;}
#conts .declarationWrap .inner{ text-align:center;}
#conts .declarationWrap .inner .title{ font-size: 32px; color: #355fe1; font-weight: 700; margin:20px 0;}
#conts .declarationWrap .inner .box {background:#f2f8ff; padding:5rem; margin:40px 0;}
#conts .declarationWrap .inner .box ul {}
#conts .declarationWrap .inner .box li {position:relative; padding:15px 0 15px 40px; text-align:left; line-height:1.5;}
#conts .declarationWrap .inner .box li:before {content:''; background:url('/portal/img/content/02/bul_declaration.png') no-repeat; width:30px; height:30px; position:absolute; left:0; top: 50%;transform: translateY(-57%);}

#conts .declarationBtn {margin:0 0 50px;}
#conts .declarationBtn ul:after {content:''; clear:both; display:table;}
#conts .declarationBtn li {position:relative; width:31%; float:left; margin:1%;}
#conts .declarationBtn li a {display:block; border:1px dashed #ddd; padding:20px;}
#conts .declarationBtn li a:after {content:''; position:absolute; right:20px; width:21px; height:17px; background:url('/portal/img/content/02/ico_declaration_btn.png') no-repeat 0 0;}
#conts .declarationBtn li a:hover {color:#355fe1; border:1px solid #355fe1;}
#conts .declarationBtn li a:hover:after {background-position:-21px 0;}


@media all and (max-width:1024px) {
	#conts .declarationWrap {padding:5rem 3rem;}

}

@media all and (max-width:900px) {
	#conts .declarationBtn li {width:48%;}
}

@media all and (max-width:768px) {
	#conts .declarationWrap .inner {word-break:keep-all;}
	#conts .declarationWrap .inner br { display: none; }
	#conts .declarationWrap .inner .box  {padding:3rem;}
}
@media all and (max-width:480px) {
	#conts .declarationBtn li{width:100%; margin:1% 0;}
}



/* 카카오맵 인포윈도우*/

.map-infoWdw{position:absolute;top: 10px;left:0;width: 240px;height:auto;overflow:hidden;margin-left: -110px;background: #fff;border: 1px solid #e2f6f8;border-radius: 10px;padding: 2rem 1.5rem;box-shadow: 5px 5px 10px 0px rgba(8,75,79,.15);}
.map-infoWdw .info div:first-child{width:100%;background:#ebf4f5;padding: 1rem 2rem;margin-bottom:10px;color: #00a9b5;text-align: center;border-radius: 50px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.map-infoWdw .info div{line-height:2.2rem;}
.map-infoWdw .close {display:block;position:absolute;width:30px;height:30px;background: #3c4756 url('/common/img/mymenu/ico_pop_close.png') no-repeat 50% 50% / 40%;top: 8px;right:  8px;border-radius: 50px;}




/*레이어 팝업*/
.layerPopup {display:none; position:fixed; z-index:99; top:250px; background:#fff; border:1px solid #000; overflow:hidden;}
.layerPopup .pop-con {position:relative;}
.layerPopup .pop-con img {display:block; max-width:100%;}
.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;}
.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;}


#layerpopup_mycode {left:50%; transform:translateX(-50%);}


@media all and (max-width:1024px) {
	#layerpopup_mycode {top:50%; transform:translateY(-50%);}
}