/*********************
 FONT 
 *********************/
@font-face{font-family:"NotoSansKR"; font-weight:200;src:url("/fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansKR-Light.woff") format("woff"), url("/fonts/NotoSansKR-Light.ttf") format("truetype");}
@font-face{font-family:"NotoSansKR"; font-weight:normal;src:url("/fonts/fontst/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansKR-Regular.woff") format("woff"), url("/fonts/NotoSansKR-Regular.ttf") format("truetype");}
@font-face{font-family:"NotoSansKR"; font-weight:500;src:url("/fonts/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansKR-Medium.woff") format("woff"), url("/fonts/NotoSansKR-Medium.ttf") format("truetype");}
@font-face{font-family:"NotoSansKR"; font-weight:bold;src:url("/fonts/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/NotoSansKR-Bold.woff") format("woff"), url("/fonts/NotoSansKR-Bold.ttf") format("truetype");}

@font-face {font-family: 'NanumSquare';font-weight: 400; src: url("/fonts/NanumSquareR.eot"); src: url("/fonts/NanumSquareR.eot?#iefix") format('embedded-opentype'),url("/fonts/NanumSquareR.woff") format('woff'),url("/fonts/NanumSquareR.ttf") format('truetype');}
@font-face {font-family: 'NanumSquare';font-weight: normal; src: url("/fonts/NanumSquareR.eot"); src: url("/fonts/NanumSquareR.eot?#iefix") format('embedded-opentype'),url("/fonts/NanumSquareR.woff") format('woff'),url("/fonts/NanumSquareR.ttf") format('truetype');}
@font-face {font-family: 'NanumSquare';font-weight: 700;src: url("/fonts/NanumSquareB.eot");src: url("/fonts/NanumSquareB.eot?#iefix") format('embedded-opentype'),url("/fonts/NanumSquareB.woff") format('woff'),url("/fonts/NanumSquareB.ttf") format('truetype');}
@font-face {font-family: 'NanumSquare';font-weight: bold;src: url("/fonts/NanumSquareB.eot");src: url("/fonts/NanumSquareB.eot?#iefix") format('embedded-opentype'),url("/fonts/NanumSquareB.woff") format('woff'),url("/fonts/NanumSquareB.ttf") format('truetype');}
@font-face {font-family: 'NanumSquare';font-weight: 800;src: url("/fonts/NanumSquareEB.eot");src: url("/fonts/NanumSquareEB.eot?#iefix") format('embedded-opentype'),url("/fonts/NanumSquareEB.woff") format('woff'),url("/fonts/NanumSquareEB.ttf") format('truetype');}
@font-face {font-family: 'NanumSquare';font-weight: 300;src: url("/fonts/NanumSquareL.eot");src: url("/fonts/NanumSquareL.eot?#iefix") format('embedded-opentype'),url("/fonts/NanumSquareL.woff") format('woff'),url("/fonts/NanumSquareL.ttf") format('truetype');}

@font-face {font-family: 'NexonFootballGothic';src: url("/fonts/NexonFootballGothicL.ttf") format('truetype'),url("/fonts/NexonFootballGothicL.woff") format('woff');}

b span{font-weight: bold}
/*********************
 CSS 초기화 
 *********************/
