@charset "utf-8";

@font-face {
    font-family: 'Noto Sans CJK KR';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSansCJKkr-Regular'), local('NotoSansCJKkr-Regular'),
    url(fonts/NotoSansCJKkr-Regular.eot),
    url(fonts/NotoSansCJKkr-Regular.eot?#iefix) format('embedded-opentype'),
    url(fonts/NotoSansCJKkr-Regular.woff2) format('woff2'),
    url(fonts/NotoSansCJKkr-Regular.woff) format('woff'),
    url(fonts/NotoSansCJKkr-Regular.ttf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans CJK KR';
    font-style: normal;
    font-weight: 600;
    src: local('NotoSansCJKkr-Medium'), local('NotoSansCJKkr-Medium'),
    url(fonts/NotoSansCJKkr-Medium.eot),
    url(fonts/NotoSansCJKkr-Medium.eot?#iefix) format('embedded-opentype'),
    url(fonts/NotoSansCJKkr-Medium.woff2) format('woff2'),
    url(fonts/NotoSansCJKkr-Medium.woff) format('woff'),
    url(fonts/NotoSansCJKkr-Medium.ttf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans CJK KR';
    font-style: normal;
    font-weight: 800;
    src: local('NotoSansCJKkr-Bold'), local('NotoSansCJKkr-Bold'),
    url(fonts/NotoSansCJKkr-Bold.eot),
    url(fonts/NotoSansCJKkr-Bold.eot?#iefix) format('embedded-opentype'),
    url(fonts/NotoSansCJKkr-Bold.woff2) format('woff2'),
    url(fonts/NotoSansCJKkr-Bold.woff) format('woff'),
    url(fonts/NotoSansCJKkr-Bold.ttf) format('opentype');
}

@font-face {
    font-family: 'Futura Lt BT';
    font-style: normal;
    font-weight: 300;
    src: local('Futura Lt BT'), local('Futura Lt BT'),
    url(fonts/Futura-Lt-BT-Light.eot),
    url(fonts/Futura-Lt-BT-Light.eot?#iefix) format('embedded-opentype'),
    url(fonts/Futura-Lt-BT-Light.woff2) format('woff2'),
    url(fonts/Futura-Lt-BT-Light.woff) format('woff'),
    url(fonts/Futura-Lt-BT-Light.ttf) format('opentype');
}

@font-face {
    font-family: 'Futura Hv BT';
    font-style: normal;
    font-weight: 800;
    src: local('Futura Hv BT'), local('Futura Hv BT'),
    url(fonts/Futura-Heavy-BT.eot),
    url(fonts/Futura-Heavy-BT.eot?#iefix) format('embedded-opentype'),
    url(fonts/Futura-Heavy-BT.woff2) format('woff2'),
    url(fonts/Futura-Heavy-BT.woff) format('woff'),
    url(fonts/Futura-Heavy-BT.ttf) format('opentype');
}

@font-face {
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: 400;
    src: local('Bebas Neue Regular'), local('Bebas Neue'),
    url(fonts/BebasNeue_Regular.eot),
    url(fonts/BebasNeue_Regular.eot?#iefix) format('embedded-opentype'),
    url(fonts/BebasNeue_Regular.woff) format('woff'),
    url(fonts/BebasNeue_Regular.ttf) format('opentype');
}

@font-face {
    font-family: 'BebasNeue';
    font-style: normal;
    font-weight: 700;
    src: local('Bebas Neue Bold'), local('Bebas Neue'),
    url(fonts/BebasNeue_Bold.eot),
    url(fonts/BebasNeue_Bold.eot?#iefix) format('embedded-opentype'),
    url(fonts/BebasNeue_Bold.woff) format('woff'),
    url(fonts/BebasNeue_Bold.ttf) format('opentype');
}

body, table												{height: auto;margin:0;padding:0}
body, div, p, th, td, input, textarea					{margin:0;padding:0;color:#000;font-size:12px;text-align:left;letter-spacing: -0.025em;font-family: 'Noto Sans KR', sans-serif, ngwoff, ngeot, Arial, Helvetica;font-weight:normal;line-height:1.2em;-webkit-text-size-adjust:none}
body * {font-family:'Noto Sans KR', sans-serif, ngwoff, ngeot, Arial, Helvetica;}
div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, form	{margin:0;padding:0;list-style:none}
a, img, table											{border:0 none}
a,img,input												{margin:0;padding:0}
table													{border:0px;border-collapse:separate;*border-collapse:collapse;border-spacing:0px;empty-cells:show}
caption													{visibility:hidden;height:0;width:0;font-size:0;line-height:0;overflow:hidden}
em {font-style: normal;}
a:link, a:visited, a:active								{color:inherit;text-decoration:none}
a:hover													{color:inherit;}

a														{height:inherit}
button {border: 0;background: none;cursor: pointer;vertical-align: middle;}
img {max-width: 100%;-ms-interpolation-mode:bicubic}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

html			{overflow: auto;}
*				{margin:0;padding:0}
body.popup		{display:block;overflow:hidden;max-width:550px;max-height:680px;}
body			{height:100%;}

select {font-size: 12px;background: url(/ko/common/images/main/ico_sel1.png) no-repeat 98% 50%;border: 0;padding: 0 18px 0 0;-webkit-appearance: none;/*chrome*/-moz-appearance: none;/*firefox*/appearance: none;/*공통*/}
select::-ms-expand {display: none;/*IE10, 11*/}

input {box-sizing:border-box;}
input:focus	{outline:medium none}
input[readonly] {background:#f3f3f3;}
input[type="tel"], input[type="text"], input[type="email"], input[type="search"],
input[type="number"], input[type="password"], input[type="date"]{width:100%;padding:0 10px;border:1px solid #ccc;background:#fff;height:35px;line-height:35px;box-sizing:border-box;border-radius:0;-webkit-appearance:none;}
input:checked	{border:1px solid #666;border-radius:10px}
input[type="checkbox"]{width:20px;height:20px;border:1px solid #666;border-radius:0;-webkit-appearance:checkbox}
input[type="radio"],
input[type="radio"]:checked,
input[type="radio"]:disabled{width:20px !important;height:20px;-webkit-appearance:radio;-webkit-border-radius:50%;}
input[type="radio"]{border:1px solid #ccc;}
input[type="date"]{padding:0 5px;background:#fff url(http://shop.bandinail.com/assets/images/default/mb_icon_date.png) 100% 50% no-repeat;background-size:auto 17px;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;border:1px solid #ccc;}
button {border:0;background:none;cursor:pointer;box-sizing:border-box;}
textarea {padding:10px 10px 13px;height:145px;border:1px solid #ccc;width:100%;box-sizing:border-box;vertical-align:middle;resize:none;}
input[type="text"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled,
input[type="email"]:disabled,input[type="search"]:disabled,input[type="reset"]:disabled, input[type="submit"]:disabled, input[type="file"]:disabled, input[type="date"]:disabled,select:disabled{background:#f4f4f4;border-color:#f4f4f4;color:#666}

label > span		{display:none}
.label			{margin:-19px 0 0 0}

input:-ms-input-placeholder{color:#999}
.input			{padding:0 0 0 5px;height:21px;background:#f7f7f7;text-align:left;border:1px solid #cfcfcf}
.inputSearch	{padding:0 5px;height:23px;background:#fff;text-align:left;border:none}
.inputSearch2	{padding:0 5px;height:23px;background:#fff;text-align:left;border:1px solid #dedede}
.boardInput		{padding:0 0 0 5px;height:20px;background:#fff;text-align:left;border:1px solid #cdcdcd}
.loginInput		{padding:0 5px;height:34px;background:#fff;line-height:34px;text-align:left;border:1px solid #cacaca}
.urlInput		{padding:0;height:35px;background:#fff;text-align:left;border:none}

.selectDefault	{/* height:22px; */background:#fff;text-align:left;border:1px solid #cdcdcd}

.hidden			{display:none}
.block			{display:block}
.clr			{clear:both}
.pointer		{cursor:pointer}
.inline			{display:inline-block}
.hdn			{overflow:hidden}

.relative		{position:relative}

/* float, text-align */
.f11			{font-size:11px}
.txt_point		{color:#d03200}
.txt_gray		{color:#9c9c9c}

.clr			{clear:both;height:0}
.fLeft			{float:left}
.fRight			{float:right}
.tLeft			{text-align:left}
.tCenter		{text-align:center}
.tRight			{text-align:right}

.mT2			{margin:2px 0 0 0}
.mT5			{margin:5px 0 0 0}
.mT6			{margin:6px 0 0 0}
.mT7			{margin:7px 0 0 0}
.mT9			{margin:9px 0 0 0}
.mT10			{margin:10px 0 0 0}
.mT20			{margin:20px 0 0 0}
.mT30			{margin:30px 0 0 0}
.mT35			{margin:35px 0 0 0}
.mT60			{margin:60px 0 0 0}

.mR10			{margin:0 10px 0 0}
.mR17			{margin:0 17px 0 0}

.mB10			{margin:0 0 10px 0}

.mL2			{margin:0 0 0 2px}
.mL4			{margin:0 0 0 4px}
.mL20			{margin:0 0 0 20px}