/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@media print{
	.noprint{ display:none; }
}
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, sup, sub,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	position:relative;
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:top;
	word-break:break-all;
}
var{ display:none; }
sup{ top:-0.25em; }
caption{ display:none; }
table, caption, tbody, tfoot, thead, tr, th, td{ position:static; }
th, td{ vertical-align:middle; }
/*안드로이드 탭색상제거*/
/*body{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-higlight-color:rgba(0, 0, 0, 0) }*/
/*iOS 이미지 컨텍스트 메뉴 막기*/
img{ -webkit-touch-callout:none; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block; }
select{ cursor:pointer; box-sizing:border-box; border-top:1px solid #BABABA; border-left:1px solid #BABABA; border-bottom:1px solid #DDD; border-right:1px solid #DDD; }
ol, ul{ list-style:none; }
blockquote, q{ quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after{ content:''; content:none; }
table{ border-collapse:collapse; border-spacing:0; }
a{ display:inline-block; cursor:pointer; text-decoration:none; color:inherit; }
a.line:hover{ text-decoration:underline; }
a.button > img{ display:block; }
.btn{ cursor:pointer; }
input{ border-radius:0; outline:none; margin:0; padding:0; font-size:100%; vertical-align:baseline; }
input[type=text],
input[type=password]{ box-sizing:border-box; border-top:1px solid #BABABA; border-left:1px solid #BABABA; border-bottom:1px solid #DDD; border-right:1px solid #DDD; }
input[type=checkbox]{ cursor:pointer; }
input[type=radio]{ cursor:pointer; }
label{ cursor:pointer; }
button{ cursor:pointer; background:none; border:0; color:inherit; font:inherit; line-height:normal; overflow:visible; padding:0; -webkit-appearance:button; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
button:focus{ outline:none; }
/**/
html, body, div, h1, h2, h3, h4, h5, h6, th, td, input, textarea, select, button{ font-weight:normal; font-family:'맑은고딕', 'Malgun Gothic', Dotum, '돋움', Arial, sans-serif; }
/*html, body, div, h1, h2, h3, h4, h5, h6, th, td, input, textarea, select, button{ font-family: 'Noto Sans Korean', "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", Ngothic, sans-serif; }*/
.blind{ display:none !important; }
.top_grp > *{ vertical-align:top; }
.middle_grp > *{ vertical-align:middle; }
.bottom_grp > *{ vertical-align:bottom; }
.noselect{ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.preload{ position:fixed; top:-10000px; left:-10000px; }
.pointer{ cursor:pointer; }
.float_clear:after{ content:""; display:block; clear:both; }
.float_left{ float:left; }
.float_right{ float:right; }
.txtl{ text-align:left !important; }
.txtc{ text-align:center !important; }
.txtr{ text-align:right !important; }
.relative{ position:relative; }
.ell{ padding-right:10px; box-sizing:border-box; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.layer_pop{ z-index:9999; position:fixed; top:0px; left:0px; }
.bold{ font-weight:bold; }
.hover_btn{ display:inline-block; position:relative; }
.hover_btn > img{ display:none; }
.hover_btn > img:first-child{ display:block; }
.hover_btn.on > img,
.hover_btn:hover > img{ display:block; }
.hover_btn.on > img:first-child,
.hover_btn:hover > img:first-child{ display:none; }
.block{ display:block; width:100%; }
.dim{
	pointer-events:none;
	position:fixed; top:0px; left:0px;
	width:100%; height:100%;
	z-index:9999;
	background:rgba(0, 0, 0, 0.5);
	/*
	  IE8이하는 rgba가 동작하지 않기 때문에 배경 투명도 적용을 위해 filter의 gradient을 대체 이용한다.
	  컬러값 60000000의 8자리 숫자의 의미: 앞 60 불투명도, 나머지 6자리 컬러값.
	  startColorstr와 endColorstr의 색을 같게 하여 배경 투명도 처리를 하는것.
	  하지만 원래는 그라데이션 처리하는 기법이기 때문에 같은 60% 투명도라고 해도 약간의 차이는 있다.
	*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000);
	zoom:1; /* 일반적이진 않지만 ie6, 7 에서 적용 안되는경우 선언. */
}
textarea{ box-sizing:border-box; border-top:1px solid #BABABA; border-left:1px solid #BABABA; border-bottom:1px solid #DDD; border-right:1px solid #DDD; }
.TABLE{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.ROW{ display:table-row; }
.CELL{ vertical-align:top; display:table-cell; box-sizing:content-box; }
.hbox{ font-size:0; }
.hbox *{ font-size:medium; }
.kQueryGuide{ display:none; top:0px; position:absolute; z-index:999999; left:50%; opacity:0.5; pointer-events:none; }
.ls0{ letter-spacing:0 !important; }
.ls25{ letter-spacing:-0.025em; !important; }
.ls50{ letter-spacing:-0.050em; !important; }
.ls75{ letter-spacing:-0.075em; !important; }
.ls100{ letter-spacing:-0.1em; !important; }
.noscroll{ overflow:hidden !important; }
a[href^=mailto]{ color:#4D81D7; letter-spacing:0; }
a[href^=mailto]:hover{ text-decoration:underline; }
a.link{ color:#4D81D7; letter-spacing:0; }
a.link:hover{ text-decoration:underline; }
a[href="#none"]{ color:rgba(0, 0, 0, 0.2) !important; }
.nopage{ text-align:center; margin-top:50px; margin-bottom:400px; }
.nopage > img{ max-width:100%; }
.btn_area{ font-size:0; position:absolute; z-index:5; display:block; background:url(/front_mgrd/imgs/opacity_bg/bg_blank.png); }
.debug_mode .btn_area{ background:url(/front_mgrd/imgs/opacity_bg/black50.png); }
.noitem{ background:#F9FAFB; color:#555; letter-spacing:-0.1em; line-height:30px; font-size:28px; border-top:1px solid #656565; border-bottom:1px solid #DDDEE0; }
.noitem{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.noitem > span{ display:table-cell; vertical-align:middle; text-align:center; }
::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color:#CCC;
}
::-moz-placeholder{ /* Firefox 19+ */
	color:#CCC;
}
:-ms-input-placeholder{ /* IE 10+ */
	color:#CCC;
}
:-moz-placeholder{ /* Firefox 18- */
	color:#CCC;
}
.tbbs{ background:#F5F5F5; color:#999; letter-spacing:-0.1em; line-height:30px; font-size:20px; box-sizing:border-box; border:1px solid #C7C7C7; }
.tbbs{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; height:420px; }
.tbbs > span{ display:table-cell; vertical-align:middle; text-align:center; }