@charset "utf-8";
#xet_board {overflow-x:hidden; box-sizing:border-box; font-size:16px; line-height:2; color:inherit;}
.boardTitle {font-size:19px; line-height:1.8; margin:4em 0; }
.boardTitle .boardTitleText {font-size:1.6em; text-align:center; margin:0; line-height:1.4;}
.boardTitle .boardTitleText em {font-size:0.8em;}
.boardTitle .boardDescription {font-size:0.9em; margin:1em 0 0 0;}

/* 버튼 */
#xet_board .xet_btn.large,
#xet_board .xet_btn.medium,
#xet_board .xet_btn.small,
#xet_board .feedbackList .itemContent .option li.wouldYou a {font-size:0.9em!important; padding:0.5em 0.8em!important; line-height:1!important; margin-bottom:0; line-height:1; vertical-align:middle; white-space:nowrap;}
#xet_board .boardNavigation {margin:1em 0; line-height:1;}

/* 카테고리 */
#xet_board .categoryList {display:flex; justify-content:space-between; align-items:flex-start; z-index:2;}
#xet_board .categoryList>div {flex:0 1 auto; margin:1px 0; align-self:stretch}
#xet_board .categoryList>ul{flex:1; display:flex; flex-wrap:wrap;}
#xet_board .categoryList>ul > li{float:none!important; width:initial; margin:1px 0; align-self:stretch;  flex-shrink:1; min-width:0%;}
#xet_board .categoryList:not(.ds-listorder) ul > li{ flex-grow:1;}
#xet_board .categoryList a.on {color:#000; background:#f5f5f5; border-color:#aaa; font-weight:bold;}
#xet_board .categoryList >div a,
#xet_board .categoryList>ul > li a {font-size:1em; padding:0.5em 0.5em; border:1px solid #cccdcf; border-radius:3px; margin:0 1px; height:100%; display:flex; align-items:center; justify-content:center;}
#xet_board .categoryList >div a {padding:0 1em; line-height:1; background:none!important;}
#xet_board .categoryList>ul > li:last-child>ul{right:0; left:auto;}
#xet_board .categoryList:last-child {margin-bottom:2em; position:relative;}
#xet_board .boardNavigation {margin:1em 0;}

.mobile_categoryList {width:100%; box-sizing:border-size; display:flex; justify-content:center; alisn-items:center;}
.mobile_categoryList>select {width:100%; box-sizing:border-size; font-size:1.3em;line-height:1;}

/* 검색 */
#xet_board .boardSearch.float_left {width:100%; float:none; margin:1em 0; display:none;}
.ds-body-search-Y #xet_board .boardSearch.float_left {display:block!important;}
#xet_board .boardSearchForm .boardSearch {display:flex; width:100%;}
#xet_board .boardSearchForm .boardSearch .inputText {flex:1 0 auto;}
#xet_board .boardSearchForm .boardSearch .inputText,
#xet_board .boardSearchForm .boardSearch span select,
#xet_board .boardSearchForm .boardSearch .search_btn {font-size:0.9rem; padding-top:0.5em; padding-bottom:0.5em;}
#xet_board .boardSearchForm .boardSearch .search_btn {height:100%;}
#xet_board .boardSearchForm .boardSearch .inputText,
#xet_board .boardSearchForm .boardSearch span.l-r3 {height:initial;}

#xet_board.board_consulting_dsori #xet_board_search_toggle,
#xet_board:not(.board_consulting_dsori_default) .board_consulting_dsori_default_help {display:none!important;}
#xet_board.board_consulting_dsori_default .boardSearch.float_left {display:block!important; margin:0 auto 5em auto; width:50%;}
#xet_board.board_consulting_dsori_default .board_consulting_dsori_default_help {font-size:1.1em; margin:5em 0 2em 0;}
.ds-body-act-X #xet_board.board_consulting_dsori_default .boardNavigation>.float_right {float:none; font-size:1.5em;}

/* 회원 정보 보기 금지 */
#popup_menu_area a[href*="member_srl"][href*="dispMemberInfo"] {display:none!important;}

