@charset "euc-kr";


/* ------------------------------------------ Æ˾÷ 01 ---------------------------------------------- */
#popup01 {
	background-color: rgba(199,22,45,1.00);
	display: none;
	z-index: 99;
	width: 100%;
}
#popup01 .popup_content {
	color: #FFFFFF;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	min-height: 100px;
	padding-right: 50px;
	font-family: "³ª´®¹Ù¸¥°íµñ", "Nanum Barun Gothic", sans-serif;
}
#popup01 .popup_content .popup_body { padding: 15px; }
#popup01 .popup_content .popup_close {
	position: absolute;
	right: 15px;
	bottom: 15px;
	display: block;
}
#popup01 .popup_content .popup_close a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}

/* ------------------------------------------ Æ˾÷ 01-02 ---------------------------------------------- */
#popup01-02 {
	background-color: rgba(31,31,31,0.93);
	display: none;
	z-index: 99;
	width: 100%;
}
#popup01-02 .popup_content {
	color: #FFFFFF;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	min-height: 100px;
	padding: 15px 130px 15px 15px;
	font-family: "³ª´®¹Ù¸¥°íµñ", "Nanum Barun Gothic", sans-serif;
}
#popup01-02 .popup_content .popup_body { padding: 15px; }
#popup01-02 .popup_content .popup_close {
	position: absolute;
	right: 15px;
	bottom: 15px;
	display: block;
}
#popup01-02 .popup_content .popup_close a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}

@media (max-width: 991px) {
#popup01-02 .popup_content {
    padding: 15px;
}
#popup01-02 .popup_content .popup_close {
	position: relative;
	width:130px;
	margin: 15px auto;
	right: auto;
	bottom: auto;
	display: block;
}
}
/* ------------------------------------------ Æ˾÷ 02 ---------------------------------------------- */
/* ------------------------------------------ Æ˾÷ 03 ---------------------------------------------- */
#popup03 {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 61;
	background-color: rgba(0,0,0,0.7);
	display: none;
}
#popup03 .popup_content {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 500px;
	display: block;
	position: absolute;
	height: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#popup03 .popup_content img { border: 1px solid rgba(31,31,31,0.81); }
#popup03 .popup_close {
	color: rgba(255,255,255,1.00);
	float: right;
}
#popup03 .popup_closex {
	color: rgba(255,255,255,1.00);
	float: right;
}
/* ------------------------------------------ Æ˾÷ 03_01 ---------------------------------------------- */
#popup03_01 {
	position: absolute;
    width: 100%;
	max-width: 1000px;
	top: 220px;
	left: 0;
	z-index: 30;
	background-color: rgba(51, 51, 51);
	display: none;
}
#popup03_01 .popup_content {
	width: 100%;
	display: block;
}

#popup03_01 .popup_close {
	background-color:#333;
	color: rgba(255,255,255,1.00);
	float: right;
    margin: 5px;
}
#popup03_01 .popup_closex {
	background-color:#333;
	color: rgba(255,255,255,1.00);
	float: right;
	margin: 5px;
}
/* ------------------------------------------ Æ˾÷ 03_02 ---------------------------------------------- */
#popup03_02 {
	position: absolute;
	width: 100%;
	/* height: 541px; */
	max-width: 500px;
	top: 220px;
	left: 0;
	z-index: 30;
	background-color: rgb(51, 51, 51);
	display: none;
}
#popup03_02 .popup_content {
	width: 100%;
	display: block;
}
#popup03_02 .popup_close {
	background-color:#333;
	color: rgba(255,255,255,1.00);
	float: right;
	margin: 5px;
}
#popup03_02 .popup_closex {
	background-color:#333;
	color: rgba(255,255,255,1.00);
	float: right;
	margin: 5px;
}
/* ------------------------------------------ Æ˾÷ 04 ---------------------------------------------- */
#popup04 {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 18;
	background-color: rgba(0,0,0,0.17);
    display: none;
}
#popup04 .popup_content {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 800px;
	display: block;
	position: absolute;
	height: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#popup04 .popup_content img { border: 1px solid rgba(31,31,31,0.81); }
#popup04 .popup_close {
	color: rgba(255,255,255,1.00);
	float: right;
}
#popup04 .popup_closex {
	color: rgba(255,255,255,1.00);
	float: right;
}
/* ------------------------------------------ Æ˾÷ 05 ---------------------------------------------- */
#popup05 {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: rgba(0,0,0,0.5);
	backdrop-filter: blur(3px);
    display: none;
}
    
#popup05 .popup_content {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 400px;
	display: block;
	position: absolute;
	height: auto;
	top: 53%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* ÅÂºí¸´/¸ð¹ÙÀÏ ¹ÝÀÀÇü (¹è³Ê Å©±â/À§Ä¡ Á¶Àý)*/
 @media screen and (max-width:767px) {   
       #popup05 .popup_content { 
    max-width: 80%;
    top: 50%;
     }
    }    
    
}
#popup05 .popup_content img {/* border: 1px solid rgba(31,31,31,0.81); */}
#popup05 .popup_close {
	color: rgba(255,255,255,1.00);
	float: right;
	font-size: 0.9rem;
    font-weight: 600;
    font-family: 'Noto Sans KR';
}
#popup05 .popup_closex {
	color: rgba(255,255,255,1.00);
	float: right;
	font-size: 0.9rem;
    font-weight: 600;
    font-family: 'Noto Sans KR';
}