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

/* Link Styles */
a.link {
  display: inline-block;
  position: relative;
  vertical-align: top;
  z-index: 0;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  outline: none;
  color: #0154a4 !important;
  text-decoration: none;
}
a.link:before {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #0154a4;
  content: '';
  -webkit-transition: all 0.2s;
  -webkit-backface-visibility: hidden;
  transition: all 0.2s;
  backface-visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
a.link:hover:before,
a.link:focus:before {
  background-color: #024c93;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
a.link-dots {position: relative; display: inline-block; color: #333; cursor: pointer; border-bottom: 1px dotted #333;}

code {
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  display: inline-block;
  font-size: 0.875em;
  font-weight: 500;
  color:#000;
  padding: 1px 6px;
  vertical-align: baseline;
}

.ui.icon.header .icon {
    float: none;
    display: block;
    width: auto;
    height: auto;
    line-height: 1;
    padding: 0;
    font-size: 3em;
    margin: 0 auto .5rem;
    opacity: 1;
}
.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 1.28571429em;
    color: #333;
}
.ui.icon.header {
    text-align: center;
    margin: 2rem 0 1rem;
}

/* Modal bootstrap Styles */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  background-color: rgba(0,0,0,0.4);
}
.fade.in {
  opacity: 1;
}
.modal-page {display: block; min-height: auto; /*font-size: 0.875em;*/}
.modal-page #wrap {display: block; min-height: auto;}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
  width: 100%;
}
.bottom-content {margin-top: 1em; text-align: right;}
.bottom-content button,
.bottom-content a {min-width: 80px;}