/* 페이지 */
.pagination a, .pagination strong {font-size:14px;}

/* 목록형 */
#xet_board .boardListForm {overflow-x:auto;}
#xet_board .boardList {font-size:0.95em;}
#xet_board .boardList thead th {font-size:1em;}
#xet_board .boardList tr:hover>*{color:#333; border-width:1px 0; border-style:solid; border-color:#999; background:#f1f1f1!important}
#xet_board .boardList tr:hover * * {font-weight:bold;}
#xet_board .boardList tr:not(.bg1):not(.bg2) td * {font-weight:bold;}
#xet_board .boardList td {background:#fafafa;}
#xet_board .boardList tr.bg1 td {background:#fff;}
#xet_board .boardList td .thumbnail {display:none!important;}
#xet_board .boardList td.title>*:not('.subject'){margin-left:0.5em;}
#xet_board .boardList td .subject {font-size:1.1em;}
#xet_board .boardList td .replyNum,
#xet_board .boardList td .trackbackNum {font-size:0.9em;}

/* 공지사항 공통 */
#xet_board .notice .xi-2x {font-size:1em; color:#e74c3c;}
#xet_board .xet_webzine .notice.list {background:#fafafa}
#xet_board .xet_webzine .notice.list:hover {background:#f1f1f1}
#xet_board .xet_webzine .list .cover-subject .subject {font-weight:bold; color:#333;}
#xet_board .xet_webzine .notice.list>*:empty {display:none;}
#xet_board .xet_webzine .notice.list>* {margin:0;}
#xet_board .xet_webzine .notice.list>.num {float:left; font-size:1.2em; margin:0.2em 1em 0 0; color:#e74c3c}
#xet_board .xet_webzine .notice.list>p {transition:all .5s;}
#xet_board .xet_webzine .notice.list:hover>p {transform:translate(0.5em,0)}

#xet_board .xet_webzine+.viewDocument,
#xet_board .xet_webzine+.gallery_lightbox {margin-top:30px;}

/* 블로그형 */
#xet_board .viewDocument + .viewDocument {margin-top:5em;}

/* 웹진 */
#xet_board .xet_webzine .list {border-bottom:1px solid #ddd; padding:2em 0 2em 1em; margin:0; overflow:hidden;}
#xet_board .xet_webzine .list.on,
#xet_board .xet_webzine .list:hover {background:#fafafa;}
#xet_board .xet_webzine .list:first-child{border-top:1px solid #ddd;}
#xet_board .xet_webzine .list .cover-info {font-size:1em; line-height:1.7; transition:all .5s;}
#xet_board .xet_webzine .list:hover .cover-info {transform:translate(.5em,0);}

#xet_board .xet_webzine .list .cover-info>*:empty {display:none;}
#xet_board .xet_webzine .list .cover-info>*:first-child {margin:0;}
#xet_board .xet_webzine .list .cover-info>*~* {margin:0.5em 0 0 0;}

#xet_board .xet_webzine .list .cover-info>div~div,
#xet_board .xet_webzine .list .cover-info>p.extra~p.extra {margin-top:0em;}
#xet_board .xet_webzine .list .cover-info>p.extra strong{font-weight:normal; margin:0 0.5em 0 0}

#xet_board .xet_webzine .list .cover-subject .subject {font-size:1.35em;}
#xet_board .xet_webzine .list .cover-info>div {font-size:1em;}

#xet_board .xet_webzine .list .cover-author a,
#xet_board .xet_webzine .list .cover-author span,
#xet_board .xet_webzine .list .cover-date a,
#xet_board .xet_webzine .list .cover-date span,
#xet_board .xet_webzine .list .cover-num a,
#xet_board .xet_webzine .list .cover-num span {margin:0 2em 0 0; white-space:nowrap;}
#xet_board .xet_webzine .list .cover-author .lastReply a {margin-right:0.5em;}

