@charset "UTF-8";
/* reset */
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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 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, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-text-size-adjust:none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
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; }
strong { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%;vertical-align:top }
img, fieldset {border:0}
ul, ol, li, dl { list-style:none; }
h1, h2, h3, h4, h5, h6 {
 font-size:100%;
 font-weight:normal; }
hr { display:none; }
a { color:inherit; }
a, a:link {text-decoration:none;}
a:visited {color:#333;}
a:hover, a:active {color:#333;text-decoration:none;}
em, i, address {font-style:normal;font-weight:normal;}
legend, caption {display:none;clear:both;}
input, textarea, select, button, table {
 font-size:inherit;
 font-family:inherit;
 line-height:inherit; }
section, nav, article, aside, hgroup, header, footer { display:block }
textarea, input {
 background:url(none);
 -webkit-border-radius:1px;
 -webkit-apprearance:none; }
textarea { resize:none; }
label { cursor:pointer; }
table { /*border-collapse: collapse;table-layout:fixed; */ 
      display: table;border-spacing:0;border-collapse:collapse}
caption { display: table-caption; }
colgroup { display: table-column-group; }
col { display: table-column; }
thead { display: table-header-group; }
tbody { display: table-row-group; }
tfoot { display: table-footer-group; }
tr { display: table-row; padding:0; margin: 0 }
td, th { display: table-cell;  padding:0; margin: 0}
button{margin:0;padding:0;border:0;cursor:pointer}

/*layout setting*/

.ellipsis{text-overflow: ellipsis; white-space: nowrap; overflow: hidden}

.clearfix:before,.clearfix:after {content:" "; display:table}
.clearfix:after {clear:both}
.clearfix {*zoom:1}

.blind, legend, hr{display:block; width:1px; height:1px; overflow:hidden; position:absolute; top:0; left:-1000em}
caption{width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden}
.ellipsis{text-overflow: ellipsis; white-space: nowrap; overflow: hidden}

/* skipNav */
#skipNav{position:relative;width:100%;overflow:hidden;}
#skipNav a{display:block; height:1px; margin-bottom:-1px;overflow:hidden; text-align:center; text-decoration:none; color:#333;
font-size:12px;}
#skipNav a:hover,#skipNav a:focus,#skipNav a:active{display:block;height:20px;padding:5px 0; background:none repeat scroll 0 0 #f2f2f2;}

/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
/*
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: normal;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff);
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: bold;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff);
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff');
}
*/
/* multi ellipsis */
.ellip {
  display: block;
  height: 100%;
}
.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}
.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}

.transparent {
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, old safari */
    -moz-opacity: 0.5;       /* mozilla, netscape */
    opacity: 0.5;           /* fx, safari, opera */
}

/* font */
html{font-size:10px !important;line-height:1}
body{min-width:320px;font-size:100% !important}

/*layout setting*/
.mt7{margin-top:7px}
.mt10{margin-top:10px}
.mt13{margin-top:13px !important}
.mt15{margin-top:15px}
.mt30{margin-top:30px}
.mt33{margin-top:33px}
.mt35{margin-top:35px}
.mt50{margin-top:50px}

.ml10{margin-left:10px}
.ml20{margin-left:20px}

.mt25{margin-top:25px !important}
.mt45{margin-top:45px}
.mt55{margin-top:55px}

.mr9{margin-right:9px}
.mr10{margin-right:10px}
.mr14{margin-right:14px}
.mr17{margin-right:17px}
.mr20{margin-right:20px}
.mr23{margin-right:23px}
.mr26{margin-right:26px}
.mr37{margin-right:37px}
.mr90{margin-right:90px}


.mb3{margin-bottom:3px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px}
.mb33{margin-bottom:33px}

.mb35{margin-bottom:35px}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px}
.mb47{margin-bottom:47px}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px}
.mb60{margin-bottom:60px}
.mb65{margin-bottom:65px}
.mb100{margin-bottom:100px}

.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt35{padding-top:35px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}

.pb10{padding-bottom:10px}
.pb35{padding-bottom:35px}
.pb50{padding-bottom:50px}
.pb95{padding-bottom:95px}
.pb100{padding-bottom:100px}
.pb110{padding-bottom:110px}
.pl15{padding-left:15px}

.pr10{padding-right:10px}
.pr90{padding-right:90px}