/*
	.Final Editor : Y.R Lee
	.Description : Reset CSS
	.Last Edit : 2017-03-10
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans KR", "NanumBarunGothic", NanumGothic, malgun gothic, dotum, AppleGothic, sans-serif;
  font-size: 14px;
  letter-spacing: -0.5px; }

* {
  -webkit-text-size-adjust: none;
  box-sizing: border-box; }

a {
  text-decoration: none;
  cursor: pointer; }

body, div,
h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd,
p, form, fieldset, legend, input,
table, tr, th, td {
  margin: 0;
  padding: 0;
  letter-spacing: -0.5px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  letter-spacing: -0.5px; }

ul, ol, li {
  list-style: none; }

fieldset, img {
  border: none;
  vertical-align: middle; }

hr, button img {
  display: none; }

button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  empty-cells: show; }

legend {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0; }

* html input {
  margin: -1px 0;
  font-family: "Noto Sans KR", "NanumBarunGothic", NanumGothic, malgun gothic, dotum, AppleGothic, sans-serif; }

*:first-child + html input {
  margin: -1px 0; }

input.checkbox {
  width: 13px;
  height: 13px;
  vertical-align: top; }

input {
  font-family: "Noto Sans KR", "NanumBarunGothic", NanumGothic, malgun gothic, dotum, AppleGothic, sans-serif;
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
  border: 1px solid #d4d4d4;
  vertical-align: middle; }

input:disabled {
  background-color: #efefef; }

select {
  height: 23px;
  line-height: 23px; }

address, article, aside, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

textarea {
  font-family: "Noto Sans KR", "NanumBarunGothic", NanumGothic, malgun gothic, dotum, AppleGothic, sans-serif;
  border: 1px solid #d4d4d4;
  padding: 0 5px;
  color: #2d2d2d;
  resize: none; }

h2 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0; }

/* @font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../fonts/NotoSansKR-Light.woff) format('woff'),
       url(../fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Regular.woff) format('woff'),
        url(../fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Medium.woff) format('woff'),
        url(../fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Bold.woff) format('woff'),
        url(../fonts/NotoSansKR-Bold.otf) format('opentype');
 } */
.bold {
  font-weight: bold; }

.left {
  float: left; }

.right {
  float: right; }

.left:after, .right:after {
  content: '';
  display: block;
  clear: both; }

.clearfix {
  clear: both; }

.center {
  margin: 0 auto; }

.t_center {
  text-align: center; }

.t_left {
  text-align: left; }

.t_right {
  text-align: right; }

.mgl5 {
  margin-left: 5px; }

.mgl10 {
  margin-left: 10px; }

.mgl15 {
  margin-left: 15px; }

.mgl20 {
  margin-left: 20px; }

.mgl25 {
  margin-left: 25px; }

.mgl30 {
  margin-left: 30px; }

.mgl35 {
  margin-left: 35px; }

.mgl40 {
  margin-left: 40px; }

.mgl45 {
  margin-left: 45px; }

.mgl50 {
  margin-left: 50px; }

.mgr5 {
  margin-right: 5px; }

.mgr10 {
  margin-right: 10px; }

.mgr15 {
  margin-right: 15px; }

.mgr20 {
  margin-right: 20px; }

.mgr25 {
  margin-right: 25px; }

.mgr30 {
  margin-right: 30px; }

.mgr35 {
  margin-right: 35px; }

.mgr40 {
  margin-right: 40px; }

.mgt5 {
  margin-top: 5px; }

.mgt10 {
  margin-top: 10px; }

.mgt15 {
  margin-top: 15px; }

.mgt20 {
  margin-top: 20px; }

.mgt25 {
  margin-top: 25px; }

.mgt30 {
  margin-top: 30px; }

.mgt35 {
  margin-top: 35px; }

.mgt40 {
  margin-top: 40px; }

.mgt45 {
  margin-top: 45px; }

.mgt50 {
  margin-top: 50px; }

.mgb5 {
  margin-bottom: 5px; }

.mgb10 {
  margin-bottom: 10px; }

.mgb15 {
  margin-bottom: 15px; }

.mgb20 {
  margin-bottom: 20px; }