#xet_board .xet_webzine .list .thumb.float_left{float:right; margin:0 0 0 2em;}
#xet_board .xet_webzine .list .thumb a {font-size:0; overflow:hidden;}
#xet_board .xet_webzine .list .thumb a img{transition:all .5s;}
#xet_board .xet_webzine .list:hover .thumb a img{transform:scale(1.08,1.08);}

/* GALLERY - FLEX */
#xet_board.ds-board-gallery-flex .gallery_lightbox .thumbList {display:flex; justify-content:space-between; flex-wrap: wrap; align-items:stretch; margin:0;}
#xet_board.ds-board-gallery-flex .gallery_lightbox .thumbList:after {display:none!important;}
#xet_board.ds-board-gallery-flex .gallery_lightbox .thumbList .item {max-width:24.5%; flex:0 0 24.5%; margin:0 0 0.8% 0; width:unset; float:none; padding:0;}
#xet_board.ds-board-gallery-flex .gallery_lightbox .thumbList .item>.box {position:relative;}

/* GALLERY - Mansory */
#xet_board.ds-board-gallery-column .gallery_lightbox .thumbList {column-count:4; column-gap:10px; text-align:center;}
#xet_board.ds-board-gallery-column .gallery_lightbox .thumbList .item {display:inline-block; float:none; width:100%; text-align:left; margin:0 0 4% 0;}
#xet_board.ds-board-gallery-column .gallery_lightbox .thumbList .item>.box {position:relative;}

/* GALLERY */
#xet_board .gallery_lightbox {font-size:1rem; line-height:1.4;}
#xet_board .gallery_lightbox .thumbList .item .box {height:100%;}
#xet_board .gallery_lightbox .thumbList .cover_num {position:absolute; bottom:0; left:0; width:100%;}
#xet_board .gallery_lightbox .thumbList .item .box.on,
#xet_board .gallery_lightbox .thumbList .item:hover .box {background:#fafafa;}
#xet_board .gallery_lightbox .thumbList .item:hover .cover_info {transform:translate(.5em, 0)}
#xet_board .gallery_lightbox .thumbList .thumb+.cover_info:before {display:none!important;}
#xet_board .gallery_lightbox .thumbList .cover_info:before{display:block; content:""; width:100%; height:3rem;}
#xet_board .gallery_lightbox .thumbList .cover_info {padding:1.5em; transition:all .5s; margin-bottom:1em;}
#xet_board .gallery_lightbox .thumbList .cover_info>p{margin:0;}
#xet_board .gallery_lightbox .thumbList .cover-subject .subject {font-size:1.05em; margin:0; display:inline; font-weight:600;}
#xet_board .gallery_lightbox .thumbList .cover_info>p:not(.cover-subject):not(.summary):not(.extra){display:inline-block; margin:0 1em 0 0;}
#xet_board .gallery_lightbox .thumbList .summary,
#xet_board .gallery_lightbox .thumbList p.extra{font-size:0.95em; line-height:1.6;}
#xet_board .gallery_lightbox .thumbList p.extra strong {font-weight:normal;}
#xet_board .gallery_lightbox .thumbList .cover_info *:not(i):empty {display:none!important;}
#xet_board .gallery_lightbox .thumbList .cover-subject+*:before,
#xet_board .gallery_lightbox .thumbList .summary+*:before {content:""; display:block; width:100%; margin-top:0.5em;}

#xet_board .gallery_lightbox .thumbList *+p.extra{margin-top:0.3em;}
#xet_board .gallery_lightbox .thumbList .cover_num,
#xet_board .gallery_lightbox .thumbList p:not(.summary):not(.cover-subject){font-size:0.9em; white-space:nowrap;}

#xet_board .gallery_lightbox .thumbList .item:hover .thumbnail img {transition:all .5s;}
#xet_board .gallery_lightbox .thumbList .item:hover .thumbnail img {transform:scale(1.08,1.08)}
#xet_board .gallery_lightbox .thumbList .cover_num>*+* {margin:0 0 0 0.5em;}

