@charset "utf-8";
/* board.css는 프로그램 게시판 스타일 정의 */
/* 카테고리 */
#bo_cate {margin-bottom:60px;}
#bo_cate ul {display:flex; justify-content:center;}
#bo_cate ul li {padding:0 20px; position:relative;}
#bo_cate ul li:after {content:''; width:1px; height:20px; background:#ddd; position:absolute; top:50%; margin-top:-10px; right:0;}
#bo_cate ul li:last-child:after {display:none;}
#bo_cate ul li a {font-size:20px; color:#333; display:block; line-height:1.5em;}
#bo_cate ul li a#bo_cate_on {font-weight:700;}
/* 게시판 카운트, 검색바 */
.board-top {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:50px;}
.list_total {float:left; font-size:16px; color:#666; line-height:1.6em;}
.list_total strong {color:#000;}
.search_bar {display:inline-block; border-bottom:2px solid #000; padding-right:10px;}
.search_bar select {border:0; padding:0 10px; height:50px; width:140px;}
.search_bar .sch_input {border:0; width:330px; line-height:50px; padding:0 10px;}
.search_bar .sch_btn {width:20px; height:20px; border:0; background:#fff; background:url('../img/layout/search-icon.png');}
.search_bar .sch_btn i {display:none;}
/* pagenate */
.pg_wrap .pg {display:flex; justify-content:center; margin-bottom: 150px;}
.pg_wrap .pg .pg_page,
.pg_wrap .pg .pg_current {margin:0 5px; width:32px; height:32px; line-height:32px; border-radius:50%; background-color:#fff; color:#767676; text-align:center; font-size:20px; transition:all 0.6s;}
.pg_wrap .pg .pg_current {color:#000; font-weight:700;}
/* .pg_wrap .pg .pg_page:hover,
.pg_wrap .pg .pg_current:hover {filter:invert(.2);} */
.pg_wrap .pg .pg_page.pg_prev,
.pg_wrap .pg .pg_page.pg_next,
.pg_wrap .pg .pg_page.pg_start,
.pg_wrap .pg .pg_page.pg_end {font-size:0; background-repeat:no-repeat; background-position:center center;}
.pg_wrap .pg .pg_page.pg_start {background-image:url('../img/layout/pg_start.png');}
.pg_wrap .pg .pg_page.pg_end {background-image:url('../img/layout/pg_end.png');}
.pg_wrap .pg .pg_page.pg_prev {background-image:url('../img/layout/pg_prev.png');}
.pg_wrap .pg .pg_page.pg_next {background-image:url('../img/layout/pg_next.png');}
/* 일반게시판 */
.board-list {margin-bottom:40px; display:block;}
.board-list table {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #333;}
.board-list table th {height:53px; padding:20px 10px; color:#333; font-size:18px; font-weight:700; line-height:1.7em; border-bottom:1px solid #ddd; text-align:center;}
.board-list table td {height:53px; padding:26px 10px; color:#666; font-size:18px; font-weight:400; line-height:1.7em; border-bottom:1px solid #ddd; text-align:center;}
.board-list table tbody tr:hover td {background-color:#f9f9f9; font-weight:600; color:#000;}
.board-list table td .notice_icon {display:inline-block; width:84px; line-height:34px; border:1px solid #111; text-align:center; font-size:14px; color:#000; font-weight:600;}
.board-list table td.subject {text-align:left; padding:26px 35px; position:relative;}
.board-list table td.subject a {height:calc(1.5em * 1 * 1); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; max-width:800px;}
.board-list table td.subject .down-file {position:absolute; right:0; top:50%; margin-top:-9px;}
.board-list table td.date {font-size:16px;}
.board-list .nodata {text-align:center; font-size:18px; color:#666; padding:60px 0; border-bottom:1px solid #ddd;}

.m-board-list {display:none; margin-bottom: 30px;}
.m-board-list  .nodata {font-size:16px; color:#666; padding:40px 0; border-bottom:1px solid #ddd; text-align:center;}
/* qna */
.qna-list table col:nth-child(1) {width:65px !important;}
.qna-list table col:nth-child(3) {width:90px !important;}
.qna-list table col:nth-child(4) {width:70px !important;}
.qna-list table col:nth-child(5) {width:100px !important;}
.qna-list table td.subject a {display:inline-block; position:relative; padding-right:22px;}
.qna-list table td.subject .rock-icon {position:absolute; right:0; top:50%; margin-top:-10px;}
.qna-list table td.state span {width:80px; line-height:34px; border:1px solid; font-size:16px; color:#666; display:inline-block; font-weight:400 !important;}
.qna-list table td.state span.answer {background:#f9f9f9; border-color:#f9f9f9;}
.qna-list table td.state span.proceder {background:#fff; border-color:#ddd;}
/* 게시판 뷰페이지 */
.board-view {margin-bottom:0px;}
.board-view .title {padding:56px 42px 60px 56px; border-bottom:1px solid #ddd; border-top:1px solid #000; position:relative;}
.board-view .title h3 {font-size:40px; color:#000; line-height:1.2em; margin-bottom:20px; word-break:break-all;}
.board-view .title .info ul {font-size:16px; color:#666; display:flex;}
.board-view .title .info ul li {padding-right:30px; position:relative;}
.board-view .title .info ul li strong {display:inline-block; margin-right:6px;}
.board-view .title .btns {position:absolute; bottom:50px; right:20px; z-index:11;}
.board-view .title .btns ul {display:flex;}
.board-view .title .btns ul li {margin-left:15px;}
.board-view .title .btns ul li a {font-size:16px; color:#666; line-height:1.6em; display:block;}

/* 추가 */
.board-view .title {display: flex; flex-wrap:wrap; justify-content: space-between;}
.board-view .title .link-box {align-self:flex-end; padding-top: 20px; position: relative; top: 20px;}
.board-view .title .link-box ul{display: flex; gap:8px; justify-content: flex-end;}
.board-view .title .link-box ul > li > a{width: 60px; height: 60px; box-sizing: border-box; border: 1px solid #ddd; ; border-radius: 50%; display: flex; align-items:center; justify-content: center; transition:.3s;}
.board-view .title .link-box ul > li > a img{transition:.3s;}
.board-view .title .link-box ul > li:first-child:hover > a img{rotate:100deg}
.board-view .title .link-box ul > li:last-child:hover > a {border: 1px solid #333;}

.board-view .content-box {padding:20px 300px 10px 300px; /* border-bottom:1px solid #ddd; */ margin-bottom:28px; word-break:break-word;}
.board-view .content-box .text {min-height:400px;}
.board-view .content-box .text a {display: inline-block;}
.board-view .content-box .text .img-box {margin-bottom:50px;}
.board-view .content-box .file {margin-bottom:0px; margin-top: 150px;}

/* 추가 */
.board-view .content-box .file {display: flex; justify-content: space-between;}
.board-view .content-box .file dl{display: flex; flex-wrap:wrap; }
.board-view .content-box .file dl dt{font-size: 22px; line-height: 1; letter-spacing: -0.03em; color: #111; font-weight: 600; display: flex; gap:20px; align-items:center; width: 147px;;}
.board-view .content-box .file dl dt i{line-height: 0;}
.board-view .content-box .file dl dd{flex:1; align-content:center;}
.board-view .content-box .file dl dd ul{display: flex; flex-wrap:wrap; gap:10px 30px}
.board-view .content-box .file dl dd ul > li{display: flex; align-items : center;}
.board-view .content-box .file dl dd ul > li > a{font-size: 18px; line-height: 1.5; letter-spacing: -0.03em; color: #666; pointer-events: none;}
.board-view .content-box .file ol{margin-right: 10px;}
.board-view .content-box .file ol > li > a{border-radius: 50%; width: 35px; height: 35px; border: 1px solid #ddd; line-height: 0; align-content:center; text-align: center; transition:.3s;}
.board-view .content-box .file ol > li > a img{transition:.3s; width: 12px;}
.board-view .content-box .file ol > li > a:hover{background: #000; }
.board-view .content-box .file ol > li > a:hover img{filter: invert(1);}



/* .board-view .content-box .file ul {display:flex; flex-wrap:wrap;}
.board-view .content-box .file ul li {margin-right:40px; padding-right:24px; position:relative; margin-bottom:10px;}
.board-view .content-box .file ul li:after {content:''; width:14px; height:14px; background:url('../img/layout/board-file-down.png') no-repeat; position:absolute; right:0; top:50%; margin-top:-7px;}
.board-view .content-box .file ul li a {display:block; font-size:18px; line-height:1.4em; color:#666; position:relative;}
.board-view .content-box .file ul li a:after {content:''; width:100%; height:1px; background:#666; position:absolute; bottom:2px; left:0; transition:all 0.6s; opacity:1;}
.board-view .content-box .file ul li a:hover {opacity:.7;} */

.board-view .view-tag{border-top: 1px dashed #ddd; padding: 50px 64px; border-bottom: 1px solid #ddd;}
.board-view .view-tag dl{display: flex; flex-wrap:wrap;}
.board-view .view-tag dl dt{font-size: 20px; letter-spacing: -0.03em; color: #111; width: 108px; line-height: 40px;}
.board-view .view-tag dl dd{width: calc(100% - 108px); align-self:center;}
.board-view .view-tag dl dd ul{display: flex; flex-wrap:wrap; gap:4px}
.board-view .view-tag dl dd ul > li{}
.board-view .view-tag dl dd ul > li > a{height: 40px; background: #f9f3f0; font-size: 18px; line-height: 1; letter-spacing: -0.03em; color: #767676; text-align: center; padding: 0 18px; align-content:center; border-radius: 50px; transition:.3s;}
.board-view .view-tag dl dd ul > li:hover > a{color: #fff; background: #111;}
 

.board-view-btn {margin-top:75px;}
.board-view-btn ul {display:flex; align-items:center; justify-content:center;}
.board-view-btn ul li.btn {width:calc(50% - 32px);}
.board-view-btn ul li.btn a {padding:0 60px; display:block; position:relative;}
.board-view-btn ul li.btn a strong {font-size:16px; line-height:1.6em; color:#767676; display:block; margin-bottom:2px; margin-bottom: 20px;}
.board-view-btn ul li.btn a p {font-size:24px; color:#111; line-height:1.2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board-view-btn ul li.next {text-align:right;}
.board-view-btn ul li.btn a:after {content:''; width:17px; height:31px; position:absolute; top:50%; margin-top:-16px; background-repeat:no-repeat; background-size:cover;}
.board-view-btn ul li.prev a:after {background-image:url('../img/layout/board-view-prev.png'); left:0;}
.board-view-btn ul li.next a:after {background-image:url('../img/layout/board-view-next.png'); right:0;}
.board-view-btn ul li.list a {width:64px; height:64px; border:1px solid #000; font-size:0; background:#000; position:relative; transition:all 0.6s; display:block; border-radius: 50%; }
.board-view-btn ul li.list a:hover {background:#fff;}
.board-view-btn ul li.list a span {width:20px; height:2px; background:#fff; position:absolute; top:50%; margin-top:-1px; left:50%; margin-left:-10px; transition:all 0.6s;}
.board-view-btn ul li.list a span:before,
.board-view-btn ul li.list a span:after {content:''; width:20px; height:2px; background:#fff; left:0; position:absolute; transition:all 0.6s;}
.board-view-btn ul li.list a span:before {top:-6px;}
.board-view-btn ul li.list a span:after {bottom:-6px;}
.board-view-btn ul li.list a:hover span,
.board-view-btn ul li.list a:hover span:before,
.board-view-btn ul li.list a:hover span:after {background:#000;}
/* 게시판 댓글 */
.comment {padding:30px 20px; margin-bottom:40px; border-top:1px solid #000; border-bottom:1px solid #ddd;}
#bo_vc h2.bo_vc_tit {font-size:22px;}
#bo_vc h2 span {color:#3a8afd;}
#bo_vc article {margin-bottom:20px;}
#bo_vc article .comment_inner{margin:15px 0 0;padding:10px 0;background:#fff;position:relative; border-bottom:1px solid #ddd;}
#bo_vc article h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_vc header {position:relative;padding:0;line-height:20px;}
#bo_vc .profile_img {vertical-align:text-bottom}
#bo_vc .profile_img img {width:23px;height:23px;border-radius:50%}
.comment_inner .bo_vc_w{margin-top:10px;padding-top:15px}
.bo_vc_hdinfo {display:inline-block;color:#777}
#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {margin:10px 0 0;border-radius:5px;line-height:1.8em}
#bo_vc .cmt_contents p {font-size:16px; color:#666;}
#bo_vc .cmt_contents p img {display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:5px;}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479; display:inline-block;}
#bo_vc_empty {margin:0;padding:15px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
.bo_vc_act {display:block;position:absolute;right:0;top:0; display:flex; margin:0 -10px;}
.bo_vc_act li {padding:0 10px; position:relative;}
.bo_vc_act li:after {content:''; width:1px; height:12px; background:#ddd; position:absolute; top:50%; margin-top:-6px; right:0;}
.bo_vc_act li:last-child:after {display:none;}
.bo_vc_act li a {display:block; font-size:16px; color:#666;}
.bo_vc_act li a:hover {color:#3a8afd}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w {display:block;position:relative;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea {width:100%;min-height:120px;padding:10px;border:1px solid #ddd;background:#fff;color:#000;vertical-align:middle;resize:none;}
.bo_vc_w_info {margin:0; width:1%; flex:1 1 auto; padding-right:40px; display:flex; align-items:flex-start;}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {width:30%; border:1px solid #ddd; line-height:40px; padding:0 10px; margin-right:10px;}
.bo_vc_w_info #wr_password {}
.bo_vc_w_info #captcha {width:30%;}
.bo_vc_w .icon_lock {display:inline-block;font-size:16px;vertical-align:baseline; height:20px; margin-bottom:10px;}
.bo_vc_w .btn_confirm {max-width:200px; width:100%;}
.bo_vc_w .btn_submit {height:100%;width:100%;padding:0 20px;font-weight:700;font-size:18px; background:#fff; color:#333; border:1px solid #ddd; transition:all 0.6s; min-height:70px;}
.bo_vc_w .btn_submit:hover {background:#111; border-color:#111; color:#fff;}
.bo_vc_w_wr:after {}
.bo_vc_w .bo_vc_secret {width:1%; flex:1 1 auto; text-align:right;}
.bo_vc_w_wr {position:relative; width:100%; margin:20px 0 0 auto; display:flex;}
.bo_vc_w_wr {}
#bo_vc_send_sns {display:block;margin-bottom:10px}
#bo_vc_sns {display:block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;padding: 10px 0 10px 10px}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;padding: 10px 0 10px 10px}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
#bo_vc_sns input {margin:0 5px 0 0}
/* 비회원 댓글 */

/* 문의폼 게시판 */
.inquiry-required {text-align:right; margin-bottom:20px;}
.inquiry-required p {display:inline-block; font-size:18px; line-height:1.4em; color:#666;}
.inquiry-required p span {margin-right:10px; vertical-align:middle; margin-top:-3px;}
span.required {display:inline-block; width:5px; height:5px; border-radius:50%; background:#000; vertical-align:top; margin-top:2px; margin-left:5px;}
.inquiry-wrap {padding:50px 0; border-top:1px solid #000;}
.inquiry-wrap .wrap {display:flex;}
.inquiry-wrap .tit-box {max-width:325px; width:100%;} 
.inquiry-wrap .tit-box h4 {font-size:40px; color:#000; line-height:1.2em;}
.inquiry-wrap .txt-box {width:1%; flex:1 1 auto; }
.inquiry-wrap .txt-box .form-agree {margin-top:10px;}
.inquiry-wrap .col {display:flex; margin-bottom:22px; align-items:center;}
.inquiry-wrap .label {width:150px; font-size:18px; font-weight:500; color:#666;}
.inquiry-wrap .row {width:1%; flex:1 1 auto;}
.inquiry-wrap .row .input {width:100%; border:0; border-bottom:1px solid #ddd; font-size:20px; color:#000; height:60px; padding:10px 20px;}
.inquiry-wrap .row .input::placeholder {color:#b5b5b5;}
.inquiry-wrap .row textarea {border:1px solid #ddd; resize:none; padding:10px 20px; font-size:20px;}
.inquiry-wrap .row .bo_w_flie {max-width:440px; margin-bottom:10px; padding:10px 0;}
.inquiry-wrap .row .bo_w_flie:last-child {margin-bottom:0;}
.inquiry-wrap .check label {font-size:18px; font-weight:500; color:#000; line-height:1.8em;}
.inquiry-wrap .radio label {font-size:18px; font-weight:500; color:#000; line-height:1.8em;}
.inquiry-wrap .check a {font-size:16px; color:#666; line-height:1.4em; display:inline-block; text-decoration:underline; margin-left:10px; transition:all 0.6s;}
.inquiry-wrap .row ul {max-width:880px; width:100%; display:flex; margin:0 -20px;}
.inquiry-wrap .row ul li {width:33.3333333%; padding:0 20px; position:relative;}
.inquiry-wrap .row ul li:after {content:''; width:10px; height:1px; background:#666; position:absolute; right:-5px; top:50%;}
.inquiry-wrap .row ul li:last-child:after {display:none;}
.inquiry-wrap .row ul li.at:after {content:'@'; background:none; line-height:20px; margin-top:-10px;}
.inquiry-wrap .row ul.mail li:nth-child(2):after {display:none;}
.inquiry-wrap .row .type {display:flex; flex-wrap:wrap;}
.inquiry-wrap .row .type span {padding:12px 0; margin-right:20px;}
.write_btn {text-align:right; margin-top:40px;}
.write_btn_center {text-align:center;}
.cke_sc {display:none;}
/* 비밀글 */
.secret-post {max-width:620px; width:100%; margin:0 auto; border:1px solid #ddd; padding:130px 110px 150px; text-align:center;}
.secret-post h3 {font-size:40px; color:#000; line-height:1.4em; margin-bottom:66px;}
.secret-post .input {border:0; border-bottom:1px solid #ddd; margin-bottom:10px; height:70px; padding:0 10px; width:100%; font-size:18px; color:#000;}
.secret-post .input::placeholder {color:#767676; font-size:18px;}
.secret-post .btn_submit {line-height:68px; border:1px solid #000; color:#000; background:#fff; width:100%; display:block; cursor:pointer; transition:all 0.6s; font-size:22px; font-weight:700; margin-top:60px; position:relative;}
.secret-post .btn_submit:hover {background:#000; border-color:#000; color:#fff;}
.secret-post .btn_submit.btn-lock {background:#fff url('../img/layout/btn-lock.png') no-repeat 150px center;}
.secret-post .btn_submit.btn-lock:hover {background:#000 url('../img/layout/btn-lock-w.png') no-repeat 150px center;}

/* 갤러리게시판 */
.gallery-list ul {display:flex; flex-wrap:wrap; margin-left:-48px;}
.gallery-list ul li {width:calc(33.33333333% - 48px); margin-left:48px; margin-bottom:50px;}
.gallery-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.gallery-list ul li a {display:block; border:1px solid #ddd; padding:25px; height:100%; transition:all 0.6s; 
border-radius: 10px;}

.gallery-list ul li a .thumb {overflow:hidden; margin-bottom:26px; position:relative;}
.gallery-list ul li a .thumb .notice_icon {position:absolute; top:20px; left:20px; z-index:1; width:84px; text-align:center; line-height:34px; border:1px solid #000; color:#000; font-size:14px; font-weight:600; background:#fff; ;}
.gallery-list ul li a .thumb .pic {position:relative; padding-bottom:62.06%; overflow:hidden; transition:all 0.6s;}
.gallery-list ul li a .thumb .pic span{position: absolute; left: 23px; top: 22px; width: 60px; line-height: 28px; border-radius: 3px; background: #ff6714; font-size: 18px; font-weight: 500; letter-spacing: -0.03em; color: #fff; z-index: 100; text-align: center;}
.gallery-list ul li a .thumb .pic img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.gallery-list ul li a .project-tit{font-size: 20px; line-height: 1.5; margin-bottom: 10px; color:#666;} 
.gallery-list ul li a .tit {font-size:20px; margin-bottom:20px; color:#666; line-height:1.4em; height:calc(1.6em * 1 * 2); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all 0.6s;}
.gallery-list ul li a .tit .sch_word{color: #ff6714; font-weight: 500;}
.gallery-list ul li a .tit .new{font-size: 16px; line-height: 1.4em; letter-spacing: -0.03em; color: #ff6714; font-weight: 500; margin-left: 10px; display: inline-block;}
.gallery-list ul li a .date {font-size:14px; line-height:1.6em; color:#666; transition:all 0.6s;}
.gallery-list ul li a:hover {border-color: #ff6714;; box-shadow:5px 5px 13px 3px rgba(165,165,165,0.45);}
.gallery-list ul li a:hover .tit  {color: #ff6714;; font-weight:600; font-size: 20px; line-height: 1.4em;}



.s51-list ul li a .thumb .pic{padding-bottom:120%;}
.s51-list ul li a .tit {font-size: 26px;}
.s51-list ul li a:hover .tit {font-size: 26px; font-weight: 400;}


/* FAQ */
#faq_wrap {word-break: break-all;}
#faq_wrap h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.faq_admin {margin:0 5px;text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_con {border-bottom:1px solid #ddd;}
#faq_con .q-box {background:#fff;border-top:1px solid #000; position:relative; display:flex; padding:30px; border-bottom:1px solid #ddd; margin-bottom:-1px;}
#faq_con .q-box span {display:block; width:40px; height:40px; line-height:38px; border:1px solid #000; background:#fff; color:#000; border-radius:50%; text-align:center; font-size:18px; font-weight:500;}
#faq_con .q-box a {display:block; width:1%; flex:1 1 auto; padding-left:30px; font-size:18px; color:#000; line-height:1.6em; padding-right:30px;}
#faq_con .q-box a:after {content:''; position:absolute; right:20px; top:50%; margin-top:-7px; display:inline-block; width:14px; height:14px; border-right:2px solid #aaa; border-bottom:2px solid #aaa; transform:rotate(45deg); transition:all 0.6s;} 
#faq_con .q-box a p {padding-top:6px;}
#faq_con .q-box.faq_li_open a:after {transform:rotate(225deg);}
#faq_con .q-box .tit_btn {display:none;}
#faq_con .con_inner {padding:30px 30px 30px 70px; display:none; background:#f5f5f5; position:relative;}
#faq_con .con_inner span {position:absolute; left:30px; top:24px; display:inline-block; width:40px; line-height:38px; border:1px solid #000; background:#000; color:#fff; border-radius:50%; text-align:center; font-size:18px; font-weight:500;}
#faq_con .con_inner p {font-size:18px; color:#666; line-height:1.6em; display:inline-block; padding-left:30px;}
#faq_con .con_inner .closer_btn {background:#555; color:#fff; margin:10px 0 0 auto; border:0; width:60px; line-height:32px; display:none;}
/* 로그인 */
.login-box {max-width:620px; width:100%; margin:0 auto; border:1px solid #ddd; padding:120px 110px 150px; text-align:center;}
.login-tit {font-size:40px; color:#000; line-height:1.4em; margin-bottom:86px; text-align:center;}
.login-box .input {border:0; border-bottom:1px solid #ddd; margin-bottom:10px; height:70px; padding:0 10px; width:100%; font-size:18px; color:#000;}
.login-box .input::placeholder {color:#767676; font-size:18px;}
.login-box .chk_box {text-align:left; margin-top:20px;}
.login-box .btn_submit {line-height:68px; border:1px solid #000; color:#000; background:#fff url('../img/layout/btn-lock.png') no-repeat; width:100%; display:block; cursor:pointer; transition:all 0.6s; font-size:22px; font-weight:700; margin-top:60px; position:relative;}
.login-box .btn_submit:hover {background:#000 url('../img/layout/btn-lock-w.png') no-repeat; border-color:#000; color:#fff;}
.login-box .btn_submit.btn-login {background-position:150px center;}
.login-box .btn_submit.btn-lost {background-position:110px center;}
.login-box ul {display:flex; justify-content:space-between; margin-top:24px;}
.login-box ul li {}
.login-box ul li a {display:block; font-size:16px; line-height:1.6em; color:#666; transition:all 0.6s;}
.login-box ul li a:hover {opacity:.6;}
.login-box ul li.join a {color:#000;}
.login-box .captcha {text-align:left; margin-top:30px;}
/* 회원가입 약관동의 및 본인확인 */
.join_form {max-width:730px; width:100%; margin:0 auto;}
.join_form h3 {font-size:45px; color:#000; line-height:1.2em; margin-bottom:74px; text-align:center;}
.join_form .step_chart {display:flex; justify-content:space-between; margin-bottom:70px;}
.join_form .step_chart .row {max-width:170px; width:100%; text-align:center; position:relative;}
.join_form .step_chart .row:after {content:''; width:180px; height:1px; background:#ddd; position:absolute; top:30px; left:135px;}
.join_form .step_chart .row:last-child:after {display:none;}
.join_form .step_chart .row .num {width:60px; line-height:60px; border:1px solid #ddd; border-radius:50%; font-size:16px; font-weight:700; color:#666; margin-bottom:14px; display:inline-block;}
.join_form .step_chart .row.on .num {background:#000; border-color:#000; color:#fff;}
.join_form .step_chart .row p {font-size:18px; color:#666; line-height:1.6em;}
.join_form .step_chart .row.on p {color:#000; font-weight:700;}
.join_form h4 {font-size:20px; line-height:1.4em; color:#000; font-weight:500; margin-bottom:50px; text-align:center;}
.join_form h5 {font-size:35px; line-height:1.4em; color:#000; font-weight:500; margin-bottom:30px; text-align:center;}
.join_form .fregister {border:1px solid #ddd; margin-bottom:90px;}
.join_form .fregister .allchk {padding:35px 60px; background:#f7f7f7;}
.join_form .fregister label {font-size:25px; font-weight:500; color:#000; line-height:1.3em;}
.join_form .fregister ul {padding:50px 60px;}
.join_form .fregister ul li {margin-bottom:40px; display:flex; justify-content:space-between; align-items:center;}
.join_form .fregister ul li:last-child {margin-bottom:0;}
.join_form .fregister ul li p {width:1%; flex:1 1 auto;}
.join_form .fregister ul li a {font-size:18px; line-height:1.4em; color:#666; border-bottom:1px solid #ddd; width:75px;}
.join_form .join_btn {text-align:center;}
.join_form .join_btn .bt-can {border-color:#ddd; color:#666;}
.join_form .join_btn .bt:hover {color:#fff; background:#000;}
.join_form .join_btn .bt-can:hover {border-color:#666; background:#666; color:#fff;}
/* 회원가입 회원정보 입력 */
.form-box {padding:25px 0 0; margin-bottom:80px; border-top:1px solid #000;}
.form-box .col .label {font-size:18px; font-weight:500; color:#000;}
.form-box .col .row .input {padding:10px 23px; color:#666; font-size:18px; width:100%; height:60px;}
.form-box .col .row .input::placeholder {color:#acacac;}
.form-block .col {display:block; margin-bottom:40px;}
.form-block .col > div {width:100%;}
.form-block .col .label {margin-bottom:10px;}
.form-flex .col {display:flex; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
.form-flex .col.bdn {border:none;}
.form-flex .col .label {width:120px; padding-top:16px;}
.form-flex .col .row {width:1%; flex:1 1 auto;}
.form-flex .col .row .input {border:0;}
.form-flex .col  .row ul {display:flex; margin:0 -20px;}
.form-flex .col  .row ul li {width:33.3333333%; padding:0 20px; position:relative;}
.form-flex .col  .row ul li:after {content:''; width:10px; height:1px; background:#666; position:absolute; right:-5px; top:50%;}
.form-flex .col  .row ul li:last-child:after {display:none;}
.form-flex .col  .row ul li.at:after {content:'@'; background:none; line-height:20px; margin-top:-10px;}
.form-flex .col  .row ul li .input {border-bottom:1px solid #ddd;}
.form-flex .col  .row ul.mail li:nth-child(2):after {display:none;}
.form-flex .col  .row .address > div {margin-bottom:10px;}
.form-flex .col  .row .address > div:last-child {margin-bottom:0;}
.form-flex .col  .row .address .input {border-bottom:1px solid #ddd;}
.form-flex .col  .row .address .btn_frmline {line-height:40px; width:80px; margin-left:10px; border:1px solid #ddd; color:#666; background:#fff; font-size:16px;}
.form-captcha {border-bottom:1px solid #ddd; padding:35px 0 ; text-align:center;}
.form-captcha #captcha #captcha_info {font-size:16px; line-height:1.4em; color:#767676; margin-top:15px; margin-bottom:0;}
/* 회원가입 가입완료 */
.join-end {border:1px solid #ddd; padding:80px 40px; text-align:center;}
.join-end .icon {margin-bottom:30px;}
.join-end h4 {margin-bottom:48px;}
.join-end p {font-size:18px; line-height:1.6em; color:#666; margin-bottom:10px;}
.join-end a {margin-top:60px;}
/* 마이페이지 */
#smb_my {padding-top:100px;}
#smb_my_ov { margin:0 0 20px; background:#fff; border:1px solid #ddd; }
#smb_my_ov h2 { position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden; }
#smb_my_ov .hello_name {position:relative; width:100%; padding:20px; display:flex; align-items:center; justify-content:space-between;}
#smb_my_ov .hello_name i { font-size:1.2em; color:#ff6714; }
#smb_my_ov .hello_name .name_box {font-size:20px;}
#smb_my_ov .smb_my_act {}
#smb_my_ov .smb_my_act li { display:inline-block; }
#smb_my_ov .smb_my_act li a {line-height:40px; font-size:16px; padding:0 10px; border-radius:3px;background: #ff6714 ; border: none; color:#fff; border-radius: 10px;}
#smb_my_ov .my_po { position:relative; float:left; width:16.666%; padding:0 10px; line-height:45px; border-left:1px solid #dfdfdf; }
#smb_my_ov .my_po a { position:absolute; top:0; right:10px; font-weight:bold; color:#f50057; }
#smb_my_ov .my_info {border-top:1px solid #dfdfdf; padding:20px 10px; display:flex; flex-wrap:wrap;}
#smb_my_ov .my_info_wr { position:relative; width:50%; padding:0 10px; font-size:1em; line-height:20px; margin-bottom:20px;}
#smb_my_ov .my_info_wr strong { display:block; margin-bottom:15px; color:#666; font-weight:normal; overflow:hidden;  font-size:18px;}
#smb_my_ov .my_info_wr span { display:block; padding:10px; color:#767676; background:#f4f4f4; border:1px solid #ddd; border-radius:3px; overflow:hidden; font-size:18px; line-height:38px;}
#smb_my_ov .ov_addr { width:100%; margin-bottom:0;}
/* 회원정보수정 */
.confirm h3 {font-size:40px; color:#000; line-height:1.4em; margin-bottom:86px; text-align:center;}
.confirm .box {max-width:620px; width:100%; margin:0 auto; border:1px solid #ddd; padding:120px 50px 150px; text-align:center;}
.confirm .box p {font-size:18px; line-height:1.6em; color:#666; margin-bottom:40px;}
.confirm .box p strong {display:block;}
.confirm .box #mb_confirm_id {display:block; font-size:20px; line-height:1.4em; margin-bottom:30px;}
.confirm .box #mb_confirm_id strong {display:block; margin-top:10px;}
.confirm .box .input {height:60px; width:100%;}
.confirm .box .btn_submit {line-height:68px; border:1px solid #000; color:#000; background:#fff; width:100%; display:block; cursor:pointer; transition:all 0.6s; font-size:22px; font-weight:700; margin-top:10px; position:relative;}
.confirm .box .btn_submit:hover {background:#000; border-color:#000; color:#fff;}
/* button */
.btn-pack {display:inline-block; border:1px solid; text-align:center; transition:all 0.6s; cursor:pointer;}
/* button size */
.btn-pack.large {width:240px; line-height:66px; font-size:20px; border-radius: 50px;}
/* button color */
.btn-pack.dark {background:#fff; color:#000; border-color:#000; position: relative; }

.btn-pack.dark.btn-new{text-align: left; padding-left: 30px; width: 200px;}
.btn-pack.dark:after{position: absolute; content: ''; width: 13px; height: 12px; background: url(../img/test-sub/s1513.png) center no-repeat; right: 30px; top: 50%; margin-top: -6px; transition:.3s; fillter:}

.btn-pack.dark:hover { color:#ff6714; border: 1px solid #ff6714;}
.btn-pack.dark:hover:after{rotate:45deg}
.btn-pack.gray {background:#fff; color:#666; border-color:#ddd;}
.btn-pack.gray:hover {background:#666; color:#fff; border-color:#666;}






/* 전체검색 */
.all-sch{background: #f9f3f0;	}
.all-sch form .box{position: relative; display: flex; flex-wrap:wrap; justify-content: center; align-items:center; padding: 56px 0 58px;}
.all-sch form .box:after{position: absolute; content: ''; width: 100%; height: 1px; background: url(../img/allsch-dotted.png) center left; left: 0; bottom: 0;}
.all-sch form .box i{position: relative; margin-right: -44px; width: 44px; top: 2px;}
.all-sch form .box .all-sch-1{position: relative; z-index: 10; width: 578px; border: none; font-size: 22px; color: #111; letter-spacing: -0.03em; background: none; padding-left: 44px; outline:none; height: 40px;}
.all-sch form .box .all-sch-1::placeholder{color: #111;}
.all-sch form .box button{border-radius: 50%; width: 32px; height: 32px; background: #fff url(../img/allsch-2.png) center no-repeat; border: none; transition:.3s;}
.all-sch form .box button:hover{rotate:180deg;}
.all-sch .keyword{max-width:1230px; display: flex; flex-wrap:wrap;  overflow: hidden; padding: 40px 0; margin: 0 auto;}
.all-sch .keyword h6{font-size: 24px; line-height: 40px; letter-spacing: -0.03em; color: #111; font-weight: 500; width: 144px;}
.all-sch .keyword .box{position: relative; width: calc(100% - 144px); }
.all-sch .keyword .box:after{position: absolute; right: 0; top: 0; content: ''; width: 100px; height: 100%; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(249,243,240,1) 59%);}
.all-sch .keyword .box ul{display: flex;  gap:10px 4px; }
.all-sch .keyword .box ul > li{width: auto; flex: 0 0 auto}
.all-sch .keyword .box ul > li > a{height: 40px; background: #fff; border-radius: 50px; background: #fff; text-align: center; padding: 0 19px; font-size: 18px; line-height: 1.5; color: #767676; letter-spacing: -0.03em; align-content:center; transition:.3s;}
.all-sch .keyword .box ul > li:hover > a{color: #333;}
.all-sch .keyword .box .more{position: absolute; z-index: 10; right: 0; top: 0; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #666; text-align: center; align-content:center; cursor: pointer; line-height: 0; background: #f9f3f0; transition:.3s;}
.all-sch .keyword.on {padding-bottom: 80px;}
.all-sch .keyword.on .box:after{display: none;}
.all-sch .keyword.on .box ul{flex-wrap:wrap; }
.all-sch .keyword .box .more.on{rotate:180deg; }
.all-sch-cnt{display: flex; gap:80px; margin-top: 120px; margin-bottom: 180px;}
.all-sch-cnt .left-menu{width: 260px;}
.all-sch-cnt .left-menu h5{font-size: 24px; line-height: 1; letter-spacing: -0.03em; color: #111; font-weight: 500; margin-bottom: 21px;}
.all-sch-cnt .left-menu h5 span{color: #ff6714;}
.all-sch-cnt .left-menu .box{margin-bottom: 20px;}
.all-sch-cnt .left-menu .box > a{display: flex; justify-content: space-between; align-items:center; width: 100%; height: 52px; background: #b4a8a0; border-radius: 5px;  padding: 0 20px 0 23px; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #fff; font-weight: 500; transition:.3s; margin-bottom: 4px; transition:.3s;}
.all-sch-cnt .left-menu .box > a i{line-height: 0; transition:.3s}
.all-sch-cnt .left-menu .box > a.on{background: #767676;
	i{rotate:180deg;}
}
.all-sch-cnt .left-menu .box > ul{border: 1px solid #ddd; border-radius: 5px; padding: 24px 29px;}  
.all-sch-cnt .left-menu .box > ul > li{margin-bottom: 11px;}
.all-sch-cnt .left-menu .box > ul > li:last-child{margin-bottom: 0;}
.all-sch-cnt .left-menu .box > ul > li > a{position: relative; font-size: 18px; line-height: 1.5; letter-spacing: -0.03em; color: #666; padding-left: 12px; transition:.3s;}
.all-sch-cnt .left-menu .box > ul > li:hover > a{color: #333;}
.all-sch-cnt .left-menu .box > ul > li > a:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 12px;}
.all-sch-cnt .right-cnt{margin-top: -13px; flex:1;}
.all-sch-cnt .right-cnt .tit{display: flex; flex-wrap:wrap; justify-content: space-between; margin-bottom: 40px;}
.all-sch-cnt .right-cnt .tit h3{position: relative; font-size: 48px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; padding-left: 23px;}
.all-sch-cnt .right-cnt .tit h3:before{position: absolute; content: ''; width: 6px; height: 6px; background: #ff6714; border-radius: 50%; left: 0; top: 20px;}
.all-sch-cnt .right-cnt .tit h3:after{position: absolute; content: ''; width: 4px; height: 20px; background: #ddd; left: 1px; top: 32px;}
.all-sch-cnt .right-cnt .tit h3 span{color: #ff6714;}
.all-sch-cnt .right-cnt .tit ul{display: flex; align-self:flex-end; margin-bottom: 4px; display: none;}
.all-sch-cnt .right-cnt .tit ul > li{position: relative; }
.all-sch-cnt .right-cnt .tit ul > li:first-child:after{position: absolute; content: ''; width: 1px; height: 18px; background: #ddd; right: -1px; top: 6px;}
.all-sch-cnt .right-cnt .tit ul > li > a{font-size: 18px; line-height: 30px; letter-spacing: -0.03em; color: #767676; padding: 0 16px;}
.all-sch-cnt .right-cnt .tit ul > li:last-child > a{padding-right: 0;}
.all-sch-cnt .right-cnt .tit ul > li.on > a{color: #111; font-weight: 500;}
.all-sch-cnt .right-cnt .cnt{margin-bottom: 90px;}
.all-sch-cnt .right-cnt .cnt:last-child{margin-bottom: 0;}
.all-sch-cnt .right-cnt .cnt h4{font-size: 32px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; padding-left: 9px; padding-bottom: 16px; border-bottom: 1px solid #666; margin-bottom: 41px;}
.all-sch-cnt .right-cnt .cnt .box{margin-bottom: 73px;}
.all-sch-cnt .right-cnt .cnt .box:last-child{margin-bottom: 0;}
.all-sch-cnt .right-cnt .cnt .box h5{display: inline-block; font-size: 24px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 500; transition:.3s; margin-bottom: 23px;}
.all-sch-cnt .right-cnt .cnt .box h5:hover{color: #ff6714; text-decoration: underline;}
.all-sch-cnt .right-cnt .cnt .box ul{display: flex; flex-wrap:wrap; gap:40px}
.all-sch-cnt .right-cnt .cnt .box .board-type > li{width: calc(33.33% - 27.3px); }
.all-sch-cnt .right-cnt .cnt .box .board-type > li > a{border-radius: 10px; border: 1px solid #ddd; height: 272px; display: flex; flex-direction: column; justify-content: center; padding: 20px 39px; gap:30px; transition:.3s;}
.all-sch-cnt .right-cnt .cnt .box .board-type > li > a small{font-size: 18px; line-height: 1; color: #ff6714; font-weight: 500; letter-spacing: -0.03em;} 
.all-sch-cnt .right-cnt .cnt .box .board-type > li > a p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; height: 4.8em; overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-break: break-all; transition:.3s; margin-top: -6px;}
.all-sch-cnt .right-cnt .cnt .box .board-type > li > a span{display: flex; align-items:center; font-size: 18px; line-height: 1; color: #666; letter-spacing: -0.03em; gap:8px; }
.all-sch-cnt .right-cnt .cnt .box .board-type > li > a span i{line-height: 0;}
.all-sch-cnt .right-cnt .cnt .box .board-type > li:hover > a{border: 1px solid #ff6714; box-shadow:10px 10px 20px rgba(255,103,20,0.1)}
.all-sch-cnt .right-cnt .cnt .box .board-type > li:hover > a p{text-decoration: underline; color: #111;}
.all-sch-cnt .right-cnt .cnt .box .more{display: flex; justify-content: center; gap:13px; align-items:center; font-size: 20px; line-height: 1; color: #111; font-weight: 500; margin-top: 38px;} 
.all-sch-cnt .right-cnt .cnt .box .more i{line-height: 0; transition:.3s;}
.all-sch-cnt .right-cnt .cnt .box .more:hover i{rotate:45deg;}
.all-sch-cnt .right-cnt .cnt .box .gall-type > li{width: calc(25% - 30px); }
.all-sch-cnt .right-cnt .cnt .box .gall-type > li .tbx strong{display: block; font-size: 24px; line-height: 32px; letter-spacing: -0.03em; color: #111; font-weight: 500; margin: 34px 0 20px;}
.all-sch-cnt .right-cnt .cnt .box .gall-type > li .tbx p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break: break-all; }
 
@media (max-width:1400px){
	.bo_vc_w_info .frm_input {width:20%;}
	.bo_vc_w_info #captcha {max-width:300px; width:100%;}
}
@media (max-width:1024px){
	/* 게시판 카운트, 검색바 */
	.search_bar .sch_input {width:280px;}
	/* 일반게시판 */
	.board-list table th {height:50px; font-size:16px; padding:15px 10px;}
	.board-list table td {height:50px; font-size:16px; padding:15px 10px;}
	.board-list table td.subject {padding:20px 20px;}
	/* 글작성 버튼 */
	.write_btn {margin-top:50px;}
	.btn-pack.large {width:160px; line-height:52px; font-size:18px;}
	/* 뷰페이지 */
	.board-view .title {padding:40px 10px;}
	.board-view .title h3 {font-size:28px; margin-bottom:12px;}
	.board-view .content-box {padding:30px 0 50px;}
	.board-view .content-box .text {min-height:300px;}
	.board-view .content-box .file ul li {margin-right:30px; padding-right:20px;}
	.board-view-btn ul li.btn {width:calc(50% - 29px);}
	.board-view-btn ul li.btn a {padding:0 30px;}
	.board-view-btn ul li.btn a p {font-size:24px;}
	.board-view-btn ul li.list a {width:58px; height:58px;}
	/* 댓글 */
	.comment {padding:20px 0;}
	#bo_vc h2.bo_vc_tit {font-size:20px;}	
	/* 글작성, 문의폼 */
	.inquiry-wrap {padding:40px 0;}
	.inquiry-wrap .wrap {display:block;}
	.inquiry-wrap .tit-box {max-width:none; margin-bottom:40px;}
	.inquiry-wrap .tit-box h4 {font-size:28px;}
	.inquiry-wrap .txt-box {width:100%;}
	.inquiry-wrap .col {margin-bottom:15px;}
	.inquiry-wrap .label {font-size:16px;}
	.inquiry-wrap .row .input {font-size:16px; height:54px; padding:8px 15px;}
	.inquiry-wrap .row textarea {height:200px !important; font-size:18px;}
	.inquiry-wrap .check label {font-size:16px;}
	.inquiry-wrap .radio label {font-size:16px;}
	.inquiry-wrap .row ul {margin:0 -10px;}
	.inquiry-wrap .row ul li {padding:0 10px;}
	/* qna 리스트 */
	.qna-list .col {padding:20px 0;}
	.qna-list .col .subject {padding:0 20px;}
	.qna-list .col .subject a {font-size:20px;}
	.qna-list .col .name {font-size:16px; width:80px;}
	.qna-list .col .state {width:110px;}
	.qna-list .col .state span {width:84px; line-height:84px;}
	.qna-list .col .date {width:80px; font-size:24px;}
	/* 비밀글 확인 */
	.secret-post {max-width:440px; padding:60px 60px 80px;}
	.secret-post h3 {font-size:28px; margin-bottom:40px;}
	.secret-post .input {height:54px; font-size:16px;}
	.secret-post .btn_submit {line-height:54px; font-size:18px; margin-top:40px;}
	.secret-post .btn_submit.btn-lock {background:#fff url('../img/layout/btn-lock.png') no-repeat 120px center;}
	.secret-post .btn_submit.btn-lock:hover {background:#000 url('../img/layout/btn-lock-w.png') no-repeat 120px center;}
	/* 갤러리 게시판 */
	.gallery-list ul {margin-left:-20px;}
	.gallery-list ul li {width:calc(33.33333333% - 20px); margin-left:20px; margin-bottom:30px;}
	.gallery-list ul li a {padding:15px;}
	.gallery-list ul li a .thumb .notice_icon {top:15px; left:15px; line-height:30px; width:78px;}
	.gallery-list ul li a .tit {font-size:16px; margin-bottom:12px;}
	/* 로그인 */
	.login-box {max-width:440px; padding:80px 60px 100px;}	
	.login-tit {font-size:28px; margin-bottom:50px;}
	.login-box .input {height:50px; font-size:16px;}
	.login-box .input::placeholder {font-size:16px;}
	.login-box .chk_box {margin-top:10px;}	
	.login-box .btn_submit {line-height:54px; font-size:18px; margin-top:40px;}	
	.login-box .btn_submit.btn-login {background-position:100px center;}
	.login-box .btn_submit.btn-lost {background-position:70px center;}	
	.login-box ul {margin-top:20px;}
	.login-box .captcha {margin-top:20px;}
	/* 회원가입 약관동의 및 본인확인 */
	.join_form {max-width:600px;}
	.join_form h3 {font-size:32px; margin-bottom:50px;}
	.join_form .step_chart {margin-bottom:50px;}
	.join_form .step_chart .row {max-width:150px;}	
	.join_form .step_chart .row:after {width:110px; top:25px; left:135px;}
	.join_form .step_chart .row .num {width:50px; line-height:50px; margin-bottom:10px;}	
	.join_form .step_chart .row p {font-size:16px;}	
	.join_form h4 {font-size:28px; margin-bottom:40px;}
	.join_form h5 {font-size:24px; margin-bottom:20px;}
	.join_form .fregister {margin-bottom:50px;}
	.join_form .fregister .allchk {padding:20px 30px;}
	.join_form .fregister label {font-size:20px;}
	.join_form .fregister ul {padding:40px 30px;}
	.join_form .fregister ul li {margin-bottom:20px;}
	.join_form .fregister ul li a {font-size:16px; width:75px;}	
	/* 회원가입 회원정보 입력 */
	.form-box {padding:20px 0 0; margin-bottom:50px;}
	.form-box .col .label {font-size:16px;}
	.form-box .col .row .input {padding:10px 20px; font-size:16px; height:50px;}
	.form-block .col {margin-bottom:30px;}
	.form-block .col .label {margin-bottom:10px;}
	.form-flex .col {display:flex; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
	.form-flex .col.bdn {border:none;}
	.form-flex .col .label {width:100px; padding-top:16px;}
	.form-flex .col .row {width:1%; flex:1 1 auto;}
	.form-flex .col .row .input {border:0;}
	.form-flex .col  .row ul {margin:0 -10px;}
	.form-flex .col  .row ul li {padding:0 10px;}
	.form-captcha {padding:30px 0;}
	/* 회원가입 가입완료 */
	.join-end {padding:60px 30px;}
	.join-end .icon {margin-bottom:20px;}
	.join-end h4 {margin-bottom:32px;}
	.join-end p {font-size:16px;}	
	
	/* 댓글 */
	.bo_vc_w_wr {justify-content:flex-end;}
	.bo_vc_w_info {display:block; width:100%; max-width:400px;}
	.bo_vc_w_info .frm_input {width:calc(50% - 10px); margin-right:10px; margin-bottom:20px;}
	.bo_vc_w_info #wr_password {margin-right:0;}
}
@media (max-width:640px){
	/* 게시판 카운트, 검색바 */
	.list_total {font-size:14px;}
	.search_bar .sch_input {width:200px;}
	/* 일반게시판 */
	.board-list {display:none;}
	.m-board-list {display:block;}
	.m-board-list ul {border-top:1px solid #000;}
	.m-board-list ul li {border-bottom:1px solid #ddd; padding:10px 0;}
	.m-board-list ul li .subject {}
	.m-board-list ul li .subject .num {display:none;}
	.m-board-list ul li .subject .notice_icon {display:inline-block; line-height:28px; border:1px solid #000; color:#000; font-size:14px; padding:0 10px; font-weight:500; margin-right:10px;}
	.m-board-list ul li .subject a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:30px; font-size:16px; color:#000;}
	.m-board-list ul li .subject a div {display:none;}
	.m-board-list ul li .txt { margin-top:4px;}
	.m-board-list ul li .txt span {display:inline-block; margin-right:10px; font-size:14px; color:#666; line-height:1.6em;}
	/* 글작성 버튼 */
	.write_btn {margin-top:40px;}
	/* button size */
	.btn-pack.large {width:100px; line-height:40px; font-size:16px;}
	/* 뷰페이지 */
	.board-view .title {padding:30px 0;}
	.board-view .title h3 {font-size:20px; margin-bottom:10px;}
	.board-view .content-box {padding:20px 0 40px;}
	.board-view .content-box .text {min-height:200px;}
	.board-view .content-box  .file {margin-bottom:20px;}
	.board-view .content-box .file ul li {margin-right:20px; padding-right:20px;}
	.board-view .content-box .file ul li a {font-size:16px;}
	.board-view-btn ul li.btn {width:calc(50% - 22px);}
	.board-view-btn ul li.btn a {padding:0 20px;}
	.board-view-btn ul li.btn a strong {font-size:14px;}
	.board-view-btn ul li.btn a p {font-size:18px;}	
	.board-view-btn ul li.list a {width:44px; height:44px;}
	/* 글작성, 문의폼 */
	.inquiry-wrap {padding:30px 0;}
	.inquiry-wrap .tit-box {margin-bottom:20px;}
	.inquiry-wrap .tit-box h4 {font-size:24px;}
	.inquiry-wrap .col {margin-bottom:15px; display:block;}
	.inquiry-wrap .label {font-size:15px; width:100%; margin-bottom:6px;}
	.inquiry-wrap .row {width:100%;}
	.inquiry-wrap .row .input {font-size:14px; height:44px; padding:8px 0;}
	.inquiry-wrap .row select.input {background: #fff url(../img/layout/select.png) right 4px center no-repeat;}
	.inquiry-wrap .row textarea {height:140px !important; font-size:14px;}
	.inquiry-wrap .check label {font-size:14px;}
	.inquiry-wrap .radio label {font-size:14px;}
	.inquiry-wrap .row .bo_w_flie {max-width:300px;}
	/* qna 리스트 */
	.qna-list .col {padding:15px 0; flex-wrap:wrap; text-align:left;}
	.qna-list .col .subject {padding:0; width:100%; margin-bottom:10px;}
	.qna-list .col .subject a {font-size:16px;}
	.qna-list .col .name {font-size:14px; width:60px;}
	.qna-list .col .state {width:80px; text-align:center; margin-right:20px;}
	.qna-list .col .state span {width:100%; line-height:30px; border-radius:0;}
	.qna-list .col .state span.answer {border-color:#666;}
	.qna-list .col .state span.proceder {border-color:#ddd;}
	.qna-list .col .date {width:auto; font-size:20px;}
	/* 비밀글 확인 */
	.secret-post {max-width:350px; padding:30px 30px 50px;}
	.secret-post h3 {font-size:20px; margin-bottom:20px;}
	.secret-post .input {height:44px; font-size:14px;}
	.secret-post .btn_submit {line-height:44px; font-size:14px; margin-top:30px;}
	.secret-post .btn_submit.btn-lock {background:#fff url('../img/layout/btn-lock.png') no-repeat 110px center;}
	.secret-post .btn_submit.btn-lock:hover {background:#000 url('../img/layout/btn-lock-w.png') no-repeat 110px center;}
	/* 갤러리 게시판 */
	.gallery-list ul {margin-left:-15px;}
	.gallery-list ul li {width:calc(50% - 15px); margin-left:15px; margin-bottom:30px;}
	.gallery-list ul li a {padding:10px;}
	.gallery-list ul li a .thumb .notice_icon {top:10px; left:10px;}
	.gallery-list ul li a .tit {font-size:15px; margin-bottom:10px;}
	/* 로그인 */
	.login-box {max-width:350px; padding:40px 30px 50px;}	
	.login-tit {font-size:24px; margin-bottom:30px;}
	.login-box .input {height:40px; font-size:14px;}
	.login-box .input::placeholder {font-size:14px;}
	.login-box .btn_submit {line-height:44px; font-size:16px; margin-top:30px;}
	.login-box ul li a {font-size:14px;}
	/* 회원가입 약관동의 및 본인확인 */
	.join_form h3 {font-size:24px; margin-bottom:30px;}
	.join_form .step_chart {margin-bottom:30px;}	
	.join_form .step_chart .row {max-width:none; width:33.333333%; padding:0 15px;}
	.join_form .step_chart .row:after {display:none;}
	.join_form .step_chart .row .num {width:46px; line-height:46px;}
	.join_form .step_chart .row p {font-size:14px;}
	.join_form h4 {font-size:24px; margin-bottom:30px;}
	.join_form h5 {font-size:20px;}
	.join_form .fregister {margin-bottom:40px;}
	.join_form .fregister .allchk {padding:20px;}
	.join_form .fregister label {font-size:16px;}
	.join_form .fregister ul {padding:40px 20px;}
	.join_form .fregister ul li {margin-bottom:14px;}
	.join_form .fregister label {font-size:14px;}
	.join_form .fregister ul li a {font-size:14px; width:60px;}
	/* 회원가입 회원정보 입력 */
	.form-box {margin-bottom:40px;}
	.form-box .col .label {font-size:14px;}
	.form-box .col .row .input {padding:5px; font-size:14px; height:40px;}
	.form-box .col .row select.input {background: #fff url(../img/layout/select.png) right 4px center no-repeat;}
	.form-block .col {margin-bottom:20px;}
	.form-block .col .label {margin-bottom:10px;}
	.form-flex .col {display:block; padding-bottom:0; margin-bottom:10px;}
	.form-flex .col .label {width:100px; padding-top:16px;}
	.form-flex .col .row {width:100%;}
	.form-flex .col .row .input {border:0;}
	.form-captcha {padding:25px 0;}
	/* 회원가입 가입완료 */
	.join-end {padding:50px 10px;}
	.join-end h4 {margin-bottom:20px;}
	.join-end p {font-size:14px;}	
	/* 마이페이지 */
	#smb_my_ov .hello_name .name_box {font-size:16px;}
	#smb_my_ov .smb_my_act li a {line-height:32px; font-size:14px;}
	#smb_my_ov .my_info_wr {width:100%; padding:0; margin-bottom:10px;}
	#smb_my_ov .my_info_wr strong {font-size:14px;}
	#smb_my_ov .my_info_wr span {padding:5px; line-height:30px; font-size:14px;}
	
	/* 댓글 */
	.bo_vc_w_wr {display:block; width:100%;}
	.bo_vc_w_info {max-width:none; padding-right:0; margin-bottom:10px; line-height:36px;}
	.bo_vc_w_info #captcha {margin:0 auto;}
	.bo_vc_w .bo_vc_secret {width:100%; text-align:center; display:block;}
	.bo_vc_w .btn_confirm {max-width:none;}
	.bo_vc_w .btn_submit {width:100%; min-height:50px; font-size:16px;}
}

@media (max-width:640px){
	#captcha {text-align:center;}
	#bo_cate ul li{padding: 0 10px;}
	#bo_cate ul li a{font-size: 16px;}
	.board-view .title .link-box{padding-top: 0;}
	.board-view .title .link-box ul > li > a{width: 40px; height: 40px;}
	.board-view .view-tag{padding: 20px 0px;}
	.board-view .view-tag dl{    flex-direction: column;}
	.board-view .view-tag dl dd{width: 100%; margin-top: 20px;}
	.board-view .view-tag dl dd ul > li > a{font-size: 14px; padding: 0 10px; height: 35px;}
	.board-view-btn{margin-top: 30px;}
	.board-view-btn ul li.btn a strong{margin-bottom: 5px;}
	.gallery-list ul li a .thumb .pic span{left: 0px; top: 0px; font-size: 12px; width: auto; height: 20px; line-height: 20px; padding: 0 10px;}

	.board-view .content-box .file dl dt{font-size: 18px; width: 100%;}
	.board-view .content-box .file dl dd{margin-top: 20px;}
	.board-view .content-box .file dl dd ul > li > a{font-size: 14px; line-height: 1.5;}
	.board-view .content-box .file ol{margin-right: 0;}
	.board-view .content-box .file ol > li > a{width: 35px; height: 35px;}
	.board-view .content-box .file dl dd ul{gap:5px 15px}
	.board-view .content-box .file ul li{margin-right: 0; padding-right: 0;}


}

@media (max-width:1024px){
	.s51-category{margin-top: 0; padding: 40px 0;}
	.s51-category dl{    flex-direction: column;}
	.s51-category dl dt{width: 100%; padding: 15px;}
	.s51-category dl dd ul > li{font-size: 16px; line-height: 1.5;}
	.s51-category dl dd ul > li label:before{top: 3px;}
	.s51-category dl dd ul > li label:after{top: 6px;}
	.s51-category .cate-submit{font-size: 16px; width: auto; padding: 0 20px; height: 40px;}
	.all-sch .keyword .box .more.on{top: -50px;}



	 .contain.s811{position: static !important;}
	.all-sch form .box{padding: 30px 0;}
	.all-sch form .box .all-sch-1{width: 85%;}
	.all-sch form .box .all-sch-1{font-size: 18px;}
	.all-sch .keyword{flex-direction: column; padding: 20px 0;}
	.all-sch .keyword h6{font-size: 20px; margin-bottom: 20px;}
	.all-sch .keyword .box{width: 100%;}
	.all-sch .keyword .box ul > li > a{font-size: 14px; height: 30px;}
	.all-sch .keyword .box .more{width: 30px; height: 30px;}
	.left-menu{position: absolute; left: -300px; top: 0; transition:.3s; z-index: 100; background: #fff; padding-left: 10px; padding-right: 10px; height: 100%; 	}
	.left-menu .btn{position: absolute; right:-80px; top: 320px;  width: 40px; height: 40px; background: #b4a8a0 url(../img/allsch-4.png) center no-repeat; display: block;  rotate:-90deg; transition:.3s;}
	.left-menu .btn.on{rotate:90deg; right: 0px; background-color: #333;}
	.left-menu.on{left: 0; }
	.all-sch-cnt{margin-top: 12vw; margin-bottom: 20vw;}
	.all-sch-cnt .right-cnt{flex:none; width: 100%; }
	.all-sch-cnt .right-cnt .tit h3{font-size: 26px; padding-left: 20px;}
	.all-sch-cnt .right-cnt .tit h3:before{top: 5px; width: 5px; height: 5px;}
	.all-sch-cnt .right-cnt .tit h3:after{width: 3px; height: 16px; top: 16px;}
	.all-sch-cnt .right-cnt .tit ul > li > a{font-size: 14px;}
	.all-sch-cnt .right-cnt .cnt h4{font-size: 24px; line-height: 1.5;}
	.all-sch-cnt .right-cnt .cnt .box h5{font-size: 18px;}
	.all-sch-cnt .right-cnt .cnt .box ul{gap:20px}
	.all-sch-cnt .right-cnt .cnt .box .board-type > li{width: calc(50% - 10px);}
	.all-sch-cnt .right-cnt .cnt .box .more{font-size: 16px;}
	.all-sch-cnt .right-cnt .cnt .box .board-type > li > a{padding: 30px 20px; gap:10px; height: auto;}
	.all-sch-cnt .right-cnt .cnt .box .board-type > li > a small{font-size: 14px;}
	.all-sch-cnt .right-cnt .cnt .box .board-type > li > a p{font-size: 16px; line-height: 1.5; height: 4.5em; margin-top: 0;}
	.all-sch-cnt .right-cnt .cnt .box .board-type > li > a span{font-size: 14px;}
	.all-sch-cnt .right-cnt .cnt .box .gall-type > li{width: calc(50% - 10px);}
	.all-sch-cnt .right-cnt .cnt .box .gall-type > li figure img{width: 100%;}
	.all-sch-cnt .right-cnt .cnt .box .gall-type > li .tbx strong{font-size: 22px; margin: 20px 0 10px;}
	.all-sch-cnt .right-cnt .cnt .box .gall-type > li .tbx p{font-size: 16px; line-height: 1.5;}
	


}