* { margin: 0; padding: 0; }
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font: 17px/1.5 "NanumSquare"; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color:transparent;font-size: inherit;
}
body, input, textarea,  button, table {
	font: 17px; line-height: 1.25em; font: 17px/1.5 "NanumSquare"; appearance: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; border: none;
}
select {
	font: 17px; line-height: 1.25em; font: 17px/1.5 "NanumSquare";
}
html { width:100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { width:100%; position: relative; -webkit-text-size-adjust: none;}
img { max-width:100%; height:auto; border: 0 none; -webkit-tap-highlight-color:transparent;}
fieldset {border: 0; margin: 0; padding: 0; -webkit-tap-highlight-color:transparent;}
dl, ul, ol, menu, li {	list-style: none; }
address, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
a { text-decoration: none; -webkit-tap-highlight-color:transparent; background-color: transparent; color: inherit;}
a:link, a:hover, a:active, a:focus { text-decoration: none; /*outline: 0; color: #363636 */;}
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
caption { overflow: hidden; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; vertical-align: middle;}
article, aside, details, figcaption, figure, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
b, strong { font-weight: bold; }
hr { -moz-box-sizing: content-box;	box-sizing: content-box; height: 0;}
pre { overflow: auto;}
optgroup { color: inherit; font: inherit; font-weight: bold;}
select { color: inherit; font: inherit; text-transform: none; background-repeat:no-repeat; vertical-align: middle; }
button { border: 0 none; background-repeat:no-repeat; background-color: transparent;	cursor: pointer; text-transform: none; -webkit-tap-highlight-color:transparent; vertical-align: middle; color: inherit; font: inherit;}
button::-moz-focus-inner, input::-moz-focus-inner {	border: 0; padding: 0; -webkit-tap-highlight-color:transparent; }
button, button[disabled], input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; vertical-align: middle; color: inherit; font: inherit;}
input::-ms-clear { display: none; }
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
input[type="checkbox"] { box-sizing: border-box; appearance:checkbox; -webkit-appearance: checkbox; -moz-appearance: checkbox; }
input[type="radio"] { box-sizing: border-box; appearance:radio; -webkit-appearance: radio; -moz-appearance: radio; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="number"] { -moz-appearance: textfield; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box;	-webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="file"] {}
input::placeholder { color:#999999;}
input::-webkit-input-placeholder {  color:#999999;}
input:-ms-input-placeholder {  color:#999999;}
textarea { overflow: auto; vertical-align: middle; color: inherit; font: inherit;}
textarea::placeholder {  color:#999999;}
textarea::-webkit-input-placeholder {  color:#999999;}
textarea:-ms-input-placeholder {  color:#999999;}
legend { border: 0; overflow: hidden; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; vertical-align: middle;}
table {	border-collapse: collapse; 	border-spacing: 0;}
td, th { padding: 0; text-align: left;}

/*********************
  공통 CSS 
 *********************/
/* 웹접근성 NONE */
.none { overflow: hidden; position: absolute; top: -100px; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; z-index:0;}
.hidden { overflow: hidden; position: absolute; top: -100px; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; z-index:0;}

/* 텍스트 정렬 */
.tc { text-align: center !important;}
.tl { text-align: left !important;}
.tr { text-align: right !important;}

/* 폰트사이즈 */
.fs_9 { font-size: 9px !important;}
.fs_11 { font-size: 11px !important;}
.fs_13 { font-size: 13px !important;}
.fs_15 { font-size: 15px !important;}
.fs_17 { font-size: 17px !important;}
.fs_19 { font-size: 19px !important;}
.fs_21 { font-size: 21px !important;}
.fs_23 { font-size: 23px !important;}
.fs_25 { font-size: 25px !important;}
.fs_27 { font-size: 27px !important;}
.fs_29 { font-size: 29px !important;}
.fs_31 { font-size: 31px !important;}
.fs_33 { font-size: 33px !important;}
.fs_35 { font-size: 35px !important;}
.fs_37 { font-size: 37px !important;}
.fs_39 { font-size: 39px !important;}
.fs_41 { font-size: 41px !important;}

/* 폰트 굵기 */
.f_light { font-weight: 200 !important;}
.f_normal { font-weight: normal !important;}
.f_medium { font-weight: 500 !important;}
.f_bold { font-weight: bold !important;}

/* 폰트 색상 */
.f_white { color: #fff !important;}
.f_black { color: #363636 !important;}
.f_blue { color: #2a3866 !important;}
.f_red { color: #c40014 !important;}

/* 배경 색상 */
.bg_white { background-color: #fff !important;}
.bg_grey { background-color: #f9f9f9 !important;}
.bg_black { background-color: #363636 !important;}
.bg_blue { background-color: #2a3866 !important;}

/* 마진  */
.mg_none {margin:0 !important;}

.mt_none {margin-top: 0!important;}
.mt_10 {margin-top: 10px !important;}
.mt_12 {margin-top: 12px !important;}
.mt_14 {margin-top: 14px !important;}
.mt_16 {margin-top: 16px !important;}
.mt_18 {margin-top: 18px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_22 {margin-top: 22px !important;}
.mt_24 {margin-top: 24px !important;}
.mt_26 {margin-top: 26px !important;}
.mt_28 {margin-top: 28px !important;}
.mt_30 {margin-top: 30px !important;}
.mt_32 {margin-top: 32px !important;}
.mt_34 {margin-top: 34px !important;}
.mt_36 {margin-top: 36px !important;}
.mt_38 {margin-top: 38px !important;}
.mt_40 {margin-top: 40px !important;}

.mb_none {margin-bottom: 0!important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_12 {margin-bottom: 12px !important;}
.mb_14 {margin-bottom: 14px !important;}
.mb_16 {margin-bottom: 16px !important;}
.mb_18 {margin-bottom: 18px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_22 {margin-bottom: 22px !important;}
.mb_24 {margin-bottom: 24px !important;}
.mb_26 {margin-bottom: 26px !important;}
.mb_28 {margin-bottom: 28px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mb_32 {margin-bottom: 32px !important;}
.mb_34 {margin-bottom: 34px !important;}
.mb_36 {margin-bottom: 36px !important;}
.mb_38 {margin-bottom: 38px !important;}
.mb_40 {margin-bottom: 40px !important;}

/* 너비  */
.w_full {width: 100% !important;}
.w_100 {width: 100px !important;}
.w_120 {width: 120px !important;}
.w_140 {width: 140px !important;}
.w_160 {width: 160px !important;}
.w_180 {width: 180px !important;}
.w_200 {width: 200px !important;}
.w_220 {width: 220px !important;}
.w_240 {width: 240px !important;}
.w_260 {width: 260px !important;}
.w_280 {width: 280px !important;}
.w_300 {width: 300px !important;}
.w_320 {width: 320px !important;}
.w_340 {width: 340px !important;}
.w_360 {width: 360px !important;}
.w_380 {width: 380px !important;}
.w_400 {width: 400px !important;}
.w_420 {width: 420px !important;}
.w_440 {width: 440px !important;}
.w_460 {width: 460px !important;}
.w_480 {width: 480px !important;}
.w_500 {width: 500px !important;}
.w_520 {width: 520px !important;}
.w_540 {width: 540px !important;}
.w_560 {width: 560px !important;}
.w_580 {width: 580px !important;}
.w_600 {width: 600px !important;}

/* 높이  */
.h_40 {height: 40px !important;}
.h_80 {height: 80px !important;}
.h_120 {height: 120px !important;}
.h_160 {height: 160px !important;}
.h_200 {height: 200px !important;}
.h_240 {height: 240px !important;}
.h_280 {height: 280px !important;}
.h_320 {height: 320px !important;}
.h_360 {height: 360px !important;}
.h_400 {height: 400px !important;}

.pd_none {padding:0 !important;}

/* FLOAT */
.fl {float:left !important;}
.fr {float:right !important;}

/* BORDER */
.bt_none {border-top: 0 !important;}
.br_none {border-right: 0 !important;}
.bb_none {border-bottom: 0 !important;}
.bl_none {border-left: 0 !important;}

.fix_top {position: absolute !important; left:0 !important; top:0 !important;}
.fix_bottom {position: absolute !important; left:0 !important; bottom:0 !important;}

/* HR */
hr.hr {margin:10px 0; border-color: #e8e8e8;}

/* NOSCRIPT */
.noscript {width:100%; margin:auto; text-align:center; padding:10px 0; background:#393f49; color:#fff;font-size:15px;}
.noscript_info {color: #ffe455; border-bottom: 1px solid #ffe455; margin-left: 5px;}

.ir { display:block; background-repeat: no-repeat; background-size: 100% 100%; z-index:2;}
.ir span { overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; z-index: -1; }