/* 쓰기 */
#xet_board .boardWrite #postTitle {font-size:1.2em; height:initial; padding:0.5em 1em;}
#xet_board .boardWrite .boardWriteHeader {font-size:0.9em;}
#xet_board .boardWrite .boardWriteHeader .write_type label{margin-right:1em;}
#xet_board .boardWrite .boardWriteHeader .write_type #title_bold,
#xet_board .boardWrite .boardWriteHeader .write_type [for="title_bold"],
#xet_board .boardWrite .boardWriteHeader .write_type #allow_trackback,
#xet_board .boardWrite .boardWriteHeader .write_type [for="allow_trackback"],
#xet_board .boardWrite .boardWriteHeader .write_type #notify_message[checked="checked"],
#xet_board .boardWrite .boardWriteHeader .write_type #notify_message[checked="checked"]+[for="notify_message"] {display:none;}
#xet_board .boardWrite .write_type {margin:1em 0;}
#xet_board .boardWrite .write_header_extravars {margin:3em 0 1em 0;}
#xet_board .boardWrite .extraVarsList .input_title {font-size:1.1em;}
#xet_board .boardWrite .extraVarsList .input_title em {vertical-align:middle; font-weight:normal; font-size:0.8em; margin:0 0 0 1em;}

#xet_board .boardWrite input[type="checkbox"],
#xet_board .boardWrite input[type="radio"] {cursor:pointer}

#xet_board .boardWrite #ds-write-help-secret {margin:3em 0 0 0; text-align:right;}
.ds-body-login #xet_board .boardWrite .ds-write-help-secret-logout {display:none!important;}

#xet_board .boardWrite .write_option_title:before {content:""; display:inline-block; background:#bbb; width:0.6em; height:1em; margin:0 0.5em 0 0; vertical-align:bottom;}
#xet_board .boardWrite .extraVarsList .write_option_title,
#xet_board .boardWrite .write_option_title {font-size:19px; margin:3em 0 1em 0; line-height:1;}
#xet_board .boardWrite .write_agree_terms .input_title em,
#xet_board .boardWrite .write_agree_terms .input_title small{font-weight:normal; vertical-align:bottom; display:inline-block; line-height:medium;}
#xet_board .boardWrite .write_agree_terms_desc {box-sizing:border-size; height:20em; overflow:scroll; padding:2em; border:1px solid #ddd;}
#xet_board .boardWrite .write_agree_terms_option {font-size:1rem; vertical-align:middle; margin:0.5em 0;}
#xet_board .boardWrite .write_agree_terms_option input,
#xet_board .boardWrite .write_agree_terms_option label {cursor:pointer;}
#xet_board .boardWrite .write_agree_terms_option>p{display:none;}
#xet_board .boardWrite .write_agree_terms_required {line-height:1; margin:0 0 5em 0;}
#xet_board .boardWrite .write_agree_terms_desc,
#xet_board .boardWrite .write_agree_terms_desc .ds-ct {font-size:15px;}
#xet_board .boardWrite .write_agree_terms_desc .ds-ct [data-aos] {opacity:1!important; transform:none!important; transition:none!important;}
#xet_board .boardWrite .write_agree_terms_desc .ds-ct h1 {font-size:1.5em; margin-bottom:3em!important;}
#xet_board .boardWrite .write_agree_terms_desc .ds-ct h2 {font-size:1.2em;}
#xet_board .boardWrite .write_agree_terms_desc .ds-ct h3 {font-size:1.16em;}
#xet_board .boardWrite .write_agree_terms_desc .ds-ct h4 {font-size:1.12em;}
#xet_board .boardWrite .write_agree_terms_desc .ds-ct h5 {font-size:1.08em;}
#xet_board .boardWrite .write_agree_terms_desc .ds-ct h6 {font-size:1.04em;}

/* 읽기  */
#xet_board .viewDocument {margin-bottom:8em;}
#xet_board .boardReadHeader {padding: 1.5em 0 1em 0; border-top:2px solid #555}
#xet_board .boardReadHeader .titleArea a.category {font-size:0.95em; margin-right:0.5em;}
#xet_board .boardReadHeader .titleArea a.title {font-size:1.5em;}
#xet_board .boardReadHeader .title_info {font-size:0.95em;}
#xet_board .boardReadHeader .title_info span {margin:0 1em 0 0;}
#xet_board .boardReadHeader .title_info span * {vertical-align:middle;}
#xet_board .boardReadHeader .title_info .count_wrp span {margin:0 0 0 1em;}

