/* °øÅëÀûÀ¸·Î µé¾î°¡´Â ±âº» ÆÄÀÏ - css/basic.css ************/

@charset "utf-8";

/*°øÅë */
#loading {
	z-index:99999; display:none; border:2px solid #eef0f4; position:fixed; 
	width:220px; height:230px; left:50%; margin-left:-131px; top:50%; margin-top:-136px;
	background:#ffffff; text-align:center;
	overflow:hidden; -webkit-overflow-scrolling:touch;
	box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);
	border-radius:20px;
}
#loading_table { text-align:left; position:relative; }
#loading_table table { width:100%; height:15px; }
#loading_table_td_l { Vertical-align:bottom; text-align:left; padding-left:5px; padding-top:5px; width:200px; height:15px; Vertical-align:top; }
#loading_table_td_r { Vertical-align:bottom; text-align:right; padding-right:5px; padding-top:5px; width:20px; height:15px; Vertical-align:top; }
#loading_text {
	padding-left:5px; padding-right:5px;
	font-family:Dotum; font-size:13px; font-weight:bold; font-size:13px; text-decoration:none; color:#86878b; 
}
#loading_img { text-align:center; margin-top:30px; }
.loading_close { border:0px; cursor:pointer; }
.loading_close: hover { opacity: 0.3; }

#prCenterBox {
	z-index:99999; display:none; border:1px solid #ffffff; position:fixed; 
	left:50%; top:50%; 
	background:#ffffff;
	overflow:hidden; -webkit-overflow-scrolling:touch;
	box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);
}
#prCenterBox img { border:0px; }

/* formalertwindow_div start  ******************************************************************************/
#formalertwindow_div_back { 
	z-index:999991; display:none; background:#000; opacity: 0.3; 
	width:100%; height:100%; left:0px; top:0px;
	position:fixed; overflow:hidden; -webkit-overflow-scrolling:touch;
}
#formalertwindow_div {
	z-index:999992; display:none;  position:fixed; 
	overflow:hidden; -webkit-overflow-scrolling:touch;
	box-shadow: 0 10px 50px rgba(0, 0, 0, 0.4); background:#fff; border-radius:20px;
}

#formalertwindow_div_title { background:#fff; }
#formalertwindow_div_title_table { width:100%; }
#formalertwindow_div_title_table_td_l { 
	width:*; padding-left:10px; padding-top:5px; background:#fff; Vertical-align:middle;
	text-align:left; font-weight:bold; font-family:'NanumSquareNeo700'; font-size:13px; color:#000;  
}
#formalertwindow_div_title_table_td_r { padding-top:5px; padding-right:10px; background:#fff; text-align:right; width:20px; Vertical-align:middle; }
#formalertwindow_div_close { border:0px; opacity: 1; }
#formalertwindow_div_close:hover { opacity: 0.5; cursor:pointer; }
#formalertwindow_div_textbox {
	padding-top:30px; 
	text-align:center; letter-spacing: -0.03em; color:#333;  font-weight:bold; font-family:'NanumSquareNeo700'; font-size:13px; line-height:160%;
}
#formalertwindow_div_textbox_btn { text-align:center; padding-top:50px; }
a.formalertwindow_div_textbox_btn_link_ok { 
	background:#ca0014; padding-left:15px; padding-right:15px; padding-top:7px; padding-bottom:7px;margin-left:5px; margin-right:5px;
	color:#fff; font-family:'NanumSquareNeo700'; font-size:13px; letter-spacing: 0.1em; border-radius:20px; 
}
a.formalertwindow_div_textbox_btn_link_ok:hover { background:#555; }
a.formalertwindow_div_textbox_btn_link_no { 
	background:#777; padding-left:15px; padding-right:15px; padding-top:7px; padding-bottom:7px;margin-left:5px; margin-right:5px;
	color:#fff; font-family:'NanumSquareNeo700'; font-size:13px; letter-spacing: 0.1em; border-radius:20px; 
}
a.formalertwindow_div_textbox_btn_link_no:hover { color:#000; }
/* formalertwindow_div end */

/* formpagewindow_div start - prCenterBox, loading º¸´Ù z-index °ª ¹Ù·Î ¹Ø¿¡ */
#formpagewindow_div_back { 
	z-index:99997; display:none; background:#000; opacity: 0.3; 
	width:100%; height:100%; left:0px; top:0px; 
	position:fixed; overflow:hidden; -webkit-overflow-scrolling:touch;
}
#formpagewindow_div {
	z-index:99998; display:none;  position:fixed; border-radius:20px; padding:10px 15px 10px 15px;
	overflow:hidden; -webkit-overflow-scrolling:touch;
	box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);
	background:#FFFFFF; 
}
#formpagewindow_div_title { background:#fff; height:32px; }
#formpagewindow_div_title_table { width:100%; }
#formpagewindow_div_title_table_td_l { 
	width:*; padding-left:10px; padding-top:5px; background:#fff; Vertical-align:middle;
	text-align:left; font-weight:bold; font-family:'NanumSquareNeo700'; font-size:14px; color:#000;  
}
#formpagewindow_div_title_table_td_r { padding-top:10px; padding-right:15px; background:#fff; text-align:right; width:20px; Vertical-align:middle; }
#formpagewindow_div_close { border:0px; opacity: 1; width:18px; } 
#formpagewindow_div_close:hover { opacity: 0.7; cursor:pointer; }
#formpagewindow_div_iframebox { text-align:center; }
/* formpagewindow_div end *********************************************************************************************************************************************************************************/


