@charset "utf-8";

/* 공용 / 수정금지 */
#layerPopup {z-index:999999; position:fixed;}
#layerPopup * {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#layerPopup [class ^= "pop"] {z-index:1; position:fixed; display:none; overflow:hidden; border:1px solid #000; box-shadow:5px 5px 5px rgba(0,0,0,.2) !important; background:#fff;}
#layerPopup [class ^= "pop"] > div {position:relative;}
#layerPopup [class ^= "pop"] img {width:100%; height:auto; padding:0; marign:0; font-size:0; line-height:0; vertical-align:top;}
#layerPopup [class ^= "pop"] .bottom {width:100%; height:30px; text-align:right; border-top:1px solid #000; background:#fff; overflow:hidden; vertical-align:top;}
#layerPopup [class ^= "pop"] .bottom a {
	display:block; float:right; height:30px; vertical-align:top; padding:10px 10px 0 10px; cursor:pointer; line-height:100%; color:#666 !important;
	font-family:"돋움",Dothum; font-size:11px; letter-spacing:-1px; border-left:1px solid #e5e5e5 !important;
}
#layerPopup [class ^= "pop"] .bottom a.layerClose {padding-top:8px; font-size:14px;}

/* 개별 세팅 */
#layerPopup pop1 {}





/*내용긴팝업*/
.alinknone {cursor:default;}
#layerPopup .conWrap {}
#layerPopup .conWrap p.tit {
	display:inline-bock; width:100%;
	background:#0287c8; padding:20px 50px;
	font-weight:400; font-size:26px; color:#fff; letter-spacing:-1px; text-align:center;
	line-height:1.4;
}
#layerPopup .conWrap .con {	
	font-size:16px; color:#333; line-height:1.8;
	font-weight:400;
	word-break:keep-all;
}

#layerPopup .conWrap .con>div {padding:50px 50px 100px;} 
#layerPopup .conWrap .con>div>ul {margin:20px 0;}
#layerPopup .conWrap .con>div>ul>li {position:relative; padding-left:90px; color:#555;}
#layerPopup .conWrap .con>div>ul>li>span {
	position:absolute; top:0; left:0;
	display:inline-block; padding:7px 0; width:80px; background:#23408f; color:#fff;
	border-radius:30px;
	text-align:center;
	line-height:1;
}
#layerPopup .conWrap .con>div>ul>li+li {margin-top:10px;}
#layerPopup .conWrap .con button {
	display:inline-block; background:#f19b14; color:#fff; padding:20px; width:100%;
	font-size:22px; line-height:1;
	cursor:pointer;
}

/*pop-thx*/
.pop-thx .conWrap p.tit {background:#4f3080 !important; font-family:"gyeonggi"; letter-spacing:0 !important; font-size:28px !important;}
.pop-thx .conWrap .con {
	height:589px;
	overflow-y:auto;
	background:url(../pop/img/bg-letter-full.jpg)no-repeat center;
}
.pop-thx .conWrap .con>div {}
.pop-thx .conWrap .con>div p+p {margin-top:20px;}
.pop-thx .conWrap .con>div p:last-child {text-align:right; font-weight:500; color:#000; margin-top:30px;}

#layerPopup .inner { height:calc(100vh - 200px); overflow-y:auto;}
#layerPopup .inner .tit {background:var(--blue2); text-align:center;}
#layerPopup .inner .tit h2 {color:#fff; line-height:50px; font-size:21px;}
#layerPopup .inner .txt {padding:50px 30px; position:relative;}
#layerPopup .inner .txt img.logo {position:absolute; right:30px; top:20px; height:74px; width:auto;}
#layerPopup .inner .txt .item {}
#layerPopup .inner .txt .item+.item {padding-top:30px;}
#layerPopup .inner .txt .item p {font-size:17px; color:#000; font-weight:700;}
#layerPopup .inner .txt .item p.start {font-size:21px;}
#layerPopup .inner .txt .item p+p {margin-top:20px;}
#layerPopup .inner .txt .item p strong {color:var(--brown); font-size:20px;}
#layerPopup .inner .txt .item p b {color:var(--blue); font-weight:900;}
#layerPopup .inner .sign {padding-top:30px;}
#layerPopup .inner .sign p {color:#000; font-size:19px !important;}
#layerPopup .inner .sign p b {display:block; color:#000 !important; padding-top:15px;}
#layerPopup .inner .sign p img {width:auto; margin-left:40px; transform:translateY(-20px)}


@media screen and (max-width: 500px) {
	#layerPopup [class ^= "pop"] {width: 300px !important;}
}