@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
  font-family: Nanum Gothic;
  src: url("../font/NanumG.eot");
  src: url("../font/NanumG.eot?#iefix") format('embedded-opentype'), url("../font/NanumG.woff") format("woff");
}

/*==========================================================================
Base
==========================================================================*/
/* word-break: break-all; word-wrap: break-word; */
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
p,
iframe,
span,
strong,
em {
  margin: 0;
  padding: 0;
  font-size: inherit;
  word-break: keep-all;
  word-break: break-word;
  -webkit-text-size-adjust: none;
}

body {
  background: #fff;
  font-family: Nanum Gothic, '돋움';
  font-size: 12px;
  color: #555;
  line-height: 18px;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
}

header,
hgroup,
footer,
section,
article,
aside,
nav,
canvas,
figure,
figcaption {
  display: block;
}

/*table { font-size:inherit; border-collapse:collapse; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all; }*/
html,
body {
  width: 100%;
  /* height: 100%; */
}

fieldset,
iframe {
  border: 0;
  vertical-align: top;
}

small {
  font-size: 12px;
  color: #666;
}

img {
  border: 0;
  font-size: 0;
  vertical-align: top;
}

address,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: normal;
}

li,
dd {
  list-style: none;
  word-break: keep-all;
  word-break: break-word;
}

q:before,
q:after {
  content: '';
}

hr {
  display: none;
}

caption {
  overflow: hidden;
  width: 100%;
  height: 1px;
  font-size: 1px;
  line-height: 0;
  text-indent: -9999px;
  margin-top: -1px;
}

legend {
  overflow: hidden;
  left: -9999px;
  text-indent: 9999px;
  width: 0;
  height: 0;
  overflow: hidden;
  line-height: 0;
  white-space: nowrap;
  color: #000;
}

button {
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  vertical-align: middle;
  font-size: 12px;
  appearance: none;
  moz-appearance: none;
  border: 0;
  *overflow: visible;
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0px;
  margin: 0px;
}

a,
a code {
  color: #000;
  text-decoration: none;
}

a:active,
a:active code {
  color: #000;
  text-decoration: none;
}

a:hover,
a:hover code,
a:focus,
a:focus code {
  text-decoration: none;
  color: #333;
}

/*
button,input,select,textarea {font-family:inherit; font-size:100%; margin:0; vertical-align:middle;}
button,input {line-height:normal;}
button,select {text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled],html input[disabled] {cursor:default;}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box; padding:0;}
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;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0; padding:0;}
textarea {padding:10px;overflow:auto; vertical-align:top; font-size:13px; }
input[type="radio"] { width:13px; height:13px; vertical-align:-1px; *vertical-align:2px; }
*/



/*==========================================================================
common Style
==========================================================================*/
/*
input[type="text"], input[type="password"] { font-size:13px; line-height:21px; vertical-align:middle; padding:0 8px; border:1px solid #b3b3b3; color:#767676;}
textarea { color:#767676; border:1px solid #b3b3b3; }
select { min-width:5em; height:23px; font-size:13px; line-height:17px; vertical-align:middle; border:1px solid #707070; color:#000; }
*/

/* 접근성 */
.blind {
  display: block;
  position: absolute;
  left: -9999px;
  text-indent: 9999px;
  width: 0;
  height: 0;
  border: 0;
  overflow: hidden;
  font-size: 1px;
  line-height: 0;
  white-space: nowrap;
}

/* 대체 텍스트 숨겨놓때 */
thead.blind {
  display: none;
}

.testBlind {
  display: inline-block;
  position: static;
  left: 0;
  text-indent: 0;
  width: auto;
  height: auto;
  font-size: 12px;
  line-height: 1em;
  white-space: pre-wrap;
  color: red !important;
  vertical-align: 1px;
  padding: 3px 2px 0 2px;
  border: 1px solid red;
}

.testBlindAlt {
  position: absolute;
  background: #fff !important;
  color: red !important;
  vertical-align: 1px;
  padding: 3px 2px 0 2px;
  font-size: 12px;
  border: 1px solid red;
}

thead.testBlind {
  display: table-header-group;
  padding: 0;
  border: 0;
}

caption.testBlind {
  display: table-caption;
  width: 100%;
  height: auto;
  border: 0;
  margin: 0;
  text-align: left;
  text-indent: 0;
  line-height: 1.2;
  font-size: 12px;
}

/* 정렬 */
.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.fr {
  float: right;
}

.mid {
  vertical-align: middle;
}

table.list .icon {
  vertical-align: middle;
  margin-left: 0px;
}

.iblock {
  display: inline-block !important;
}

.phoneLabel {
  display: inline-block !important;
  width: 3.5em;
  text-align: right;
  margin-right: 4px;
}

/* font-color */
.bold {
  font-weight: bold;
}

.fc_01 {
  color: #3287d1
}

.fc_02 {
  color: #c7c7c7
}

.fc_03 {
  color: #f71e42
}

.fc_04 {
  color: #333
}

.hand {
  cursor: pointer;
}

