@charset "utf-8";
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(../font/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(../font/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(../font/NanumBarunGothicUltraLight.woff) format('woff'),
       url(../font/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@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');
}

html {width:100%;height:100%;margin:0;padding:0;}
body {height:100%;margin:0;padding:0;font-size:12px;line-height:1.4;font-family:'Nanum Barun Gothic','malgun gothic', 'dotum';color:#484848;word-spacing: 0; letter-spacing:-0.5px;height:100%;}
*{box-sizing: border-box; outline: 0;}
*:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* inline */
img {display:inline-block;border:0 none;line-height:1;font-size:1%;vertical-align: middle;}
cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block;}
cite, em, dfn {font-style:normal;}
sub {vertical-align:bottom;font-family:'dotum';}
sup {vertical-align:top;/*font-family:'dotum';*/}
hr {display:none;}

/* block */
h1, h2, h3, h4, h5, h6 {margin:0;font-size:1em;}
address {font-style:normal;}
p  {margin:0;}
pre {margin:0;font-size:1em;font-family:verdana;}

/* table */
table {border-spacing:0;border-collapse:collapse;font-family:inherit; width:100%;border:0;table-layout: fixed;}
caption {display:none;}
th,td {padding:0;vertical-align:middle;text-align:left;font-weight:normal;font-size:inherit;}

/* list */
dd, dl, ol, ul {margin:0;padding:0;}
li {list-style-type:none;}

/* form */
form {margin:0;}
fieldset {margin:0;padding:0;border:none;}
legend {display:none;}
textarea {font-family: inherit;font-size:inherit;border:1px solid #cccccc;}
input[type="text"],input[type="password"],input.text {font-family: inherit;height:26px;border:1px solid #cccccc;padding:0 0 0 5px;vertical-align:middle;font-size:inherit;color:#393939;}
input[type="checkbox"], input[type="radio"]{width:13px;height:13px;margin:-1px 2px 1px 0;padding:0 0 0 5px;vertical-align:middle;}
select {font-family: inherit;height:26px;border:1px solid #cccccc;font-size:inherit;vertical-align:middle;margin:0;color:#393939;-webkit-appearance: none;-moz-appearance: none;appearance: none;vertical-align:middle;min-width: 115px;padding-left: 5px;background:#fff url(../../images/sub/i_select.png) no-repeat 94% 50%;}
select::-ms-expand {display:none}
button {display:inline-block;vertical-align: middle;cursor:pointer; margin:0;padding:0;font-family:inherit;white-space:nowrap;text-align: center;}
a {color:inherit; text-decoration:none;}

/* basic */
.hidden {position:absolute;visibility:hidden;top:-9000px;left:-9000px;}
.display_none {display:none;}
.cursor {cursor: pointer;}

.btn {font-family:inherit;display: inline-block;font-weight: 400;text-align: center;vertical-align: middle;cursor: pointer;white-space: nowrap;line-height: 1;}

.no_bdl {border-left:0 !important;}
.no_bdr {border-right:0 !important;}
.no_bdt {border-top:0 !important;}


/* align */
.l {text-align:left !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}
.t {vertical-align:top !important;}
.m {vertical-align:middle !important;}
.b {vertical-align:bottom !important;}
.fl {float:left !important;}
.fr {float:right !important;}

/* clear */
.clear:after{content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}

/*margin*/
.mar_t3 {margin-top:3px !important;}
.mar_t5 {margin-top:5px !important;}
.mar_t10 {margin-top:10px !important;}
.mar_t15 {margin-top:15px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t30 {margin-top:30px !important;}
.mar_t40 {margin-top:40px !important;}
.mar_t50 {margin-top:50px !important;}
.mar_t60 {margin-top:60px !important;}
.mar_t80 {margin-top:80px !important;}
.mar_t120 {margin-top:120px !important;}

.mar_l3 {margin-left:3px !important;}
.mar_l5 {margin-left:5px !important;}
.mar_l10 {margin-left:10px !important;}
.mar_l12 {margin-left:12px !important;}
.mar_l20 {margin-left:20px !important;}

.mar_r0 {margin-right:0px !important;}
.mar_r3 {margin-right:3px !important;}
.mar_r5 {margin-right:5px !important;}
.mar_r10 {margin-right:10px !important;}
.mar_r30 {margin-right:30px !important;}
.mar_r50 {margin-right:50px !important;}

.mar_b1 {margin-bottom:1px;}
.mar_b2 {margin-bottom:2px;}
.mar_b3 {margin-bottom:3px;}
.mar_b4 {margin-bottom:4px;}
.mar_b5 {margin-bottom:5px;}
.mar_b6 {margin-bottom:6px;}
.mar_b7 {margin-bottom:7px;}
.mar_b8 {margin-bottom:8px;}
.mar_b9 {margin-bottom:9px;}
.mar_b10 {margin-bottom:10px;}
.mar_b11 {margin-bottom:11px;}
.mar_b12 {margin-bottom:12px;}
.mar_b13 {margin-bottom:13px;}
.mar_b14 {margin-bottom:14px;}
.mar_b15 {margin-bottom:15px;}
.mar_b16 {margin-bottom:16px;}
.mar_b20 {margin-bottom:20px;}
.mar_b25 {margin-bottom:25px;}


/*padding*/
.pd_t3 {padding-top:3px !important;}
.pd_t5 {padding-top:5px;}
.pd_t10 {padding-top:10px !important;}
.pd_t15 {padding-top:15px !important;}
.pd_t20 {padding-top:20px !important;}

.pd_b0 {padding-bottom:3px !important;}
.pd_b3 {padding-bottom:3px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b15 {padding-bottom:15px !important;}
.pd_b20 {padding-bottom:20px !important;}

.pd_l3 {padding-left:3px !important;}
.pd_l10 {padding-left:10px !important;}
.pd_l15 {padding-left:15px !important;}
.pd_l20 {padding-left:20px !important;}

.pd_r3 {padding-right:3px !important;}
.pd_r10 {padding-right:10px !important;}
.pd_r15 {padding-right:15px !important;}
.pd_r20 {padding-right:20px !important;}

/*width*/
.w20p {width:20% !important;}
.w27p {width:27% !important;}
.w30p {width:30% !important;}
.w40p {width:40% !important;}
.w48p {width:48% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w65p {width:65% !important;}
.w80p {width:80% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w100p {width:100% !important;}

.w30 {width:30px !important;}
.w75 {width:75px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w105 {width:105px !important;}
.w120 {width:120px !important;}
.w140 {width:140px !important;}
.w200 {width:200px !important;}

/***** font *****/
.fs11{font-size:11px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fs20{font-size:18px !important;}

.ls08 {letter-spacing:-0.08em}