@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: #4183c4;
  text-decoration: none;
}
a.link:before {
  position: absolute;
  top: auto;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #4183C4;
  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: #2C76BF;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
code {
  font-family:'Noto Sans KR';
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  display: inline-block;
  font-size: 0.875em;
  font-weight: 500;
  color:#333;
  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;
  font-weight: 500;
  color: #333;
}
.ui.icon.header {
  text-align: center;
  margin: 2rem 0 1rem;
}

.cbp_tmtimeline {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}

/* 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 {font-size: 0.813em; font-family:'Noto Sans KR' !important;}
.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-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;
  font-size: 0.882em;
}
.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 #333;
  min-height: 16.42857143px;
  /*background: #47950b;*/
}
.modal-header .close {
  float: right;
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
  margin-top:-5px;
  color: #333;
  filter: alpha(opacity=20);
  opacity: 1;
  background: none;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
  font-size: 19px;
  font-weight: 500;
  color: #222;
}
.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-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;
  }
  .modal-hg {
    width: 1200px;
  }
}

/* The line */
.cbp_tmtimeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  background: #d7e4ed;
  left: 20%;
  margin-left: -8px;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
  display: block;
  width: 25%;
  padding-right: 100px;
  position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
  display: block;
  margin: 5px 0;
  line-height: 120%;
  text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
  font-size: 0.9em;
  color: #6b758d;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
  font-size: 1.5em;
  font-weight: 500;
  color: #333;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
  background: #f9f9f9;
  padding: 1em;
  position: relative;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #d7d7d7;
  border-width: 8px;
  top: 15px;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
  width: 40px;
  height: 40px;
  font-weight: 500;
  font-size: 18px;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 5px #d7e4ed;
  text-align: center;
  left: 20%;
  margin: 5px 0 0 -25px;
}
.cbp_tmtimeline > li .cbp_box {margin: 0 0 25px 25%;}
.cbp_tmtimeline > li .cbp_box .ui.segment,
.cbp_tmtimeline > li .cbp_tmlabel .off {display: none;}
.cbp_tmtimeline > li .cbp_tmlabel .ui.segment:nth-child(2) {margin-top: 0;}
.cbp_tmtimeline > li .cbp_tmicon a {display: block; color: #6b758d;}
.cbp_tmtimeline > li .cbp_tmicon.active {background: #6b758d;}
.cbp_tmtimeline > li .cbp_tmicon.active a {color: #fff;}
.cbp_tmtimeline .line-clip {display: inline-block; width:calc(100% - 100px); vertical-align: middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.cbp_tmtimeline .ui.ribbon.label {width: 100px;}
.cbp_tmtimeline .ui.segment span.subject {width: calc(100% - 200px); display: inline-block; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; font-weight: 500; color: #333;}
.cbp_tmtimeline .ui.segment .ui.basic.buttons {width: 94px;}



.open-class:before,
.open-class > li .cbp_tmicon {left: 5%;}
.open-class > li .cbp_tmicon span {font-family: 'Century Gothic'; font-size: 24px; font-weight: bold; color: #6b758d;}
.open-class > li .cbp_box {margin: 0 0 25px 8%;}
.open-class > li .cbp_box .ui.segment {display: block;}
.open-class > li .cbp_box .ui.segment:after {content: ''; display: block; height: 0; clear: both; visibility: hidden;}
.open-class > li .cbp_tmlabel .header {font-size: 18px; font-weight: 500; color: #333;}
.open-class .line-clip {width: calc(100% - 180px); font-size: 14px;}
.open-class .ui.segment .ui.basic.buttons {width: 160px;}

/* horizontal-timeline */


/* upload-form 요소
.upload {background-color:#fff; width:100%; }
.drop {background-color:#ebebeb; border: 20px solid rgba(0, 0, 0, 0); border-radius: 3px; border-image: url('../img/border-image.png') 25 repeat; text-transform: uppercase; font-size:14px; font-weight:500; color:#7f858a; text-align:center;}
.drop a {background-color:#007a96; margin-right:10px; padding:8px 16px; color:#fff; font-size:14px; border-radius:2px; cursor:pointer; display:inline-block; line-height:1; }
.drop a:hover {background-color:#0986a3; }
.drop input {display:none; }
.drop .progress{
    width:100%;
    height:16px;
    margin:0 auto;
	margin-top:10px;
    padding:0px;
    background-color:#cfcfcf;
    border-width:1px;
    border-style:solid;
    border-color: #aaa #bbb #fff #bbb;
    box-shadow:inset 0px 2px 3px #bbb;
}
.drop .progress-inner{
    height:100%;
    background:#999;

    background-size:18px 18px;
    background-color: #7ce;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);

    box-shadow:inset 0px 2px 8px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .2);
}
.upload ul {list-style:none; }
.upload ul:after {content:''; display:block; height:0; clear:both; }
.upload ul li {background-color:#3c556e; border-top:1px solid #4e6f8f; border-bottom:1px solid #2b3d4f; padding:4px; height:48px; position: relative; float:left; width:50%; box-sizing:border-box;}
.upload ul li input {display: none; }
.upload ul li p {width:80%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color: #ec7373; font-size: .875em; position: absolute; left:10px; }
.upload ul li i {font-weight: normal; font-style:normal; color:#f1f1f1; display:block; }
.upload ul li span {width: 15px; height: 12px; background:url(../img/icons.png) no-repeat; position: absolute; top:16px; right:10px; cursor:pointer; }
.simple-uploader input[type="file"] {display: none;}
*/
/* 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; 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;}
.pageNumber: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);}
.ui-slider-horizontal: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; background: #f1f1f1; display: block; position: absolute; top: -3px; border-radius: 2px; margin-left: -15px; text-decoration: none; background: #f5f5f5; background: linear-gradient( #f5f5f5 0%, #cccccc 100%);}
.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%;}
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 {}
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:after {content: ""; display: block; height: 0; clear: both;}
.grid-content-box .header p {float: left; width: calc(100% - 60px); font-size: 18px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.grid-content-box .header p span {display: block;}
.grid-content-box .header p 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 .ui.dropdown.button {float: right;}
.grid-content-box .header a {color: #333;}
.grid-content-box .header a:hover {text-decoration: underline;}
.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: 32%; height: 67px; margin-top: 8px; border: 1px dashed #ccc; border-radius: 4px; background-color: #f7f7f7;}
.ui-sortable-handle {cursor: move;}
.size_1 {width: 21.6%;}
.size_2 {width: 30.9%;}
.size_3 {width: 47.6%;}
.size_4 {width: 64.2%;}
.size_5 {width: 73.6%;}
.size_6 {width: 98.6%;}
.tbl-list {border-top: none; border-top: 1px solid #9ea1a9;}
.tbl-list dt ul {color: #1a345e; background: #f7f9fa!important;}
.tbl-list dt ul li {border-left: 1px solid #9ea1a9;}
.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 {width: 100%; font-size: 15px;}
.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: 13px; color: #666; cursor: move;}
.modal-placeholder {width: 100%; height: 37px; margin-top: 8px; border: 1px dashed #ccc; border-radius: 4px; background-color: #f7f7f7;}

/* tab style */
.listTab {margin-bottom: 40px; border-bottom: 1px solid #4a87ca;}
.listTab:after {display: block; clear: both; content: ''}
.listTab ul {float: left; width: 100%; height: 3.2em; line-height: 3.2em;}
.listTab ul li {float: left; min-width: 14.36%; margin-top: -1px; margin-right: -1px; border: 1px solid #d9d9d9; border-bottom: 1px solid #4a87ca; box-sizing: border-box; background: #f6f6f6;}
.listTab ul li a {display: block; padding: 0 1em; font-size: 1em; text-align: center; color: #acacac;}
.listTab ul li.select {position: relative; border: 1px solid #4a87ca; background: #4a87ca;}
.listTab ul li.select a {color: #fff;}

.listTab02 {margin-bottom:20px; border-bottom:1px solid #333;}
.listTab02:after {display:block; clear:both; content:''}
.listTab02 ul {float:left; width:100%; height:56px; margin-top: 1px; line-height:56px;}
.listTab02 ul li {float:left; min-width: 14.36%; margin-top:-1px; margin-right:-1px; cursor: pointer; border:1px solid #d9d9d9; border-bottom:1px solid #333; box-sizing: border-box; background:#f6f6f6;}
.listTab02 ul li a {display:block; padding: 0 1em; font-size: 0.882em; text-align:center; color:#acacac;}
.listTab02 ul li a small {margin-left: 2px; vertical-align: top;}
.listTab02 ul li.select {position:relative; border:1px solid #333; border-bottom:1px solid #fff; background:#fff;}
.listTab02 ul li.select a {color:#000;}
.listTab02 ul li.select a small {color: #009c4f;}

.tab_content {display: none;}
.element {margin-bottom: 30px;}
.average > .ui.stackable.grid > .column {padding: 0 5px !important; text-align:center;}
.global_tab {text-align:center; border:1px solid #ddd; border-left:none; margin-bottom:30px; border-bottom:none; overflow:hidden; background:#c3c3c3;}
.global_tab a {position:relative; float:left; display:block; padding:15px 0; font-size:1em; color:#333; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #ddd; background: #fff;}
.global_tab a:after {content: ""; display:block; position: absolute; left:0; top: 0%; width:1px; height:100%; background:#c3c3c3;}
.global_tab a.on {color:#fff; background:#5da426; }

/*.global_tab a.on:after {display:none;}*/

.option-content {display: flex; align-items: center; margin-bottom: 20px;}
.option-content:after {content: ''; display: block; clear: both;}
.option-content.border-bottom {padding-bottom: 10px; border-bottom: 1px solid #222;}
.option-content .head-txt {font-size: 21px; font-weight: 500; color: #333; vertical-align: middle;}
.option-content .totalNum {display: inline-block; margin-right: 20px; font-size:1em; 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 {margin-right: 10px; color: #999; vertical-align: middle;}
.option-content .search-box {}
.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;}
.result-content {width: calc(100% - 2px); margin: 0 auto;}
.result-content .question-box {position: relative; margin-bottom: 20px;}
.card .txtTop {}
.card .txtTop p {}
.card .txtTop p span {display: inline-block; width: 30%; color: #254379;}

.button-area .bars.icon {float: right; margin: 5px 0 0 10px; font-size: 2em; color: #333; cursor: pointer;}
.ui.right.sidebar.wide-inbox {width: 300px; padding: 10px; background: rgba(0, 0, 0, .7); color: #fff;}
/*.ui.right.sidebar.wide-inbox .close {position: absolute; top: 15px; right: 10px; width: 16px; height: 16px; text-indent: -9999px; background: url(../img/wide_inbox_close.png) no-repeat;}*/
.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.right.sidebar.wide-inbox h3 {padding-bottom: 10px; font-size: 1.125em;}
.ui.right.sidebar.wide-inbox p {padding-bottom: 10px; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, .4);}
.ui.right.sidebar.wide-inbox p span {color: #fff200;}
.ui.right.sidebar.wide-inbox dl {margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, .4);}
.ui.right.sidebar.wide-inbox dl dt a {display: inline-block; padding-bottom: 5px; color: #a5e64d;}
.ui.right.sidebar.wide-inbox dl dd {font-size: .875em;}
.ui.right.sidebar.wide-inbox dl dd span {display: inline-block; width: 60px;}
/*.ui.right.sidebar.wide-inbox dl dd.list {padding:2px 2px 2px 8px; color: #ccc; background:url(../img/home_sub/icon_dot.gif) 0 13px no-repeat;}*/




/********************************************************************************************************
 * 추가버튼
*********************************************************************************************************/
.btn {margin-right: 0.25em; padding: .75em 2.5em; font-size: 1em; color: #333; border-radius:4px; border-color: #777; border-style: solid; border-width: 1px; background: #fff;}
/*.btn:last-child {margin-right: 0;}*/
.btn:hover {background-color: #f9f9f9;}
.btn-line-blue {color: #005891; border-color: #005891; background: #f4fafe;}
.btn-line-blue:hover {color: #00395e;}
.btn-blue{color: #f1f1f1; border-color: #182268; background: #182268;}
.btn-blue:hover {color: #fff; background: #121b5a;}
.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; background: #ca3928;}
.btn-dkgreen{color: #f1f1f1; background: #095d3b; border-color:#095d3b;}
.btn-dkgreen:hover {color: #fff; background: #064e31;}
.btn-green{color: #fff; background: #4c9125; border-color:#4c9125;}
.btn-green:hover {color: #fff; background: #3b7917;}

.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: #ff5608;} /* 대기 */
.label-grey {background: #999;} /* 반려 */

/********************************************************************************************************
 * 게시판
*********************************************************************************************************/

.tbl {width: 100%; font-size: 0.938em; border-top: 1px solid #5e5d5d; border-bottom: 1px solid #9ea1a9;}
.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: 14px 10px; font-size:1.133em; font-weight: 500; text-align: center; color: #333; border-left: 1px solid #d9d9d9; border-bottom: 1px solid #e2e2e2; background: #f4f4f4;}
.tbl > tfoot > tr > th {padding: 14px 10px; font-weight: 500; text-align: center; color: #f1f1f1; border-left: 1px solid #9ea1a9; border-bottom: 1px solid #333; background: #666;}
.tbl > tbody > tr > th {padding: 14px 10px; border-bottom: 1px solid #9ea1a9; background: #f9f9f9;}
.tbl > tbody > tr > td {padding: 14px 10px; font-size:15px; min-height: 43px; border-left: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; 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;}
.tbl > thead > tr > th.line,
.tbl > tbody > tr > td.line {border-left: 1px solid #9ea1a9;}
.tbl > tbody > tr > td.head {padding-left: 10px; font-weight: 500; text-align: left; color: #183f91; border-left: none; border-bottom: 1px solid #98d0ef; border-right: 1px solid #98d0ef; background: #f5fafc;}
.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 {}
.tbl tbody td ul.device-list li {overflow: hidden;}
.tbl tbody td ul.device-list li > span {display: inline-block; width: calc(100% - 160px); padding-left: 8px; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(../img/icon_dot.gif) left 17px no-repeat;}
.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 #d9d9d9;}
.tbl > li:first-child {border-top: none;}
.tbl > li.bottom {padding: 12px 24px; font-weight: 500; color: #4e6267; text-align: center; background: #f7f9fa;}
.tbl > li.bottom span {padding: 0 10px;}
.tbl > li > dl {display: table; table-layout: fixed; width: 100%; min-height: 46px;}
.tbl > li > dl > dt {display: table-cell; vertical-align: middle; border-left: 1px solid #d9d9d9; width: 20%; padding:6px 24px; font-weight: 500; color: #222; background-color: #f8f9fb;}
.tbl > li > dl > dt label {font-weight: 500;}
.tbl > li > dl > dt:nth-child(2),
.tbl > li > dl > dt:nth-child(3) {border-left: 1px solid #d9d9d9;}
.tbl > li > dl > dt.point {background: #d7e0e5;}
.tbl > li > dl > dd {display: table-cell; vertical-align: middle; padding: 6px 16px; border-left: 1px solid #d9d9d9; background: #fff;}
.tbl > li > dl > dd:last-child {border-right: 1px solid #d9d9d9;}
.tbl > li > dl > dd span.sec {margin-left: 5px; font-weight: 500;}
.tbl > li > dl > dd .help {margin-top: 10px; color: #999;}
.tbl > li > dl > dd .fields {margin-bottom:0px !important;}
.tbl > li .cont_edit {padding: 20px 0;}
.tbl.soft-border {border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.tbl .field {line-height: 30px;}
.tbl.dt-sm > li > dl > dt {width: 120px;}
.tbl.dt-md > li > dl > dt {width: 30%;}
.tbl.dt-lg > li > dl > dt {width: 60%;}

.tbl-simple { width: 100%; border-top: 1px solid #6b6b6b;}
.tbl-simple > li { padding: 1rem 0; border-bottom: 1px solid #d9d9d9;}
.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: #9a9a9a;}
.tbl-simple > li > dl > dt > label { font-size: 1em; color: #222;}
.tbl-simple > li > dl > dd { display: table-cell; vertical-align: middle;}
.tbl-simple > li > dl > dd span.sec { margin-left: 5px;}
.tbl-simple > li > dl > dd .help { margin-top: 10px; color: #999;}
.tbl-simple > li > dl.row > dt,
.tbl-simple > li > dl.row > dd { display: block; width: 100%; padding: .5em 0 .5em 0;}
.tbl-simple.dt-sm > li > dl > dt { width: 15%;}
.tbl-simple.dt-md > li > dl > dt { width: 25%;}
.tbl-simple.dt-lg > li > dl > dt {width: 30%;}
.tbl-simple > li > ul.blog_img { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; min-height: 42px;}
.tbl-simple > li > ul.blog_img li:first-child { width: 100%;}
.tbl-simple > li > ul.blog_img li label { display: block; width: 100%;}
.tbl-simple > li > ul.blog_img li img { display: inline-block; width: 50px; padding: 5px;}


.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;}
.req:after {margin: -0.2em 0em 0em 0.2em; content: '*'; color: #DB2828; display: inline-block; vertical-align: middle; top: 0%; left: 100%;}
.toggle-board,
.toggle-gallery {padding-bottom: 20px;}
.post_list {}
.post_list > ul {border-top: 2px solid #323e51; border-bottom: 1px solid #323e51; }
.post_list > ul > li {position: relative; width: 100%; padding: 10px; box-sizing: border-box; border-bottom: 1px solid #9ea1a9; vertical-align: middle;}
.post_list > ul > li > a {display: inline-block; overflow: hidden; max-width: 70%; text-overflow: ellipsis; white-space: nowrap; font-size: 1em;}
.post_list > ul > li > a:hover {color: #1f4787;}
.post_list > ul > li .attach-file {position: absolute; top: 10px; right: 10px; width: 48px;}
/*.post_list > 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_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 {font-weight: 500; color: #f0752c;}
.post_list > ul > li.notice > a {margin-top: 5px; color: #333;}
.post_list .post_label {font-size:0.933em;}
.post_list .post_label strong {}
.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: table; clear: both;}
.post_list .post_disc {position: absolute; right: 80px; top: 50%; margin-top: -10px; color: #acacac;}
.post_list .post_disc li {position: relative; float: left; padding-left: 10px;}
.post_list .post_disc li:before {content: ""; display: inline-block; width: 1px; height: 13px; margin-right: 10px; background-color: #c3c3c3;}
.post_list .post_disc li:first-child:before {display: none;}
.post_view {border-top: 2px solid #323e51; box-sizing: border-box;}
.post_view .header {border-bottom: 1px solid #9ea1a9;}
.post_view .header h4 {padding: 14px 15px; font-size:1.059em; font-weight: 500; color: #333; text-align:center;background: #f7f9fa;}
.post_view .header ul.viewInfo {padding: 10px; border-top: 1px solid #9ea1a9;}
.post_view .header ul.viewInfo li {display: inline-block; padding-left: 10px;  font-size:0.882em;}
.post_view .header ul.viewInfo li:before {content: ""; display: inline-block; width: 1px; height: 12px; margin-right: 10px; vertical-align: middle; background-color: #ebebeb;}
.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: #888;}
.post_view .header ul.viewInfo li a:hover {color:#333;}
.post_view .header ul.viewInfo li span {margin-right: 10px; font-weight: 500; color: #acacac;}
.post_view .header ul.viewInfo.file li {font-size:0.824em;}
.post_view .header ul.viewInfo.file li i.icon {margin-right:0; font-size:1.214em;}
.post_view .content-field {font-size: 0.941em; min-height: 240px; padding: 20px 10px; border-bottom: 1px solid #999999;}
.post_view .footer {}
.post_view .footer dl.post_link {margin-top: 20px; overflow:hidden; border-bottom:1px solid #9ea1a9; font-size:0.882em;}
.post_view .footer dl.post_link dt {float:left; width:20%; padding:15px 10px; text-align:center; color:#333; border-top:1px solid #9ea1a9; background:#f8f8f8;}
.post_view .footer dl.post_link dd {float:left; width:80%; padding:15px 10px; border-top:1px solid #9ea1a9;}
.post_view .footer dl.post_link dd a {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* comment-form 요소 */
.comment {margin:1em 0;}
.comment h2 {padding-bottom: 10px; font-size: 18px; font-weight: 500; color: #333;}
.comment h2 span {margin-left: 20px; font-size: 0.824em; color: #146c47; font-weight:400;}
.comment ul.comment-write {padding: 10px 0; border-bottom: 1px dotted #d7d7d7; overflow: hidden;}
.comment ul.comment-write > li {}
.comment ul.comment-write > li:last-child {margin: 5px 0 0 0; text-align: right;}
.comment ul.comment-write > li:last-child a {padding-left: 20px; padding-right: 20px;}
.comment ul.comment-write > li.mbtn {display: none;}
.comment ul.comment-write > li.imgBox {position: relative; width: 70px; height: 70px; margin-right: 20px;}
.comment ul.comment-write > li > ul {}
.comment ul.comment-write > li > ul > li {margin-top: 5px; font-size: 13px;}
.comment .article {padding-bottom: 20px;}
.comment .article > ul {padding: 10px 0; border-bottom: 1px dotted #d7d7d7; overflow: hidden;}
/*.comment .article > ul.co_inner1 {padding-left: 50px; background: url(../img/comment_inner_arrow.gif) 20px 5px no-repeat;}*/
/*.comment .article > ul.co_inner2 {padding-left: 100px; background: url(../img/comment_inner_arrow.gif) 70px 5px no-repeat;}*/
/*.comment .article > ul.co_inner3 {padding-left: 150px; background: url(../img/comment_inner_arrow.gif) 120px 5px no-repeat;}*/
.comment .article > ul > li {float: left; width: 100%; font-size: 0.933em;}
.comment .article > ul > li span {margin-right: 10px; padding: 2px 6px; color: #fff; font-size: 12px; text-align: center; border-radius: 12px; background: #3c7766;}
.comment .article > ul > li.mbtn {display: none;}
.comment .article > ul > li.imgBox {position: relative; width: 70px; height: 70px; margin-right: 20px;}
.comment .article > ul > li > ul {}
.comment .article > ul > li > ul > li {margin-top: 5px;}
.comment .article > ul > li > ul > li em {padding-left: 10px; font-style: normal; font-size:0.933em;}
.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:last-child {color: #999;}
.comment .article > ul > li > ul > li em a {color: #333;}
.comment .article >  ul > li > ul > li em code {background-color: transparent; color:#999;}

.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 #9ea1a9; 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: 1.125em; 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: 2px solid #323e51; border-bottom: 1px solid #323e51;}
.post_news > ul > li {position: relative; width: 100%; padding: 18px 10px; box-sizing: border-box; border-bottom: 1px solid #9ea1a9; vertical-align: middle; overflow: hidden;}
.post_news > ul > li > p.view-list-img {float: left; width: 190px;}
.post_news > ul > li > p.view-list-img a {display: block; position: relative; padding-top: 70%; 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 {margin-left: 210px;}
.post_news > ul > li > .content_txt > a {display: inline-block; overflow: hidden; width: 100%; color: #333; text-overflow: ellipsis; white-space: nowrap; font-size: 1em; font-weight:500;}
.post_news > ul > li > .content_txt > a:hover {color: #1f4787;}
.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.notice > .content_txt > .post_label strong {font-weight: 600; color: #e82f69;}
.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 { color: #acacac; margin-top:0.3em;}
.post_news > ul > li > .content_txt > .post_disc li {float: left; padding-right: 10px; font-size:0.941em;}
.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 {height: 48px; margin: 5px 0; line-height:1.500em; font-size:0.941em; color:#555; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.post_news > ul > li > .content_txt > p > a:hover {color: #666; text-decoration: underline;}
.post_blog {margin-bottom: 30px;}
.post_blog > ul {margin-bottom: 30px; border-top: 2px solid #323e51; border-bottom: 1px solid #999;}
.post_blog > ul > li {position: relative; width: 100%; padding: 10px; font-size: 0.933em; box-sizing: border-box; border-bottom: 1px solid #9ea1a9; 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: 26px; margin-right: -60px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 26px; color: #fff; border-radius: 4px; background: #73879C;}
.post_blog > ul > li > span.notice {font-size: 0.933em; 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: 1.133em; color: #333;}
.post_blog > ul > li > a {color:#868686;}
.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; font-weight: 500; color: #333;}
.grid-table {width: 100%; border-top: 2px solid #bababa;}
.grid-table th {padding: 10px 5px; line-height: 120%; text-align: center; color: #333; border-left: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; background: #f9f9f9;}
.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: 120px; margin: 5px; text-align:center;}
table.footable ul.list-align li {padding: 3px 0;}
table.footable ul.list-align li .ui.label > .icon {margin-right: 2px;}

.post_book {margin-bottom: 30px;}
.post_book:after {content: ""; display: block; height: 0; clear: both;}
.post_book > ul {float: left; width: calc(20% - 20px); margin: 10px; padding: 10px  10px 15px 10px; border: 1px solid #9ea1a9; 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; font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.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;}

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

.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:130%; 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%;}

.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: #f4f4f4;}
.table-scroll .tbl-left td,
.table-scroll .tbl-right td {padding: 8px 20px; border:1px solid #e5e5e5;}
.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: #fff; min-width: 140px; border:1px solid #e5e5e5;}
.table-scroll .tbl-main th {background: #4a5972; text-align: left; border-bottom:1px solid #e5e5e5;}
.table-scroll table {margin: 0;}
.table-scroll table thead th {padding: 15px 8px; background: #4a5972; color:#fff;}
.table-scroll table td {padding: 8px; background: #fff; height:38px;}

/********************************************************************************************************
 * 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;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block; width: 100%;}
.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);*/ z-index: 9;}
.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 1px; 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: 50px; 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;}
*/
.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 1px; 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 {line-height: 16px; position: absolute; top: 6px; left: 0; width: 16px; height: 16px; content: '•'; text-align: center; opacity: .25; color: black; text-indent:-9999px; border-radius:100%; background:#000; }
.slick-dots li.slick-active button:before {opacity: .75; color: black;}

/*  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; overflow: hidden; box-shadow: #e1e1e1 1px 1px 5px;}
.gridster .gs-header {position: relative; padding-bottom: 10px; border-bottom: 1px solid #e9e9e9;}
.gridster .gs-header h3 {font-size: 16px; color: #000; cursor: move;}
.gridster .gs-header .ui.buttons {position: absolute; top: -2px; right: 20px;}
.gridster .gs-header .moreBtn {position: absolute; top: 2px; right: 0; z-index: auto;}
.gridster .gs-header .moreBtn span {display: none;}
.gridster .gs-content {padding: 20px 0; height: calc(100% - 20px);}
.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:first-child {border-top: none;}
ul.list_line_S2 > li a {display:block; padding:12px 0; overflow: hidden;}
ul.list_line_S2 > li a span {max-width:70%; display: inline-block; padding-left:10px; font-size: 1em; 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;}
blockquote {padding: 10px; border-bottom: 1px solid #ecedee;}
blockquote a {display: block; font-size: 1.125em; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: top;}
blockquote p.author {display: block;}
blockquote p.author small {display: inline-block; font-family: 'Century Gothic'; color: #999;}
.day-red {border-left-color: #d01919;}
.day-orange {border-left-color: #f2711c;}
.normal-list blockquote {padding: 10px 0; border: none; border-bottom: 1px solid #d7d7d7;}
.normal-list blockquote:last-child {border-bottom: none;}
/*.text-new {display: inline-block; width: 20px; height: 20px; margin-left: 7px; 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;}
.cont-none {width: 100%; text-align: center;}
/*.cont-none > span {display: inline-block; width: 140px; height: 60px; text-indent: -9999px; background: url(../img/cont_none.gif) no-repeat; background-size: cover;}*/

/* test-example number */
.ui.checkbox label.question {padding: 7px 0 7px 40px;}
.ui.checkbox label.question:before {width: 28px; height: 28px; text-align: center; line-height: 28px; border-radius: 100%;}
.ui.checkbox input:checked ~ label.question:after {width: 28px; height: 28px; line-height: 28px; content: inherit; color: #fff !important; border-radius: 100%; background: #333; content: "\e800";}
.ui.checkbox label.question.num01:before {content: '1';}
.ui.checkbox label.question.num02:before {content: '2';}
.ui.checkbox label.question.num03:before {content: '3';}
.ui.checkbox label.question.num04:before {content: '4';}
.ui.checkbox label.question.num05:before {content: '5';}
.ui.checkbox label.question.num06:before {content: '6';}
.ui.checkbox label.question.num07:before {content: '7';}
.ui.checkbox label.question.num08:before {content: '8';}
.ui.checkbox label.question.num09:before {content: '9';}
.ui.checkbox label.question.num10:before {content: '10';}
.correct label {color: #FF5733 !important;}
.correct .ui.checkbox label:before {border-color: #FF5733 !important; background: #fff1ee;}
.checkImg {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: "정답";}

.ui.checkbox label.wish {padding: 7px 0 7px 30px; font-size: 1.125em; color: rgba(0, 0, 0, 0.4);}
.ui.checkbox label.wish:before {width: 32px; height: 32px; text-align: center; line-height: 32px; border: none; content: "\f004"; font-family: "Icons"; background: transparent !important;}
.ui.checkbox input:checked ~ label.wish {color: #e0233b;}
.ui.checkbox input:checked ~ label.wish:after {width: 32px; height: 32px; line-height: 32px; color: #e0233b !important; content: "\f004"; font-family: "Icons";}
.ui.checkbox label.wish:hover {color: rgba(0, 0, 0, 0.4);}

.ui.checkbox label.wish.icon {margin: 0; padding: 0; font-size: 1.125em;}
.ui.checkbox input:checked ~ label.wish.icon {color: #e0233b;}
.ui.checkbox label.wish.icon:before,
.ui.checkbox input:checked ~ label.wish.icon:after {width: auto; height: auto; line-height: normal;}

.process-bar {height:28px !important; line-height:28px !important; border-radius:2px; overflow:hidden; background: #ccc;}
.process-bar li {float:left; font-size:12px; color:#fff; text-align:center;}
.process-bar li a {display: block; color:#fff;}
.bar-grey {background: #595959;}
.bar-blue {background: #006ba4;}
.bar-orange {background: #ff800e;}

.sm-size {width: 100px !important;}
.lg-size {width: 240px !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 > .content > .header > span.title {display: inline-block; width: calc(100% - 100px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align: middle;}
.card > .content > .header > span.name {display: inline-block; width: 100px; font-size: .875em; color: #999 !important; text-align: right; vertical-align: middle;}
.card > .content > .header > span.name:before {content:""; display:inline-block; vertical-align: middle; width:1px; height:14px; margin:0 5px 0 0; background:#ccc;}
.ui.basic.buttons.active-btn .active.button,
.blue-btn .ui.basic.active.button {background: #d2eeff !important;}
.grid-3 .ui.basic.button {width: calc(100% - .7em)!important; margin: .25em;}
.grid-3 .slick-track {margin: 0 auto;}
.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;}
.ui.form textarea::placeholder {font-size: 1.063em; color: rgba(0, 0, 0, 0.6); opacity: 1;}
.ui.form textarea:-ms-input-placeholder {font-size: 1.063em; color: rgba(0, 0, 0, 0.6);}
.ui.form textarea::-ms-input-placeholder {font-size: 1.063em; color: rgba(0, 0, 0, 0.6);}
.ui.corner.label img {display: inline-block !important; width: 12px !important; height: 12px !important; margin-right: -20px !important;}
.box-no {box-shadow: none !important; background: #fff !important;}
.label-title {width: 20% !important; margin: .5em 0 !important;}
.label-title-lg {width: 30% !important; margin: .5em 0 !important;}

/*--- cobalt button ---*/

.ui.cobalt.buttons .button,
.ui.cobalt.button {
  background-color: #4c73d0;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.cobalt.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.cobalt.buttons .button:hover,
.ui.cobalt.button:hover {
  background-color: #4c73d0;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.cobalt.buttons .button:focus,
.ui.cobalt.button:focus {
  background-color: #4c73d0;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.cobalt.buttons .button:active,
.ui.cobalt.button:active {
  background-color: #4c73d0;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.cobalt.buttons .active.button,
.ui.cobalt.buttons .active.button:active,
.ui.cobalt.active.button,
.ui.cobalt.button .active.button:active {
  background-color: #4c73d0;
  color: #FFFFFF;
  text-shadow: none;
}

/* 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;}

.toggle_btn {cursor: pointer;}
.toggle_box {display: none;}
.toggle_box.on {display: block;}


@media all and (max-width:1217px) {
  .ui.form .ui.dropdown,
  .ui.form .ui.input,
  .ui.form .ui.label,
  .ui.form .ui.buttons,
  .ui.form .ui.button,
  .ui.form .ui.button,
  .half-box {margin: 2px 0;}
  .ui.form .ui.input .ui.dropdown,
  .ui.form .ui.image .ui.label {margin: 0;}
  .cbp_tmtimeline:before {left: 5%;}
  .cbp_tmtimeline > li .cbp_tmtime {width: auto; padding-right: 0; position: relative; text-align: right; padding-bottom: 10px;}
  .cbp_tmtimeline > li .cbp_tmtime span {display: inline-block; margin-right: 10px; vertical-align: middle;}
  .cbp_tmtimeline > li .cbp_tmicon {left: 5%;}
  .cbp_tmtimeline > li .cbp_box {margin-left: 80px;}
  .post_gallery > ul {width: calc(33.33% - 20px);}
  .ui.form textarea::placeholder {font-size: 0.938em;}
  .ui.form textarea:-ms-input-placeholder {font-size: 0.938em;}
  .ui.form textarea::-ms-input-placeholder {font-size: 0.938em;}
  .name-date span, .rating-text {vertical-align: super;}

  .post_book > ul {width: calc(33.33% - 20px);}
}

@media all and (max-width:768px) {
  .size_1,
  .size_2,
  .size_3 {width: 47.6%;}
  .size_4,
  .size_5,
  .size_6 {width: 97.6%;}
  .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 !important;}
  .tbl.tablet > tbody > tr > td:last-child {border-bottom: none;}
  .tbl.tablet > tbody > tr > td:before {position: absolute; top: 12px; left: 6px; padding-right: 10px; color: #146c47; white-space: nowrap; text-align: left; font-weight: 500;}
  .tbl.tablet > tbody > tr > td:before {content: attr(data-title);}
  .tbl.tablet > tbody > tr > td.td-full {padding: 30px 8px 8px 8px !important;}
  .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; background: url(../img/icon_dot.gif) left 8px no-repeat;}
  .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;}
  .tbl-simple > li > dl > dt { width: 100%; display: block; padding-bottom: 5px; font-size: 1.4rem; 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;}

  .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;}
  .tbl .author small {display: block; font-size: 1em;}
  .jq-star {width: 2em !important; height: 2em !important; vertical-align: inherit;}
  .listTab {border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; border-bottom: none;}
  .listTab ul {height: auto !important;}
  .listTab ul li {width: 33.33%; margin-right: 0; min-width: auto; border: none; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
  .listTab ul li.select {border: none; border-bottom: 1px solid #4a87ca;}
  .listTab ul li a {white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
  .listTab02 {height: auto !important; border-bottom: none;}
  .listTab02 ul {height: auto !important; line-height:48px;}
  .listTab02 ul li {width: 33.33%; min-width: auto; border: none; margin-bottom:-1px; border: 1px solid #d9d9d9;}
  .listTab02 ul li.select {border: none; border: 1px solid #333;}
  .listTab02 ul li a {white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
  .slick-dots li button {width:10px; height:10px; padding: 3px; }
  .slick-dots li button:before {font-size: 15px;}
}

@media all and (max-width:767px) {
  .cbp_tmtimeline:before {display: none;}
  .cbp_tmtimeline > li .cbp_tmtime {width: 100%; position: relative; padding: 0 0 20px 0; text-align: left;}
  .cbp_tmtimeline > li .cbp_tmtime span {text-align: left;}
  .cbp_tmtimeline > li .cbp_tmlabel {margin: 0 0 15px 0; padding: 1em; font-weight: 400; font-size: 95%;}
  .cbp_tmtimeline > li .cbp_tmlabel:after {right: auto; left: 20px; border-right-color: transparent; border-bottom-color: #d7d7d7; top: -17px;}
  .cbp_tmtimeline > li .cbp_tmicon {position: relative; float: right; left: auto; margin: -55px 5px 0 0px;}
  .cbp_tmtimeline > li .cbp_box {margin-left: 0;}
  .cbp_tmtimeline .ui.ribbon.label {width: 80px;}
  .cbp_tmtimeline .ui.segment span.subject {width: 100%; padding: 5px 0;}
  .size_1,
  .size_2,
  .size_3,
  .size_4,
  .size_5,
  .size_6 {width: 97.6%;}
  .portlet-placeholder {width: 97.6%;}
  .post_list .post_disc {top: 20px; right: 10px;}
  .post_list > ul > li .attach-file {display: none;}
  .post_list > ul > li > a {max-width: 100%;}
  .post_gallery > ul {width: calc(50% - 20px);}
  .post_gallery > ul > li .subject {}
  .tbl > li > dl > dd span.sec {display: block;}
  .average > .ui.stackable.grid > .column {padding: 5px !important; text-align: left;}
  .post_book > ul {width: calc(50% - 20px);}
  .post_book > ul > li .subject {font-size: 16px;}
}

@media all and (max-width:480px) {
  .open-class > li .cbp_tmicon {float: left; left: 8px;}
  .open-class > li .cbp_box {margin-top: 80px;}
  .open-class > li .cbp_tmlabel .header {font-size: 15px;}
  .open-class .line-clip {width: 100%; margin-bottom: 5px;}
  .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 > thead > tr > th,
  .tbl > tbody > tr > td,
  .tbl > tbody > 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 {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 30% !important; white-space: normal; text-align: left; min-height: 43px;}
  .tbl > tbody > tr > td:last-child {border-bottom: none;}
  .tbl > tbody > tr > td:before {position: absolute; top: 12px; left: 6px; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: 500;}
  .tbl > tbody > tr > td:before {content: attr(data-title);}
  .tbl > tbody > tr > td.head {display: block; border-right: none;}
  .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; font-weight: 500; border-left:none;}
  .tbl > li > dl > dt label {font-weight: 500;}
  .tbl > li > dl > dt:nth-child(2),
  .tbl > li > dl > dt:nth-child(3) {border-top: 1px solid #9ea1a9; border-left: none;}
  .tbl > li > dl > dd {display: block; min-height: 37px; padding: 8px 12px; border: none; border-top: 1px solid #d9d9d9;}
  .tbl > li > dl > dd:after {content:""; display:block; height:0; clear:both;}
  .tbl > li > dl > dd:last-child {border-right:none;}
  .tbl > li {border-top: 1px solid #9ea1a9;}
  .tbl.col-2 {border-bottom: none;}
  .tbl.col-2 > li {border-top: none;}
  .tbl.col-2 > li > dl {display: flex; flex-wrap: wrap;}
  .tbl.col-2 > li > dl > dt {width: 40% !important; display: inline-block; padding: 8px 12px; font-weight: 500; border-left:none;}
  .tbl.col-2 > li > dl > dt label {font-weight: 500;}
  .tbl.col-2 > li > dl > dt:nth-child(1),
  .tbl.col-2 > li > dl > dt:nth-child(3) {border-bottom: 1px solid #9ea1a9; border-left: none; border-top:none;}
  .tbl.col-2 > li > dl > dd:nth-child(2),
  .tbl.col-2 > li > dl > dd:nth-child(4) {border-bottom: 1px solid #9ea1a9;}
  .tbl.col-2 > li > dl > dd {width: 60%; display: inline-block; min-height: 37px; padding: 8px 12px; border: none;}
  .tbl.col-2 > li > dl > dd:after {content:""; display:block; height:0; clear:both;}

  .ui.message .tbl > tbody > tr > td {border: none; border-bottom: 1px solid #cce7ec;}
  .ui.message .tbl > tbody > tr > td:last-child {border-bottom: none;}
  .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;}
  ul.review > li .view-img {display: none;}
  ul.review li dl {width: 100%;}
  /* Pagination 요소 */
  .paging .pg_first, .paging .pg_last {display:none;}
  .pageForm {display: block; margin-top: 20px;}
  .pageInput {width: 50px !important; margin: 0;}
  #drop,
  #upload ul li p {font-size: 12px;}
  /*#upload ul li span {width: 8px; height: 8px; background: url(../img/icons.png) no-repeat; background-size: cover; position: absolute; top: 30px; right: 10px; cursor: pointer;}*/
  .grid-content-box .header p {font-size: 14px;}
  .post_view .header h4 {}
  .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: 7%; background-position: 0 10px; background-size: 16px;}
  .comment .article > ul.co_inner2 {padding-left: 7%; background-position: 0 10px; background-size: 16px;}
  .comment .article > ul.co_inner3 {padding-left: 7%; 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 {}
  .post_blog > ul > li > a.subject2 {width: 100%;}
  .post_blog > ul > li > span {height: 22px; line-height: 22px;}
  .post_book > ul {width: calc(50% - 10px); margin:10px 5px;}
  .post_book > ul > li.post_btn {margin:0 auto; width:100%; font-size:1em;}
  .post_book > ul > li.post_btn .button {font-size:0.85em;}
  .post_book > ul > li .subject {font-size: 14px;}
  .wrap_btn {text-align: center;}
  .wrap_btn .fluid-btn {width: 100%; margin-bottom: 5px !important;}
  .wrap_btn .btn {width: calc(50% - 12px); min-width: auto; padding-left:0; padding-right:0;}
  .listTab ul li {width: 50%;}
  .listTab02 ul li {width: 50%;}
  .global_tab {border-left: none; border-bottom: none; background: #d7d7d7;}
  .global_tab a {display: inline-block; min-height: 45px; padding: 10px 0; font-size: 1.125em; border-left: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
  .global_tab a:after {display: none;}
  .time-sort {display: none;}
  .ui.secondary.pointing.menu .item {width: 33.33%; font-size: .875em;}
}