/* margin */
.mt0 {
  margin-top: 0 !important;
}

.mt1 {
  margin-top: 1px;
}

.mt2 {
  margin-top: 2px;
}

.mt3 {
  margin-top: 3px;
}

.mt4 {
  margin-top: 4px;
}

.mt5 {
  margin-top: 5px !important;
}

.mt6 {
  margin-top: 6px;
}

.mt7 {
  margin-top: 7px;
}

.mt8 {
  margin-top: 8px;
}

.mt9 {
  margin-top: 9px;
}

.mt10 {
  margin-top: 10px;
}

.mt11 {
  margin-top: 11px;
}

.mt12 {
  margin-top: 12px;
}

.mt13 {
  margin-top: 13px;
}

.mt14 {
  margin-top: 14px;
}

.mt15 {
  margin-top: 15px;
}

.mt16 {
  margin-top: 16px;
}

.mt17 {
  margin-top: 17px;
}

.mt18 {
  margin-top: 18px;
}

.mt19 {
  margin-top: 19px;
}

.mt20 {
  margin-top: 20px;
}

.mt21 {
  margin-top: 21px;
}

.mt22 {
  margin-top: 22px;
}

.mt23 {
  margin-top: 23px;
}

.mt24 {
  margin-top: 24px;
}

.mt25 {
  margin-top: 25px;
}

.mt26 {
  margin-top: 26px;
}

.mt27 {
  margin-top: 27px;
}

.mt28 {
  margin-top: 28px;
}

