@charset "utf-8";
@font-face {
 font-family:"Nanum Gothic";
 src:url('../../../resource/fonts/NanumGothic.eot');
 src:url('../../../resource/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),  url('../../../resource/fonts/NanumGothic.woff') format('woff'),  url('../../../resource/fonts/NanumGothic.ttf') format('truetype');
 url('../../../resource/fonts/NanumGothic.svg#NanumGothic') format('svg')  src:local(※), url('../../../resource/fonts/NanumGothic.woff') format('woff');
}
@font-face {
 font-family:"Nanum GothicExtraBold";
 src:url('../../../resource/fonts/NanumGothicExtraBold.eot');
 src:url('../../../resource/fonts/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),  url('../../../resource/fonts/NanumGothicExtraBold.woff') format('woff'),  url('../../../resource/fonts/NanumGothicExtraBold.ttf') format('truetype');
 url('../../../resource/fonts/NanumGothicExtraBold.svg#NanumGothic') format('svg')  src:local(※), url('../../../resource/fonts/NanumGothicExtraBold.woff') format('woff');
}


html, body, h1, h2, h3, h4, h5, h6, div, p, span, strong, em, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, input, select, button, label, textarea, img, a, section, header, footer, article, aside, small,time { margin: 0; padding: 0 }
header,footer,section,article,aside,b,nav,small,time{display:block;}
select { color: #636363; font-family: '맑은 고딕' }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
ul, ol { list-style: none }
li, dd { list-style: none; word-break: keep-all; word-break: break-word }
table { width: 100%; border-spacing: 2px; border: 0 }
img, input, select, textarea, button ,label{ color: #333; border: 0; vertical-align:middle; }
legend, #skipNavi, .skip ,.summary{ position: absolute; overflow: hidden; visibility: hidden; height: 0; font-size: 0; line-height: 0; z-index: -1; }
caption,
figcaption { overflow: hidden; width: 100%; height: 1px; font-size: 0; line-height: 0; text-indent: -9999px; margin-top: -1px }
hr { display: none }
a { text-decoration: none; cursor: pointer; color: #333; }
a:hover { text-decoration: none }
label, button, input[type='button'] { cursor: pointer ;vertical-align: -1px;}
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
th, td { word-wrap: break-word; word-break: break-all }
fieldset, iframe { border: 0; vertical-align: top }
address, cite, code, dfn, em, var { font-style: normal; font-weight: normal }
body {font-size: 14px; font-family:"맑은 고딕",Malgun Gothic !important; color: #333; background: #fff}
.fontM { font-family: "맑은 고딕"; }
table { table-layout: fixed; }
textarea{resize:none;}
/*color*/
table td {color: #333;font-size: 13px;}
table th {color: #333;font-size: 13px;}

/* Form 요소 */
input[type="checkbox"], input[type="radio"] {vertical-align: -4px;}
input[type="text"], input[type="password"], input[type="number"] {border: 1px solid #c3c3c3; padding: 2px 5px; color: #333; font-size: 13px; font-family: "맑은 고딕";border-radius: 2px;}
select { height: 24px; border: 1px solid #c3c3c3; color: #000; padding: 1px 0 3px 3px; font-size: 13px; font-family: "맑은 고딕";border-radius: 2px;}
textarea { padding: 4px; color: #333; border: 1px solid #c3c3c3; font-family: "맑은 고딕";border-radius: 2px;}

/* SkipNavi */
#SkipNavi { position: absolute; left: -9999px; text-indent: 9999px; width: 0; height: 0; border: 0; overflow: hidden; font-size: 0; line-height: 0 }

/* 접근성 */
.blind { display: block; position: absolute; left: -9999px; text-indent: 9999px; width: 0; height: 0; border: 0; overflow: hidden; font-size: 0; line-height: 0; white-space: nowrap } /* 대체 텍스트 숨겨놓때 */
.ellipsis{ max-width: 97%; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; color: #606060;}


/* Align Type */
.tL { text-align: left !important }
.tC { text-align: center !important }
.tR { text-align: right !important }
.vT { vertical-align: top !important }
.vM { vertical-align: middle !important }
.vB { vertical-align: bottom !important }
.fL { float: left !important }
.fR { float: right !important }
.fN { float: none !important }
.clear { overflow: hidden }
.clear2 { width: 100%; display: inline-block }
.clB{clear: both;}

/* Position Type */
.posA { position: absolute }
.posR { position: relative }
.posSTA { position: static }
.posFIX { position: fixed }

/* boxModel Type */
.dIB { display: inline-block !important }
.dB { display: block !important }
.dI { display: inline !important }
/* text Type */
.txtB { font-weight: bold }
.txtN { font-weight: normal }

/*font family*/
.font_D{font-family:"돋움",dotum;}
.font_M{font-family:"맑은 고딕",Malgun Gothic;}

/* Margin Type */
.mt0 { margin-top: 0px !important }
.mt1 { margin-top: 1px !important }
.mt2 { margin-top: 2px !important }
.mt3 { margin-top: 3px !important }
.mt4 { margin-top: 4px !important }
.mt5 { margin-top: 5px !important }
.mt7 { margin-top: 7px !important }
.mt10 { margin-top: 10px !important }
.mt12 { margin-top: 12px !important }
.mt15 { margin-top: 15px !important }
.mt17 { margin-top: 17px !important }
.mt20 { margin-top: 20px !important }
.mt25 { margin-top: 25px !important }
.mt27 { margin-top: 27px !important }
.mt30 { margin-top: 30px !important }
.mt35 { margin-top: 35px !important }
.mt40 { margin-top: 40px !important }
.mt45 { margin-top: 45px !important }
.mt50 { margin-top: 50px !important }
.mt55 { margin-top: 55px !important }
.mt60 { margin-top: 60px !important }
.mt70 { margin-top: 70px !important }
.mt80 { margin-top: 80px !important }
.mt100 { margin-top: 100px !important }
.mr5 { margin-right: 5px !important }
.mr10 { margin-right: 10px !important }
.mr15 { margin-right: 15px !important }
.mr18 { margin-right: 18px !important }
.mr20 { margin-right: 20px !important }
.mr30 { margin-right: 30px !important }
.ml0 { margin-left: 0px !important }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml75 { margin-left: 75px !important; }
.mt17 { margin-bottom: 17px !important; }
.mb0 { margin-bottom: 0px !important }
.mb5 { margin-bottom: 5px !important }
.mb10 { margin-bottom: 10px !important }
.mb15 { margin-bottom: 15px !important }
.mb20 { margin-bottom: 20px !important }
.mb30 { margin-bottom: 30px !important }
.mb40 { margin-bottom: 40px !important }
.dmt10 { margin-top: -10px !important }

/* Padding Type */
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p25 { padding: 25px !important; }
.pt1 { padding-top: 1px !important }
.pt2 { padding-top: 2px !important }
.pt3 { padding-top: 3px !important }
.pt5 { padding-top: 5px !important }
.pt10 { padding-top: 10px !important }
.pt15 { padding-top: 15px !important }
.pt20 { padding-top: 20px !important }
.pt100 { padding-top: 100px !important }

.pr5 { padding-right: 5px !important }
.pr10 { padding-right: 10px !important }
.pr20 { padding-right: 20px !important }
.pb0 { padding-bottom: 0px !important }
.pb10 { padding-bottom: 10px !important }
.pb30 { padding-bottom: 30px !important }
.pb40 { padding-bottom: 40px !important }
.pb100 { padding-bottom: 100px !important }
.pl0 { padding-left: 0px !important }
.pl3 { padding-left: 3px !important }
.pl5 { padding-left: 5px !important }
.pl10 { padding-left: 10px !important }
.pl15 { padding-left: 15px !important }
.pl20 { padding-left: 20px !important }
.pl25 { padding-left: 25px !important }
.pl40 { padding-left: 40px !important }
.pl100 { padding-left: 100px !important }
.underLine { text-decoration: underline; }
.tp25 { top: 25px !important; }