@charset "UTF-8";

/**
 * ConfirmPopup 전용 스타일
 * 버튼 박스 팝업에 사용
 */

/* ========================================
   템플릿 변환 확인 팝업 기본 스타일
   ======================================== */

.popup-wrap.confirm-popup{
	background-color:#00000080;
	cursor:none;
}

/* close-cursor */
.popup-wrap.confirm-popup .close-cursor{
	position:fixed;
	width:50px;
	height:50px;
	pointer-events:none;
	z-index:1;
	display:none;
	background:url('../../images/default/close/btn_template-popup-close.png') no-repeat center;
	background-size:contain;
}

.popup-wrap.confirm-popup .pop-message{
	cursor:auto;
}

.pop-message.template-convert{
	padding:50px 30px;
	min-width:400px;
	max-width:460px;
	border-radius:14px;
}

/* 팝업 닫기 버튼 */
.pop-message.template-convert .pop-close{
	width:12px;
	height:12px;
	top:12px;
	right:12px;
	background:#20232A none;
	-webkit-mask:url(../../images/default/close/btn_close-13x13.svg) no-repeat center;
	mask:url(../../images/default/close/btn_close-13x13.svg) no-repeat center;
	cursor:pointer;
}

/* 팝업 제목 부분 */
.pop-message.template-convert h3{
	font-family:Pretendard, serif;
	font-weight:600;
	font-size:18px;
	line-height:100%;
	text-align:center;
	margin-bottom:15px;
}

.pop-message.template-convert .popup-message-content{
	font-family:Pretendard, serif;
	font-weight:400;
	font-size:15px;
	line-height:23px;
	text-align:center;
	margin-bottom:15px;
}

/* ========================================
   Notice 박스 스타일
   ======================================== */

.pop-message.template-convert .popup-notice-box{
	display:flex;
	align-items:flex-start;
	gap:8px;
	border-radius:10px;
	padding:10px 16px;
	background:#F9F9F9;
	margin:16px 5px;
	box-sizing:border-box;
}

.pop-message.template-convert .popup-notice-icon{
	flex-shrink:0;
	width:15px;
	height:15px;
	margin-top:2px;
}

.pop-message.template-convert .popup-notice-content{
	flex:1;
	font-family:Pretendard, serif;
	font-weight:400;
	font-size:13px;
	line-height:20px;
	color:#666;
	text-align:start;
}

/* ========================================
   버튼 박스 스타일 (radio-group 형태)
   ======================================== */

.pop-message.template-convert .btn-box{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin-top:30px;
	padding-top:0;
	border-top:none;
}

.pop-message.template-convert .btn-box .button{
	display:block;
	width:100%;
	border-radius:10px;
	padding:18px 20px;
	margin:0;
	background:#1C1D1F;
	font-family:Pretendard, serif;
	font-size:16px;
	font-weight:600;
	line-height:23px;
	color:#FCFCFC;
	text-align:center;
	transition:all 0.2s ease;
	cursor:pointer;
	box-sizing:border-box;
	text-transform:uppercase;
}

/*.pop-message.template-convert .btn-box .button:hover{*/
/*	border-color:#FEDE29;*/
/*	background-color:#fffef5;*/
/*}*/

/*.pop-message.template-convert .btn-box .button:active{*/
/*	border-color:#222;*/
/*	background-color:#fafafa;*/
/*}*/

/* mango 버튼 스타일 */
.pop-message.template-convert .btn-box .button.mango{
	background:#FEDE29;
	color:#20232A;
}

/* line 버튼 스타일 */
.pop-message.template-convert .btn-box .button.underscore{
	background-color:transparent;
	border:none;
	margin-top:10px;
	padding:0 0 1px;
	color:#3F4250;
	font-family:Pretendard, serif;
	font-weight:400;
	font-size:14px;
	line-height:23px;
	text-decoration:underline;
	text-underline-position:under;
}

/*.pop-message.template-convert .btn-box .btn-type03.warning:hover{*/
/*	border-color:#ffcccc;*/
/*	background-color:#fff5f5;*/
/*}*/

/*.pop-message.template-convert .btn-box .btn-type03.warning:active{*/
/*	border-color:#ff9999;*/
/*	background-color:#fff0f0;*/
/*}*/

/* ========================================
   반응형
   ======================================== */

@media screen and (max-width:600px){
	.pop-message.template-convert{
		padding:40px 20px;
		min-width:auto;
	}
	
	.pop-message.template-convert h3{
		font-size:17px;
		line-height:24px;
	}
	
	.pop-message.template-convert .popup-message-content{
		font-size:14px;
		line-height:22px;
		margin-bottom:15px;
	}
	
	.pop-message.template-convert .popup-notice-box{
		width:100%;
	}
	
	.pop-message.template-convert .popup-notice-content{
		font-size:13px;
		line-height:18px;
	}
	
	.pop-message.template-convert .btn-box{
		gap:10px;
		margin-top:15px;
		padding-top:20px;
	}
	
	.pop-message.template-convert .btn-box .button{
		padding:15px 16px;
		font-size:15px;
		line-height:20px;
	}
}