@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}


.popup-template-list{display:flex; gap:15px 20px; margin-bottom:30px; }
.popup-template{width:450px; min-height:467px; text-align:center;}
.popup-template .sub-tit{font-family:'GMarketSans', sans-serif; font-weight:500; font-size:.938rem}
.popup-template .sub-tit span{display:inline-block; padding:7px 15px 3px;  color:#fff; background-color:#2648b2; border-radius:100px; }
.popup-template h1{margin:0; padding:15px 0 0; font-family:'GMarketSans', sans-serif; font-weight:700; font-size:1.875rem}

.popup-template.one{padding:40px 25px; background:url(/assets/img/pop/bg-01.jpg) no-repeat center / cover;}
.popup-template.one h1{color:#fff;}
.popup-template.one .sub-tit span{color:rgba(255,255,255,.9)}
.popup-template.one .con{margin-top:17px; padding:22px 20px 28px; background-color:#fff; border-radius:20px;}
.popup-template.one .con .photo-wrap{display:flex; align-items:center; gap:0 12px;}
.popup-template.one .con .photo-wrap img{flex:1; width:100%; min-width:0; aspect-ratio:4/3; object-fit:cover; display:block; max-height:170px;}
.popup-template.one .con .txt-wrap :where(ul,li){padding:0; margin:0; list-style:none;}
.popup-template.one .con .txt-wrap{padding-top:15px; ;display:grid; grid-template-columns:max-content 1fr; text-align:left; gap:2px 15px}
.popup-template.one .con .txt-wrap ul{display:contents; font-family:'GMarketSans', sans-serif;}
.popup-template.one .con .txt-wrap ul li:first-child{ font-weight:700; font-size:1rem; color:#34383a;}
.popup-template.one .con .txt-wrap ul li:last-child{font-weight:500; color:#666;}

.popup-template.two{display:flex; flex-flow:column; justify-content:space-between; padding:0 25px 25px; } /* border:1px solid #000; */
.popup-template.two .label{max-width:78px!important}
.popup-template.two .sub-tit{margin-top:25px; color:#34383a; letter-spacing:1px; font-weight:500}
.popup-template.two h1{padding-top:5px;}
.popup-template.two .txt{padding:8px 10px 0; font-size:.938rem; word-break:keep-all;}
.popup-template.two .txt2{margin-top:17px; padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:1.063rem; color:#34383a; font-weight:500;}
.popup-template.two .btn-wrap p{margin:0; padding:11px 0; background-color:#3f6de7; color:#fff; border-radius:10px; font-size:1.25rem}


.popup-template.three{position:relative; padding:50px 0 200px; background:url(/assets/img/pop/bg-03.jpg) no-repeat center bottom -20px / 100%; box-sizing:border-box} /* border:1px solid #000; */
.popup-template.three .sub-tit span{position:relative; display:inline-block;  background:none; border-radius:0; color:#000; z-index:2; font-family:'pretendard', sans-serif; font-size:1.25rem}
.popup-template.three .sub-tit span:before{content:''; position:absolute; left:5%; bottom:7px; width:90%; height:12px; background-color:#c6daff; z-index:-1}
.popup-template.three h1{padding-top:7px; font-size:2.438rem; color:#144feb}
.popup-template.three .txt-wrap{padding:13px 15px 0; color:#3b74c3; font-size:1rem; font-weight:500; line-height:1.4}
.popup-template.three .logo{position:absolute; bottom:25px; left:50%; transform:translateX(-50%); max-width:186px!important;}

@media only screen and (max-width:1400px){
	.popup-template-list{flex-flow:column; gap:15px 20px;}
}
@media only screen and (max-width:560px){
	.popup-template{width:100%; min-height:auto;}	
	.popup-template .sub-tit{font-size:.875rem}
	.popup-template .sub-tit span{padding:6px 13px 3px;}
	.popup-template h1{padding:11px 0 0; font-size:1.625rem}

	.popup-template.one{padding:35px 20px 22px;}
	.popup-template.one .con{padding:20px 20px 25px;}
	.popup-template.one .con .photo-wrap{gap:0 10px;}
	.popup-template.one .con .txt-wrap{gap:1px 15px;}
	.popup-template.one .con .txt-wrap ul li:first-child{font-size:.875rem}
	.popup-template.one .con .txt-wrap ul li:last-child{font-size:.813rem}

	.popup-template.two .label{min-width:65px!important;}
	.popup-template.two .sub-tit{margin-top:20px;}
	.popup-template.two .txt{padding:8px 0 0; font-size:.875rem; line-height:1.4}
	.popup-template.two .txt2{padding:12px 0; font-size:.938rem; }
	.popup-template.two .btn-wrap p{font-size:.938rem; font-weight:500}

	.popup-template.three{padding-top:35px; background-position:center bottom -10px;; }
	.popup-template.three .sub-tit span{font-size:1.063rem}
	.popup-template.three .sub-tit span:before{bottom:5px;}
	.popup-template.three h1{font-size:1.75rem}
	.popup-template.three .txt-wrap{padding:10px 12px 0; font-size:.938rem}
	.popup-template.three .logo{max-width:150px!important; bottom:20px;}


}