@charset "utf-8";

/* 
 * Nanum Barun Gothic Web Fonts
 * https://github.com/hiun/NanumBarunGothic
 * Copyright (c) 2010, NAVER Corporation (http://www.nhncorp.com) 
 */

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(../font/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(../font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothicLight.woff2) format('woff2'),
       url(../font/NanumBarunGothicLight.woff) format('woff'),
       url(../font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothic.woff2) format('woff2'),
       url(../font/NanumBarunGothic.woff) format('woff'),
       url(../font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(../font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothicBold.woff2) format('woff2'),
       url(../font/NanumBarunGothicBold.woff) format('woff'),
       url(../font/NanumBarunGothicBold.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumBarunpenB';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumBarunpenB.eot);
  src: local('NanumBarunpenB'),
       local('NanumBarunpenB'),
       url(../font/NanumBarunpenB.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunpenB.woff2) format('woff2'),
       url(../font/NanumBarunpenB.woff) format('woff'),
       url(../font/NanumBarunpenB.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumMyeongjoR';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumMyeongjoR.eot);
  src: local('NanumMyeongjoR'),
       local('NanumMyeongjoR'),
       url(../font/NanumMyeongjoR.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumMyeongjoR.woff2) format('woff2'),
       url(../font/NanumMyeongjoR.woff) format('woff'),
       url(../font/NanumMyeongjoR.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumPen';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumPen.eot);
  src: local('NanumPen'),
       local('NanumPen'),
       url(../font/NanumPen.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumPen.woff2) format('woff2'),
       url(../font/NanumPen.woff) format('woff'),
       url(../font/NanumPen.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumSquareRoundR';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumSquareRoundR.eot);
  src: local('NanumSquareRoundR'),
       local('NanumSquareRoundR'),
       url(../font/NanumSquareRoundR.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquareRoundR.woff2) format('woff2'),
       url(../font/NanumSquareRoundR.woff) format('woff'),
       url(../font/NanumSquareRoundR.ttf) format('truetype');
}

@font-face {
  font-family: 'tmonmonsori';
  font-style: normal;
  font-weight: 400;
  src: url(../font/tmonmonsori.eot);
  src: local('tmonmonsori'),
       local('tmonmonsori'),
       url(../font/tmonmonsori.eot?#iefix) format('embedded-opentype'),
       url(../font/tmonmonsori.woff2) format('woff2'),
       url(../font/tmonmonsori.woff) format('woff'),
       url(../font/tmonmonsori.ttf) format('truetype');
}

@font-face {
  font-family: 'BMJuA';
  font-style: normal;
  font-weight: 400;
  src: url(../font/BMJuA.eot);
  src: local('BMJuA'),
       url(../font/BMJuA.eot?#iefix) format('embedded-opentype'),
       url(../font/BMJuA.eot.woff2) format('woff2'),
       url(../font/BMJuA.woff) format('woff'),
       url(../font/BMJuA.ttf) format('truetype');
}

@font-face {
  font-family: 'BMYeonSung';
  font-style: normal;
  font-weight: 400;
  src: url(../font/BMYeonSung.eot);
  src: local('BMYeonSung'),
       url(../font/BMYeonSung.eot?#iefix) format('embedded-opentype'),
       url(../font/BMYeonSung.eot.woff2) format('woff2'),
       url(../font/BMYeonSung.woff) format('woff'),
       url(../font/BMYeonSung.ttf) format('truetype');
}



/*body, html {font-size:16px;}*/
body, html {height:100%; font-size:12px;}
header, section, article, footer, nav, aside {display:block;}
body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, legend, hr, label, button {margin:0; padding:0;}
body {font-family:'Nanum Barun Gothic', dotum, gulim, verdana, sans-serif; font-weight:400; word-break:break-all; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/*div#wrap {-webkit-overflow-scrolling:touch; overflow:scroll;}*/
h1, h2, h3, h4, h5, h6 {font-size:100%; font-family:'Nanum Barun Gothic', dotum, gulim, verdana, sans-serif; font-weight:400;}
ul, ol, dl {list-style:none;}
table {width:100%; margin:0; padding:0; border-spacing:0; border:0; border-collapse:collapse;}
img, button, fieldset, abbr, acronym {border:0;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal;}
q:before, q:after {content:'';}
hr {display:none;}
img {vertical-align:top; width:100%;}
strong {font-weight:400;}

legend {font-size:0; position:absolute; left:-5000px;}
caption {width:0; height:0 !important; line-height:0; overflow:hidden; visibility:hidden; font-size:0;}
input.bnone {border:0;}

input[type=text], 
input[type=password],
input[type=number], 
input[type=email],
input[type=tel] {vertical-align:middle; width:100%; height:40px; padding:0 7px; color:#383838; font-size:1.167rem; font-weight:400; font-family:'Nanum Barun Gothic', dotum, gulim, verdana, sans-serif; border:none; border-bottom:1px solid #cfcdc8; background-color:#fff; box-sizing:border-box; -webkit-appearance:none;}
textarea {vertical-align:middle; width:100%; height:180px; padding:0 7px; color:#383838; font-size:1.167rem; font-weight:400; font-family:'Nanum Barun Gothic', dotum, gulim, verdana, sans-serif; border:1px solid #cfcdc8; background:#fff; border-radius:4px;}
input[type=text]:focus, 
input[type=password]:focus,
input[type=number]:focus, 
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus {outline:none; border-color:#383838;}

::-webkit-input-placeholder {
    color:#9b9b9b;
}
:-moz-placeholder {
    color:#9b9b9b;
}
::-moz-placeholder {
    color:#9b9b9b;
}
:-ms-input-placeholder {
    color:#9b9b9b;
}

textarea {width:100%; padding:6px 10px 10px; overflow:auto; line-height:22px; box-sizing:border-box;}
button {font-family:'Nanum Barun Gothic', dotum, gulim, verdana, sans-serif; font-weight:400; cursor:pointer; -webkit-appearance:none;}

/* sel-box */
select.sel-box {width:100%; height:40px; line-height:40px; padding:0 25px 0 7px; color:#383838; border:none; background:#fff url('../images/common/ico_select_arr01.png') no-repeat calc(100% - 10px) center; background-size:30px auto; border-radius:4px; -webkit-appearance:none; box-sizing:border-box;}