/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("/front_total/font/nanum.css");
/*@import url("/front_total/styles/grid_system.css");*/
@media print{
	/*배경인쇄*/
	*{ -webkit-print-color-adjust:exact; }
	.noprint{ display:none; }
}
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html, input, textarea, select, button{ font-family:'맑은고딕', 'Malgun Gothic', Dotum, '돋움', Arial, sans-serif; }
html[lang="zh"] html, html[lang="zh"] input, html[lang="zh"] textarea, html[lang="zh"] select, html[lang="zh"] button{ font-family:Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; }
html[lang="ja"] html, html[lang="ja"] input, html[lang="ja"] textarea, html[lang="ja"] select, html[lang="ja"] button{ font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; }
.nanum_square{ font-family:'NanumSquare'; }
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{
	margin:0;
	padding:0;
	border:0;
	font-size:inherit;
	vertical-align:top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
}
div, strong, span, a,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, p, button{
	position:relative;
}
/*iOS 폰트 사이즈 자동조절 방지*/
body{ -webkit-text-size-adjust:100%; }
strong{ font-weight:bold; }
var{ display:none; }
sup{ top:-0.25em; }
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; max-width:100%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block; }
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; }
input{ margin:0; padding:0; font-size:100%; }
input[type=checkbox],
input[type=file],
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; }
input[type=text], input[type=search], input[type=password], textarea{ border-radius:0; border:1px solid #cfcfcf; }
input[type=text], input[type=search], input[type=password], textarea, button{ -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; }
input, textarea, select, button{ font-size:16px; }
textarea{ box-sizing:border-box; border:1px solid #b5b5b5; }
*[disabled]{ opacity:0.5; }
::-webkit-input-placeholder{ color:#cccccc; }
::-moz-placeholder{ color:#cccccc; }
:-ms-input-placeholder{ color:#cccccc; }
:-moz-placeholder{ color:#cccccc; }
caption, .blind, .hidden{ overflow:hidden; position:absolute; top:auto; left:-10000px; width:1px; height:1px; font-size:0; line-height:0; }
.IR{ text-indent:-99999999px; overflow:hidden; background-repeat:no-repeat; }
.hidden{ visibility:hidden; }
.top_grp > *{ vertical-align:top !important; }
.middle_grp > *{ vertical-align:middle !important; }
.bottom_grp > *{ vertical-align:bottom !important; }
.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; }
.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 에서 적용 안되는경우 선언. */
}
.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:25px !important; margin-bottom:200px; }
.nopage > img{ max-width:100%; }
.btn_box{ font-size:0; position:absolute; z-index:5; display:block; background:url(/front_total/imgs/opacity_bg/bg_blank.png); }
.debug_mode .btn_box{ background:url(/front_total/imgs/opacity_bg/black50.png); }
/**/
.noitem{ background:#eeeeee; color:#666666; letter-spacing:-0.1em; font-size:16px; }
.noitem{ outline:1px solid #dddee0; box-shadow:0px 0px 10px #dddee0; }
.noitem{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; }
.noitem > span{ display:table-cell; vertical-align:middle; text-align:center; }
.noitem > span:before{ margin-right:5px; background:url(/common_images/ic_warn.png); width:20px; height:19px; content:''; display:inline-block; vertical-align:top; }
.tbbs{ background:#eeeeee; color:#666666; letter-spacing:-0.1em; font-size:16px; outline:1px solid #dddee0; box-shadow:0px 0px 10px #dddee0; }
.tbbs{ display:table; table-layout:fixed; border-collapse:collapse; width:100%; height:420px; }
.tbbs > span{ display:table-cell; vertical-align:middle; text-align:center; }
/* #skip */
#skip{ z-index:999999; display:block; position:absolute; left:0; top:0; width:100%; height:0; text-align:center; }
#skip a{ display:inline-block; width:0; height:0; overflow:hidden; line-height:0; vertical-align:top; text-align:center; font-size:0; font-weight:normal; white-space:nowrap; }
#skip a:active,
#skip a:focus,
#skip a:hover{ width:auto; height:auto; line-height:normal; font-size:16px; color:white; padding:12px 40px; background:#333333; z-index:999999; }
/**/
.yt_box{ position:relative; height:0; padding-bottom:56.25%; }
.yt_box > *{ position:absolute; top:0; left:0; width:100%; height:100%; }
/**/
.pdf_box{ position:relative; height:0; padding-bottom:141.4%; }
.pdf_box{ box-sizing:border-box; border:1px solid #dddddd; }
.pdf_box > *{ position:absolute; top:0; left:0; width:100%; height:100%; }
/**/
.over_box{ overflow:hidden; }
/**/
.only_mobile{ display:none; }
.only_tablet{ display:none; }
.only_desktop{ display:block; }
/**/
/*.is_sogood.chrome *:focus:not(.btn){ outline:2px solid red; box-shadow:0px 0px 5px red; }*/
/* 767이하 - 모바일[480 PSD]*/
@media all and (max-device-width:767px){
	.only_mobile{ display:block !important; }
	.only_tablet{ display:none; }
	.only_desktop{ display:none; }
}
/* 768이상 ~ 1199이하 - 테블릿[768 PSD]*/
@media all and (min-device-width:768px) and (max-device-width:1199px){
	.only_mobile{ display:none; }
	.only_tablet{ display:block !important; }
	.only_desktop{ display:none; }
}