@charset "utf-8";
/* CSS Document */

/*
* Noto Sans KR (korean) http://www.google.com../font/earlyaccess
 */
 
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../font/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
       url(../font/NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
       url(../font/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../font/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
       url(../font/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
       url(../font/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../font/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
        url(../font/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
        url(../font/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../font/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(../font/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(../font/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../font/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(../font/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(../font/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../font/NotoSansKr/NotoSansKR-Black.woff2) format('woff2'),
        url(../font/NotoSansKr/NotoSansKR-Black.woff) format('woff'),
        url(../font/NotoSansKr/NotoSansKR-Black.otf) format('opentype');
 } 
 
 

 
body,h1,h2,h3,h4,h5,h6,li,a,textarea,button,strong,label,input,th  {
     font-family:'Noto Sans KR', 고딕, san-serif, IcoMoon,dashicons, FontAwesome!important;
}

body{ margin:0}



img, fieldset{border:0 none}
dl, ul, ol, li {list-style: none outside none;}
button{border:0 none; cursor:pointer; display: block; outline: none;}
table, th, td, div{border-collapse:separate}

a,img,input {outline:none; selector-dummy:expression(this.hideFocus=true);}
.png24 { tmp:expression(setPng24(this));} 
area {outline:0;}

li img { vertical-align:top;}
td img { vertical-align:middle;}
.cursor { cursor: pointer;}

strong, .strong , b { /*font-weight: bold;*/ }
address, caption, cite, code, dfn, em, var {font-style:normal;}

hr { clear: both; display: none; }
.blind, legend, caption, h2{display:none !important}

a {text-decoration:none; color:#444;}
a.underline {text-decoration:none; color:#444;}
a.underline:hover,focus,active, a.underline:active, a.underline:focus {color:#dd0000; text-decoration:underline;}
table a:link, table a:visited {color:#000;}
table a:hover,focus,active, table a:active {color:#000; text-decoration:underline;}

a:focus {
    outline: thin dotted;
}
a:active,
a:hover {
    outline: 0;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}
abbr[title] {
    border-bottom: none;
}
b,
strong {
   /* font-weight: 700;*/
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    background: #ff0;
    color: #000;
}
p,
pre {
    margin: 1em 0;
}
code,
kbd,
pre,
samp {
    font-family: monospace,serif;
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:after,
q:before {
    content: '';
    content: none;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
dl,
menu,
ol,
ul {
    margin: 1em 0;
}
dd {
    margin: 0 0 0 40px;
}
menu,
ol,
ul {
    padding: 0 0 0 40px;
}
nav ol,
nav ul {
    list-style: none;
    list-style-image: none;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}
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 {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input[type=checkbox] {
  display: none;
}

.check-box {
  height: 14px;
  width: 14px;
  background-color: transparent;
  border: 1px solid #fff;
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: border-color ease 0.2s;
  -o-transition: border-color ease 0.2s;
  -webkit-transition: border-color ease 0.2s;
  transition: border-color ease 0.2s;
  cursor: pointer;
}
.check-box::before, .check-box::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  height: 0;
  width: 2.8px;
  background-color: #fff;
  display: inline-block;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 5px;
  content: ' ';
  -webkit-transition: opacity ease .5;
  -moz-transition: opacity ease .5;
  transition: opacity ease .5;
}
.check-box::before {
  top: 10.08px;
  left: 5.74px;
  box-shadow: 0 0 0 1px #000;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.check-box::after {
  top: 5.18px;
  left: 0.7px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input[type=checkbox]:checked + .check-box,
.check-box.checked {
  border-color: #fff;
}
input[type=checkbox]:checked + .check-box::after,
.check-box.checked::after {
  height: 7px;
  -moz-animation: dothabottomcheck 0.2s ease 0s forwards;
  -o-animation: dothabottomcheck 0.2s ease 0s forwards;
  -webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
  animation: dothabottomcheck 0.2s ease 0s forwards;
}
input[type=checkbox]:checked + .check-box::before,
.check-box.checked::before {
  height: 16.8px;
  -moz-animation: dothatopcheck 0.4s ease 0s forwards;

  -o-animation: dothatopcheck 0.4s ease 0s forwards;
  -webkit-animation: dothatopcheck 0.4s ease 0s forwards;
  animation: dothatopcheck 0.4s ease 0s forwards;
}



@keyframes show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
iframe body {
    min-width: initial;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button,
html,
input,
select,
textarea {
    color: #222;
    color: #454545;
    font-family: LacosteSansLight;
    text-transform:none;
    border-radius: 0;
}
input[type=password] {
    font-family: LacosteSansLight;
    text-transform: none;
}

/* width */
.border0{ border:0!important}
.border1{ border:1px solid #e5e5e5!important}
.borderT{ border-top:1px solid #e5e5e5!important}
.borderB{ border-bottom:1px solid #e5e5e5!important}

/* width */
.w100{ width:100%!important}
.w50{ width:50%!important}
.w45{ width:45%!important}
.w40{ width:40%!important}
.w33{ width:33.3%!important}
.w25{ width:25%!important}
.w20{ width:20%!important}
/* margin */
.mg0 {margin:0px !important}
.mgT0 {margin-top:0px !important}
.mgT3 {margin-top:3px !important}
.mgT5 {margin-top:5px !important}
.mgT6 {margin-top:6px !important}
.mgT8 {margin-top:8px !important}
.mgT10 {margin-top:10px !important}
.mgT13 {margin-top:13px !important}
.mgT15 {margin-top:15px !important}
.mgT20 {margin-top:20px !important}
.mgT25 {margin-top:25px !important}
.mgT30 {margin-top:30px !important}
.mgT35 {margin-top:35px !important}
.mgT40 {margin-top:40px !important}
.mgT50 {margin-top:50px !important}
.mgT60 {margin-top:60px !important}
.mgT60 {margin-top:60px !important}
.mgT75 {margin-top:75px !important}


.mgB0 {margin-bottom:0px !important}
.mgB5 {margin-bottom:5px !important}
.mgB10 {margin-bottom:10px !important}
.mgB15 {margin-bottom:15px !important}
.mgB20 {margin-bottom:20px !important}
.mgB30 {margin-bottom:30px !important}
.mgB35 {margin-bottom:35px !important}
.mgB40 {margin-bottom:40px !important}
.mgB50 {margin-bottom:50px !important}

.mgR0 {margin-right:0px !important}
.mgR10 {margin-right:10px !important}
.mgR12 {margin-right:12px !important}
.mgR14 {margin-right:14px !important}
.mgR20 {margin-right:20px !important}
.mgR23 {margin-right:23px !important}
.mgR28 {margin-right:28px !important}
.mgR30 {margin-right:30px !important}
.mgR70 {margin-right:70px !important}

.mgL5 {margin-left:5px !important}
.mgL10 {margin-left:10px !important}
.mgL12 {margin-left:12px !important}
.mgL15 {margin-left:15px !important}
.mgL17 {margin-left:17px !important}
.mgL20 {margin-left:20px !important}
.mgL25 {margin-left:25px !important}
.mgL30 {margin-left:30px !important}
.mgL40 {margin-left:40px !important}

/* padding */
.pd0 {padding:0px !important}
.pd3 {padding:3px !important}
.pd5 {padding:5px !important}
.pd10 {padding:10px !important}
.pd15 {padding:15px !important}
.pd17 {padding:17px !important}
.pd20 {padding:20px !important}

.pdT0 {padding-top:0px !important}
.pdT4 {padding-top:4px !important}
.pdT5 {padding-top:5px !important}
.pdT7 {padding-top:7px !important}
.pdT10 {padding-top:10px !important}
.pdT15 {padding-top:15px !important}
.pdT20 {padding-top:20px !important}
.pdT30 {padding-top:30px !important}
.pdT50 {padding-top:50px !important}

.pdB0 {padding-bottom:0px !important}
.pdB5 {padding-bottom:5px !important}
.pdB10 {padding-bottom:10px !important}
.pdB20 {padding-bottom:20px !important}
.pdB30 {padding-bottom:30px !important}
.pdB40 {padding-bottom:40px !important}
.pdB50 {padding-bottom:50px !important}

.pdL0 {padding-left:0px !important}
.pdL5 {padding-left:5px !important}
.pdL8 {padding-left:8px !important}
.pdL10 {padding-left:10px !important}
.pdL12 {padding-left:12px !important}
.pdL20 {padding-left:20px !important}
.pdL50 {padding-left:50px !important}

.pdR5 {padding-right:5px !important}
.pdR10 {padding-right:10px !important}
.pdR20 {padding-right:20px !important}


/* align */
.alignL {text-align:left !important}
.alignR {text-align:right !important}
.alignC {text-align:center !important}
.alignJ{text-align:justify !important;}
.clear {clear:both !important}
.floatL {float:left !important}
.floatR {float:right !important}
img.imgT {vertical-align:top !important}
img.imgB {vertical-align:bottom !important}
img.imgC {vertical-align:middle !important}

/*color*/
.red{color:#db2227 !important}
.pink {color:#f65567 !important;}
.dgray {color:#222 !important;}
.lgray {color:#888 !important;}
.blue {color:#217ed2 !important;}

.imgSelect {cursor: pointer; border: 1px solid #e21921; padding: 5px 10px;}
.popupLayer {   position: absolute;   background-color: #ffffff;   border: solid 1px #e5e5e5;   width: 70%;   height: 500px;   bottom: 5%;   overflow-y: scroll;   padding: 10px;   z-index: 999999;  border-top: 5px solid #e21921;box-shadow : 2px 2px 10px silver; display: none;}
.popupLayer .close_btn {position: absolute;top: 5px;	right: 5px}

/* table */
.bbs-bx{ margin-top:50px;}
.bbs-bx .title_t{text-align:left;font-size: 17px;color:#212121;margin-bottom: 10px;}
.bbs-bx .title_t span{ text-align:left; font-size:16px; color:#9a9a9a; margin-bottom: 10px;}
.bbs-bx .inf_t{text-align:left;font-size: 14px;color:#9a9a9a;margin-top: 10px;font-weight:300;}
table.list{width:100%;border-collapse:separate; *border-collapse:collapse;border-spacing:0px;clear:both;border-top: #666f 1px solid;table-layout:fixed;}
table.list thead th{ padding:14px 5px; text-align:center; vertical-align:middle; color:#171717; font-weight:500; border-bottom:#f0f0f0 1px solid; border-left:#f0f0f0 1px solid; background-color:#fbfbfb; font-size:16px;word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
table.list tbody th{ padding:14px 5px; text-align:center; vertical-align:middle; color:#171717; font-weight:500; border-bottom:#f0f0f0 1px solid; border-left:#f0f0f0 1px solid; background-color:#fbfbfb; font-size:15px;word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}

table.list tbody td.point{ background:#f6f6f6;word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
table.list tbody td{ padding:14px; text-align:center; vertical-align:middle; color:#666666; border-bottom:#f0f0f0 1px solid; border-left:#f0f0f0 1px solid; font-size:14px; font-weight:300;word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word; font-weight:400;}
table.list tbody th.first {border-left:none;text-align: center;background: #f9f9f9;border-bottom: 1px solid #e5e5e5;font-size: 14px;font-weight:500;word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
table.list thead th.first,
table.list tbody td.first{ border-left:none;word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
table.list thead th.bg_point{background:#959595;color:#fff;font-size: 15px;font-weight:400;word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
table.list tbody th.bg_point{ background:#959595; color:#fff; font-weight:400;word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
table.list tbody td.cls{ font-weight:600; color:#171717;}
table.list tbody td.subject{ padding-left:20px; text-align:left;}
table.list tbody td.subject a{ display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
table.list tbody td.subject a.vew{ display:none;}
table.list tbody td.subject a:hover{ color:#1e58db;}

/*모바일*/
.list01 { border-top:1px solid #333; margin-top:30px;}
.list01 li { position: relative;  width: 100%!important; padding: 0!important;  border-bottom: 1px solid #e5e5e5!important; border-right:0!important; border-left:0!important; border-top:0!important;}
.list01 .txt { display: block; margin-top: 0px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;}
.list01 .txt span:nth-child(1) { font-weight:500; font-size:21px; padding:8px 0 3px; color:#1e1e1e;word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.list01 .txt span:nth-child(2) { font-size:18px; word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.list01 .txt span:nth-child(3) { font-size:18px; word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.list01 .txt span:nth-child(4) { font-size:18px; word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.list01 .txt span:nth-child(5) { font-size:18px; word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.list01 .txt span:nth-child(6) { font-size:18px; word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.list01 .txt span:nth-child(7) { font-size:18px; word-break: keep-all;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.list01 .txt span { display:block;  text-align:left!important;}

.web{ display:block;}
.m{ display:none;}


/* 페이징 */
.pagination {position:relative;margin-top:25px;text-align:center;     margin-bottom: 25px;    clear: both;}
.pagination a, .pagination strong{display:inline-block;width:26px;height:26px;margin-left:2px;margin-right:2px;text-align:center;font-size:13px;color:#252525;line-height:28px;letter-spacing:1px;vertical-align:middle;}
.pagination a{border:solid 1px #dedede;background:#fff}
.pagination strong{background:#e21921;color:#fff;font-weight:normal; border-radius:50px;}
.pagination span.page_btn {display:inline-block;margin:0 5px}
.pagination span.page_btn a{width:26px;height:26px; background:url(/images/sub/bbs_icon.png) no-repeat;font-size:0;line-height:0;text-indent:100%;}
.pagination span.page_btn img{vertical-align:middle}
*:first-child+html .pagination span.page_btn a{text-indent:0}
.pagination span.page_btn .prev_end {background-position: 7px -92px;}
.pagination span.page_btn .prev{background-position: -40px -92px;}
.pagination span.page_btn .prev_one{display:none;background:none;}
.pagination span.page_btn .next_one{display:none;background:none;}
.pagination span.page_btn .next{background-position: -90px -92px;}
.pagination span.page_btn .next_end {background-position: -143px -92px;}

@media screen and (max-width:780px) {
.pagination span.page{display:none}
.pagination span.page_btn{margin:0}
.pagination span.page_btn a{width:40px;height:40px;background-color:#fafafa;line-height:42px}
.pagination span.page_btn .prev,.pagination span.page_btn .next {display:none}
.pagination .page_btn.prev_group{width:48%;text-align:right}
.pagination .page_btn.next_group{width:48%;text-align:left}
.pagination span.page_btn i{display:inline-block;width:24px;height:100%; background:url(/images/sub/bbs_icon.png) no-repeat;vertical-align: middle}
.pagination span.page_btn .prev_end {background-position: 15px -85px;}
.pagination span.page_btn .prev_one, .pagination span.page_btn .next_one{display:inline-block;width:auto;min-width:55%;background:#fafafa;font-size:inherit;text-indent: 0}
.pagination span.page_btn .prev_one {padding-right:10px;}
.pagination span.page_btn .prev_one i{background-position : -45px -85px;}
.pagination span.page_btn .next_one {padding-left:10px;}
.pagination span.page_btn .next_one i{background-position : -90px -85px;}
.pagination span.page_btn .next_end {background-position: -136px -85px;}
}
/* //table */
@media screen and (max-width:650px) {
.web{ display:none;}
.m{ display:block; padding:0;}
}