@charset "utf-8";

/* 팝업 레이아웃 */
.popup-layout {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 900;}
.popup-layout img {max-width: 100%;}
.popup-layout:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: '';}
.popup-layout .inner {display: none; position: absolute; top: 50%; left: 50%; background: #fff; z-index: 999; padding:20px; }

		/* 스킨타입 스크립트 부르기 안되는 문제로 전체 팝업에 CSS 추가 그림자 + 그래이바탕흰엑스 닫기 */
		.popup-layout:after {background-color: #000; opacity: .3;}
		.popup-layout .inner {box-shadow: 3px 3px 7px #8e8e8e;}
		.popup-layout .inner .btn-close {background: #647189;}
		/* 스킨타입 스크립트 부르기 안되는 문제로 전체 팝업에 CSS 추가 */


.popup-layout .inner.size-B {margin-left: -350px; margin-top: -245px; width: 700px; }
.popup-layout .inner.size-B .btn-close {position: absolute; top: 0; right: 0; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 30px; color: #fff;}
.popup-layout .inner .popup-contents {position: relative; }
.popup-layout .inner .popup-contents h1 {margin-bottom: 20px; line-height: 1.2; font-size: 30px; font-weight: bold; color: #003333;}
.popup-layout .inner .popup-contents .mCustomScrollbar {max-height: 500px; margin-bottom:20px; overflow:auto;}

.popup-layout .inner.size-S {margin-left: -200px; margin-top: -80px; width: 400px; text-align: center;}
.popup-layout .inner.size-S .btn-center {margin-top: 20px; text-align: center;}
.popup-layout .inner.size-S .btn-center .btn_navy {height: 40px; line-height: 40px;}

.popup-layout.style01:after {background-color: #000; opacity: .3;}
.popup-layout.style01 .inner {box-shadow: 3px 3px 7px #8e8e8e;}
.popup-layout.style01 .inner.size-B .btn-close {background: #647189;}

.popup-layout.style02:after {display: none;}
.popup-layout.style02 .inner {border: 5px solid #213152; box-shadow: 3px 3px 7px #8e8e8e;}
.popup-layout.style02 .inner.size-B .btn-close {background: #213152;}

.popup-layout.style03:after {background-color: #000; opacity: .7;}
.popup-layout.style03 .inner {border: 5px solid #005aab;}
.popup-layout.style03 .inner.size-B .btn-close {background: #005aab;}


/* 서류제출 팝업 */
.mini_box { border-radius:7px; background-color:#eee; padding:10px 20px; margin:0 0 10px 0; text-align:center;}
.mini_box span { padding:5px 5% 0 0; font-size:1.35em; font-weight:700; display:inline-block; }
#layer1, #layer2, #layer3 { width:100%; display:none;}
#layer1 li, #layer2 li, #layer3 li  { width:185px; display:inline-block; text-align:left; padding:2px; float:left;}