.layer-popup .modal-content {box-shadow:none; border: 1px solid #333; border-radius:0;}
.layer-popup .modal-body {padding: 0;}
.layer-popup .modal-footer {padding: 0;}
.layer-popup .modal-footer .ui.segment {padding: .5em; border-radius:0;}
.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  background: none;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
  font-size: 1.25em;
  color: #73879C;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 769px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

/* upload-form 요소 */
.upload {background-color:#fff; width:100%; }
.drop {padding: 7em 1em 1em 1em; border: 1px dashed rgba(34, 36, 38, 0.15); border-radius: 3px; color:#bdbdbd; text-align:center; background: #fff url(../img/upload_icon.png) 50% 1em no-repeat;}
.drop a {background-color:#fff; border: 1px solid #333; margin-right:10px; padding:8px 16px; color:#000; border-radius:2px; cursor:pointer; display:inline-block; line-height:1; }
.drop input {display:none; }
.upload ul {margin-top: 1em; list-style:none;}
.upload ul:after {content:''; display:block; height:0; clear:both; }
.upload ul li {position: relative; padding: 4px 12px; border-left:1px solid #333; float:left; width:33.33%; box-sizing:border-box;}
.upload ul li input {display: none; }
.upload ul li p {width: calc(100% - 20px); overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color: #333;}
.upload ul li small {color:#ccc; display:block; }
.upload ul li span {width: 12px; height: 12px; margin-top: -6px; position: absolute; top:50%; right:12px; text-indent: -9999px; cursor:pointer; background:url(../img/btn_icon_cancel_b.png) no-repeat; background-size: cover;}
.simple-uploader input[type="file"] {display: none;}

/* Pagination 요소 */
.pageForm {display:block; margin-top:14px;}
.pageInput, .pageButton {padding:0px 10px !important; height:28px; border-radius:3px; border:1px solid #bbb; display:inline-block; vertical-align:middle;}
.pageInput {width:48px !important; height:28px !important; text-align:center;}
.pageLabel {position:absolute; left:-9999em;}
.pageButton {background:linear-gradient( #F46652 0%,#dd5846 100%); border-color:#dd5846; color:white;}
.pageSkip {display:inline-block; width:30px; background:transparent url(../img/page_arrow_left.png) center 50% no-repeat; text-indent:-999em; background-size:9px; vertical-align:middle;}
.pageNext {background-image:url(../img/page_arrow_right.png);}
.pageNumber {position:relative; top:-38px; font-size:12px; color:#333; width:70px; display:block; text-align:center; margin-left:-20px; background:white; padding:5px; border:1px solid #ebebeb; border-radius:3px; &:after {content:" "; display:block; position:absolute; width:0; height:0; top:24px; border:6px solid transparent; border-top-color:white;}}
.pagePip {width:1px; height:3px; background:black; position:absolute; bottom:-10px; opacity:0.4; box-shadow:-1px 0 0 white;}
.pageMaxPip, .pageMinPip {font-size:12px; color:#777; position:absolute; bottom:-30px; width:20px;}
.pageMaxPip {right:-10px; }
.pageMinPip {left:-10px;}
.pagination {margin:50px auto 0 auto; text-align:center;}
.pageSlider {display:inline-block;}
.ui-slider-horizontal {width:40%; height:6px; top:0px; margin:0px 10px 2px; border-radius:6px; position:relative; display:inline-block; background:#F46652; background-image:repeating-linear-gradient(28deg, transparent, transparent 10px, #dd5846 10px, #dd5846 20px); box-shadow:inset 0 2px 5px rgba(0,0,0,0.4); &:before {content:" "; position:absolute; width:auto; height:16px; top:-5px; left:-4px; right:-4px; border-radius:10px; z-index:-1; background:linear-gradient(rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.8) 90%);}}
.ui-slider.long .ui-slider-handle {height:12px; width:30px; display:block; position:absolute; top: -3px; border-radius:2px; margin-left:-15px; text-decoration:none; border-color:#c5c5c5 !important; background:#f5f5f5 !important; background:linear-gradient( #f5f5f5 0%,#cccccc 100%) !important;}
.ui-slider.long .ui-slider-handle::before,
.ui-slider.long .ui-slider-handle::after {content:" "; width:2px; height:40%; position:absolute; background:transparent; border-radius:0px; box-shadow:-1px 0px 0px rgba(255, 255, 255, 0.8), 1px 0px 0px rgba(255, 255, 255, 0.8), 2px 0 0 rgba(0, 0, 0, 0.3), 1px 0 0 rgba(0, 0, 0, 0.3) inset;}
.ui-slider.long .ui-slider-handle::before {left:10px; top:30%;}
.ui-slider.long .ui-slider-handle::after {right:12px; top:30%;}

/* store */
.post_book {margin-bottom: 30px;}
.post_book:after {content: ""; display: block; height: 0; clear: both;}
.post_book > ul {float: left; width: calc(20% - 10px); margin: 5px; padding: 5px 5px 10px 5px; border: 1px solid #dcdcdc; box-sizing: border-box; vertical-align: top; background: #fff; overflow: hidden;}
.post_book > ul > li {padding-bottom: 10px;}
.post_book > ul > li .view-list-img {display: block; position: relative; padding-top: 125%; border: 1px solid #ccc; background: #e2e2e2;}
.post_book > ul > li .view-list-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.post_book > ul > li .subject {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; min-height:1.125em; font-size: 1.125em; color: #333; }
.post_book > ul > li.post_btn {margin:0 auto; width:172px;}
.post_book > ul > li.post_btn ul li {position: relative; float: left; padding-left: 5px; color: #acacac;}
.post_book > ul > li.post_btn ul li:first-child {padding-left: 0;}
.post_book > ul > li.post_disc {padding-bottom:0;}
.post_book > ul > li.post_disc ul {margin-bottom:5px;}
.post_book > ul > li.post_disc ul li {position: relative; float: left; padding-left: 10px; color: #acacac;}
.post_book > ul > li.post_disc ul:after {content: ""; display: block; clear: both;}
.post_book > ul > li.post_disc ul.price li {font-weight: 600; color: #333;}
.post_book > ul > li.post_disc ul.price li .disct {font-weight: normal;}
.post_book > ul > li.post_disc ul li:before {content: ""; display: inline-block; width: 1px; height: 13px; margin-right: 10px; background-color: #c3c3c3;}
.post_book > ul > li.post_disc ul li:first-child {padding-left: 0;}
.post_book > ul > li.post_disc ul li:first-child:before {display: none;}

/* paging  */
.paging {display:block; position:relative; margin-top: 20px; padding:0; text-align:center;}
.paging a {display:inline-block; width:38px; height:38px; margin: 0 2px; border:1px solid #e5e5e5; color:#666; font-size:.875em; line-height:38px; text-align: center; vertical-align:top;}
.paging a:hover {background:#f2f2f2;}
.paging a.current {background:#999; color:#fff; border:1px solid #999;}
.paging button {display:inline-block; width:38px; height:38px; border:1px solid #ccc; vertical-align:top; background:url("../img/ico_paging.png") no-repeat; text-indent:-9999px;}
.paging button.pg_first {background-position:-107px -5px;}
.paging button.pg_prev {background-position:-158px -5px;}
.paging button.pg_next {background-position:-5px -5px;}
.paging button.pg_last {background-position:-55px -5px;}
.paging button.pg_first.disable {background-position:-107px -55px; cursor:default;}
.paging button.pg_prev.disable {background-position:-158px -55px; cursor:default;}
.paging button.pg_next.disable {background-position:-5px -55px; cursor:default;}
.paging button.pg_last.disable {background-position:-55px -55px; cursor:default;}

.paging a.pg_btn {display:inline-block; width:38px; height:38px; border:1px solid #ccc; vertical-align:top; background:url("../img/ico_paging.png") no-repeat; text-indent:-9999px;}
.paging a.pg_first {background-position:-107px -5px;}
.paging a.pg_prev {background-position:-158px -5px;}
.paging a.pg_next {background-position:-5px -5px;}
.paging a.pg_last {background-position:-55px -5px;}
.paging a.pg_first.disable {background-position:-107px -55px; cursor:default;}
.paging a.pg_prev.disable {background-position:-158px -55px; cursor:default;}
.paging a.pg_next.disable {background-position:-5px -55px; cursor:default;}
.paging a.pg_last.disable {background-position:-55px -55px; cursor:default;}

.paging span {display: inline-block; padding: 0 1em; color: #999; line-height: 38px;}
.paging span strong {color: #333;}
.paging label {color: #999; line-height: 38px;}
.paging select {display: inline-block !important; width: 80px !important; margin-right: 20px; border: none !important; border-bottom: 1px solid #ccc !important; vertical-align: top;}

ul.review {margin-bottom:20px; font-size: 13px;}
ul.review > li {padding:10px 0; border-bottom:1px solid #ebebeb;}
ul.review > li:after {content:""; display:block; height:0; clear:both;}
ul.review > li .view-img {float: left; width: 80px; height: 80px;}
ul.review li p {float:left; margin-right:5px;}
ul.review li dl {float:right; width:calc(100% - 100px);}
ul.review li dl dt {margin-bottom:10px; padding:5px; border:1px solid #d7d7d7; border-radius: 2px; background:#f7f7f7;}
ul.review li dl dt:after {content:""; display:block; height:0; clear:both;}
ul.review li dl dt span {padding: 0 5px; color: #333;}
ul.review li dl dt span.date {font-size: 12px; color: #959595;}
.grid-content {overflow: auto;}
.grid-content:after {content:""; display:block; height:0; clear:both;}
.grid-content-box {position: relative; float:left; margin:.66%; padding:10px; border-radius:3px; border:1px solid #d9d9d9; box-sizing:border-box; vertical-align:top; box-shadow: #f1f1f1 1px 1px 5px; background:#fff;}
.grid-content-box .header > * {vertical-align: middle;}
.grid-content-box .header:after {content:""; display:block; height:0; clear:both;}
.grid-content-box .header p,
.grid-content-box .header div {display: inline-block; width: calc(100% - 60px); font-size:1em; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align: middle;}
.grid-content-box .header .ui.buttons {display: flex; width: auto;}
.grid-content-box .header p span {display: block;}
.grid-content-box .header p em,
.grid-content-box .header > div em {display: inline-block; margin-right: 10px; font-style: normal;}
.grid-content-box .header p span.date {margin-left: 26px; font-size: 12px; font-weight:normal; color:#00a5a6;}
.grid-content-box .header p.more-btn {cursor: pointer;}
.grid-content-box .header p.title {font-size: 1.125em;}
.grid-content-box .header .ui.dropdown.button {float: right;}
.grid-content-box .header a {color:#333;}
.grid-content-box .header .sort-ico {font-size: 18px; color: #333; vertical-align: middle;}
.grid-content-box .body-content {position: absolute; width: calc(100% + 2px); margin-left: -11px; padding:10px; display: none; border: 1px solid #d9d9d9; border-top:none; background: #fff; z-index: 2;}
.grid-content-box .body-content.on {display: block;}
.grid-content-box .body-content.off {display: none;}
.grid-content-box .footer {margin-top:10px; text-align:center;}
.grid-content-box .footer a {min-width:100px;}
.portlet-placeholder {float: left; width:100%; height:44px; margin-top: 8px; border:1px dashed #ccc; border-radius:4px; background-color:#f7f7f7;}
.ui-sortable-handle {cursor:move;}

.tbl-list {border-top:none; border-top:1px solid #dcdcdc;}
.tbl-list dt ul {color: #1a345e; background: #f7f9fa!important;}
.tbl-list dt ul li {border-left: 1px solid #dcdcdc;}
.tbl-list dd {}
.tbl-list ul {overflow: hidden; border-bottom: 1px solid #ebebeb; background: #fff;}
.tbl-list ul li {float: left; width:20%; padding:8px 0; text-align: center; border-left: 1px solid #ebebeb;}
.tbl-list ul li:first-child {border-left:none; width: 35%;}
.tbl-list ul li:first-child .ui.button {width: 74px;}
.tbl-list ul li:nth-child(4) {width: 25%;}
.tbl-list ul li.setup {width: 100%; border-top: 1px solid #ebebeb; border-left:none;}
.modal-type .grid-content-box .header p,
.modal-type .grid-content-box .header > div {width: 100%; line-height: 30px;}
.modal-type .grid-content-box .body-content {position: relative; width: 100%; margin-left: 0; padding:10px 0 0 0; display: none; border: none;}
.modal-type .grid-content-box .body-content.on {display: block;}
ol.tbl-list {padding-top: 10px;}
ol.tbl-list li {line-height: 32px; font-size: 1em; color: #666;}
ol.tbl-list li .viewInfo {float: right; display: inline-block;}
ol.tbl-list li .viewInfo span {display: inline-block; margin-right: 10px; color: #999;}
.modal-placeholder {width:100%; height:37px; margin-top: 8px; border:1px dashed #ccc; border-radius:4px; background-color:#f7f7f7;}


/* 수정_231122 */
.listTab {margin-bottom:20px; border-bottom:1px solid #333;}
.listTab:after {display:block; clear:both; content:''}
.listTab ul {float:left; width:100%; min-height:46px; margin-top: 1px; line-height:46px;}
.listTab ul li {float:left; min-width:120px; margin-top:-1px; margin-right:-1px; cursor: pointer; border:1px solid #d9d9d9;
	 /* border-bottom:1px solid #333; */ 
	 box-sizing: border-box; background:#f6f6f6;}
.listTab ul li a {display:block; padding: 0 10px; text-align:center; color:#acacac;}
.listTab ul li a small {margin-left: 5px; color: rgba(239, 83, 80, .6); vertical-align: top;}
.listTab ul li.select {
	position:relative; border:1px solid #333; border-bottom:1px solid #fff; background:#fff;
	/* transform: translateY(1px); */
}
.listTab ul li.select a {color:#333;}
.listTab ul li.select a small {color: rgba(239, 83, 80, 1);}
.tab_content {display: none;}
.element {margin-bottom: 1em;}
.element:last-child {margin-bottom: 0;}
.average > .ui.stackable.grid > .column {padding: 0 5px !important; text-align: center;}
.global_tab	{position: relative; width: 100%; margin: 0 auto 1em auto; text-align:center; overflow:hidden;}
.global_tab:after {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ''; background: #d7d7d7;}
.global_tab a {
	position:relative; float:left; display:block; padding:16px 0; 
	font-size:1.125em; font-weight: 500; color: #777; 
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 
	z-index: 1;
}
.global_tab a:after {content:""; display:block; position:absolute; left:0; top:0%; width:1px; height:100%; background:hsl(0, 0%, 86.7%);}

.global_tab a.on {color:#000; border-bottom:1px solid #4f545a;}

.global_tab.typeB {margin:30px auto; text-align:center; border:1px solid hsl(212.7, 6.5%, 40%); border-radius:3px; overflow:hidden;}
.global_tab.typeB a { padding:15px 0; font-size:16px; color:#333; }
.global_tab.typeB a:first-child:after {display:none;}
.global_tab.typeB a:after { top:50%; width:1px; height:14px; margin-top:-6px ;background:#b2b5ac;}
.global_tab.typeB a.on {color:#fff; background:hsl(212.7, 6.5%, 40%);}
.global_tab.typeB a.on:after {display:none;}
.global_tab.typeB a.on + a:after {display:none;}
.tab_content_view {display: none;}

.option-content {display: flex; align-items: center; margin-bottom: 20px;}
.option-content:after {content:''; display:block; clear:both;}
.option-content .page-title {display: inline-block; margin-bottom: 0; padding: .175em 0;}
.option-content .head-txt{font-size: 1.125em; color: #333; vertical-align: middle;}
.option-content .totalNum {display:inline-block; margin-right:1em; font-size:1.25em; color:#333; vertical-align:middle;}
.option-content .totalNum label {display: inline-block; margin-right: 10px; color: #999;}
.option-content .listType {display:inline-block; margin-right:.375em; font-size:2.875em; color:#333; vertical-align:middle;}
.option-content .button-area {margin-left: auto;}
.option-content .button-area span.user {margin-right: 5px; font-size: 14px;}
.option-content .button-area label {color: #999;}
.option-content .search-box {margin-left: 5px;}
/*.option-content .search-box.ui.action.input > input[type='text'] {width:200px;}*/
.option-content .list-num { width: 50px; min-width:60px !important; margin-left: 10px;}
.flex-box {display: flex !important; align-items: center;}
.flex-box .button-area {flex: 1; justify-content: flex-end;}

.result-content {width: calc(100% - 2px); margin: 0 auto;}
.result-content .question-box {position: relative; margin-bottom: 20px;}
.result-content .question-box .ui.corner.label {border-color: #4b5f7f !important; color: #FFFFFF !important;}

.request-type.ui.message .header {margin-bottom: 0.75em;}
.request-type .ui.dropdown {position: absolute; top: .78575em; right: 1.5em;}
.request-type .bottom-flex {margin-top: 5px; display: flex; flex-direction: row; justify-content: flex-start;}
.request-type .bottom-flex .box {display: flex; align-items: center; flex: 1; padding-left: 10px;}
.request-type .bottom-flex .box:last-child {text-align: right; justify-content: flex-end;}
.request-type .info-box {color: #999; overflow: hidden;}
.request-type .info-box span:last-child {float: right;}
.request-type .info-box li {display:inline-block; padding-left:5px;}
.request-type .info-box li:before {content:""; display:inline-block; width:1px; height:12px; margin-right:5px; vertical-align:middle; background-color:#c3c3c3;}
.request-type .info-box li:first-child {padding-left:0;}
.request-type .info-box li:first-child:before {display:none;}

.inquiry-button {cursor: pointer;}
.ui.right.sidebar.inquiry-inbox {width: 740px; padding: 50px 20px 20px 20px; background: #fff;}
.ui.right.sidebar.inquiry-inbox .close {position: absolute; top: 20px; right: 20px; width: 26px; height: 26px; text-indent: -9999px; background: url(../img/wide_inbox_close.png) no-repeat;}
.sidebar-button {cursor: pointer;}
.ui.right.sidebar.wide-inbox {width: 740px; padding: 50px 20px 20px 20px; background: #fff;}
.ui.right.sidebar.wide-inbox .close {position: absolute; top: 20px; right: 20px; width: 26px; height: 26px; text-indent: -9999px; background: url(../img/wide_inbox_close.png) no-repeat;}
.scrollbox {height: 100%; overflow: hidden;}
.scrollbox .mCSB_container {width: calc(100% - 2px); margin-left: 1px; overflow: visible;}
.ui.right.sidebar.counsel-inbox {width: 340px; padding: 20px; font-size: .875em; color: #ccc; background: #545454;}
i.icon.counsel-button {display: inline-block; margin-left: 5px; color: #999; cursor: pointer;}

.ui.button.img-button {padding: 0 !important; box-shadow: none !important; border: 1px solid rgba(34, 36, 38, 0.15) !important; border-left: none !important}
.ui.button.img-button > button {width: 16px; height: 16px; margin: 0 3px !important;}

.img-button {display: inline-block; vertical-align: middle;}
.img-button button {width: 24px; height: 24px; margin: .5em !important;}
.img-button button.icon_check {background: url(../img/btn_icon_check_b.png) no-repeat; background-size: cover;}
.img-button button.icon_cancel {background: url(../img/btn_icon_cancel_b.png) no-repeat; background-size: cover;}
.img-button button.icon_trash {background: url(../img/btn_icon_trash_b.png) no-repeat; background-size: cover;}

/********************************************************************************************************
 * 추가버튼
*********************************************************************************************************/
.btn {margin-right: 0.25em; padding: .75em 2.5em; font-size: 1.125em; color: #555; border-color: #555; border-style: solid; border-width: 1px; background: #f9f9f9;}
.btn-block {display: block !important; text-align: center; margin:0;}
/*.btn:last-child {margin-right: 0;}*/
.btn-line-blue {color: #404ea1; border-color: #404ea1; background: #f4fafe;}
.btn-line-blue:hover {color: #00395e;}
.btn-blue{color: #f1f1f1; border-color: #404ea1; background: #404ea1;}
.btn-blue:hover {color: #fff;}
.btn-line-red {color: #dd4b39; border-color: #dd4b39; background: #fff6f5;}
.btn-line-red:hover {color: #b33121;}
.btn-red{color: #f1f1f1; border-color: #dd4b39; background: #dd4b39;}
.btn-red:hover {color: #fff;}
.btn-grey {color: #f1f1f1; border-color: #3c4252; background: #3c4252;}
.btn-grey:hover {color: #fff;}

.btn-radius {position: relative; display: inline-block; min-width: inherit !important; margin-right: 10px; color: #f1f1f1; vertical-align: middle; border: 2px solid #999; border-radius: 56px;}
.btn-radius:last-child {margin-right: 0;}
.btn-radius:hover {color: #333;}
.btn-radius span {line-height: 54px;}
.btn-primary {border-color: #333;}
.btn-negative {border-color: #fff; background: #555;}
.btn-radius i {opacity: 0.3;}
.btn-radius.btn-negative i {filter: invert(100%); -webkit-filter: invert(100%); opacity: 1;}
.btn-radius.btn-primary i {opacity: 1;}
.btn-icon {width: 56px; height: 56px; line-height: 52px; font-size: 0; text-align: center;}
.btn-icon i {position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; display: inline-block;}
.btn-icon-plus {background: url(../img/btn_icon_plus.png) no-repeat; background-size: cover;}
.btn-icon-check {background: url(../img/btn_icon_check.png) no-repeat; background-size: cover;}
.btn-icon-cancel {background: url(../img/btn_icon_cancel.png) no-repeat; background-size: cover;}
.btn-icon-prev {background: url(../img/btn_icon_prev.png) no-repeat; background-size: cover;}
.btn-icon-next {background: url(../img/btn_icon_next.png) no-repeat; background-size: cover;}
.btn-icon-home {background: url(../img/btn_icon_home.png) no-repeat; background-size: cover;}
.btn-icon-modify {background: url(../img/btn_icon_modify.png) no-repeat; background-size: cover;}
.btn-icon-report {background: url(../img/btn_icon_report.png) no-repeat; background-size: cover;}
.btn-icon-preview {background: url(../img/btn_icon_preview.png) no-repeat; background-size: cover;}
.btn-icon-result {background: url(../img/btn_icon_result.png) no-repeat; background-size: cover;}
.btn-icon-back {background: url(../img/btn_icon_back.png) no-repeat; background-size: cover;}
.btn-icon-save {background: url(../img/btn_icon_save.png) no-repeat; background-size: cover;}
.btn-icon-pause {background: url(../img/btn_icon_pause.png) no-repeat; background-size: cover;}
.btn-icon-back {background: url(../img/btn_icon_back.png) no-repeat; background-size: cover;}
.btn-icon-result {background: url(../img/btn_icon_result.png) no-repeat; background-size: cover;}
.btn-icon-trash {background: url(../img/btn_icon_trash.png) no-repeat; background-size: cover;}
.btn-icon:hover {font-size: 1em; letter-spacing: -1px; color: #999;}
.btn-icon:hover.btn-primary {color: #333;}
.btn-icon:hover i {opacity: 0;}

.label-angel {position: relative; display: inline-block; margin-right: .25em; padding: 4px 20px 4px 12px; font-size: .875em; color: rgba(255, 255, 255, .8); vertical-align: middle; border-radius: 20px; background: #333;}
.label-angel:after {position: absolute;
    content: '';
    top: 50%;
    right: .4em;
    margin-top: -.25em;
    background-color: #fff!important;
    width: .5em;
    height: .5em;
    -webkit-box-shadow: 0 -1px 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 -1px 1px 0 rgba(0,0,0,.3);
    border-radius: 500rem;
}
.label-blue {background: #005891;}
.label-lightblue {background: #15aad5;}
.label-red {background: #dd4b39;}
.label-orange {background: #f2711c;}
.label-grey {background: #999;}

.label-point {display: inline-block; margin-right: .25em; padding: 4px 10px; vertical-align: middle;}
.label-point span {margin-right: 5px !important;}

/********************************************************************************************************
 * 게시판
*********************************************************************************************************/
.table-striped > tbody > tr:nth-of-type(odd) {background: none !important;}
.table-striped > tbody > tr:nth-of-type(even) {background: #f9f9f9 !important;}
.tbl {width:100%; border-top:1px solid #999; border-bottom:1px solid #ddd;}
.tbl > thead > tr.odd-row {background:#f9f9f9;}
.tbl.col-tl > tbody > tr > td {text-align: left !important;}
.tbl.line-sm > tbody > tr > td {padding: 8px 5px;}
.tbl > thead > tr > th {padding:.675em 1em; text-align:center; color:#1a345e; border-left:1px solid #e1e4e8; border-bottom:1px solid #e1e4e8; background:#f7f9fa;}
.tbl > tfoot > tr > th {padding:.675em 1em; min-height:43px; text-align:center; color:#f1f1f1; border-left:1px solid #e1e4e8; border-bottom:1px solid #e1e4e8; background:#666;}
.tbl > tbody > tr > th {padding:.675em 1em; border-bottom:1px solid #e1e4e8;}
.tbl > tbody > tr > td {padding:.675em 1em; min-height:43px; border-left:1px solid #e1e4e8; border-bottom:1px solid #e1e4e8; word-wrap:break-word; word-break:break-all;}
.tbl > thead > tr > th:first-child, .tbl > tfoot > tr > th:first-child, .tbl > tbody > tr > td:first-child {border-left:none; /*border-right:1px solid #e1e4e8;*/}
.tbl > tbody > tr > td.head {padding-left:10px; text-align:left; color:#183f91; border-left:none; border-bottom:1px solid #98d0ef; border-right:1px solid #98d0ef; background:#f5fafc;}
.tbl > tbody > tr > th.center,
.tbl > tbody > tr > td.center {text-align: center;}
.tbl tbody td ul.bullet-list {}
.tbl tbody td ul.bullet-list li {padding:5px 5px 5px 20px; text-align:left; background:url(../img/icon_dot.gif) 10px 14px no-repeat;}
.tbl tbody td ul.device-list {text-align: left;}
.tbl tbody td ul.device-list li {overflow: hidden;}
.tbl tbody td ul.device-list li > span {display: inline-block; width: calc(100% - 160px); line-height: 36px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tbl tbody td ul.device-list.type2 li > span {width: calc(100% - 580px);}
.tbl tbody td ul.device-list.type2 li > strong {width: 160px; display: inline-block; padding-left: 40px; line-height: 36px; vertical-align: top;}
.tbl tbody td ul.device-list.type2 li > .ui.input {vertical-align: top;}
.tbl > tbody > tr > td.lg-section {padding-left: 50px; background: url(../img/comment_inner_arrow.gif) 20px 4px no-repeat;}
.tbl > tbody > tr > td.md-section {padding-left: 90px; background: url(../img/comment_inner_arrow.gif) 60px 4px no-repeat;}
.tbl > tbody > tr > td.sm-section {padding-left: 110px; background: url(../img/icon_arrow.gif) 100px 50% no-repeat;}

.tbl > li {border-top:1px solid #ddd;}
.tbl > li:first-child {border-top:none;}
.tbl > li > dl {display:table; table-layout:fixed; width:100%; min-height:46px;}
.tbl > li > dl > dt {display:table-cell; vertical-align:middle; width: 20%; padding:.675em 1em; font-weight: 500; color:#333; background-color:#f5f5f5;}
.tbl > li > dl > dt label {}
.tbl > li > dl > dt:nth-child(2),
.tbl > li > dl > dt:nth-child(3) {border-left:1px solid #ddd;}
.tbl > li > dl > dd {display:table-cell; vertical-align:middle; padding:.675em 1em; border-left:1px solid #ddd;}
.tbl > li > dl > dd span.sec {margin-left:5px;}
.tbl > li > dl > dd .help {margin-top:10px; color:#999;}
.cont_edit {padding:1em 0;}
.tbl.soft-border {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
/*.tbl .field {line-height: 38px;}*/
.tbl.dt-sm > li > dl > dt {width: 15%;}
.tbl.dt-md > li > dl > dt {width: 25%;}
.tbl.dt-lg > li > dl > dt {width: 30%;}
/*.tbl .field {margin-bottom: 0 !important;}*/
.ui.message .tbl {border-top:1px solid #cce7ec; border-bottom:1px solid #cce7ec;}
.ui.message .tbl > thead > tr > th {color:#3d6f87; border-left:1px solid #cce7ec ; border-bottom:1px solid #A9D5DE ; background:rgba(169,213,222,.3);}
.ui.message .tbl > thead > tr > th:first-child, .ui.message .tbl > tbody > tr > td:first-child {border-left:none;}
.ui.message .tbl > tbody > tr > td {border-left:1px solid #cce7ec; border-bottom:1px solid #cce7ec;}

.tbl-simple {width: 100%;}
.tbl-simple > li {padding-top: 1em;}
.tbl-simple > li:first-child {padding-top: 0;}
.tbl-simple > li > dl {display:table; table-layout:fixed; width:100%; min-height: 42px;}
.tbl-simple > li > dl > dt {display:table-cell; vertical-align:middle; width:20%; color: #333;}
.tbl-simple > li > dl > dt > label {font-size: 1em;}
.tbl-simple > li > dl > dd {display:table-cell; vertical-align:middle;}
.tbl-simple > li > dl.row > dt,
.tbl-simple > li > dl.row > dd {display: block; width: 100%; padding: .5em 0 .5em 0;}

.table-scroll {display: flex; border: 1px solid #eee; background: #e4e4e4; border-radius: 5px; overflow: hidden;}
.table-scroll .tbl-left td,
.table-scroll .tbl-main-wrap {flex: 1; position: relative; min-width: 0;}
.table-scroll .tbl-left,
.table-scroll .tbl-right {background: #fff;}
.table-scroll .tbl-left td,
.table-scroll .tbl-right td {padding: 8px 20px;}
.table-scroll .tbl-left .ui.checkbox label, .ui.checkbox + label,
.table-scroll .tbl-right .ui.checkbox label, .ui.checkbox + label {padding:0}
.table-scroll .tbl-main {width: 100%; overflow: hidden; cursor: move;}
.table-scroll .tbl-main td {white-space: nowrap; background: #f4f4f4; min-width: 140px;}
.table-scroll .tbl-main th {background: #2196f3; text-align: left;}
.table-scroll table {margin: 0;}
.table-scroll table thead th {padding: 15px 8px; background: #64b5f6; color: rgba(0, 0, 0, .7);}
.table-scroll table td {padding: 8px; background: #fff;}

.req:after {margin: -0.2em 0em 0em 0.2em; content: '*'; color: #DB2828; display: inline-block; vertical-align: middle; top: 0%; left: 100%;}
.ui.form .inline.fields.mo-flex1-row .field:last-child {flex: 1;}

.toggle-board, .toggle-gallery {padding-bottom: 20px;}
.post_list {margin-bottom: 20px;}
.post_list > ul {border-top:1px solid #323e51;}
.post_list > ul > li {display: flex; padding: 1.25em; border-bottom:1px solid #dcdcdc;}/* align-items: center; */
.post_list > ul > li > a { font-size: 1.125em;}
.post_list > ul > li > a span.new {display: inline-block; width: 15px; height: 15px; margin-left: 5px; text-indent: -9999px; vertical-align: middle; background: url(../img/ico_new.gif);}
.post_list > ul.thumb > li > a {width:calc(100% - 60px);}
.post_list > ul.thumb > li.point {background: #e6f0f7;}
.post_list > ul.thumb > li.point:after {position: absolute; top: calc(50% - 7px); content: '\f125'; font-family: "Ionicons";}
.post_list > ul > li > a:hover {color:#1f4787;}
.post_list > ul > li .attach-file {position:absolute; top:50%; right:1em; width:32px; margin-top: -16px;}
.post_list > ul > li .attach-file a {display:block; width:32px; height:32px; text-indent:-9999px; background:url(../img/data-icon.png) no-repeat; background-size:cover;}
.post_list > ul > li .attach-file a + a {margin-top:4px;}
.post_list > ul > li.notice {background:#f7f9fa;}
.post_list > ul > li.notice .post_label strong {color:#f0752c;}
.post_list > ul > li.notice > a {color:#333;}
.post_list .post_label {min-width: 4em; color: #acacac;}
.post_list .post_label em {padding-left:10px; font-style:normal;;}
.post_list .post_label em:before {content:""; display:inline-block; width:1px; height:12px; margin-right:10px; background-color:#c3c3c3;}
.post_list .post_label em:first-child {padding-left:0;}
.post_list .post_label em:first-child:before {display:none;}
.post_list .post_disc:after {content:"";display:block;clear:both;}

/* 수정_231122 */
.post_list .post_disc {margin-left: auto; color:#acacac;  flex:none; display: flex; }
.post_list .post_disc li {position:relative; min-width: 4em; /* float:left; padding-left:10px; */  }
.post_list .post_disc li:before {
	content:""; display:inline-block; width:1px; height:.7em; 
	/* margin-right:10px;  */
	margin: 0em .5em;
	background-color:#c3c3c3;
}
.post_list .post_disc li:first-child{ text-align: right }

.post_list .post_disc li:first-child:before {display:none;}

.post_view {border-top:1px solid #323e51; box-sizing:border-box;}
.post_view .header {border-bottom:1px solid #dcdcdc;}
.post_view .header h4 {padding:10px; font-size:1.25em; color:#333; background:#f7f9fa;}
.post_view .header ul.viewInfo {padding:10px; border-top:1px solid #dcdcdc;}
.post_view .header ul.viewInfo li {display:inline-block; padding-left:10px; color: #333;}
.post_view .header ul.viewInfo li:before {content:""; display:inline-block; width:1px; height:12px; margin-right:10px; vertical-align:middle; background-color:#c3c3c3;}
.post_view .header ul.viewInfo li:first-child {padding-left:0;}
.post_view .header ul.viewInfo li:first-child:before {display:none;}
.post_view .header ul.viewInfo li a {color: #acacac;}
.post_view .header ul.viewInfo li span {margin-right:10px; color:#acacac;}
.post_view .content-field {min-height:240px; padding:20px 10px;}
.post_view .footer {}
.post_view .footer dl.post_link {margin-top: 20px; overflow:hidden; border-bottom:1px solid #dcdcdc;}
.post_view .footer dl.post_link dt {float:left; width:20%; padding:15px 10px; text-align:center; color:#333; border-top:1px solid #dcdcdc; background:#f8f8f8;}
.post_view .footer dl.post_link dd {float:left; width:80%; padding:15px 10px; border-top:1px solid #dcdcdc;}
.post_view .footer dl.post_link dd a {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* comment-form 요소 */
.comment .title {display: flex; align-items: center;}
.comment .title h2 {flex: auto; padding-bottom: 0;}
.comment .title h2 i {margin-left: 5px;}
.comment h2 {padding-bottom:10px; font-size:1.125em; color:#333;}
.comment h2 span {margin-left:20px; font-size:.75em; color:#ff6c00;}
ul.comment-write {padding: 10px 0; overflow:hidden;}
ul.comment-write > li {float:left; width: 100%;}
ul.comment-write > li:last-child {margin-top: .5em; text-align:right;}
ul.comment-write > li:last-child a {min-width: 80px;}
ul.comment-write > li.mbtn {display:none;}
ul.comment-write > li.imgBox {position:relative; width:70px; height: 70px; margin-right: 20px;}
ul.comment-write > li > ul {}
ul.comment-write > li > ul > li {margin-top:5px; font-size:13px;}
.comment .article {}
.comment .article > ul {border-bottom:1px dotted #d7d7d7; overflow:hidden;}
.comment .article > ul.co_inner1 {padding-left:50px; background:url(../img/comment_inner_arrow.gif) 20px 30px no-repeat;}
.comment .article > ul.co_inner2 {padding-left:100px; background:url(../img/comment_inner_arrow.gif) 70px 30px no-repeat;}
.comment .article > ul.co_inner3 {padding-left:150px; background:url(../img/comment_inner_arrow.gif) 120px 30px no-repeat;}
.comment .article >  ul > li {padding:10px 0;}
.comment .article >  ul > li span {margin-right:10px; padding:2px 6px; color:#fff; font-size:.875em; text-align:center; border-radius:12px; background:#a7bbe0;}
.comment .article >  ul > li.mbtn {display:none;}
.comment .article >  ul > li.imgBox {position:relative; width: 48px; height: 48px; margin: 10px 10px 0 0;}
.comment .article >  ul > li > ul {}
/*.comment .article >  ul > li > ul > li {margin-top:10px;}*/
.comment .article >  ul > li > ul > li em {display: inline-block; margin-top: 10px; padding-left:10px; font-style:normal; color:#999;}
.comment .article >  ul > li > ul > li em:before {content:""; display:inline-block; width:1px; height:12px; margin-right:10px; vertical-align:middle; background-color:#c3c3c3;}
.comment .article >  ul > li > ul > li em:first-child {padding-left:0;}
.comment .article >  ul > li > ul > li em:first-child:before {display:none;}
.comment .article >  ul > li > ul > li em code {background-color: transparent; color:#999;}
.comment .article >  ul > li > ul > li em.toggle_btn,
.comment .article >  ul > li > ul > li em a {color:#333;}

.post_gallery {margin-bottom:30px;}
.post_gallery:after {content:""; display:block; height:0; clear:both;}
.post_gallery > ul {float:left; width:calc(25% - 20px); margin:10px; padding:10px; border:1px solid #dcdcdc; box-sizing:border-box; vertical-align:top; background:#fff; overflow:hidden;}
.post_gallery > ul.notice {background:#f7f9fa;}
.post_gallery > ul > li {padding-bottom:10px;}
.post_gallery > ul > li.post_label strong {font-weight:500; color:#f0752c;}
.post_gallery > ul > li.post_label em {padding-left:10px; font-style:normal;;}
.post_gallery > ul > li.post_label em:before {content:""; display:inline-block; width:1px; height:12px; margin-right:10px; background-color:#c3c3c3;}
.post_gallery > ul > li.post_label em:first-child {padding-left:0;}
.post_gallery > ul > li.post_label em:first-child:before {display:none;}
.post_gallery > ul > li .view-list-img {display:block; position:relative; padding-top:60%; border:1px solid #ccc; background:#e2e2e2;}
.post_gallery > ul > li .view-list-img img {position:absolute; top:0; left:0; width:100%; height:100%;}
.post_gallery > ul > li .subject {display:block; font-size:18px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.post_gallery > ul > li.post_disc ul li {position:relative; float:left; padding-left:10px; color:#acacac;}
.post_gallery > ul > li.post_disc ul li:before {content:""; display:inline-block; width:1px; height:13px; margin-right:10px; background-color:#c3c3c3;}
.post_gallery > ul > li.post_disc ul li:first-child {padding-left:0;}
.post_gallery > ul > li.post_disc ul li:first-child:before {display:none;}

.post_news {margin-bottom:30px;}
.post_news > ul {border-top:1px solid #323e51;}
.post_news > ul > li {display: flex; position:relative; width:100%; padding:10px; box-sizing:border-box; border-bottom:1px solid #dcdcdc; vertical-align:middle; overflow:hidden;}
.post_news > ul > li > p.view-list-img {float:left; width:190px; margin-left: 20px;}
.post_news > ul > li > p.view-list-img a {display:block; position:relative; width: 190px;  height:140px; border:1px solid #ccc; background:#e2e2e2;}
.post_news > ul > li > p.view-list-img a img {position:absolute; top:0; left:0; width:100%; height:100%;}
.post_news > ul > li > .content_txt {position: relative; width:100%; margin-left:20px; padding: 1em 0;}
.post_news > ul > li > .content_txt > a {display:inline-block; overflow:hidden; width:100%; font-size:1.25em; font-weight: 500;}
.post_news > ul > li > .content_txt > a:hover {color:#000;}
.post_news > ul > li > .content_txt > a span.new {display: inline-block; width: 15px; height: 15px; margin-left: 5px; text-indent: -9999px; vertical-align: middle; background: url(../img/ico_new.gif);}
.post_news > ul > li > .content_txt .attach-file {position:absolute; top:10px; right:10px; width:48px;}
.post_news > ul > li > .content_txt .attach-file a {display:block; width:48px; height:48px; text-indent:-9999px; background:url(../img/data-icon.png) no-repeat; background-size:cover;}
.post_news > ul > li > .content_txt .attach-file a + a {margin-top:4px;}
.post_news > ul > li.notice {background:#f7f9fa;}
.post_news > ul > li .ui.checkbox, .post_news > ul > li.notice .ui.checkbox {margin-left: 8px;}
.post_news > ul > li.notice_list .ui.checkbox {margin-left: 0;}
.post_news > ul > li.notice > .content_txt > .post_label strong {font-weight:500; color:#f0752c;}
.post_news > ul > li.notice > .content_txt > a {color:#333;}
.post_news > ul > li > .content_txt > .post_label strong {}
.post_news > ul > li > .content_txt > .post_label em {padding-left:10px; font-style:normal;;}
.post_news > ul > li > .content_txt > .post_label em:before {content:""; display:inline-block; width:1px; height:12px; margin-right:10px; background-color:#c3c3c3;}
.post_news > ul > li > .content_txt > .post_label em:first-child {padding-left:0;}
.post_news > ul > li > .content_txt > .post_label em:first-child:before {display:none;}
.post_news > ul > li > .content_txt > .post_disc:after {content:"";display:table;clear:both;}
.post_news > ul > li > .content_txt > .post_disc {float:right; position: absolute; right: 0; bottom: 10px; color:#acacac;}
.post_news > ul > li > .content_txt > .post_disc li {float:left; padding-left:10px;}
.post_news > ul > li > .content_txt > .post_disc li:before {content:""; display:inline-block; width:1px; height:13px; margin-right:10px; background-color:#c3c3c3;}
.post_news > ul > li > .content_txt > .post_disc li:first-child:before {display:none;}
.post_news > ul > li > .content_txt > p > a { margin:5px 0; line-height:1.3; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.post_news > ul > li > .content_txt > p > a:hover {color:#000;}
.post_news > ul > li > .content_txt > p.info {margin:5px 0; line-height:1.3; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

/* 추가 */
.post_news > ul > li.notice_list {display: flex; padding: 1.25em; border-bottom:1px solid #dcdcdc; align-items: center;}
.post_news > ul > li.notice_list > a { font-size: 1.125em;}
.post_news > ul > li.notice_list > a span.new {display: inline-block; width: 15px; height: 15px; margin-left: 5px; text-indent: -9999px; vertical-align: middle; background: url(../img/ico_new.gif);}
.post_news > ul.thumb > li.notice_list > a {width:calc(100% - 60px);}
.post_news > ul.thumb > li.notice_list.point {background: #e6f0f7;}
.post_news > ul.thumb > li.notice_list.point:after {position: absolute; top: calc(50% - 7px); content: '\f125'; font-family: "Ionicons";}
.post_news > ul > li.notice_list > a:hover {color:#1f4787;}
.post_news > ul > li.notice_list .attach-file {position:absolute; top:50%; right:1em; width:32px; margin-top: -16px;}
.post_news > ul > li.notice_list .attach-file a {display:block; width:32px; height:32px; text-indent:-9999px; background:url(../img/data-icon.png) no-repeat; background-size:cover;}
.post_news > ul > li.notice_list .attach-file a + a {margin-top:4px;}
.post_news > ul > li.notice_list.notice {background:#f7f9fa;}
.post_news > ul > li.notice_list.notice .post_label strong {color:#f0752c;}
.post_news > ul > li.notice_list.notice > a {color:#333;}
.post_news > ul > li.notice_list .post_label {min-width: 4em; color: #f0752c;}
.post_news > ul > li.notice_list .post_label em {padding-left:10px; font-style:normal;;}
.post_news > ul > li.notice_list .post_label em:before {content:""; display:inline-block; width:1px; height:12px; margin-right:10px; background-color:#c3c3c3;}
.post_news > ul > li.notice_list .post_label em:first-child {padding-left:0;}
.post_news > ul > li.notice_list .post_label em:first-child:before {display:none;}
.post_news .post_disc:after {content:"";display:block;clear:both;}
.post_news .post_disc {margin-left: auto; color:#acacac;}
.post_news .post_disc li {position:relative; float:left ;padding-left:10px;}
.post_news .post_disc li:before {content:""; display:inline-block; width:1px; height:13px; margin-right:10px; background-color:#c3c3c3;}
.post_news .post_disc li:first-child:before {display:none;}

@media all and (max-width:767px){
    .post_news > ul > li {flex-direction: column;}
    .post_news > ul > li .ui.checkbox,
    .post_news > ul > li.notice .ui.checkbox {margin-left: 0; margin-bottom: .5em}
    .post_news > ul > li > p.view-list-img {margin-left: 0;}
    .post_news > ul > li > p.view-list-img a { width: 100%; padding-top: 70%;}
    .post_news > ul > li.notice_list {flex-direction: column; align-items: start; padding: 1em;}
    .post_news > ul > li.notice_list > a {    padding: .5em 0;}
    /*.post_news > ul > li.notice_list .ui.checkbox {margin-bottom: 10px;}*/
    .post_news .post_label {display: none;}
    .post_news > ul > li > .content_txt > .post_disc {position: static;}
}

.post_blog {margin-bottom:30px;}
.post_blog > ul {margin-bottom:30px; border-top:2px solid #323e51; border-bottom:1px solid #323e51;}
.post_blog > ul > li {position:relative; width:100%; padding:10px; box-sizing:border-box; border-bottom:1px solid #dcdcdc; vertical-align:middle;}
.post_blog > ul > li:first-child {padding:7px 10px; background:#f7f9fa;}
.post_blog > ul > li:last-child {border-bottom:none;}
.post_blog > ul > li > span {float:left; display:inline-block; width:50px; height:28px; margin-right:-60px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:17px; line-height:28px; color:#fff; border-radius:4px; background:#73879C;}
.post_blog > ul > li > span.notice {font-size:14px; font-weight:700; background:#00a5a6;}
.post_blog > ul > li > a.subject {margin-left:60px; display:inline-block; overflow:hidden; width:calc(100% - 60px); text-overflow:ellipsis; white-space:nowrap; font-size:17px; color:#333;}
.post_blog > ul > li > .subject2 {display: inline; font-weight: 500; font-size:16px; color:#333; vertical-align: middle;}
.post_blog > ul > li .attach-file {position:absolute; top:10px; right:10px; width:48px;}
.post_blog > ul > li .attach-file a {display:block; width:48px; height:48px; text-indent:-9999px; background:url(../img/data-icon.png) no-repeat; background-size:cover;}
.post_blog > ul > li .attach-file a + a {margin-top:4px;}
.post_blog > ul > li.notice {background:#f7f9fa;}
.post_blog > ul > li.notice .post_label strong {font-weight:500; color:#f0752c;}
.post_blog > ul > li.notice > a {color:#333;}
.post_blog .post_label strong {}
.post_blog .post_label em {padding-left:10px; font-style:normal;}
.post_blog .post_label em:before {content:""; display:inline-block; width:1px; height:12px; margin-right:10px; background-color:#c3c3c3;}
.post_blog .post_label em:first-child {padding-left:0;}
.post_blog .post_label em:first-child:before {display:none;}
.post_blog .post_disc:after {content:"";display:table;clear:both;}
.post_blog .post_disc {position:absolute; right:10px; top:50%; margin-top:-10px; color:#acacac;}
.post_blog .post_disc li {position:relative; float:left ;padding-left:10px;}
.post_blog .post_disc li:before {content:""; display:inline-block; width:1px; height:13px; margin-right:10px; background-color:#c3c3c3;}
.post_blog .post_disc li:first-child:before {display:none;}
.post_blog ul.viewInfo {}
.post_blog ul.viewInfo li {display:inline-block; padding-left:10px;}
.post_blog ul.viewInfo li:before {content:""; display:inline-block; width:1px; height:12px; margin-right:10px; vertical-align:middle; background-color:#c3c3c3;}
.post_blog ul.viewInfo li:first-child {padding-left:0;}
.post_blog ul.viewInfo li:first-child:before {display:none;}
.post_blog ul.viewInfo li span {margin-right:10px; color:#333;}

.question-list {margin-bottom: 20px;}
.question-list .comment-write {padding: 0;}
.question-list > ul > li {padding: 0 2%; border: 1px solid #fff; border-bottom: 1px solid #d7d7d7; box-sizing: border-box; background: url(../img/faq_dot.png) 98% 1.5em no-repeat; transition: all 0.2s ease;}
.question-list > ul > li.on {border-color: #ff8601; background: url(../img/faq_dot_on.png) 98% 1.5em no-repeat;}
.question-list dl {}
.question-list dl dt {padding: 1.125em 1.125em 1.125em 3em; background: url(../img/faq_dot02.gif) 0 50% no-repeat; cursor: pointer;}
.question-list dl dt a {display: inline-block; width: calc(100% - 100px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 1.125em; vertical-align: middle;}
.question-list dl dd {display: none; padding: 1.125em 0;}
.question-list dl dd .post_disc {color:#acacac; vertical-align: middle; overflow: hidden;}
.question-list dl dd .post_disc li {position:relative; float:left ;padding-left:10px;}
.question-list dl dd .post_disc li:first-child {padding-left: 0;}
.question-list dl dd .post_disc li:before {content:""; display:inline-block; width:1px; height:13px; margin-right:10px; background-color:#c3c3c3;}
.question-list dl dd .post_disc li:first-child:before {display:none;}
.question-list dl dd .content {margin-top: 1.125em;}
.question-list dl dd .answer {margin-top: 1.125em;  padding: 1.125em 1.125em 0 3em; font-size: 1em; line-height: 26px; background: url(../img/faq_dot03.gif) 0 16px no-repeat; color: #777; border-top: 1px solid #ddd;}
.question-list dl dd img {max-width: 100%; height: auto;}
.question-list dl dd p img {max-width: 100%; height: auto;}

.grid-table {width:100%; border-top:1px solid #d9e4eb ;}
.grid-table th {padding:10px 5px; line-height:120%; text-align:center; color:#333; border-left:1px solid #d9e4eb ; border-bottom:1px solid #d9e4eb ; background:#f5f9fb;}
.grid-table td {padding:10px 5px; text-align:center; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; word-wrap:break-word; word-break:break-all;}
.grid-table td p.cell {display:table; min-height:40px;}
.grid-table td p.cell span {display:table-cell; vertical-align:middle;}
.grid-table td p.elt {padding:4px 0; text-align:left;}
.grid-table td input[type="radio"] {width:18px; height:18px;}
.grid-table .head {padding-left:10px; text-align:left; border-left:none;}
.grid-table tr.mo {display: none;}

.wrap_btn {margin-top: 20px; text-align:right;}
.wrap_btn:after {content:"";display:table;clear:both;}
.wrap_btn a {display: inline-block; min-width:100px; margin:0 5px; text-align: center;}
.wrap_btn a span.icon {font-size: 1em; line-height: 0;}

.wrap_btn:has(.btn:nth-last-of-type(2)) .btn{ margin: 4px } /* 추가_240418 */

.view-img {display:block; position:relative; padding-top:100%; overflow: hidden;}
.wide-img {display:block; position:relative; padding-top:70%; overflow: hidden;}
.post-img {display:block; position:relative; padding-top:140%; overflow: hidden;}
.view-img img, .wide-img img, .post-img img {position:absolute; top:0; left:0; width:100%; height:100%;}
.circle-img {display:inline-block; margin: 0 auto; position:relative; vertical-align: middle; border-radius: 100%; overflow: hidden;}
.circle-img img {position:absolute; top:-10%; left:0; width:100%;}
.exp {padding-left: 10px; color: #f7931e; background:url(../img/ico_required.gif) 0 8px no-repeat;}
.po {display: inline-block; padding: 0 5px; color: #000; background: rgba(101,188,212,.3);}

table.footable ul.list-align li {padding: 3px 0;}
table.footable ul.list-align li .ui.label > .icon {margin-right: 2px;}

.tooltip {position: relative; padding-right: 24px;}
.tooltip:after {position: absolute; right: 0; top: 50%; width: 18px; height: 18px; margin-top: -8px; content: ""; cursor: help; background: url(../img/tooltip_icon.png) no-repeat; background-size: cover;}
.time-sort {line-height: 2.5em;}
.active-btn {cursor: pointer;}
.active-btn.select {border-left-color: #d01919; background: rgba(235, 235, 235, .7);}
.chk-box {}
.chk-box.on {border-left-color: #d01919; background: rgba(235, 235, 235, .7);}
.classin {position: absolute !important; top: 0; right: 0; width: 60px;}

.ui.cards.info-type > .card {}
.ui.cards.info-type > .card > .content:first-child {padding: .5em 1em !important;}
.ui.cards.info-type > .card > .content .field {margin: -.5em 0;}
.ui.cards.info-type > .card > .content > .ui.ribbon.label {vertical-align: top;}
.fix-box {height:5.6em; margin-bottom: 1em; text-overflow:ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.fix-box + .more-btn {position: absolute; right: 1em; bottom: 1em; font-size: .875em; color: #999; text-decoration: underline;}
.util-header {float: right;}
.util-header a {margin-right: 10px; color: #97a6b7; vertical-align: middle;}
.util-header a:last-child {margin-right: 0;}
.util-header a.state {color: #1678c2;}
.util-header a:before {content:""; display:inline-block; width:1px; height:12px; margin:0 10px 0 0; background:#97a6b7;}
.util-header a:first-child:before {display: none;}
.sum-box {padding: .5em 1em; border-top: 1px solid rgba(34, 36, 38, 0.1);}
.sum-box:after {content:""; display:block; height:0; clear:both;}
.sum-box .process-bar {float: left; width: 50%; height: 26px !important; line-height: 26px !important;}

/********************************************************************************************************
 * slick-slider http://kenwheeler.github.io
*********************************************************************************************************/
/* Slider */
.slick-loading .slick-list {background: #fff url('../img/ajax-loader.gif') center center no-repeat;}
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;     user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}

.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}


/* .slick-slide {display: none; float: left; height: 100%; min-height: 1px;} */
.slick-slide { display: none; float: left; height: max-content; min-height: 1px; } /* 수정_240418 */

[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/* Icons */
@font-face {font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');}
/* Arrows */
.slick-prev,
.slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 40px; height: 40px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: 1px solid #d7d7d7; outline: none; background: rgba(255,255,255,.4);}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color: transparent; outline: none; background: transparent;}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {opacity: .25;}

.slick-prev:before,
.slick-next:before {font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.slick-prev {left: -50px;}
[dir='rtl'] .slick-prev {right: -50px; left: auto;}
.slick-prev:before {position: absolute; top: 50%; left: 50%; width: 9px; height: 15px; margin: -7px 0 0 -6px; content: ''; background: url(../img/page_arrow_left.png); background-size: cover;}
.slick-next {right: -50px;}
[dir='rtl'] .slick-next {right: auto; left: -50px;}
.slick-next:before {position: absolute; top: 50%; left: 50%; width: 9px; height: 15px; margin: -7px 0 0 -4px; content: ''; background: url(../img/page_arrow_right.png); background-size: cover;}

/* Dots */
.slick-dotted.slick-slider {margin-bottom: 30px;}

.slick-dots {position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before {opacity: .75; color: black;}
ul.slider-list {width: 90%; margin: 0 auto;}
ul.slider-list li {display: inline-block; margin: .75em;}

.header-icon {display: inline-block !important; width:100%; line-height: 26px !important; margin-top: 0 !important; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.header-icon.sd-right {width: calc(100% - 48px);}
.header-icon.xd-right {width: calc(100% - 60px);}
.bars {display:inline-block; width:10px; height:20px; text-indent:-9999px; vertical-align: middle; background:url(../img/dot_menu.png) no-repeat; background-size: cover;}
.ui.cards > .card > .ui.dimmer {display: flex; align-items: center; justify-content: center; background-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 16.67%, transparent 16.67%, transparent 50%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .1) 66.67%, transparent 66.67%, transparent 100%); background-size: 8.49px 8.49px;}
.ui.cards > .card > .ui.dimmer > .dimmer-box {font-weight: 500;}
.ui.cards > .card > .ui.dimmer > .dimmer-box > i {font-size: 2em; color: #333;}

.ui.segment > .ui.dimmer {display: flex; align-items: center; justify-content: center; background-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 16.67%, transparent 16.67%, transparent 50%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .1) 66.67%, transparent 66.67%, transparent 100%); background-size: 8.49px 8.49px;}
.ui.segment > .ui.dimmer > .dimmer-box {font-weight: 500;}
.ui.segment > .ui.dimmer > .dimmer-box.correct-true:before {content: '\f3a6'; font-family: "Ionicons"; font-size: 2em; font-weight: 700; color: #387cc5;}
.ui.segment > .ui.dimmer > .dimmer-box.correct-false:before {content: '\f2d7'; font-family: "Ionicons"; font-size: 2em; font-weight: 700; color: #ef5350;}

/*  gridster customize CSS */
.gridster .gs-w {position:absolute; padding:10px; border-radius:5px; border:1px solid #d9d9d9; box-sizing:border-box; vertical-align:top; background:#fff; box-shadow:#e1e1e1 1px 1px 5px;}
.gridster .gs-w:after {content:''; display:block; clear:both;}
.gridster .gs-header {position:relative; padding-bottom:10px; border-bottom:1px solid #e9e9e9;}
.gridster .gs-header h3 {font-size:1.125em; color:#000;}
.gridster .gs-header .ui.buttons {position: absolute; top: -2px; right: 20px;}
.gridster .gs-header .moreBtn {position:absolute; top:5px; right:0; width: 15px; height: 15px; text-indent: -9999px; background: url(../img/btn_more.png); z-index:auto;}
.gridster .gs-header .moreBtn span {display:none;}
.gridster .gs-content {min-height: 220px; padding: 15px 0;}

/*  grid-main common CSS */
.grid-main {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.grid-main:after {content:""; display:block; height:0; clear:both;}
.grid-main-box {position: relative; float:left; min-height: 320px; margin:10px; padding:15px; vertical-align:top; background:#fff;}
.border-type {border-radius:3px; border:1px solid #d9d9d9; box-sizing:border-box; box-shadow: #f1f1f1 1px 1px 5px;}
.grid-main-box > .header {position:relative; margin-bottom: 15px; padding-bottom:15px; border-bottom:1px solid #e9e9e9;}
.grid-main-box > .header:after {content:""; display:block; height:0; clear:both;}
.grid-main-box > .header h2 {position:relative; width: calc(100% - 40px); font-size:1.125em; color:#333;}
.grid-main-box > .header h2.week-list {display: inline-block; width: auto; margin-right: 10px; vertical-align: middle;}
.grid-main-box > .header h2.inline-list {display: inline-block; width: auto; margin-right: 10px; vertical-align: middle;}
.grid-main-box > .header .ui.labels {display: inline-block; vertical-align: middle;}
.grid-main-box > .header .ui.labels > .label {margin: 0;}
.grid-main-box > .header .addBtn {float: right; margin-right: 60px;}
.grid-main-box > .header .moreBtn {position:absolute; top:5px; right:0; width: 15px; height: 15px; text-indent: -9999px; background: url(../img/btn_more.png); z-index:auto;}
.grid-main-box > .header .removeBtn {position:absolute; top:5px; right:0; width: 15px; height: 15px; text-indent: -9999px; background: url(../img/btn_remove.png); z-index:auto;}
.grid-main-box > .header .writeBtn {position:absolute; top:5px; right:25px; width: 15px; height: 15px; text-indent: -9999px; background: url(../img/btn_pencil.png); z-index:auto;}
.grid-main-box > .header .editBtn {position:absolute; top:5px; right:25px; width: 15px; height: 15px; text-indent: -9999px; background: url(../img/btn_edit.png); z-index:auto;}
.grid-main-box > .header .right-area {position: absolute; top: 0; right: 0; margin-top: -.625em;}
/*.grid-main-box > .content {min-height: 190px;}*/
.grid-main-box > .content.scrollbar {height: calc(100% - 48px); overflow: hidden;}
.grid-main-box > .footer {margin-top: 10px;}
.grid-main-box .search-tab {margin: -4.2em 0 20px 10px !important; border-bottom: none !important;}
.grid-main-box .ui.tabular.menu.search-tab .item {padding: 0.62857143em 1.42857143em;}

.grid-column {float: left; width: 50%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.grid-column-lg {float: left; width: 66.64%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.grid-column-md {float: left; width: 47%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.grid-column-sm {float: left; width: 33.33%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.grid-column-xs {float: left; width: 19.6%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.size_1 {width: calc(16.66% - 20px);}
.size_2 {width: calc(33.33% - 20px);}
.size_3 {width: calc(50% - 20px);}
.size_4 {width: calc(66.64% - 20px);}
.size_5 {width: calc(83.3% - 20px);}
.size_6 {width: calc(100% - 20px);}

.ui.grid > .column .grid-main-box {margin-left: 0; margin-right: 0;}
.ui.grid > .column .grid-main-box.size_1 {width: 16.66%;}
.ui.grid > .column .grid-main-box.size_2 {width: 33.33%;}
.ui.grid > .column .grid-main-box.size_3 {width: 50%;}
.ui.grid > .column .grid-main-box.size_4 {width: 66.64%;}
.ui.grid > .column .grid-main-box.size_5 {width: 83.3%;}
.ui.grid > .column .grid-main-box.size_6 {width: 100%;}

.knob-box {text-align: center;}
.knob-box li {display: inline-block; width: 15%; padding: 20px 0;}
.knob-box p {display: block; margin-top: 10px;}
ul.list_line_S2 > li {border-top:1px solid #e9e9e9;}
/*ul.list_line_S2 > li:nth-child(odd) {background:#f9f9f9;}*/
ul.list_line_S2 > li:first-child {border-top: none;}
ul.list_line_S2 > li a {display:block; padding:12px 0;}
ul.list_line_S2 > li a span {max-width:70%; display: inline-block; padding-left:10px; font-size: 1.063em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align: top;}
ul.list_line_S2 > li a small {float: right; margin-right: 10px; display: inline-block; color: #999;}
ul.list_line_S2 > li a small.period {float: none; display: block; margin-top: 5px; padding-left: 10px; display: flex; flex-direction: row; justify-content: flex-start;}
ul.list_line_S2 > li a small.period span {max-width: 100%; flex: 1;}
ul.list_line_S2 > li a small.period span:last-child {text-align: right;}
.two-column {display: flex; flex-flow: wrap;}
.two-column blockquote {float: left; width: 50%;}
.mypage blockquote {border-left-width: 3px;}
blockquote {margin: 3px 0; padding: 10px; border-left: 1px solid #ccc;}
blockquote > span {display: inline-block; padding-bottom: 5px; font-size: 1.063em;}
/*blockquote a {display: block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align: top;}*/
blockquote p.author {display: flex; flex-direction: row; justify-content: flex-start;}
blockquote p.author small {display: inline-block; display: flex; align-items: center; flex: 1; font-size: .938em; color: rgba(0, 0, 0, .6);}
blockquote p.author small:last-child {text-align: right; justify-content: flex-end;}
blockquote.select span {color: #333;}
.day-red {border-left-color: #d01919;}
.day-orange {border-left-color: #f2711c;}
.before-read {border-left-color: #2185D0; background: #e6f0f7;}
.before-read span {color: #2185D0;}
.class-active {border-left-color: #2185D0;}
.normal-list blockquote {padding: 10px 0; border: none; border-bottom: 1px solid #d7d7d7;}
.normal-list blockquote:last-child {border-bottom: none;}
.flex-item-box {display: flex; align-items: center;}
.flex-item-box blockquote {flex: 1;}
.text-new {display: inline-block; width: 20px; height: 20px; margin-left: 5px; text-indent: -9999px; vertical-align: middle; background: url(../img/ico_new.gif) 50% 50% no-repeat;}
.ui.toggle.checkbox label {min-width: 100px;}
.ui.dimmer .close-btn {position: absolute; top: 20px; right: 20px; width: 16px; height: 16px; text-indent: -9999px; cursor: pointer; background: url(../img/closeBtn.png) no-repeat; background-size: cover;}
.ui.selection.dropdown.mobile {width: 80px !important; min-width: auto;}

.fullcalendar-event0 {background-color: #1678c2 !important;}
.fullcalendar-event1 {background-color: #00b5ad !important;}
.fullcalendar-event2 {background-color: #21ba45 !important;}
.fullcalendar-event3 {background-color: #b5cc18 !important;}
.fullcalendar-event4 {background-color: #fbbd08 !important;}
.fullcalendar-event5 {background-color: #f2711c !important;}
.fullcalendar-event6 {background-color: #6435c9 !important;}
.fullcalendar-event7 {background-color: #a333c8 !important;}
.fullcalendar-event8 {background-color: #e03997 !important;}
.fullcalendar-event9 {background-color: #a5673f !important;}

.extras {height: 100vh;}
.extras .flex-container .cont-none {width: 640px; padding: 2em; text-align: center; border: 1px solid #d7d7d7; border-radius: 4px; box-shadow: #f1f1f1 1px 1px 5px; background: #fff;}
.flex-container {display: flex; height: 100%; align-items: center; justify-content: center;}
.flex-container .cont-none {text-align: center;}
.flex-container .cont-none > span {display: inline-block; width: 140px; height: 60px; text-indent: -9999px; background: url(../img/cont_none.gif) no-repeat; background-size: cover;}
.flex-container .cont-none .text {font-size: 1.125em;}
.flex-container .cont-none img {display: inline-block; width: 120px; margin-bottom: 10px;}

/* test-example number */
.ui.checkbox label.question {padding: 7px 0 7px 40px;}
.ui.checkbox label.question:before {width: 32px; height: 32px; text-align: center; line-height: 28px; border-radius: 100%;}
.ui.checkbox input:checked ~ label.question:after {width: 32px; height: 32px; line-height: 32px; content: inherit; color: #fff !important; border-radius: 100%; background: #333; content: "\f383";}
.ui.checkbox label.question.num01:before {content: 'A';}
.ui.checkbox label.question.num02:before {content: 'B';}
.ui.checkbox label.question.num03:before {content: 'C';}
.ui.checkbox label.question.num04:before {content: 'D';}
.ui.checkbox label.question.num05:before {content: 'E';}
.ui.checkbox label.question.num06:before {content: 'F';}
.ui.checkbox label.question.num07:before {content: 'G';}
.ui.checkbox label.question.num08:before {content: 'H';}
.ui.checkbox label.question.num09:before {content: 'I';}
.ui.checkbox label.question.num10:before {content: 'J';}
.correct label {color: #FF5733 !important;}
.correct .ui.checkbox label:before {border-color: #FF5733 !important; background: #fff1ee;}
.checkImg {width: 100%; text-align:center;}
.checkImg input{position:absolute; left:-9999px; width:16px; height:16px; opacity:0; filter:alpha(opacity=0);}
.checkImg .true{background-image:url(../img/quiz_true.gif);}
.checkImg .false{background-image:url(../img/quiz_false.gif);}
.checkImg input:active +.imgChk, .checkImg input:active +.imgChk,
.checkImg input:checked +.imgChk, .checkImg input:checked +.imgChk{background-position: 0 -80px;}
.checkImg .imgChk{cursor:pointer; background-repeat:no-repeat; display:inline-block; width:80px;height:80px; margin: 5%; background-size: 80px auto;}
.checkImg input:disabled {pointer-events:none; cursor: default;}
.checkImg input[disabled] ~ label {user-select: none!important; cursor: default !important;}
label.correct:before {position: absolute; left: 50%; bottom: -20px; margin-left: -18px; font-size: 18px; color: #000; content: "정답";}

.sm-size {width: 100px !important;}
.lg-size {width: 360px !important;}
.auto-size {min-width: auto !important;}
.header-lineFix.ui.cards > .card > .content {width: 100%; min-height: 4.8em; display: table;}
.header-lineFix.ui.cards > .card > .content > .header:not(.ui) {margin-top: 0; display: table-cell; vertical-align: middle;}
.header-lineFix.ui.cards > .card [class*="right floated"] .ui.button {position: relative;}
.header-lineFix.ui.cards > .card [class*="right floated"] .ui.button label {position: absolute; left: -12px; top: -12px; display: inline-block; width: 24px; height: 24px; font-size: .75em; line-height: 24px; border-radius: 100%; background: #ff3300;}
.header-ellipsis.ui.cards > .card > :first-child {}
.header-ellipsis.ui.cards > .card > :first-child.content {flex-grow: 0; -webkit-box-flex: 0;}
.header-ellipsis.ui.cards > .card > .content > .header:not(.ui) {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.card-style01 > .ui.card > .content > .header {margin: 5px 0 10px 0 !important; font-weight: 500;}
.card-style01 > .ui.card > .content.bottom-button {display: flex; align-items: center;}
.card-style01 > .ui.card > .content.bottom-button .price {margin-left: auto; font-size: 1.25em; font-weight: 700;}

.tablet-show, .mobile-show {display: none !important;}
.mobile-hide {display: block !important;}
.toggle_btn {cursor: pointer;}
.toggle_box {display: none;}
.toggle_box.on {display: block;}
.chk-set {padding: .75em 0;}
.chk-set .toggle_box {margin-top: 1em;}
.label-title {width: 20% !important; margin: .5em 0 !important;}
.label-title-lg {width: 30% !important; margin: .5em 0 !important;}
.header.small {font-size: 1em !important;}
.header.small ul.viewInfo {float: left; padding: 10px 0;}
.header.small ul.viewInfo li {display:inline-block; padding-left:10px; color: #333;}
.header.small ul.viewInfo li:before {content:""; display:inline-block; width:1px; height:12px; margin-right:10px; vertical-align:middle; background-color:#c3c3c3;}
.header.small ul.viewInfo li:first-child {padding-left:0;}
.header.small ul.viewInfo li:first-child:before {display:none;}
/*.header.small ul.viewInfo li a {color: #acacac;}*/

.header.small ul.viewResult {float: left; padding: 10px 0;}
.header.small ul.viewResult li {display:inline-block; padding-left:10px; color: #333;}
.header.small ul.viewResult li:before {content:""; display:inline-block; width:1px; height:12px; margin-right:10px; vertical-align:middle; background-color:#c3c3c3;}
.header.small ul.viewResult li:first-child {padding-left:0;}
.header.small ul.viewResult li:first-child:before {display:none;}

.header.small ul.viewResult li span {margin-right:10px; color:#acacac; vertical-align: inherit;}
.header.small .ui.rating {vertical-align: middle;}
.header.small ul.viewSort {float: right;}
.header.small ul.viewSort li {display:inline-block; padding-left:10px; color: #333;}

/* gn-menu */
.gn-menu-main {position: fixed; top: 0; left: 0; width: 100%; height: 60px; margin: 0; padding: 0; background: white; color: #5f6f81; list-style: none; text-transform: none; font-weight: 300; line-height: 58px; z-index: 1000;}
.gn-menu-main .gn-trigger {display: block; float: left; text-align: center;}
.gn-menu-main .gn-trigger {position: relative; width: 60px; height: 59px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.gn-menu-main .gn-trigger a {display: block; height: 100%; color: #fff; text-decoration: none; cursor: pointer; border-right: 1px solid #c6d0da;}
.no-touch .gn-menu-main .gn-trigger > a {background: #fff;}
.no-touch .gn-menu-main .gn-trigger > a:hover {background: #006eb6 !important; border-right: 1px solid #006eb6;}
.no-touch .gn-menu-main .gn-trigger a:hover {background: rgba(0, 0, 0, .1); color: #fff;}
.gn-menu-main:after {display: table; clear: both; content: "";}
.gn-menu-wrapper {position: fixed; top: 60px; bottom: 0; left: 0; overflow: hidden; width: 60px; background: white; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); transform: translateX(-60px); -webkit-transition: -webkit-transform 0.3s, width 0.3s; -moz-transition: -moz-transform 0.3s, width 0.3s; transition: transform 0.3s, width 0.3s; background: #006eb6;}
.gn-scroller {position: absolute; overflow-y: scroll; width: 300px; height: 100%;}
.gn-menu {border-bottom: 1px solid rgba(255, 255, 255, .1); text-align: left; font-size: 1.125em;}
.gn-menu li:not(:first-child),
.gn-menu li li {box-shadow: inset 0 1px rgba(255, 255, 255, .1);}
.gn-submenu li {overflow: hidden; height: 0; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s;}
.gn-menu-main .gn-trigger .gn-submenu li a {font-size: .875em; color: rgba(255, 255, 255, .7);}
.gn-icon::before {display: inline-block; width: 60px; font-size: 1.25em; text-align: center; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'Ionicons'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; vertical-align: middle;}
.gn-icon span {width: 0; height: 0; display: block; overflow: hidden;}
.gn-icon-menu::before {vertical-align: -2px; width: 30px; height: 3px; background: #006eb6; box-shadow: 0 3px white, 0 -6px #006eb6, 0 -9px white, 0 -12px #006eb6; content: '';}
.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {background: white; box-shadow: 0 3px #006eb6, 0 -6px white, 0 -9px #006eb6, 0 -12px white;}
.gn-icon-menu.gn-selected::before {background: #006eb6; box-shadow: 0 3px white, 0 -6px #006eb6, 0 -9px white, 0 -12px #006eb6;}
.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);}
.gn-menu-wrapper.gn-open-all {width: 280px;}
.gn-menu-wrapper.gn-open-all .gn-submenu li {height: 42px; line-height: 42px; background: rgba(0, 0, 0, .1);}

/* megamenu */
.menu-mobile {display: none; padding: 20px;}
.menu-mobile:after {content: "\f394"; font-family: "Ionicons"; font-size: 2.5rem; padding: 0; float: right; position: relative; top: 50%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%);}
.menu-dropdown-icon:before {content: "\f489"; font-family: "Ionicons"; display: none; cursor: pointer; float: right; margin: .5em; font-size: 2em; color: #333;}
.megamenu > ul {position: relative; background: #2196f3;}
.megamenu > ul:before,
.megamenu > ul:after {content: ""; display: table;}
.megamenu > ul:after {clear: both;}
.megamenu > ul > li {float: left; background: rgba(0, 0, 0, .2);}
.megamenu > ul > li a {padding: 1.25em 3em; display: block; font-size: 1.25em; color: #fff;}
.megamenu > ul > li:hover {background: #90caf9;}
.megamenu > ul > li:hover a {color: #000;}
.megamenu > ul > li > ul {display: none; width: 100%; background: #90caf9; padding: 1em 3em; position: absolute; z-index: 99; left: 0;}
.megamenu > ul > li > ul:before,
.megamenu > ul > li > ul:after {content: ""; display: table;}
.megamenu > ul > li > ul:after {clear: both;}
.megamenu > ul > li > ul > li {margin: 0; padding-bottom: 0; list-style: none; width: 25%; background: none; float: left;}
.megamenu > ul > li > ul > li a {color: #000; padding: .2em 0; width: 95%; display: block; border-bottom: 1px solid rgba(0, 0, 0, .1);}
.megamenu > ul > li > ul > li > ul {display: block; padding: 0; margin: 10px 0 0; list-style: none; box-sizing: border-box;}
.megamenu > ul > li > ul > li > ul:before,
.megamenu > ul > li > ul > li > ul:after {content: ""; display: table;}
.megamenu > ul > li > ul > li > ul:after {clear: both;}
.megamenu > ul > li > ul > li > ul > li {float: left; width: 100%; padding: 10px 0; margin: 0; font-size: .8em;}
.megamenu > ul > li > ul > li > ul > li a {border: 0;}
.megamenu > ul > li > ul.normal-sub {width: 300px; left: auto;}
.megamenu > ul > li > ul.normal-sub > li {width: 100%; margin-top: 0;}
.megamenu > ul > li > ul.normal-sub > li a {border: 0; padding: .75em 0;}

/* jq-stars rating */
.jq-stars {display: inline-block;}
.jq-rating-label {font-size: 22px; display: inline-block; position: relative; vertical-align: top;}
.jq-star {width: 100px; height: 100px; display: inline-block; cursor: pointer; vertical-align: sub;}
.jq-star-svg {padding-left: 3px; width: 100%; height: 100%;}
.jq-star:hover .fs-star-svg path {}
.jq-star-svg path {stroke-linejoin: round;}
.jq-shadow {-webkit-filter: drop-shadow( -2px -2px 2px #888 ); filter: drop-shadow( -2px -2px 2px #888 );}
.rating-text {margin-left: 5px; vertical-align: text-top;}

/* basic style of controller */
#qslider .qlabel {text-align: center;}
#qslider .qlabel span {display: inline-block; width: 5em; color: #999;}
#qslider .qlabel span:first-child {float: left;}
#qslider .qlabel span:last-child {float: right;}
#qslider span.controller {position: relative; width: 100%; float: left; margin: .5em 0; border-radius: 7px; background: #e9ecf8;}
#qslider span.controller .ruler {position: absolute; display: inline-block; width: 3px; height: 3px; background: #fff;}
#qslider .ui-widget-header {background: transparent;}
#qslider .ui-slider-handle {cursor: pointer;}
#qslider span.controller label {
    position: absolute;
    width: 20px;
    margin-left: -10px;
    text-align: center;
    margin-top: 20px;
}
.inbox-more {position: absolute; top: 5em; left: 0; width: calc(100% + 2px); min-height: 10.8em; margin-left: -1px; padding: 0 1em; border: 1px solid #D4D4D5; border-top: none; border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; background: #fff; transform-origin: 100% 0% 0; opacity: 0; z-index: -1;}
.inbox-more.on {animation: animation-name .5s; opacity: inherit; z-index: 12;}

@keyframes animation-name {
  0%   {opacity: 0; transition: transform .5s ease 0s; transform: perspective(500px) rotateX(-180deg);}
  20%  {opacity: 0.8;}
  100% {opacity: 1; transform: rotateX(0deg); }
}

.ui.buttons.inline-bottom {position: absolute; right: 0; bottom: 0; width: auto !important; margin: 0 -1px -1px 0 !important;}


.variable-box {position: absolute !important; right: 0; height: 100%; border-left: 1px solid #d7d7d7; transition: transform 0.3s, width 0.3s; background: #fff;}
.ui.grid > .column:not(.row).variable-box.full {width: 85% !important; z-index: 998;}
.ui.grid > .column:not(.row).variable-box.full:before {content: ''; position: absolute; left: -4%; width: 4%; height: 100%; margin-top: -1em; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, .1) 100%); z-index: 9;}
.variable-box .slide-btn {position: absolute; left: -8px; top: calc(50% - 32px); display: flex; align-items: center; width: 16px; height: 64px; line-height: 64px; color: #000; text-align: center; border-radius: 7px; box-shadow: #f1f1f1 1px 1px 5px; background: #767676; cursor: pointer; z-index: 9;}
.variable-box .slide-btn:before {display: inline-block; content: ''; width: 1px; height: 48px; margin-left: 5px; box-shadow: inset 0 0 10px #d7d7d7;}
.variable-box .slide-btn:after {display: inline-block; content: ''; width: 1px; height: 48px; margin-left: 4px; box-shadow: inset 0 0 10px #d7d7d7;}
.list-add, .list-remove {cursor: pointer;}

.process-bar {display: flex; flex-direction: row; height:2em !important; line-height:2em !important; border-radius:2px; background: #ccc;}
.process-bar li {font-size:.875em; color:#fff; text-align:center;}
.process-bar li a {display: block; color:#fff;}
.bar-grey {background: #595959;}
.bar-blue {background: #05abfc;}
.bar-orange {background: #ff800e;}

@media all and (max-width:1280px){
    .post_gallery > ul {width:calc(33.33% - 20px);}
    .grid-column,
    .grid-column-lg,
    .grid-column-md,
    .grid-column-sm,
    .grid-column-xs {float: none; width: 100%;}
    .size_1, .size_2, .size_3 {width: calc(50% - 20px) !important;}
    .size_1.tblet_fluid,
    .size_2.tblet_fluid,
    .size_3.tblet_fluid,
    .size_4, .size_5, .size_6 {width: calc(100% - 20px) !important;}

    .ui.grid > .column .grid-main-box.size_1,
    .ui.grid > .column .grid-main-box.size_2,
    .ui.grid > .column .grid-main-box.size_3 {width: 50% !important;}
    .ui.grid > .column .grid-main-box.size_1.tblet_fluid,
    .ui.grid > .column .grid-main-box.size_2.tblet_fluid,
    .ui.grid > .column .grid-main-box.size_3.tblet_fluid,
    .ui.grid > .column .grid-main-box.size_4,
    .ui.grid > .column .grid-main-box.size_5,
    .ui.grid > .column .grid-main-box.size_6 {width: 100% !important;}

    .grid-main-box > .header h2.week-list {display: block; width: calc(100% - 40px); padding-bottom: 5px;}
    .grid-main-box > .header .addBtn {margin-right: 0;}

    .variable-box {position: relative !important; border-left: none; border-top: 1px solid #d7d7d7;}
    .ui.grid > .column:not(.row).variable-box.full {width: 100% !important;}
    .ui.grid > .column:not(.row).variable-box.full:before {content: ''; position: absolute; left: 0; top: -2em; width: 100%; height: 3em; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .1) 100%);}
    .variable-box .slide-btn {display: block; width: 64px; height: 16px; left: calc(50% - 32px); top: -8px; line-height: 0;}
    .variable-box .slide-btn:before {display: inline-block; content: ''; width: 48px; height: 1px; margin: 5px 0 0 0;}
    .variable-box .slide-btn:after {display: inline-block; content: ''; width: 48px; height: 1px; margin: 4px 0 0 0;}
    .tip-box {height: 0; padding: 0 !important; overflow: hidden;}
    .ui.grid > .column:not(.row).tip-box.show {height: auto; padding: 1em !important;}
    .sum-box .process-bar {width: 100%;}
    .mobile-hide {display: none !important;}
    .ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column {box-shadow: none !important;}
    
    /* DHTML Edit 화면 보정 */
    .post_view .content-field *,
    .question-list dl dd {width: 100% !important;}
    .post_view .content-field * img,
    .question-list dl dd * img {max-width: 100%; height: auto;}
}

@media all and (max-width:768px){
    .ui.dropdown,
    .ui.input,
    .ui.buttons,
    .ui.button,
    .half-box {margin-top: 2px !important; margin-bottom: 2px !important;}
    .ui.card > .button,
    .ui.cards > .card > .button,
    .ui.input > .ui.button,
    .ui.action.input > .ui.button,
    .ui.action.input > .ui.dropdown,
    .ui.buttons > *,
    .ui.button > * {margin: 0 !important;}
    .portlet-placeholder {width:48.6%;}
    .option-content .head-txt {font-size: 16px;}
    .pageSlider {width:80%;}
    .tbl.tablet > thead,
    .tbl.tablet > tfoot,
	.tbl.tablet > tbody,
	.tbl.tablet > thead > tr > th,
	.tbl.tablet > tbody > tr > td,
	.tbl.tablet > tbody > tr {
		display: block;
	}
	.tbl.tablet > thead > tr,
    .tbl.tablet > tfoot > tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.tbl.tablet > tbody > tr {border-bottom: 1px solid #333;}
    .tbl.tablet > tbody > tr:last-child {border-bottom: none;}
	.tbl.tablet > tbody > tr > td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30%;
		white-space: normal;
		text-align:left;
	}
    .tbl.tablet > tbody > tr > td:last-child {border-bottom: none;}
	.tbl.tablet > tbody > tr > td:before {
		position: absolute;
		top: 50%;
		left: 6px;
        margin-top: -.75em;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: 500;
	}
	.tbl.tablet > tbody > tr > td:before {content: attr(data-title);}
    /*
    .tbl > li > dl > dt {width: 160px;}
    .tbl.dt-sm > li > dl > dt {width:80px;}
    .tbl.dt-md > li > dl > dt {width:200px;}
    .tbl.dt-lg > li > dl > dt {width:280px;}
    */
    .ui.message .tbl.tablet > tbody > tr > td {border: none; border-bottom: 1px solid #cce7ec;}
    .ui.message .tbl.tablet > tbody > tr > td:last-child {border-bottom: none;}
    .tbl tbody td ul.device-list li {padding: 10px 0; border-bottom: 1px dotted #eee;}
    .tbl tbody td ul.device-list li:first-child {padding-top: 0;}
    .tbl tbody td ul.device-list li:last-child {padding-bottom: 0; border-bottom: none;}
    .tbl tbody td ul.device-list li span {width: 100%; line-height: normal; white-space: normal!important;}
    .tbl tbody td ul.device-list.type2 li span {width: 100%; line-height: normal; white-space: normal!important; background: url(../img/icon_dot.gif) left 8px no-repeat;}
    .tbl tbody td ul.device-list.type2 li > strong {width: 100%; padding-left: 0;}
    .tbl tbody td ul.device-list.type2 li > .ui.input {margin: 2px 0;}
    
    .grid-table {border-right: 1px solid #cfcfcf;}
    .grid-table th.head,
    .grid-table td.head{display: none;}
    .grid-table tr.mo {display: table-row;}
    .grid-table tr.mo td {padding: 5px; text-align: left;}

    .question-list ul li,
    .question-list ul li.on {background-size: 10px 6px;}
    .question-list dl dt {background-size: 24px 24px;}

    .gridster > ul {width:auto !important; height:inherit !important;}
    .gridster .gs-w {position:relative !important; top:auto; left:auto; width:auto; margin:20px 0 !important;}
    [data-sizey="1"], [data-sizey="2"], [data-sizey="3"] {height:auto !important;}
    .gridster .gs-content {height: auto;}
    .tablet-show {display: block !important;}
    .location-wrap .ui.menu > a.item {display: none !important;}
    .ui.right.sidebar.inquiry-inbox {width: 90%;}
    .ui.right.sidebar.wide-inbox {width: 90%;}

    .btn-icon {width: 48px; height: 48px;}
    .btn-icon i {width: 20px; height: 20px; margin: -10px 0 0 -10px;}
    .btn-icon:hover {font-size: 0;}
    .btn-icon:hover i {opacity: .3;}
    .btn-icon:hover.btn-primary i {opacity: 1;}

    .ui.right.sidebar.wide-inbox .close {width: 16px; height: 16px; background-size: cover;}
    .upload ul li {width: 50%;}
    .label-title {width: 30% !important;}
    .util-header {margin-top: .5em;}
    
    .ui.cards.info-type > .card > .content > .info-table {margin-left: -1em !important; margin-right: -1em !important; letter-spacing: -.5px;}
    .ui.cards.info-type > .card > .content > .info-table > .column:last-child {margin-top: -2em !important;}
    .ui.cards.info-type > .card > .content > .info-table .label-title-lg {display: inline-block !important; width: inherit;}
    
    /* megamenu */
    .menu-mobile {display: block;}
    .menu-dropdown-icon:before {display: block;}
    .megamenu > ul {display: none;}
    .megamenu > ul > li {width: 100%; float: none; display: block; border-top: 1px solid rgba(255, 255, 255, .1);}
    .megamenu > ul > li a {padding: 1em 1.5em; width: 100%; display: block;}
    .megamenu > ul > li > ul {position: relative;}
    .megamenu > ul > li > ul.normal-sub {width: 100%;}
    .megamenu > ul > li > ul > li {float: none; width: 100%; margin-top: 20px;}
    .megamenu > ul > li > ul > li:first-child {margin: 0;}
    .megamenu > ul > li > ul > li > ul {position: relative;}
    .megamenu > ul > li > ul > li > ul > li {float: none;}
    .megamenu .show-on-mobile {display: block;}
    
    /* DHTML Edit 화면 보정 */
    .post_view .content-field img,
    .question-list dl dd img {max-width: 70% !important;}
}

@media all and (max-width:767px){
    .size_1, .size_2, .size_3, .size_4, .size_5, .size_6 {width: calc(100% - 20px) !important;}
    .portlet-placeholder {width:98.6%;}
    .post_list > ul > li {flex-direction: column; align-items: start; padding: 1em;}
    .post_list .post_label {display: none;}
    .post_gallery > ul {width:calc(50% - 20px);}
    .post_gallery > ul > li .subject {font-size: 16px;}
    .tbl >li > dl > dd span.sec {display:block;}
    .average > .ui.stackable.grid > .column {padding: 5px !important; text-align: left;}
    .global_tab a {padding:10px 0; font-size:1em; /* border-bottom:1px solid rgba(34, 36, 38, 0.15) */}
	.global_tab[data-tab-menu="4"] a:nth-of-type(odd):after{ display: none; }
	.global_tab a::before{
		content: '';
		position: absolute;
		display: block; width: 100%; height: 1px;
		background-color: rgba(34, 36, 38, 0.15);
		bottom: 0; left:0;
	 }

	.global_tab.typeB a { border-bottom: 0px solid rgba(34, 36, 38, 0.15)}
	.global_tab.typeB a::before{ display: none; }
    .grid-main-box,
    .grid-main-box > .content {min-height: auto;}
    .listTab {position: relative; padding-top: 36px; border-bottom: none;}
    .listTab:before {position: absolute; top: .175em; right: .5em; content: '\f130'; font-family: "Ionicons"; font-size: 2em; z-index: 1;}
    .listTab ul {height: auto; line-height: 36px; min-height: unset;}
    .listTab ul li {display: none; float: none; margin-right:0; border-bottom: 1px solid #d9d9d9;}
    .listTab ul li.on {display: block;}
    .listTab ul li.select {display: block; position: absolute; top: 0; width: 100%; margin-top: 0; border-bottom: 1px solid #333;}
    
    .ui.form .inline.fields.mo-flex1-row {display: block;}
    .post_book > ul {width: calc(50% - 10px);}
}
@media all and (max-width:750px){
	.global_tab.typeB a:nth-of-type(odd):before { display: none } 
}
@media all and (max-width:480px){
    .option-content {display: block;}
    .option-content .search-box {width: 100%; margin-left: 0;}
    .option-content .listType + .search-box {width: calc(100% - 3.5em);}
    .option-content .button-area {float: none; text-align: left;}
    .option-content .list-num {display: none!important;}
    .option-content .totalNum {display:block; font-size:15px; color:#333; vertical-align:middle;}
    .flex-box .button-area {text-align: right;}
	.tbl > thead,
	.tbl > tbody,
	.tbl > tfoot,
	.tbl > thead > tr > th,
	.tbl > tbody > tr > td,
	.tbl > tfoot > tr > th,
	.tbl > tbody > tr,
    .tbl > tfoot > tr {
		display: block;
	}
	.tbl > thead > tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.tbl > tbody > tr {border-bottom: 1px solid #333;}
    .tbl > tbody > tr:last-child {border-bottom: none;}
    .tbl > tbody > tr > th {display: block;}
	.tbl > tbody > tr > td,
    .tbl > tfoot > tr > th {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 40% !important;
		white-space: normal;
		text-align:left;
	}
    .tbl > tfoot > tr > th:last-child {border-bottom: none;}
    .tbl > tbody > tr > td.title {padding-left: 0 !important;}
    .tbl > tbody > tr > td:last-child {border-bottom: none;}
	.tbl > tbody > tr > td:before,
    .tbl > tfoot > tr > th:before {
		position: absolute;
		top: 50%;
		left: 6px;
        margin-top: -.75em;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: 500;
	}
	.tbl > tbody > tr > td:before,
    .tbl > tfoot > tr > th:before {content: attr(data-title);}
    .tbl > tbody > tr > td.head {display: block; border-right: none;}
    .tbl > tbody > tr > th.center,
    .tbl > tbody > tr > td.center {text-align: center;}
    .tbl > tbody > tr > td.lg-section,
    .tbl > tbody > tr > td.md-section,
    .tbl > tbody > tr > td.sm-section {padding-left:0; background: none;}
    .tbl > li > dl {display:block;}
    .tbl > li > dl > dt {width:100% !important; display:block; padding:8px 12px;}
    .tbl > li > dl > dt label {}
    .tbl > li > dl > dt:nth-child(2),
    .tbl > li > dl > dt:nth-child(3) {border-top:1px solid #dcdcdc; border-left:none;}
    .tbl > li > dl > dd {display:block; min-height: 37px; padding:8px 12px; border:none; border-top:1px solid #dcdcdc;}
    .tbl > li > dl > dd > span.wrap-span {white-space: nowrap;}
    .ui.message .tbl > tbody > tr > td {border: none; border-bottom: 1px solid #cce7ec;}
    .ui.message .tbl > tbody > tr > td:last-child {border-bottom: none;}
    
    .tbl-simple > li > dl > dt {width:100%; display:block; padding-bottom: 5px; font-weight:500; text-align: left;}
    .tbl-simple > li > dl > dd {display:block; min-height: 37px;}
    .tbl-simple > li > dl > dd .inline.fields > label {display:block !important; width: 100% !important;}

    ul.review > li .view-img {display: none;}
    ul.review li dl {width: 100%;}

    /* Pagination 요소 */
    .pagination {}
    .pageForm {display:block; margin-top:20px;}
    .pageInput {width:50px !important; margin:0;}
    .upload ul li {width: 100%;}

    .grid-content-box .header p {}
    .post_view .header ul.file li {display:block; padding:2px 0;}
    .post_view .header ul.file li:before {display:none;}
    .comment ul.comment-write,
    .comment .article > ul {padding-left:0;}
    .comment .article > ul > li {width: 100%;}
    .comment ul.comment-write > li {float: none; width: 100%;}
    .comment ul.comment-write > li:last-child {margin-left: 0;}
    .comment ul.comment-write > li.imgBox,
    .comment .article > ul > li.imgBox {display:none;}
    .comment .article > ul.co_inner1 {padding-left:10%; background-position:0 10px; background-size:16px;}
    .comment .article > ul.co_inner2 {padding-left:10%; background-position:0 10px; background-size:16px;}
    .comment .article > ul.co_inner3 {padding-left:10%; background-position:0 10px; background-size:16px;}
    .post_gallery > ul {width:calc(100% - 20px);}
    .post_news > ul > li > p.view-list-img {float:none; width:100%;}
    .post_news > ul > li > .content_txt {margin:10px 0 0 0;}
    .post_gallery > ul > li .subject,
    .post_blog > ul > li > a.subject {font-size:14px;}
    .post_blog > ul > li > a.subject2 {width: 100%; font-size:13px;}
    .post_blog > ul > li > span {height:22px; line-height:22px;}
    .wrap_btn {text-align:center;}
    .wrap_btn .fluid-btn {width: 100%; margin-bottom: 5px !important;}
    .wrap_btn a {min-width: 80px; margin: 0; padding: .75em 1em; font-size: 1em;}
    .global_tab {margin: 10px 0;}

    .ui.right.sidebar.inquiry-inbox {width: 100%;}
    .ui.right.sidebar.wide-inbox {width: 100%;}
    .mobile-show {display: block !important;}
    .paging a {display: none;}
    .paging a.current {display: inline-block;}
    .classin {display: none;}
    .ui.message .header.small ul.viewInfo li:before {display: none;}
    .ui.message .header.small ul.viewInfo li span {display: inline-block; padding: 0 !important;}
    .ui.form .inline.fields > label.w150 {width: 100px !important;}

    .header.small ul.viewInfo li {display: block; padding: 3px 0;}
    .header.small ul.viewInfo li:before {display: none;}
    .grid-main-box > .header .addBtn {display: block; width: 100%; margin-top: 5px; text-align: center;}

    .gn-menu-wrapper.gn-open-all {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); width: 100%;}
	.gn-menu-wrapper.gn-open-all .gn-scroller {width: 130%;}

    .two-column blockquote {float: none; width: 100%;}
    .grid-main-box > .header .right-area {position: inherit; margin-top: 1em;}
    
    .mo-detail.ui.buttons {margin-left: -140px; background: #fff;}
    .grid-table {font-size: .875em;}
    .time-sort {display: none;}
    
    /* DHTML Edit 화면 보정 */
    .post_view .content-field img,
    .question-list dl dd img {max-width: 100% !important;}
}