@import url("reset.css");

.board .contents-area > .inner {width:90%; max-width:1320px; margin:0 auto;}
.board .contents-area .section .section-cont {width:100% !important;}

.board .select-box {height:50px; box-sizing:border-box; border:1px solid #dedede; position:relative; cursor:pointer; z-index:50;}
.board .select-box:before {content:""; width:0; height:0; border:solid transparent; border-width:0 4px; border-top:4px solid #000; position:absolute; right:10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.board .select-box .select-option {width:100%; height:100%; display:table; box-sizing:border-box; padding:0 10px; font-size:16px; font-weight:400; text-align:left;}
.board .select-box .select-option span {display:table-cell; vertical-align:middle;}
.board .select-box .option-list {width:calc(100% + 2px); max-height:200px; position:absolute; left:-1px; top:48px; border:1px solid #dedede; box-sizing:border-box; padding:5px 0; background:#fff; display:none;}
.board .select-box .option-list ul li {width:100%; display:block; text-align:left;}
.board .select-box .option-list ul li .option [type=radio] {display:none;}
.board .select-box .option-list ul li .option [type=radio] + label {font-size:16px; font-weight:400; display:block; width:100%; box-sizing:border-box; padding:5px 10px; cursor:pointer;}
.board .select-box.active .option-list {display:block;}
.board .select-box .option-list ul li .option [type=radio]:checked + label {color:#0080ff;}


/*search*/
.board .board-search {width:100%; font-size:0; text-align:right; margin-bottom:40px;}
.board .board-search > * {display:inline-block; vertical-align:middle; margin-left:10px;}
.board .board-search > *:nth-child(1) {margin-left:0;}
.board .board-search .select-box {width:100px;}
.board .board-search .input-box {width:calc(90% - 110px); max-width:400px; box-sizing:border-box; border:1px solid #dedede;}
.board .board-search .input-box > .inner {width:100%; font-size:0;}
.board .board-search .input-box > .inner > * {display:inline-block; vertical-align:middle;}
.board .board-search .input-box input {width:calc(100% - 48px); height:48px; box-sizing:border-box; border:none; background:#fff; padding:0 10px; font-size:16px;}
.board .board-search .input-box .btn-search {width:48px; height:48px; background:url(/img/cont/icon_search.png) center no-repeat;}
.board .board-search .input-box .btn-search a {display:block; width:100%; height:100%; font-size:0;}


/*button*/
.board .board-button {width:100%; font-size:0; margin-top:40px;}
.board .board-button.ty-center {text-align:center;}
.board .board-button.ty-right {text-align:right;}
.board .board-button .button {display:inline-block; vertical-align:middle; margin-left:10px; box-sizing:border-box; position:relative; min-width:160px; height:60px; border-radius:60px; text-align:center;}
.board .board-button .button:nth-child(1) {margin-right:0;}
.board .board-button .button a {display:block; width:100%; height:100%; box-sizing:border-box; padding:0 10px;}
.board .board-button .button p {font-size:16px; font-weight:400; color:#fff; line-height:60px;}
.board .board-button .button.ty-1 {background:#000;}
.board .board-button .button.ty-2 {background:#0080ff;}
.board .board-button .button.ty-3 {background:#fff; border:1px solid #dedede;}
.board .board-button .button.ty-3 p {color:#000;}


/*top-txt*/
.board-top-txt {width:100%; margin-bottom:50px;}
.board-top-txt .txt {width:100%; box-sizing:border-box; font-size:18px; font-weight:400; line-height:1.6; word-wrap:break-word; word-break:keep-all;}


/*list*/
.board .board-list {width:100%;}
.board .board-list .list-tb {width:100%; box-sizing:border-box;}

.board .board-list .list-tb.ty-1 {border-top:1px solid #000;}
.board .board-list .list-tb.ty-1 .tr {width:100%; font-size:0; padding:50px 0; border-bottom:1px solid #dedede; position:relative; cursor:pointer;}
.board .board-list .list-tb.ty-1 .tr:before {content:""; width:280px; height:100%; background:#fafafa; position:absolute; right:0; top:0; z-index:0;}
.board .board-list .list-tb.ty-1 .tr > * {display:inline-block; vertical-align:middle; box-sizing:border-box; padding:0 10px;}
.board .board-list .list-tb.ty-1 .tr .fd-date {width:150px; font-size:62px; font-weight:500; text-align:center; letter-spacing:-1.5px;}
.board .board-list .list-tb.ty-1 .tr .fd-date span {display:block; font-size:24px;}
.board .board-list .list-tb.ty-1 .tr .fd-cont {width:calc(100% - 430px);}
.board .board-list .list-tb.ty-1 .tr .fd-cont .subject {width:100%;}
.board .board-list .list-tb.ty-1 .tr .fd-cont .subject p {font-size:24px; font-weight:500; font-family:'Noto Sans KR', sans-serif !important;}
.board .board-list .list-tb.ty-1 .tr .fd-cont .cont {font-family:'Noto Sans KR', sans-serif !important; font-size:16px; font-weight:400; color:#767676; max-height:50px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; margin-top:10px;}
.board .board-list .list-tb.ty-1 .tr .fd-info {width:280px;}
.board .board-list .list-tb.ty-1 .tr .fd-info ul {text-align:center; font-size:0;}
.board .board-list .list-tb.ty-1 .tr .fd-info ul li {display:inline-block; vertical-align:middle; width:50%; max-width:130px; position:relative; box-sizing:border-box; padding:0 5px; font-family:'Noto Sans KR', sans-serif !important; font-size:16px; font-weight:400;}
.board .board-list .list-tb.ty-1 .tr .fd-info ul li:before {content:""; width:1px; height:14px; border-left:1px solid #dedede; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.board .board-list .list-tb.ty-1 .tr .fd-info ul li:nth-child(1):before {display:none;}
.board .board-list .list-tb.ty-1 .tr .fd-info ul li span.hit {display:inline-block; width:100%; padding-top:30px; background:url(/img/cont/icon_hit.png) center top no-repeat;}
.board .board-list .list-tb.ty-1 .tr:hover {/*border-bottom:1px solid rgba(227,25,55,0.3);*/}
.board .board-list .list-tb.ty-1 .tr:hover .fd-date {color:#0080ff;}

.board .board-list .list-tb.ty-2 {border-top:1px solid #000;}
.board .board-list .list-tb.ty-2 .tr {width:100%; font-size:0; padding:30px 0; border-bottom:1px solid #dedede; position:relative; cursor:pointer;}
.board .board-list .list-tb.ty-2 .tr:before {content:""; width:175px; height:100%; background:#fafafa; position:absolute; right:0; top:0; z-index:0;}
.board .board-list .list-tb.ty-2 .tr > * {display:inline-block; vertical-align:middle; box-sizing:border-box; padding:0 10px; position:relative; z-index:10;}
.board .board-list .list-tb.ty-2 .tr .fd-category {width:150px;}
.board .board-list .list-tb.ty-2 .tr .fd-category .category {width:100px; height:100px; box-sizing:border-box; border-radius:50%; background:#fafafa; display:table; margin:0 auto; text-align:center;}
.board .board-list .list-tb.ty-2 .tr .fd-category .category span {font-size:18px; font-weight:400; display:table-cell; vertical-align:middle;}
.board .board-list .list-tb.ty-2 .tr .fd-cont {width:calc(100% - 325px); padding-left:50px;}
.board .board-list .list-tb.ty-2 .tr .fd-cont .subject {width:100%;}
.board .board-list .list-tb.ty-2 .tr .fd-cont .subject p {font-size:24px; font-weight:500; font-family:'Noto Sans KR', sans-serif !important;}
.board .board-list .list-tb.ty-2 .tr .fd-cont .cont {font-family:'Noto Sans KR', sans-serif !important; font-size:16px; font-weight:400; color:#767676; max-height:50px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; margin-top:10px;}
.board .board-list .list-tb.ty-2 .tr .fd-state {width:175px; font-size:20px; font-weight:500; text-align:center;}
.board .board-list .list-tb.ty-2 .tr:hover {/*border-bottom:1px solid rgba(227,25,55,0.3);*/}
.board .board-list .list-tb.ty-2 .tr:hover .fd-category .category {background:#0080ff;}
.board .board-list .list-tb.ty-2 .tr:hover .fd-category .category span {color:#fff;}
.board .board-list .list-tb.ty-2 .tr:hover .fd-state {color:#0080ff;}



/*ÆäÀÌ¡*/
.board .board-paging {width:100%; margin-top:60px; text-align:center; font-size:0;}
.board .board-paging > * {display:inline-block; vertical-align:middle;}
.board .board-paging .nav {width:48px; height:48px; border-radius:50%; box-sizing:border-box; border:1px solid #dedede; position:relative; background:#fff;}
.board .board-paging .nav:before, 
.board .board-paging .nav:after {content:""; width:6px; height:6px; border:solid #767676; border-width:2px 2px 0 0; position:absolute; top:19px; z-index:0;}
.board .board-paging .nav.begin {margin-right:8px;}
.board .board-paging .nav.begin:before {left:18px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg);}
.board .board-paging .nav.begin:after {left:25px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg);}
.board .board-paging .nav.prev:before {left:21px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg);}
.board .board-paging .nav.prev:after {display:none;}
.board .board-paging .nav.next:before {right:20px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.board .board-paging .nav.next:after {display:none;}
.board .board-paging .nav.end {margin-left:8px;}
.board .board-paging .nav.end:before {right:17px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.board .board-paging .nav.end:after {right:24px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.board .board-paging .nav a {display:block; width:100%; height:100%; font-size:0; position:relative; z-index:10;}
.board .board-paging ul {font-size:0; margin:0 30px;}
.board .board-paging ul li {display:inline-block; vertical-align:middle; min-width:48px; height:48px; border-radius:48px; box-sizing:border-box; border:1px solid #dedede; background:#fff; position:relative; margin-left:8px;}
.board .board-paging ul li:nth-child(1) {margin-left:0;}
.board .board-paging ul li a {display:table; width:100%; height:100%; box-sizing:border-box; padding:0 5px; text-align:center;}
.board .board-paging ul li p {display:table-cell; vertical-align:middle; font-size:14px; font-weight:400;}
.board .board-paging ul li.on {border:1px solid #0080ff; background:#0080ff;}
.board .board-paging ul li.on p {color:#fff;}


/*view*/
.board .board-view {width:100%;}
.board .board-view .view-tb {width:100%; box-sizing:border-box;}
.board .board-view .view-tb dl.ty-line {width:100%; font-size:0;}
.board .board-view .view-tb dl.ty-line > * {display:inline-block; vertical-align:middle; font-size:16px; position:relative;}
.board .board-view .view-tb dl.ty-line > *:nth-child(1) {margin-left:0;}
.board .board-view .view-tb dl.ty-line > *:nth-child(1):before {display:none;}
.board .board-view .view-tb dl.ty-line dt {margin-left:40px; color:#767676;}
.board .board-view .view-tb dl.ty-line dt:before {content:""; width:1px; height:50%; border-left:1px solid #dedede; position:absolute; left:-20px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.board .board-view .view-tb dl.ty-line dt span.hit {display:inline-block; vertical-align:middle; font-size:0; width:18px; height:12px; background:url(/img/cont/icon_hit.png) center no-repeat; background-size:auto 100%;}
.board .board-view .view-tb dl.ty-line dd {margin-left:10px; color:#000;}
.board .board-view .view-tb dl.ty-list {width:100%;}
.board .board-view .view-tb dl.ty-list dt {font-size:16px; font-weight:400; margin-bottom:10px;}
.board .board-view .view-tb dl.ty-list dt .down {display:inline-block; vertical-align:middle; padding-left:25px; position:relative;}
.board .board-view .view-tb dl.ty-list dt .down:before {content:""; width:18px; height:18px; background:url(/img/cont/icon_down.png) center no-repeat; background-size:cover; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.board .board-view .view-tb dl.ty-list dd {width:100%; margin-top:5px;}
.board .board-view .view-tb dl.ty-list dd p {font-size:14px; color:#767676;}

.board .board-view .view-tb.ty-1 {border-top:1px solid #000;}
.board .board-view .view-tb.ty-1 .tr {width:100%; box-sizing:border-box; padding:30px; border-bottom:1px solid #dedede;}
.board .board-view .view-tb.ty-1 .tr.split {font-size:0; position:relative; padding-right:0 !important;}
.board .board-view .view-tb.ty-1 .tr.split > * {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; z-index:10;}
.board .board-view .view-tb.ty-1 .tr.split > *:nth-child(1) {padding-right:30px;}
.board .board-view .view-tb.ty-1 .tr.split:before {content:""; height:100%; background:#fafafa; position:absolute; right:0; top:0; z-index:0;}
.board .board-view .view-tb.ty-1 .tr .th {width:100%;}
.board .board-view .view-tb.ty-1 .tr .subject {font-family:'Noto Sans KR', sans-serif !important; font-size:36px; font-weight:700; margin-bottom:10px; word-wrap:break-word; word-break:keep-all;}
.board .board-view .view-tb.ty-1 .tr .content {font-size:16px; line-height:1.5; word-wrap:break-word; word-break:keep-all; color:#767676;}
.board .board-view .view-tb.ty-1 .tr .content img {max-width:100%;}


/*view-nav*/
.board .board-view-nav {width:100%; margin-top:40px;}
.board .board-view-nav ul {width:100%; border-top:1px solid #000;}
.board .board-view-nav ul li {width:100%; box-sizing:border-box; border-bottom:1px solid #dedede; padding:20px 30px; font-size:0;}
.board .board-view-nav ul li:nth-child(odd) {background:#fafafa;}
.board .board-view-nav ul li:nth-child(even) {background:#fff;}
.board .board-view-nav ul li > * {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative;}
.board .board-view-nav ul li .subject {width:calc(100% - 100px); padding-right:10px;}
.board .board-view-nav ul li .subject p {font-size:16px; font-weight:400; color:#767676;}
.board .board-view-nav ul li .tlt {width:100px; text-align:center;}
.board .board-view-nav ul li .tlt span {font-size:16px; font-weight:400; color:#767676; padding-left:18px; box-sizing:border-box; position:relative; display:inline-block; vertical-align:middle;}
.board .board-view-nav ul li .tlt span:before {content:""; width:6px; height:6px; border:solid #cdcdcd; border-width:2px 0 0 2px; position:absolute; left:0;}
.board .board-view-nav ul li .tlt.prev span:before {top:10px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.board .board-view-nav ul li .tlt.next span:before {top:6px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg);}


/*write*/
.board .board-write {width:100%;}
.board .board-write .write-tb {width:100%; box-sizing:border-box;}
.board .board-write .write-tb dl.ty-1 {width:100%; font-size:0;}
.board .board-write .write-tb dl.ty-1 > * {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; font-size:16px; line-height:1.4; margin-top:10px;}
.board .board-write .write-tb dl.ty-1 > *:nth-child(-n+2) {margin-top:0;}
.board .board-write .write-tb dl.ty-1 dt {width:140px;}
.board .board-write .write-tb dl.ty-1 dd {width:calc(100% - 140px);}
.board .board-write .write-tb dl.ty-2 {width:100%; font-size:0;}
.board .board-write .write-tb dl.ty-2 > * {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; font-size:16px; line-height:1.4; margin-top:10px;}
.board .board-write .write-tb dl.ty-2 > *:nth-child(-n+2) {margin-top:0;}
.board .board-write .write-tb dl.ty-2 dd {width:100%;}
.board .board-write .write-tb .notice-box {width:100%; display:block; font-size:14px; font-weight:400; line-height:1.4; color:#767676; word-wrap:break-word; word-break:keep-all; margin-top:10px;}
.board .board-write .write-tb .addfile-box {width:100%; font-size:0; position:relative;}
.board .board-write .write-tb .addfile-box > * {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; margin-left:10px;}
.board .board-write .write-tb .addfile-box > *:nth-child(1) {margin-left:0;}
.board .board-write .write-tb .addfile-box [type=file] {opacity:0; width:0; height:0; position:absolute; top:0; left:0;}
.board .board-write .write-tb .addfile-box .result-txt {height:60px; box-sizing:border-box; border:1px solid #dedede; padding:0 30px;}
.board .board-write .write-tb .addfile-box .result-txt p {font-family:'Noto Sans KR', sans-serif !important; font-size:16px; font-weight:400; color:#000; line-height:58px; display:inline-block; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; padding-right:5px; max-width:100%;}
.board .board-write .write-tb .addfile-box .result-txt p.placeholder {color:#767676;}
.board .board-write .write-tb .addfile-box label {width:130px; height:60px; background:#767676; color:#fff; text-align:center; font-size:16px; line-height:60px; cursor:pointer;}
.board .board-write .write-tb .addfile-box .btn-download {width:130px; height:60px; background:#fff; border:1px solid #dedede; text-align:center;}
.board .board-write .write-tb .addfile-box .btn-download a {display:block; width:100%; height:100%; box-sizing:border-box;}
.board .board-write .write-tb .addfile-box .btn-download p {font-size:16px; color:#000; line-height:58px; padding-right:25px; display:inline-block; max-width:100%; position:relative;}
.board .board-write .write-tb .addfile-box .btn-download p:before {content:""; width:18px; height:18px; background:url(/img/cont/icon_download.png) center no-repeat; background-size:cover; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}


.board .board-write .write-tb.ty-1 .tr {width:100%; box-sizing:border-box; margin-top:50px; font-size:0;}
.board .board-write .write-tb.ty-1 .tr:nth-child(1) {margin-top:0;}
.board .board-write .write-tb.ty-1 .tr .td {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; margin-left:60px;}
.board .board-write .write-tb.ty-1 .tr .td:nth-child(1) {margin-left:0;}
.board .board-write .write-tb.ty-1 .tr .td:only-child {width:100%;}
.board .board-write .write-tb.ty-1 .tr .td:first-child:nth-last-child(2),
.board .board-write .write-tb.ty-1 .tr .td:first-child:nth-last-child(2) ~ .td {width:calc(((100% - 60px) / 2) - 1px);}
.board .board-write .write-tb.ty-1 .tr .td > * {margin-top:10px;}
.board .board-write .write-tb.ty-1 .tr .td > *:nth-child(1) {margin-top:0;}
.board .board-write .write-tb.ty-1 .tr .td .tlt {font-size:0;}
.board .board-write .write-tb.ty-1 .tr .td .tlt > * {display:inline-block; vertical-align:middle; margin-left:5px;}
.board .board-write .write-tb.ty-1 .tr .td .tlt > *:nth-child(1) {margin-left:0;}
.board .board-write .write-tb.ty-1 .tr .td .tlt h1 {font-size:20px; font-weight:500; color:#000;}
.board .board-write .write-tb.ty-1 .tr .td .tlt span {font-size:14px; font-weight:400; color:#0080ff;}
.board .board-write .write-tb.ty-1 .tr .td .input-box {width:100%; box-sizing:border-box;}
.board .board-write .write-tb.ty-1 .tr .td .input-box [type=text],
.board .board-write .write-tb.ty-1 .tr .td .input-box [type=password],
.board .board-write .write-tb.ty-1 .tr .td .input-box textarea {width:100%; height:60px; box-sizing:border-box; border:1px solid #dedede; padding:0 30px; font-family:'Noto Sans KR', sans-serif !important; font-size:16px; font-weight:400; color:#000;}
.board .board-write .write-tb.ty-1 .tr .td .input-box textarea {padding:30px; height:300px; resize:none;}
.board .board-write .write-tb.ty-1 .tr .td .input-box ::placeholder {color:#767676;}
.board .board-write .write-tb.ty-1 .tr .td .input-box :focus {border:1px solid #000;}
.board .board-write .write-tb.ty-1 .tr .td .agree-box {width:100%; box-sizing:border-box; border:1px solid #dedede;}
.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-cont {width:100%; height:200px; overflow-y:auto; font-size:15px; font-weight:400; line-height:1.4; word-wrap:break-word; word-break:keel-all; white-space:pre-line; box-sizing:border-box; padding:30px;}
.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-cont > .inner {width:100%; height:100%; box-sizing:border-box;}
.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk {width:100%; box-sizing:border-box; background:#fafafa; border-top:1px solid #dedede; padding:20px 30px; font-size:0;}
.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk > * {display:inline-block; vertical-align:middle; margin-right:10px;}
.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk > *:last-child {margin-right:0;}
.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk [type=checkbox] {display:none;}
.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk [type=checkbox] + label {width:30px; height:30px; box-sizing:border-box; border-radius:50%; position:relative; background:#dedede; cursor:pointer;}
.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk [type=checkbox] + label:before {content:""; width:6px; height:12px; border:solid rgba(255,255,255,0.4); border-width:0 2px 2px 0; position:absolute; left:11px; top:5px; -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); transform:rotate(40deg);}
.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk [type=checkbox]:checked + label {background:#0080ff;}
.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk [type=checkbox]:checked + label:before {border:solid #fff; border-width:0 2px 2px 0;}
.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk p {font-size:16px; color:#000; font-weight:400;}
.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk p span {font-size:14px; font-weight:400; color:#0080ff;}


@media screen and (max-width: 1280px){

	.board .board-write .write-tb.ty-1 .tr .td {margin-left:40px;}
	.board .board-write .write-tb.ty-1 .tr .td:first-child:nth-last-child(2),
	.board .board-write .write-tb.ty-1 .tr .td:first-child:nth-last-child(2) ~ .td {width:calc(((100% - 40px) / 2) - 1px);}

}

@media screen and (max-width: 1024px){

	.board .select-box .select-option {font-size:15px;}
	.board .select-box .option-list ul li .option [type=radio] + label {font-size:15px;}

	.board .board-search .input-box input {font-size:15px;}

	.board .board-button .button {min-width:150px;}
	.board .board-button .button p {font-size:15px;}

	.board-top-txt {margin-bottom:30px;}
	.board-top-txt .txt {font-size:16px;}

	.board .board-list .list-tb.ty-1 .tr {padding:40px 0;}
	.board .board-list .list-tb.ty-1 .tr:before {width:220px;}
	.board .board-list .list-tb.ty-1 .tr .fd-date {width:130px; font-size:55px;}
	.board .board-list .list-tb.ty-1 .tr .fd-date span {font-size:20px;}
	.board .board-list .list-tb.ty-1 .tr .fd-cont {width:calc(100% - 350px);}
	.board .board-list .list-tb.ty-1 .tr .fd-cont .subject p {font-size:20px;}
	.board .board-list .list-tb.ty-1 .tr .fd-cont .cont {font-size:15px;}
	.board .board-list .list-tb.ty-1 .tr .fd-info {width:220px;}
	.board .board-list .list-tb.ty-1 .tr .fd-info ul li {max-width:110px; font-size:15px;}
	.board .board-list .list-tb.ty-1 .tr .fd-info ul li:before {height:12px;}

	.board .board-list .list-tb.ty-2 .tr {padding:20px 0;}
	.board .board-list .list-tb.ty-2 .tr:before {width:150px;}
	.board .board-list .list-tb.ty-2 .tr .fd-category {width:130px;}
	.board .board-list .list-tb.ty-2 .tr .fd-category .category {width:90px; height:90px;}
	.board .board-list .list-tb.ty-2 .tr .fd-category .category span {font-size:16px;}
	.board .board-list .list-tb.ty-2 .tr .fd-cont {width:calc(100% - 280px); padding-left:30px;}
	.board .board-list .list-tb.ty-2 .tr .fd-cont .subject p {font-size:20px;}
	.board .board-list .list-tb.ty-2 .tr .fd-cont .cont {font-size:15px;}
	.board .board-list .list-tb.ty-2 .tr .fd-state {width:150px; font-size:18px;}

	.board .board-view .view-tb dl.ty-line > * {font-size:15px;}
	.board .board-view .view-tb dl.ty-list dt {font-size:15px;}
	.board .board-view .view-tb dl.ty-list dd p {font-size:13px;}

	.board .board-view .view-tb.ty-1 .tr .subject {font-size:32px;}
	.board .board-view .view-tb.ty-1 .tr .content {font-size:15px;}

	.board .board-view-nav ul li .subject p {font-size:15px;}
	.board .board-view-nav ul li .tlt span {font-size:15px; padding-left:18px;}
	.board .board-view-nav ul li .tlt.prev span:before {top:9px;}
	.board .board-view-nav ul li .tlt.next span:before {top:5px;}

	.board .board-write .write-tb dl.ty-1 > * {font-size:15px;}
	.board .board-write .write-tb dl.ty-1 dt {width:120px;}
	.board .board-write .write-tb dl.ty-1 dd {width:calc(100% - 120px);}
	.board .board-write .write-tb dl.ty-2 > * {font-size:15px;}
	.board .board-write .write-tb .notice-box {font-size:13px;}
	.board .board-write .write-tb .addfile-box > * {margin-left:5px;}
	.board .board-write .write-tb .addfile-box .result-txt {padding:0 20px;}
	.board .board-write .write-tb .addfile-box .result-txt p {font-size:15px;}
	.board .board-write .write-tb .addfile-box label {width:100px; font-size:15px;}
	.board .board-write .write-tb .addfile-box .btn-download {width:100px;}
	.board .board-write .write-tb .addfile-box .btn-download p {font-size:15px; padding-right:20px;}
	.board .board-write .write-tb .addfile-box .btn-download p:before {width:14px; height:14px;}

	.board .board-write .write-tb.ty-1 .tr {margin-top:40px;}
	.board .board-write .write-tb.ty-1 .tr .td {margin-left:20px;}
	.board .board-write .write-tb.ty-1 .tr .td:first-child:nth-last-child(2),
	.board .board-write .write-tb.ty-1 .tr .td:first-child:nth-last-child(2) ~ .td {width:calc(((100% - 20px) / 2) - 1px);}
	.board .board-write .write-tb.ty-1 .tr .td .tlt h1 {font-size:18px;}
	.board .board-write .write-tb.ty-1 .tr .td .tlt span {font-size:13px;}
	.board .board-write .write-tb.ty-1 .tr .td .input-box [type=text],
	.board .board-write .write-tb.ty-1 .tr .td .input-box [type=password],
	.board .board-write .write-tb.ty-1 .tr .td .input-box textarea {padding:0 20px; font-size:15px;}
	.board .board-write .write-tb.ty-1 .tr .td .input-box textarea {padding:20px; height:250px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-cont {height:180px; font-size:14px; padding:20px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk {padding:15px 20px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk p {font-size:15px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk p span {font-size:13px;}

}

@media screen and (max-width: 900px){
}

@media screen and (max-width: 768px){

	.board .select-box .select-option {font-size:14px;}
	.board .select-box .option-list ul li .option [type=radio] + label {font-size:14px;}

	.board .board-search .input-box input {font-size:14px;}

	.board .board-button {margin-top:30px;}
	.board .board-button .button {margin-left:8px; min-width:120px; height:50px; border-radius:50px;}
	.board .board-button .button p {font-size:14px; line-height:50px;}

	.board-top-txt .txt {font-size:14px;}

	.board .board-list .list-tb.ty-1 .tr:before {width:120px;}
	.board .board-list .list-tb.ty-1 .tr .fd-date {width:100px; font-size:50px;}
	.board .board-list .list-tb.ty-1 .tr .fd-date span {font-size:18px;}
	.board .board-list .list-tb.ty-1 .tr .fd-cont {width:calc(100% - 220px);}
	.board .board-list .list-tb.ty-1 .tr .fd-cont .subject p {font-size:18px;}
	.board .board-list .list-tb.ty-1 .tr .fd-cont .cont {font-size:14px;}
	.board .board-list .list-tb.ty-1 .tr .fd-info {width:120px;}
	.board .board-list .list-tb.ty-1 .tr .fd-info ul li {width:100%; max-width:110px; font-size:14px;}
	.board .board-list .list-tb.ty-1 .tr .fd-info ul li:before {height:11px;}
	.board .board-list .list-tb.ty-1 .tr .fd-info ul li.fd-num {display:none;}
	.board .board-list .list-tb.ty-1 .tr .fd-info ul li span.hit {padding-top:20px;}

	.board .board-list .list-tb.ty-2 .tr:before {width:100px;}
	.board .board-list .list-tb.ty-2 .tr .fd-category {width:100px;}
	.board .board-list .list-tb.ty-2 .tr .fd-category .category {width:80px; height:80px;}
	.board .board-list .list-tb.ty-2 .tr .fd-category .category span {font-size:15px;}
	.board .board-list .list-tb.ty-2 .tr .fd-cont {width:calc(100% - 200px); padding-left:20px;}
	.board .board-list .list-tb.ty-2 .tr .fd-cont .subject p {font-size:18px;}
	.board .board-list .list-tb.ty-2 .tr .fd-cont .cont {font-size:14px;}
	.board .board-list .list-tb.ty-2 .tr .fd-state {width:100px; font-size:16px;}

	.board .board-paging {margin-top:50px;}
	.board .board-paging .nav {width:40px; height:40px;}
	.board .board-paging .nav:before, 
	.board .board-paging .nav:after {top:15px;}
	.board .board-paging .nav.begin {margin-right:5px;}
	.board .board-paging .nav.begin:before {left:14px;}
	.board .board-paging .nav.begin:after {left:20px;}
	.board .board-paging .nav.prev:before {left:17px;}
	.board .board-paging .nav.next:before {right:16px;}
	.board .board-paging .nav.end {margin-left:5px;}
	.board .board-paging .nav.end:before {right:13px;}
	.board .board-paging .nav.end:after {right:19px;}
	.board .board-paging ul {margin:0 20px;}
	.board .board-paging ul li {min-width:40px; height:40px; border-radius:40px; margin-left:5px;}
	.board .board-paging ul li p {font-size:13px;}

	.board .board-view .view-tb dl.ty-line > * {font-size:14px;}
	.board .board-view .view-tb dl.ty-line dt {margin-left:30px;}
	.board .board-view .view-tb dl.ty-line dt:before {left:-15px;}
	.board .board-view .view-tb dl.ty-line dd {margin-left:8px;}
	.board .board-view .view-tb dl.ty-list dt {font-size:14px;}
	.board .board-view .view-tb dl.ty-list dt .down {padding-left:20px;}
	.board .board-view .view-tb dl.ty-list dt .down:before {width:15px; height:15px;}
	.board .board-view .view-tb dl.ty-list dd {margin-top:3px;}
	.board .board-view .view-tb dl.ty-list dd p {font-size:12px;}

	.board .board-view .view-tb.ty-1 .tr {padding:20px;}
	.board .board-view .view-tb.ty-1 .tr.split > *:nth-child(1) {padding-right:20px;}
	.board .board-view .view-tb.ty-1 .tr .subject {font-size:28px;}
	.board .board-view .view-tb.ty-1 .tr .content {font-size:14px;}

	.board .board-view-nav {margin-top:30px;}
	.board .board-view-nav ul li {padding:15px 20px;}
	.board .board-view-nav ul li .subject {width:calc(100% - 80px);}
	.board .board-view-nav ul li .subject p {font-size:14px;}
	.board .board-view-nav ul li .tlt {width:80px;}
	.board .board-view-nav ul li .tlt span {font-size:14px; padding-left:16px;}
	.board .board-view-nav ul li .tlt span:before {width:5px; height:5px;}
	.board .board-view-nav ul li .tlt.prev span:before {top:8px;}
	.board .board-view-nav ul li .tlt.next span:before {top:5px;}

	.board .board-write .write-tb dl.ty-1 > * {font-size:14px;}
	.board .board-write .write-tb dl.ty-1 dt {width:100px;}
	.board .board-write .write-tb dl.ty-1 dd {width:calc(100% - 100px);}
	.board .board-write .write-tb dl.ty-2 > * {font-size:14px;}
	.board .board-write .write-tb .notice-box {font-size:12px;}
	.board .board-write .write-tb .addfile-box .result-txt {padding:0 20px;}
	.board .board-write .write-tb .addfile-box .result-txt p {font-size:14px;}
	.board .board-write .write-tb .addfile-box label {width:90px; font-size:14px;}
	.board .board-write .write-tb .addfile-box .btn-download {width:90px;}
	.board .board-write .write-tb .addfile-box .btn-download p {font-size:14px; padding-right:17px;}
	.board .board-write .write-tb .addfile-box .btn-download p:before {width:12px; height:12px;}

	.board .board-write .write-tb.ty-1 .tr {margin-top:30px;}
	.board .board-write .write-tb.ty-1 .tr .td {margin-left:0; margin-top:30px;}
	.board .board-write .write-tb.ty-1 .tr .td:nth-child(1) {margin-top:0;}
	.board .board-write .write-tb.ty-1 .tr .td:first-child:nth-last-child(2),
	.board .board-write .write-tb.ty-1 .tr .td:first-child:nth-last-child(2) ~ .td {width:100%;}
	.board .board-write .write-tb.ty-1 .tr .td .tlt h1 {font-size:16px;}
	.board .board-write .write-tb.ty-1 .tr .td .tlt span {font-size:12px;}
	.board .board-write .write-tb.ty-1 .tr .td .input-box [type=text],
	.board .board-write .write-tb.ty-1 .tr .td .input-box [type=password],
	.board .board-write .write-tb.ty-1 .tr .td .input-box textarea {padding:0 20px; font-size:14px;}
	.board .board-write .write-tb.ty-1 .tr .td .input-box textarea {padding:20px; height:220px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-cont {height:150px; font-size:13px; padding:20px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk {padding:15px 20px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk [type=checkbox] + label {width:25px; height:25px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk [type=checkbox] + label:before {width:5px; height:9px; left:9px; top:5px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk p {font-size:14px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk p span {font-size:12px;}

}

@media screen and (max-width: 600px){

	.board .board-list .list-tb.ty-1 .tr:before {width:90px;}
	.board .board-list .list-tb.ty-1 .tr .fd-date {width:90px; font-size:45px;}
	.board .board-list .list-tb.ty-1 .tr .fd-date span {font-size:17px;}
	.board .board-list .list-tb.ty-1 .tr .fd-cont {width:calc(100% - 180px);}
	.board .board-list .list-tb.ty-1 .tr .fd-cont .subject p {font-size:17px;}
	.board .board-list .list-tb.ty-1 .tr .fd-cont .cont {font-size:13px; margin-top:5px;}
	.board .board-list .list-tb.ty-1 .tr .fd-info {width:90px;}
	.board .board-list .list-tb.ty-1 .tr .fd-info ul li {font-size:13px;}

	.board .board-list .list-tb.ty-2 .tr {padding:20px 0;}
	.board .board-list .list-tb.ty-2 .tr:before {width:90px;}
	.board .board-list .list-tb.ty-2 .tr .fd-category {width:90px;}
	.board .board-list .list-tb.ty-2 .tr .fd-category .category {width:65px; height:65px;}
	.board .board-list .list-tb.ty-2 .tr .fd-category .category span {font-size:13px;}
	.board .board-list .list-tb.ty-2 .tr .fd-cont {width:calc(100% - 180px); padding-left:10px;}
	.board .board-list .list-tb.ty-2 .tr .fd-cont .subject p {font-size:17px;}
	.board .board-list .list-tb.ty-2 .tr .fd-cont .cont {font-size:13px; margin-top:5px;}
	.board .board-list .list-tb.ty-2 .tr .fd-state {width:90px; font-size:15px;}

	.board .board-write .write-tb .addfile-box .btn-download {width:100%; height:40px; margin-top:5px;}
	.board .board-write .write-tb .addfile-box .btn-download p {font-size:14px; padding-right:17px; line-height:38px;}

	.board .board-paging ul {margin:0 10px;}

}

@media screen and (max-width: 480px){

	.board .select-box {height:40px;}
	.board .select-box:before {border-width:0 3px; border-top:3px solid #000;}
	.board .select-box .select-option {font-size:12px;}
	.board .select-box .option-list {top:38px;}
	.board .select-box .option-list ul li .option [type=radio] + label {font-size:12px; padding:3px 10px;}

	.board .board-search {margin-bottom:20px;}
	.board .board-search > * {margin-left:5px;}
	.board .board-search .select-box {width:80px;}
	.board .board-search .input-box {width:calc(90% - 85px);}
	.board .board-search .input-box input {width:calc(100% - 38px); height:38px; font-size:12px;}
	.board .board-search .input-box .btn-search {width:38px; height:38px; background-size:auto 15px;}

	.board .board-button {margin-top:20px;}
	.board .board-button .button {margin-left:5px; min-width:100px; height:45px; border-radius:45px;}
	.board .board-button .button p {font-size:12px; line-height:45px;}

	.board-top-txt {margin-bottom:20px;}
	.board-top-txt .txt {font-size:12px;}

	.board .board-list .list-tb.ty-1 .tr {padding:25px 0;}
	.board .board-list .list-tb.ty-1 .tr:before {width:60px; display:none;}
	.board .board-list .list-tb.ty-1 .tr .fd-date {width:60px; font-size:35px;}
	.board .board-list .list-tb.ty-1 .tr .fd-date span {font-size:14px;}
	.board .board-list .list-tb.ty-1 .tr .fd-cont {width:calc(100% - 60px);}
	.board .board-list .list-tb.ty-1 .tr .fd-cont .subject p {font-size:15px;}
	.board .board-list .list-tb.ty-1 .tr .fd-cont .cont {font-size:12px;}
	.board .board-list .list-tb.ty-1 .tr .fd-info {width:60px; display:none;}
	.board .board-list .list-tb.ty-1 .tr .fd-info ul li {font-size:12px;}
	.board .board-list .list-tb.ty-1 .tr .fd-info ul li:before {height:10px;}
	.board .board-list .list-tb.ty-1 .tr .fd-info ul li span.hit {background-size:auto 10px; padding-top:15px;}

	.board .board-list .list-tb.ty-2 .tr {padding:15px 0;}
	.board .board-list .list-tb.ty-2 .tr:before {width:60px;}
	.board .board-list .list-tb.ty-2 .tr .fd-category {width:70px;}
	.board .board-list .list-tb.ty-2 .tr .fd-category .category {width:50px; height:50px;}
	.board .board-list .list-tb.ty-2 .tr .fd-category .category span {font-size:11px;}
	.board .board-list .list-tb.ty-2 .tr .fd-cont {width:calc(100% - 130px); padding-left:5px;}
	.board .board-list .list-tb.ty-2 .tr .fd-cont .subject p {font-size:15px;}
	.board .board-list .list-tb.ty-2 .tr .fd-cont .cont {font-size:12px;}
	.board .board-list .list-tb.ty-2 .tr .fd-state {width:60px; font-size:12px;}

	.board .board-paging {margin-top:40px;}
	.board .board-paging .nav {width:30px; height:30px;}
	.board .board-paging .nav:before, 
	.board .board-paging .nav:after {width:5px; height:5px; border-width:1px 1px 0 0; top:11px;}
	.board .board-paging .nav.begin {margin-right:3px;}
	.board .board-paging .nav.begin:before {left:11px;}
	.board .board-paging .nav.begin:after {left:15px;}
	.board .board-paging .nav.prev:before {left:13px;}
	.board .board-paging .nav.next:before {right:12px;}
	.board .board-paging .nav.end {margin-left:3px;}
	.board .board-paging .nav.end:before {right:10px;}
	.board .board-paging .nav.end:after {right:14px;}
	.board .board-paging ul {margin:0 10px;}
	.board .board-paging ul li {min-width:30px; height:30px; border-radius:30px; margin-left:5px;}
	.board .board-paging ul li p {font-size:12px;}

	.board .board-view .view-tb dl.ty-line > * {font-size:12px;}
	.board .board-view .view-tb dl.ty-line dt {margin-left:20px;}
	.board .board-view .view-tb dl.ty-line dt:before {left:-10px;}
	.board .board-view .view-tb dl.ty-line dt span.hit {width:15px; height:10px;}
	.board .board-view .view-tb dl.ty-line dd {margin-left:5px;}
	.board .board-view .view-tb dl.ty-list dt {font-size:12px; margin-bottom:6px;}
	.board .board-view .view-tb dl.ty-list dt .down {padding-left:18px;}
	.board .board-view .view-tb dl.ty-list dt .down:before {width:12px; height:12px;}
	.board .board-view .view-tb dl.ty-list dd p {font-size:11px;}

	.board .board-view .view-tb.ty-1 .tr {padding:10px;}
	.board .board-view .view-tb.ty-1 .tr.split > *:nth-child(1) {padding-right:10px;}
	.board .board-view .view-tb.ty-1 .tr .subject {font-size:20px; margin-bottom:8px;}
	.board .board-view .view-tb.ty-1 .tr .content {font-size:12px;}

	.board .board-view-nav {margin-top:20px;}
	.board .board-view-nav ul li {padding:10px 15px;}
	.board .board-view-nav ul li .subject {width:calc(100% - 60px);}
	.board .board-view-nav ul li .subject p {font-size:12px;}
	.board .board-view-nav ul li .tlt {width:60px;}
	.board .board-view-nav ul li .tlt span {font-size:12px; padding-left:12px;}
	.board .board-view-nav ul li .tlt span:before {width:4px; height:4px; border-width:1px 0 0 1px;}

	.board .board-write .write-tb dl.ty-1 > * {font-size:13px; margin-top:0;}
	.board .board-write .write-tb dl.ty-1 > *:nth-child(1) {margin-top:0;}
	.board .board-write .write-tb dl.ty-1 > *:nth-child(2) {margin-top:5px;}
	.board .board-write .write-tb dl.ty-1 dt {width:100%; margin-top:10px;}
	.board .board-write .write-tb dl.ty-1 dt .br {display:inline-block;}
	.board .board-write .write-tb dl.ty-1 dd {width:100%; margin-top:5px;}
	.board .board-write .write-tb dl.ty-2 > * {font-size:13px; margin-top:0;}
	.board .board-write .write-tb dl.ty-2 > *:nth-child(1) {margin-top:0;}
	.board .board-write .write-tb dl.ty-2 > *:nth-child(2) {margin-top:5px;}
	.board .board-write .write-tb dl.ty-2 dd {width:100%; margin-top:5px;}
	.board .board-write .write-tb .notice-box {font-size:11px;}
	.board .board-write .write-tb .addfile-box .result-txt {padding:0 10px; height:50px;}
	.board .board-write .write-tb .addfile-box .result-txt p {font-size:12px; line-height:48px;}
	.board .board-write .write-tb .addfile-box label {width:80px; height:50px; font-size:12px; line-height:50px;}
	.board .board-write .write-tb .addfile-box .btn-download p {font-size:12px; padding-right:15px;}
	.board .board-write .write-tb .addfile-box .btn-download p:before {width:9px; height:9px;}

	.board .board-write .write-tb.ty-1 .tr .td > * {margin-top:7px;}
	.board .board-write .write-tb.ty-1 .tr .td .tlt h1 {font-size:15px;}
	.board .board-write .write-tb.ty-1 .tr .td .tlt span {font-size:11px;}
	.board .board-write .write-tb.ty-1 .tr .td .input-box [type=text],
	.board .board-write .write-tb.ty-1 .tr .td .input-box [type=password],
	.board .board-write .write-tb.ty-1 .tr .td .input-box textarea {height:50px; padding:0 10px; font-size:12px;}
	.board .board-write .write-tb.ty-1 .tr .td .input-box textarea {padding:10px; height:180px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-cont {height:120px; font-size:11px; padding:10px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk {padding:10px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk > * {margin-right:6px;}	
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk [type=checkbox] + label {width:20px; height:20px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk [type=checkbox] + label:before {border-width:0 1px 1px 0; width:4px; height:8px; left:8px; top:4px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk [type=checkbox]:checked + label:before {border-width:0 1px 1px 0;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk p {font-size:13px;}
	.board .board-write .write-tb.ty-1 .tr .td .agree-box .agree-chk p span {font-size:11px;}

}