@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@800&display=swap');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio,
video { font-family: 'Noto Sans KR', sans-serif; margin: 0; padding: 0; border: 0; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

.content-body {width:740px}
.bol100 {font-weight:100}
.bol200 {font-weight:200}
.bol300 {font-weight:300}
.bol400 {font-weight:400}
.bol500 {font-weight:500}
.bol600 {font-weight:600}
.bol700 {font-weight:700}
.bol800 {font-weight:800}
.bol900 {font-weight:900}
.bol1000 {font-weight:1000}

.main-navi ul {display: flex;justify-content: space-between}
.main-navi ul li {margin:10px 20px}
.main-navi ul li a {font-size:15.5px;text-decoration: none;color:#494747}
.main-navi ul li.active {border-bottom:2px solid #ba9d4d;padding:0 0 4px 0}
.main-navi ul li.active a {color:#ba9d4d}


.list-header {display: flex;align-items: center;justify-content: space-between;border-bottom:2px solid #e7e7e7;padding-bottom:14px;margin-bottom:24px}
.list-header h2 {display: flex;align-items: center}
.list-header h2 span {font-size:18px;color:#272727;font-weight:bold;justify-content: center;margin:0 0 0 10px;}
.list-header a {color:#272727;font-size:14px}
.list-header.no-image h2 span {margin:0}

.list-body table {width:100%;}
.list-body table tr .new-icon {display:none;}
.list-body table tr.new .new-icon {display:inline-block;color:#6d6d6d;font-size:13px;background:#eee;padding:2px 6px 3px;border-radius: 3px;position: relative;top:-4px}
.list-body table td {padding:5px 0}
.list-body table td:nth-child(1) a {font-size:14px;text-decoration: none;line-height: 1.4;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 491px;color:#272727}
.list-body table td:nth-child(2) {width:116px;text-align: center;font-size:13px;color:#707070;vertical-align: middle}
.list-body table td:nth-child(3) {width:90px;text-align: right;color:#707070;font-size:13px;vertical-align: middle}

.relative-board-list {margin-top:40px}
.relative-board-list .list-body table td:nth-child(1) a {
    width:auto;
    max-width:none !important;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: initial;
    line-height:1.4
}
.list-body.type2 table td:nth-child(1) p {
    width:auto;
    max-width:none !important;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: initial;
    line-height:1.4
}
.list-body.type2 table td:nth-child(2) {width:50px;text-align:right;}

.notice-list .list-body table td:nth-child(2) {width:80%;text-align: left;vertical-align: middle}
.notice-list .list-body table td {padding:5px 0;text-align: center;}
.notice-list .list-body table td a {color:#272727;text-decoration: none}

.line-to-boards {display: flex;justify-content: space-between;align-items: start}

.box-list-half {width:349px}
.box-list-half h2 {height:25px;}
.box-list-half .list-body table td:nth-child(1) a {max-width:270px}
.box-list-half .list-body table td:nth-child(2){text-align:right;vertical-align: middle}
.box-list-half .list-body table td:nth-child(3) {vertical-align: middle}
.box-list-half .list-body table td:nth-child(3) a {text-align:right}

.box-list-full {}
.box-list-full .list-header {margin-bottom:0;border-bottom:2px solid #aeaeae}

.box-list-full .list-body table thead {border-bottom:2px solid #d4d4d4;}
.box-list-full .list-body table th {font-size:15px;font-weight: bold;padding:19px 0}
.box-list-full .list-body table td {font-size:14px;padding:19px 0;line-height:1.4}

.box-list-full .list-body table th:nth-child(2),
.box-list-full .list-body table th:nth-child(3),
.box-list-full .list-body table th:nth-child(4) {width:90px;vertical-align: middle}
.box-list-full .list-body table td:nth-child(1) a {max-width:400px}
.box-list-full .list-body table td:nth-child(4) {text-align:center;color:#969696;font-weight: 600}
.box-list-full .list-body table tbody tr.answer td:nth-child(4) {color:#7e714c;vertical-align: middle}

.box-list-full .list-body tbody tr {border-bottom:1px solid #e7e7e7}

.number-box {display: flex;align-items:center;justify-content:center;position:relative}
.number-box img {display:inline-block;margin-right:4px;}

div.devider {height:3px;margin:50px 0;width:100%;border-bottom:3px solid red;}

.best-pop-box {background:#fff}
.best-pop-box h2 {background:#f8f8f8;font-size:15px;font-weight:bold;margin-bottom:26px}

.best-pop-box {width:300px;padding:24px 30px;box-sizing: border-box}
.best-pop-box table {width:242px;}
.best-pop-box table td {padding-bottom:16px;font-size:13.5px}
.best-pop-box table  td:nth-child(1){text-align:left;width:20px;color:#9496b3}
.best-pop-box table  td:nth-child(2){text-align:left;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;display:block;width:190px}
.best-pop-box table  td:nth-child(2) a {text-decoration: none;color:#272727}
.best-pop-box table  td:nth-child(3){text-align:center;width:15px;}
.best-pop-box .noti {display:flex;align-items:center;font-size:12px;color:#a7a7a7}
.best-pop-box .noti img {display: block;margin-right:5px}

.search-wrap {border:2px solid #545454;display:block;height:60px;box-sizing: border-box;padding:10px;border-radius:30px;position:relative;}
.search-wrap span {display:flex;align-items: center;}
.search-wrap input {width:95%;padding:10px;border:0;outline:0;font-size:18px}

.man-icon-wrap {background:#333333;}
.man-icon-link {color:#fff;height:43px;line-height:43px;display:inline-block;text-decoration: none;text-align:center;}
.man-icon-link img {position:relative;top:1px;}

.button-ui {display:inline-block;text-align:center;background:#a3a3a3;font-size:15px;color:#fff;font-weight:bold;min-width:169px;height:55px;line-height:55px;border-radius:5px;text-decoration: none;border:0}
.button-ui.confirm {background: #766b5f}

.pagenation ul {display: flex;}
.pagenation ul li {}
.pagenation ul li a {font-size:14px;text-decoration: none;font-weight:bold;font-family: 'Nanum Gothic';padding:10px;text-underline-offset: 5px;color:#272727}
.pagenation ul li.current a {text-decoration: underline;color:#ba9d4d}

.form-title h2 {font-size:18px;font-weight:bold;color:#272727;margin-bottom:20px;}
.input-box-wrap {background:#f2f2f2;height:57px;box-sizing:border-box;padding:20px 10px;border-radius:5px}
.input-box-wrap input {width:100%;font-size:14px;color:#272727;border:0;outline:0;background:#f2f2f2}
.textarea-box-wrap textarea {width:100%;font-size:14px;color:#272727;border:0;outline:0;background:#f2f2f2;height:100%;min-height:165px;padding:10px;;border-radius:5px;box-sizing: border-box}

div.comments ul li .inner {display:flex;padding:30px 0;border-bottom:2px solid #e7e7e7}
div.comments ul li .inner h2 {margin-bottom:12px;font-size:18px}
div.comments ul li .inner .icon-wrap {width:80px;}
div.comments ul li .inner .contents {min-width:480px;line-height:1.4}
div.comments ul li .inner .date {display:flex;align-items: flex-end;line-height:1.4}

/* layout */
header {background: #333333;margin-bottom:42px;}
header .top-inner {width:1100px;margin:0 auto;display:flex;justify-content: space-between}
header .top-inner span {color:#fff;line-height:43px;display:inline-block;}

.navi {background:#fff;padding:14px 0;border-bottom:1px solid #b3b3b3}
.navi h1 {min-width:222px;}
.navi .menu-inner{display:flex;width:1100px;margin:auto;}

.content-inner {width:1100px;margin:auto;display:flex;justify-content: space-between}
.content-inner .main-content {flex-basis:740px;}
.content-inner .side-content {width:300px}

.main-banner {background:#f0f5fa;box-sizing: border-box;padding:0 42px 0 52px;margin-top:34px}

.border-top-margin {margin:50px 0 0}
.main-border-list0 {margin-top:0}
.right-size-margin {margin:24px 0 0}

.footer {margin-top:110px;background:#ededed;padding:50px 0}
.footer-inner {display:flex;justify-content: space-between;width:1100px;margin:auto;}
.footer-inner .flex-left-side {flex-basis:740px}

.company-list {width:100%}
.company-list ul {display:flex;align-items: center}
.company-list ul li:not(:last-child):after {content:'|';display:inline-block;margin:0 9px;font-size:11px;position:relative;top:-2px}
.company-list ul li a {color:#444444;font-size:14px;text-decoration:none;}

.copyright {display:inline-block;color:#444;font-size:14px;font-weight:bold;margin-top:21px;}

.app-links > a {display:inline-block;margin-right:10px;}

.pagenation-wrap {display: flex;justify-content: center;margin-top:40px}
.category-line{color:#ba9d4d;font-size:16px;}

.board-view-titles {margin-top:10px;}
.board-view-titles .line-to-top {display:flex;justify-content: space-between;padding-bottom:16px;border-bottom:2px solid #aeaeae;align-items:center;}
.board-view-titles .line-to-top h2.title {font-size:21px;color:#272727;line-height:1.2}
.board-view-titles .line-to-top .like-box {width:80px;margin-right:10px;border:1px solid #ddd;font-size:13px;color:#766b5f;text-align:center;border-radius:3px;padding:8px;cursor: pointer}
.board-view-titles .line-to-top .like-box img {vertical-align:bottom}

.board-view-titles .line-to-bottom {display:flex;align-items:center;justify-content:flex-end;padding:27px 0;border-bottom:1px solid #e7e7e7}
.board-view-titles .line-to-bottom dl {display:flex;margin-right:26px;font-weight:bold;}
.board-view-titles .line-to-bottom dl dt {margin-right:17px;font-size:14px;color:#272727}
.board-view-titles .line-to-bottom dl dd {font-size:14px;color:#969696;}

.board-contents {font-size:15px;line-height:1.6;color:#272727;padding:15px 0 30px;border-bottom:1px solid #e7e7e7;word-break: break-word}
.write-comment-wrap {margin-top:50px}
.comment-btn-area {margin-top:21px;display: flex;justify-content: flex-end}
.board-view-comments {margin-top:30px;}

.write-page-header {margin-top:50px}
.write-page-email {margin-top:47px}
.notice-wrap {margin-top:23px;font-size:13px;color:#6a6a6a;line-height:1.6}
.board-write-text-area {margin-top:35px}
.write-button-area {display: flex;margin-top:63px;justify-content:center}
.write-button-area a:first-child{margin-right:10px;}

.search-form-wrap {margin-top:7px;background:#fff;border:1px solid #e1e2e2;width:300px;height:26px;padding:0 2px 0 10px}
.search-form-wrap form {display: flex;justify-content: space-between;}
.search-form-wrap input {border:0;outline:0;width:100%;height:24px;}
.search-form-wrap button {background:transparent;border:0;outline: none;margin-top:-1px;}
.search-form-wrap button img {width:26px;}

.terms-wrap {white-space:pre-wrap;line-height:1.4}

.flex-center {display: flex;align-items: center;justify-content: center;margin:10px auto}

.google-main-banner {margin:0 auto 20px; text-align: center;}