@charset "utf-8";

/* 웹폰트 */
@font-face {
  font-family:'nbg';
  font-style:normal;
  font-weight:300;
  src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
  src: url(/css/fonts/NanumBarunGothicLight.eot),
       url(/css/fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(/css/fonts/NanumBarunGothicLight.woff) format('woff'),
       url(/css/fonts/NanumBarunGothicLight.ttf) format('truetype');
}
@font-face {
  font-family:'nbg';
  font-style:normal;
  font-weight:400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(/css/fonts/NanumBarunGothic.eot),
       url(/css/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumBarunGothic.woff2) format('woff2'),
       url(/css/fonts/NanumBarunGothic.woff) format('woff'),
       url(/css/fonts/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
  font-family:'nbg';
  font-style:normal;
  font-weight:700;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url(/css/fonts/NanumBarunGothicBold.eot),
       url(/css/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/css/fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(/css/fonts/NanumBarunGothicBold.woff) format('woff'),
       url(/css/fonts/NanumBarunGothicBold.ttf) format('truetype');
}

/* 초기화 */
html { overflow-y:scroll; }
html, body {margin:0;padding:0;font-size:16px;font-family:"nbg";color:#333;line-height:1.6; letter-spacing:-0.5px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:16px;font-family:"nbg"}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
caption { display:none;}

ul,ol {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;border:0;border-radius:0;font-family:"nbg";font-size:16px;background:transparent;}
button {cursor:pointer}
input[type="password"] { font-family:'nbg';}
input[type="file"] { padding:5px; border:1px solid #ddd; }

textarea, select {font-family:"nbg";font-size:16px}
textarea { border:1px solid #ddd; resize:none; }
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

/* select 커스텀 */
select { display:block; padding:5px 50px 5px 10px; width:100%; height:100%; border:0; font-size:13px; -webkit-appearance:none; appearance:none; cursor:pointer; }
select::-ms-expand { display:none; }
.select-custom { display:inline-block; position:relative; min-width:130px; height:40px; background:#fff; border:1px solid #ddd; vertical-align:middle; cursor:pointer; }
.select-custom:before { content:''; display:block; position:absolute; right:40px; width:1px; height:100%; background:#ddd; }
.select-custom:after { content:''; display:block; position:absolute; top:50%; right:15px; margin-top:-2px; border-style:solid; border-width:4px 4px 0 4px; border-color:#999 transparent transparent transparent; }


/* radio , checkbox 커스텀 */
input[type='checkbox'], input[type='radio'] { position:absolute; overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.radio-wrap { margin-right:10px; }
input[type='radio'] + .btn-radio { display:inline-block; padding-right:15px; background:url('/images/common/radio_off.png') right center no-repeat; font-size:15px; cursor:pointer; }
input[type='radio']:checked + .btn-radio { background-image:url('/images/common/radio_on.png'); }
input[type='checkbox'] + label { display:inline-block; padding-left:25px; background:url('/images/common/checkbox.png') left -22px no-repeat; font-size:15px; cursor:pointer; }
input[type='checkbox']:checked + label { background-position-y:2px; }

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/* 클리어픽스 */
.clearfix:before, .clearfix:after { content:""; display:block; }
.clearfix:after { clear:both; }

.fl { float:left;}
.fr { float:right;}

.oh { overflow:hidden;}

.tc { text-align:center !important;}
.tl { text-align:left !important;}
.tr { text-align:right !important;}

.mt40 { margin-top:40px;}
.mt30 { margin-top:30px;}

/* 버튼 */
.btn-wrap { margin-top:20px; }
.btn-wrap .fl li { float:left; margin-right:10px; }
.btn-wrap .fl li:last-child { margin-right:0; }
.btn-wrap .fr li { float:left; margin-right:10px; }
.btn-wrap .fr li:last-child { margin-right:0; }
.btn01 { display:inline-block; width:130px; height:40px; background:#fff; border:1px solid #999; font-size:15px; color:#333; line-height:1; }
.btn02 { display:inline-block; width:130px; height:40px; background:#999; border:1px solid #999; font-size:15px; color:#fff; line-height:1; }
a.btn01 { padding:11px 0; height:auto; text-align:center; }
a.btn02 { padding:11px 0; height:auto; text-align:center; }

/* 페이징 */
.paging { margin-top:20px; font-size:0; text-align:center; }
.paging .pg { display:inline-block; padding:4px 0; width:30px; font-size:15px; }
.paging .pg-current { color:#3d7ad3; }
.paging .pg-start { background:url('/images/common/paging.png') 0 0 no-repeat; text-indent:-9999px; }
.paging .pg-prev { background:url('/images/common/paging.png') -30px 0 no-repeat; text-indent:-9999px; }
.paging .pg-next { background:url('/images/common/paging.png') -60px 0 no-repeat; text-indent:-9999px; }
.paging .pg-end { background:url('/images/common/paging.png') -90px 0 no-repeat; text-indent:-9999px; }

/* 테이블 */
.tbl-wrap table { width:100%; border-collapse:collapse; border-spacing:0; }
.tbl-wrap input[type="checkbox"] + label { padding-left:14px; height:18px; font-size:0; text-indent:-9999px; }
.tbl-wrap label + span { margin:0 10px; font-size:15px; vertical-align:middle; }
.tbl-wrap td .btn02 { vertical-align:top; }
.tbl-list th { padding:10px; border:1px solid #ddd; border-top:2px solid #3d7ad3; border-left:0; font-size:15px; color:#666; }
.tbl-list th:last-child { border-right:0; }
.tbl-list td { padding:10px; border:1px solid #ddd; text-align:center; border-left:0; font-size:15px; }
.tbl-list td:last-child { border-right:0; }

.tbl-frm th { padding:10px; width:160px; border-bottom:1px solid #ddd; font-size:15px; color:#666; text-align:left; }
.tbl-frm td { padding:10px; border:1px solid #ddd; border-left:0; border-right:0; font-size:0; }
.tbl-frm tr:first-child th, .tbl-frm tr:first-child td { border-top:2px solid #3d7ad3; }
.tbl-frm textarea { padding:10px; width:100%; height:150px; }
.tbl-frm td span { font-size:15px; vertical-align:middle; }
.frm-input { display:inline-block; padding:0 10px; height:40px; border:1px solid #ddd; font-size:15px; vertical-align:middle; }
.frm-input.full { width:100%; }
.required { margin-top:40px; text-align:right; font-weight:700; font-size:15px; color:#3d7ad3; }
.icon-required { margin-right:5px; vertical-align:0; }

.tbl-info tr:first-child th, .tbl-info tr:first-child td { border-top:2px solid #3d7ad3; }
.tbl-info th { padding:10px; background:#d8e4f6; border-bottom:1px solid #3d7ad3; border-right:1px solid #3d7ad3; font-size:15px; color:#666; }
.tbl-info td { padding:10px; border-bottom:1px solid #d8e4f6; border-right:1px solid #d8e4f6; font-size:15px; }
.tbl-info td:last-child { border-right:0; }
.tbl-info label + span { margin:0 5px; }

.td_chk { width:40px; }
.td_num { width:60px; }
.td_subject { text-align:left; }
.td_select { width:200px; }
.td_select .select-custom { width:100%; }