/* °øÅë ¸µÅ© */
a.basic_link_yellow { color:#ffff00; 	text-decoration:underline; }
a.basic_link_yellow:link { color:#ffff00; }
a.basic_link_yellow:visited{ color:#ffff00; }
a.basic_link_yellow:hover { color:#FFFFFF; }
a.basic_link_yellow:active{ color:#ffff00; }
/* °øÅë ¸µÅ© end **********************************************************************************************************************************************************************************************/

/* MlangToolTipHtml */
#MlangToolTipHtml { display:none; position:absolute; z-index:99999999999; }
.MlangToolTipHtml_t { text-align:center; height:6px; } .MlangToolTipHtml_t img { width:11px; height:6px; border:0px; }
.MlangToolTipHtml_msg {
	margin-top:5px; background:#222; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:4px;
	font-family:NanumGothic; font-size:13px; color:#fff;  
	border-radius:4px 4px 4px 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); 
}

.errorText_red { text-align:center; font-weight:bold; font-family:Arial; font-size:15px; letter-spacing: 0.1em; color:#FF0000; }
.errorText_so { text-align:center; font-family:Dotum; font-size:11px; opacity: 0.7; }

/* form °ü·Ã **********************************************************************************************************************************************************************************************/
.MlangForm_msg_Class { font-family:NanumGothic; font-size:14px; color:#777; }
.MlangForm_msg_Class_red { font-family:NanumGothic; font-size:14px; background:#ff0000; color:#fff; padding:4px; border-radius:6px; }


/* scroll event s 
<div class="Mlang_scroll_wrap">
    <div class="Mlang_scroll_on">Á¦ÀÚ¸®¿¡¼­ ³ªÅ¸³³´Ï´Ù.</div>
    <div class="Mlang_scroll_on type_top">À§¿¡¼­ ³ªÅ¸³³´Ï´Ù.</div>
    <div class="Mlang_scroll_on type_left">¿ÞÂÊ¿¡¼­ ³ªÅ¸³³´Ï´Ù.</div>
    <div class="Mlang_scroll_on type_right">¿À¸¥ÂÊ¿¡¼­ ³ªÅ¸³³´Ï´Ù.</div>
    <div class="Mlang_scroll_on type_bottom">¹Ø¿¡¼­ ³ªÅ¸³³´Ï´Ù.</div>
</div>
*/
.Mlang_scroll_wrap {overflow: hidden;}
.Mlang_scroll_on {opacity: 0;transition: all 1s;}
.Mlang_scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}
.Mlang_scroll_on.type_top {transform: translate(0, -50px);}
.Mlang_scroll_on.type_bottom {transform: translate(0, 50px);}
.Mlang_scroll_on.type_left {transform: translate(-50px, 0);}
.Mlang_scroll_on.type_right {transform: translate(50px, 0);}
/* scroll event e */

/* ´Þ·Â */
#mlang_calendar{
position:absolute;
display:none;
width:300px;
background:#ffffff;
border-radius:12px;
box-shadow:0 15px 35px rgba(0,0,0,0.15);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto;
padding:12px;
z-index:99999
}

#mlang_calendar .cal_header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px
}

#mlang_calendar .cal_title{
display:flex;
gap:6px
}

#mlang_calendar select{
border:1px solid #ddd;
border-radius:6px;
padding:3px 6px;
font-size:13px
}

#mlang_calendar .cal_nav{
cursor:pointer;
border:none;
background:#f3f4f7;
width:28px;
height:28px;
border-radius:6px;
font-size:14px
}

#mlang_calendar .cal_nav:hover{
background:#e8ebff
}

#mlang_calendar table{
width:100%;
border-collapse:collapse;
text-align:center
}

#mlang_calendar th{
font-size:12px;
color:#888;
padding:6px 0
}

#mlang_calendar td{
padding:8px 0;
cursor:pointer;
border-radius:8px;
transition:all .15s;
text-align:center
}

#mlang_calendar td:hover{
background:#edf2ff
}

#mlang_calendar .today{
background:#4a6cf7;
color:#fff;
font-weight:600
}