/* 본문 */
#xet_board .boardReadBody .secretMessage {padding:5em 0;}
#xet_board .boardReadBody .xe_content {padding:3em 0;}
#xet_board .boardReadBody .xe_content>p.ds-board-xe_content-p-img {text-align:center;}
#xet_board .boardReadBody .btn_wrp {margin:1em 0;}

#xet_board .document_popup_menu a,
#xet_board .comment_popup_menu a {font-size:0.8em;}
#popup_menu_area {font-size:1em;}
#popup_menu_area li {line-height:2;}

#xet_board .boardReadFooter .trackbackURL,
#xet_board .boardReadBody .btn_wrp a[onclick*="trackback"] {display:none!important;}
.ds-body-document-X #xet_board .boardRead>.boardNavigation>.float_left {display:none;}

/* 첨부파일 */
#xet_board .attachedFile {font-size:0.95em;}
#xet_board .attachedFile dt .fileToggle {font-size:1em;}
#xet_board .attachedFile ul.files * {font-size:1em;}

#xet_board .boardReadFooter .tag dd a {font-size:0.9em;}

/* 댓글 */
#xet_board .feedbackList {margin-top:5em;}
#xet_board .xefu-container,
#xet_board .editorOption {font-size:0.9em;}
#xet_board .feedbackList .item .itemContent .meta,
#xet_board .feedbackList .xe_content {font-size:1em;}
#xet_board input[name="notify_message"][checked="checked"],
#xet_board input[name="notify_message"][checked="checked"]+[for*="notify_message"] {display:none;}

#xet_board .ds-comment-help-secret p {line-height:normal; margin:2em 0; font-size:0.9em;}
.ds-body-login #xet_board .ds-comment-help-secret .ds-comment-help-secret-logout {display:none!important;}

/* 기타화면 */
#xet_board .smallBox p {font-size:1em;}

/* CK Editor 에디터 */
#xet_board .cke.cke_reset * {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial
}

/* YOUTUBE 가이드 */
.write_youtube_guide_comment div.commentEditor div[id*="ckeditor_instance"] span.cke_top.cke_reset_all:after,
.write_youtube_guide_doc form.boardWrite div[id*="ckeditor_instance"] span.cke_top.cke_reset_all:after {content:"· YOUTUBE 동영상 삽입 방법 : 유튜브 동영상 주소만 입력하면 자동으로 삽입됩니다. ex) https://youtu.be/1FqviLdoSGo (글쓰기 완료시 자동 적용)"; float:none; clear:both; display:block; font-size:1.2em; line-height:1.6; padding:0.5em 0; white-space:normal; width:100%;}

/* FAQ */
#xet_board.default_style_blog_faq .viewDocument,
#xet_board.default_style_blog_faq .viewDocument .boardRead {margin-bottom:0;}
#xet_board.default_style_blog_faq>.viewDocument>.boardRead+form.boardEditor,
#xet_board.default_style_blog_faq>.viewDocument .boardReadFooter,
#xet_board.default_style_blog_faq>.viewDocument .boardNavigation,
#xet_board.default_style_blog_faq>.viewDocument .boardReadBody {display:none;}
#xet_board.default_style_blog_faq>.viewDocument + .viewDocument {margin-top:0; border-top:1px solid #ccc;}
#xet_board.default_style_blog_faq>.viewDocument .boardReadHeader {border:none;}
#xet_board.default_style_blog_faq>.viewDocument .boardReadHeader .titleArea a.category {display:block;}
#xet_board.default_style_blog_faq>.viewDocument .boardReadHeader .titleArea a.title {font-size:1.3em;}
#xet_board.default_style_blog_faq .boardReadBody .xe_content {padding:0 0 5em 0;}