.mgb25 {
  margin-bottom: 25px; }

.mgb30 {
  margin-bottom: 30px; }

.mgb35 {
  margin-bottom: 35px; }

.mgb40 {
  margin-bottom: 40px; }

.mgb45 {
  margin-bottom: 45px; }

.mgb50 {
  margin-bottom: 50px; }

.pdl5 {
  padding-left: 5px; }

.pdl10 {
  padding-left: 10px; }

.pdl15 {
  padding-left: 15px; }

.pdl20 {
  padding-left: 20px; }

.pdl25 {
  padding-left: 25px; }

.pdl30 {
  padding-left: 30px; }

.pdl35 {
  padding-left: 35px; }

.pdl40 {
  padding-left: 40px; }

.pdl45 {
  padding-left: 45px; }

.pdl50 {
  padding-left: 50px; }

.pdr5 {
  padding-right: 5px; }

.pdr10 {
  padding-right: 10px; }

.pdr15 {
  padding-right: 15px; }

.pdr20 {
  padding-right: 20px; }

.pdr25 {
  padding-right: 25px; }

.pdr30 {
  padding-right: 30px; }

.pdr35 {
  padding-right: 35px; }

.pdr40 {
  padding-right: 40px; }

.pdt5 {
  padding-top: 5px; }

.pdt10 {
  padding-top: 10px; }

.pdt15 {
  padding-top: 15px; }

.pdt20 {
  padding-top: 20px; }

.pdt25 {
  padding-top: 25px; }

.pdt30 {
  padding-top: 30px; }

.pdt35 {
  padding-top: 35px; }

.pdt40 {
  padding-top: 40px; }

.pdt45 {
  padding-top: 45px; }

.pdt50 {
  padding-top: 50px; }

.pdb5 {
  padding-bottom: 5px; }

.pdb10 {
  padding-bottom: 10px; }

.pdb15 {
  padding-bottom: 15px; }

.pdb20 {
  padding-bottom: 20px; }

.pdb25 {
  padding-bottom: 25px; }

.pdb30 {
  padding-bottom: 30px; }

.pdb35 {
  padding-bottom: 35px; }

.pdb40 {
  padding-bottom: 40px; }

.pdb45 {
  padding-bottom: 45px; }

.pdb50 {
  padding-bottom: 50px; }

.col_1 {
  float: left;
  width: 100%; }

.col_2 {
  float: left;
  width: 50%; }

.col_3 {
  float: left;
  width: 33.3333%; }

.col_4 {
  float: left;
  width: 25%; }

.col_5 {
  float: left;
  width: 20%; }

.col_6 {
  float: left;
  width: 16.6667%; }

.col_7 {
  float: left;
  width: 14.285714%; }

.col_8 {
  float: left;
  width: 12.5%; }

.col_9 {
  float: left;
  width: 11.1111%; }

.col_1:after,
.col_2:after,
.col_3:after,
.col_4:after,
.col_5:after,
.col_6:after,
.col_7:after,
.col_8:after,
.col_9:after {
  content: '';
  display: block;
  clear: both; }

.btnBlock {
  display: block !important;
  text-align: center; }

.btnD {
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  font-size: 1.2em;
  display: inline-block;
  border-radius: 2px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }

.btnS {
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  font-size: 1.1em;
  display: inline-block;
  border-radius: 2px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }

.btnM {
  height: 25px;
  line-height: 25px;
  padding: 0 8px;
  font-size: 1em;
  display: inline-block;
  border-radius: 2px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }

.btnB {
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  font-size: 1.3em;
  display: inline-block;
  border-radius: 2px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }

.btnWhiteB {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  color: #8b8b8b; }
  .btnWhiteB:hover {
    background-color: #989898;
    border-color: #989898;
    color: #fff; }

.btnBlue {
  background-color: #1d4174;
  color: #fff; }
  .btnBlue:hover {
    background-color: #183660; }

.btnRed {
  background-color: #f53728;
  color: #fff; }
  .btnRed:hover {
    background-color: #f42010; }

.btnSky {
  background-color: #0185c6;
  color: #fff; }
  .btnSky:hover {
    background-color: #0174ad; }