/* 
** 한글 - font-family: 'Noto Sans KR', sans-serif;
** 영어, 베트남 - font-family: 'Noto Sans SC', sans-serif;
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;700&family=Noto+Sans:wght@400;700&display=swap');

::-webkit-scrollbar{width:3px; height:3px;}
::-webkit-scrollbar-track{background-color:transparent}
::-webkit-scrollbar-thumb{background-color:#909090}
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-corner{background-color:#333}

* {
	padding:0;
	margin:0;
	box-sizing:border-box;
	max-height:99999px;
	-webkit-tap-highlight-color:transparent;
	-webkit-text-size-adjust:none;
	-webkit-touch-callout:none;
}

a{color:#333; text-decoration:none; cursor:pointer}
a:hover,
a:active,
a:visited,
a:focus {text-decoration:none!important; border:0}
html{touch-action:manipulation}
html,body{height:100%; color:#333;background:#fff;font-size:10pt;}
:active,:focus{outline:none!important;}
s{color:#999}
ul{margin:0}
li{list-style:none;text-decoration:none}
em{font-style:normal}
img{border:0}
iframe{border:0}
input:focus{outline:none}
input,textarea,select{-webkit-appearance:none;-webkit-border-radius:0}
select{border:1px solid #b7b7b7;background:#fff url(/images/i_select.png) no-repeat right 10px top 50%}
select::-ms-expand{display:none}

#calTitle *,
#myCalender *{margin:0; padding:0; text-align:center; width:100%}
#calTitle, #myCalender{position:relative; margin:0; padding:0; text-align:center; font-size:30px}
#calTitle {height:100px; line-height:100px; letter-spacing:1px;}
#calTitle #prevMonth {position:absolute;top:50%;left:0;width:106px;color:#ddd;transform:translateY(-50%)}
#calTitle #nextMonth {position:absolute;top:50%;right:0;width:106px;color:#ddd;transform:translateY(-50%)}
#calTitle span{width:auto}

#myCalender {border-top:2px solid #F4F4F4}
#myCalender th,
#myCalender td {width:104px; height:104px; font-size:26px;}
#myCalender th {font-weight:400;}
#myCalender td {font-weight:300; border:0; cursor:pointer;}
#myCalender th:last-child{color:#f11}
#myCalender td:last-child{color:#f11}
#myCalender th:nth-child(6){color:#0171bd}
#myCalender td:nth-child(6){color:#0171bd}
#myCalender td.action {font-size:30px; font-weight:400; color:#fff!important; border-radius:10px; background:#2f2f2f!important}
#myCalender .blankLine {display:none;}

#popCalendar.Off #prevMonth,
#popCalendar.Off #nextMonth {opacity:.3; pointer-events:none;}

.content_body {height:100%;}
.content_body *,
.content_body._eng * {font-family: 'Noto Sans KR', sans-serif;}
.content_body._vn * {font-family: 'Noto Sans', sans-serif;}
.content_body.fixed,
.content_body.fix{position:fixed;width:100%;overflow:hidden;z-index:101;}
.article{position:relative;width:100%;overflow:hidden}


/*
** Common - PC
*/
@media screen and (min-width: 745px) {
	html, body { min-width:1400px;}
	.article{min-height:calc(100% - 82px);}
	
	#myCalender, #calTitle {font-size:20px}
	#calTitle{height:80px;line-height:80px}
	#myCalender {border-top-width:1px;}
	#myCalender th,
	#myCalender td {width:88px;height:56px;font-size:16px}
	#myCalender td.action {font-size:20px; border-radius:5px;}
	
	#calTitle #prevMonth,
	#calTitle #nextMonth{width:90px; font-size:18px;}
}

/*
** Common - MOBILE
*/
@media screen and (max-width: 744px) {
	.content_body {padding:0 0 120px; overflow:auto; -webkit-overflow-scrolling:touch; touch-action:manipulation}
}