.mt29 {
  margin-top: 29px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt36 {
  margin-top: 36px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mb1 {
  margin-bottom: 1px;
}

.mb2 {
  margin-bottom: 2px;
}

.mb3 {
  margin-bottom: 3px;
}

.mb4 {
  margin-bottom: 4px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb6 {
  margin-bottom: 6px;
}

.mb7 {
  margin-bottom: 7px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb9 {
  margin-bottom: 9px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb11 {
  margin-bottom: 11px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb13 {
  margin-bottom: 13px;
}

.mb14 {
  margin-bottom: 14px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb17 {
  margin-bottom: 17px;
}

.mb18 {
  margin-bottom: 18px;
}

.mb19 {
  margin-bottom: 19px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.ml1 {
  margin-left: 1px;
}

.ml2 {
  margin-left: 2px;
}

.ml3 {
  margin-left: 3px;
}

.ml4 {
  margin-left: 4px;
}

.ml5 {
  margin-left: 5px;
}

.ml6 {
  margin-left: 6px;
}

.ml7 {
  margin-left: 7px;
}

.ml8 {
  margin-left: 8px;
}

.ml9 {
  margin-left: 9px;
}

.ml10 {
  margin-left: 10px;
}

.ml11 {
  margin-left: 11px;
}

.ml12 {
  margin-left: 12px;
}

.ml13 {
  margin-left: 13px;
}

.ml14 {
  margin-left: 14px;
}

.ml15 {
  margin-left: 15px;
}

.ml16 {
  margin-left: 16px;
}

.ml17 {
  margin-left: 17px;
}

.ml18 {
  margin-left: 18px;
}

.ml19 {
  margin-left: 19px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.mr1 {
  margin-right: 1px;
}

.mr2 {
  margin-right: 2px;
}

.mr3 {
  margin-right: 3px;
}

.mr4 {
  margin-right: 4px;
}

.mr5 {
  margin-right: 5px;
}

.mr6 {
  margin-right: 6px;
}

.mr7 {
  margin-right: 7px;
}

.mr8 {
  margin-right: 8px;
}

.mr9 {
  margin-right: 9px;
}

.mr10 {
  margin-right: 10px;
}

.mr11 {
  margin-right: 11px;
}

.mr12 {
  margin-right: 12px;
}

.mr13 {
  margin-right: 13px;
}

.mr14 {
  margin-right: 14px;
}

.mr15 {
  margin-right: 15px;
}

.mr16 {
  margin-right: 16px;
}

.mr17 {
  margin-right: 17px;
}

.mr18 {
  margin-right: 18px;
}

.mr19 {
  margin-right: 19px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr31 {
  margin-right: 31px;
}

.mr32 {
  margin-right: 32px;
}

.mr33 {
  margin-right: 33px;
}

.mr34 {
  margin-right: 34px;
}

.mr35 {
  margin-right: 35px;
}

.mr36 {
  margin-right: 36px;
}

.mr37 {
  margin-right: 37px;
}

.mr38 {
  margin-right: 38px;
}

.mr39 {
  margin-right: 39px;
}

.mr40 {
  margin-right: 40px;
}

/* padding */
.pb1 {
  padding-bottom: 1px;
}

.pb2 {
  padding-bottom: 2px;
}

.pb3 {
  padding-bottom: 3px;
}

.pb4 {
  padding-bottom: 4px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb6 {
  padding-bottom: 6px;
}

.pb7 {
  padding-bottom: 7px;
}

.pb8 {
  padding-bottom: 8px;
}

.pb9 {
  padding-bottom: 9px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb11 {
  padding-bottom: 11px;
}

.pb12 {
  padding-bottom: 12px;
}

.pb13 {
  padding-bottom: 13px;
}

.pb14 {
  padding-bottom: 14px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb16 {
  padding-bottom: 16px;
}

.pb17 {
  padding-bottom: 17px;
}

.pb18 {
  padding-bottom: 18px;
}

.pb19 {
  padding-bottom: 19px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb21 {
  padding-bottom: 21px;
}

.pb22 {
  padding-bottom: 22px;
}

.pb23 {
  padding-bottom: 23px;
}

.pb24 {
  padding-bottom: 24px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb26 {
  padding-bottom: 26px;
}

.pb27 {
  padding-bottom: 27px;
}

.pb30 {
  padding-bottom: 30px;
}

.pt1 {
  padding-top: 1px;
}

.pt2 {
  padding-top: 2px;
}

.pt3 {
  padding-top: 3px;
}

.pt4 {
  padding-top: 4px;
}

.pt5 {
  padding-top: 5px;
}

.pt6 {
  padding-top: 6px;
}

.pt7 {
  padding-top: 7px;
}

.pt8 {
  padding-top: 8px;
}

.pt9 {
  padding-top: 9px;
}

.pt10 {
  padding-top: 10px;
}

.pt11 {
  padding-top: 11px;
}

.pt12 {
  padding-top: 12px;
}

.pt13 {
  padding-top: 13px;
}

.pt14 {
  padding-top: 14px;
}

.pt15 {
  padding-top: 15px;
}

.pt16 {
  padding-top: 16px;
}

.pt17 {
  padding-top: 17px;
}

.pt18 {
  padding-top: 18px;
}

.pt19 {
  padding-top: 19px;
}

.pt20 {
  padding-top: 20px;
}

.pt21 {
  padding-top: 21px;
}

.pt22 {
  padding-top: 22px;
}

.pt23 {
  padding-top: 23px;
}

.pt24 {
  padding-top: 24px;
}

.pt25 {
  padding-top: 25px;
}

.pt26 {
  padding-top: 26px;
}

.pt27 {
  padding-top: 27px;
}

.pt30 {
  padding-top: 30px;
}

.pl1 {
  padding-left: 1px;
}

.pl2 {
  padding-left: 2px;
}

.pl3 {
  padding-left: 3px;
}

.pl4 {
  padding-left: 4px;
}

.pl5 {
  padding-left: 5px;
}

.pl6 {
  padding-left: 6px;
}

.pl7 {
  padding-left: 7px;
}

.pl8 {
  padding-left: 8px;
}

.pl9 {
  padding-left: 9px;
}

.pl10 {
  padding-left: 10px;
}

.pl11 {
  padding-left: 11px;
}

.pl12 {
  padding-left: 12px;
}

.pl13 {
  padding-left: 13px;
}

.pl14 {
  padding-left: 14px;
}

.pl15 {
  padding-left: 15px;
}

.pl16 {
  padding-left: 16px;
}

.pl17 {
  padding-left: 17px;
}

.pl18 {
  padding-left: 18px;
}

.pl19 {
  padding-left: 19px;
}

.pl20 {
  padding-left: 20px;
}

.pl21 {
  padding-left: 21px;
}

.pl22 {
  padding-left: 22px;
}

.pl23 {
  padding-left: 23px;
}

.pl24 {
  padding-left: 24px;
}

.pl25 {
  padding-left: 25px;
}

.pl26 {
  padding-left: 26px;
}

.pl27 {
  padding-left: 27px;
}

.pl30 {
  padding-left: 30px;
}

.pr1 {
  padding-right: 1px;
}

.pr2 {
  padding-right: 2px;
}

.pr3 {
  padding-right: 3px;
}

.pr4 {
  padding-right: 4px;
}

.pr5 {
  padding-right: 5px;
}

.pr6 {
  padding-right: 6px;
}

.pr7 {
  padding-right: 7px;
}

.pr8 {
  padding-right: 8px;
}

.pr9 {
  padding-right: 9px;
}

.pr10 {
  padding-right: 10px;
}

.pr11 {
  padding-right: 11px;
}

.pr12 {
  padding-right: 12px;
}

.pr13 {
  padding-right: 13px;
}

.pr14 {
  padding-right: 14px;
}

.pr15 {
  padding-right: 15px;
}

.pr16 {
  padding-right: 16px;
}

.pr17 {
  padding-right: 17px;
}

.pr18 {
  padding-right: 18px;
}

.pr19 {
  padding-right: 19px;
}

.pr20 {
  padding-right: 20px;
}

.pr21 {
  padding-right: 21px;
}

.pr22 {
  padding-right: 22px;
}

.pr23 {
  padding-right: 23px;
}

.pr24 {
  padding-right: 24px;
}

.pr25 {
  padding-right: 25px;
}

.pr26 {
  padding-right: 26px;
}

.pr27 {
  padding-right: 27px;
}

.pr30 {
  padding-right: 30px;
}