@charset "UTF-8";

/* /thema/Miso-Simple/assets/css/thema.css */


/*-------------------------------------------------------*/
/* Mask Layer
/*-------------------------------------------------------*/
.miso-mask { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index:10; overflow:hidden; line-height:1px; pointer-events: none; margin-bottom:-1px; }
.miso-mask .mask-svg { position: absolute; bottom: 0px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.miso-mask svg { display:block; }
.miso-mask-a { height: 64px; }
.miso-mask.miso-mask-a { z-index: 11; }
.miso-mask-b { height: 57px; }
.miso-mask-c { height: 74px; }
.miso-mask-c .mask-fill { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; transform: skewY(-0.2deg); }
.miso-mask-c .mask-over { z-index: 11; }
.miso-mask-d1 { height: 27px; }
.miso-mask-d2 { height: 57px; }
.miso-mask-d2 .mask-svg { margin-bottom: -15px;}
.miso-mask-e1 { padding-bottom: 6%; }
.miso-mask-e1 .mask-fill { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: skewY(-3deg); transform: skewY(-3deg); -webkit-transform-origin: 100% 0;transform-origin: 100% 0; }
.miso-mask-e2 { height: 40px; }
.miso-mask-e3 { height: 80px; }
.miso-mask-e4 { height: 100px; }
.miso-mask-f { padding-bottom: 6%; }
.miso-mask-f .mask-fill { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: skewY(3deg); transform: skewY(3deg); -webkit-transform-origin: 0 100%;transform-origin: 0 100%; }
.miso-mask-g1 { height: 30px; }
.miso-mask-g2 { height: 20px; }
.miso-mask-h { height: 80px; }
.miso-mask-i1 { height: 12px; }
.miso-mask-i2 { height: 16px; }
.miso-mask-j { height: 40px; }
.miso-mask-k1 { height: 50px; }
.miso-mask-k { height: 100px; }
.miso-mask-k svg { float:left; }
.miso-mask-rev { bottom:auto; top:0px; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); left: -1px; width: calc(100% + 1px); }
.miso-mask-rev.miso-mask-g1 svg { margin-bottom:-30px; }
.miso-mask-rev.miso-mask-j { height:39px; }
.miso-mask-rev.miso-mask-k { height:100px; }

.miso-mask-l,
.miso-mask-l svg { height:99px; }
.miso-mask-l { margin-bottom:-1px; }
.miso-mask-rev.miso-mask-l { margin-top:-1px; }

.miso-mask-m,
.miso-mask-m svg { height: 120px; }
.miso-mask-m { margin-bottom:-1px; }
.miso-mask-rev.miso-mask-m { margin-top:-1px; }

.mask-zone { display:none; margin-bottom:-1px; }
.mask-show .mask-zone { display:block; }
.at-footer-mask { position:relative; margin-bottom:-1px; }

@media all and (max-width:991px) {
	.responsive .miso-mask-e4,
	.responsive .miso-mask-e4 svg { height:60px; }
	.responsive .miso-mask-k { height: 80px; }
	.responsive .miso-mask-k svg { height: 136px; }
	.responsive .miso-mask-rev.miso-mask-k { height:80px; }

	.responsive .miso-mask-l,
	.responsive .miso-mask-l svg { height:80px; }

	.responsive .miso-mask-m,
	.responsive .miso-mask-m svg { height:80px; }
}
@media all and (max-width:767px) {
	.responsive .miso-mask-e4,
	.responsive .miso-mask-e4 svg { height:40px; }
	.responsive .miso-mask-k1,
	.responsive .miso-mask-k1 svg { height:25px; }
	.responsive .miso-mask-k { height: 60px; }
	.responsive .miso-mask-k svg { height: 102px; }
	.responsive .miso-mask-rev.miso-mask-k { height:60px; }

	.responsive .miso-mask-l,
	.responsive .miso-mask-l svg { height:60px; }

	.responsive .miso-mask-m,
	.responsive .miso-mask-m svg { height:50px; }
}
@media all and (max-width:480px) {
	.responsive .miso-mask-e4,
	.responsive .miso-mask-e4 svg { height:20px; }
	.responsive .miso-mask-k { height: 40px; }
	.responsive .miso-mask-k svg { height: 68px; }
	.responsive .miso-mask-rev.miso-mask-k { height:40px; }

	.responsive .miso-mask-l,
	.responsive .miso-mask-l svg { height:30px; }

	.responsive .miso-mask-m,
	.responsive .miso-mask-m svg { height:30px; }
}
/*-------------------------------------------------------*/
/* Zone Style
/*-------------------------------------------------------*/
.at-mask { position:relative; }
.at-cover,
.at-raster { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.at-tbl { position:relative; z-index:1; display:table; table-layout:fixed; width:100%; height:100%; padding:0; margin:0; border-collapse: collapse; }
.at-cell { display:table-cell; vertical-align:middle; padding:30px 0; width:100%; height:100%; }
.at-cell-t { display:table-cell; vertical-align:top; padding:30px 0; width:100%; height:100%; }
.at-cell-b { display:table-cell; vertical-align:bottom; padding:30px 0; width:100%; height:100%; }

/*-------------------------------------------------------*/
/* Raster Layer
/*-------------------------------------------------------*/
.img-raster1 { background-image: url("/thema/Miso-Simple/assets/css/../img/raster-1.png"); }
.img-raster2 { background: url("/thema/Miso-Simple/assets/css/../img/raster-2.png"); }
.img-raster3 { background: url("/thema/Miso-Simple/assets/css/../img/raster-3.png"); }
.img-raster4 { background: url("/thema/Miso-Simple/assets/css/../img/raster-4.png"); }
.img-raster5 { background: url("/thema/Miso-Simple/assets/css/../img/raster-5.png"); }

/*-------------------------------------------------------*/
/* Background Style
/*-------------------------------------------------------*/
.img-pattern { }
.img-cover,
.img-parallax { background-size: cover !important; background-position: center center !important; }
.img-cover-t,
.img-parallax-t { background-size: cover !important; background-position: center top !important; }
.img-cover-b,
.img-parallax-b { background-size: cover !important; background-position: center bottom !important; }
@media only screen and (min-width: 768px) {
	.responsive .img-parallax,
	.responsive .img-parallax-t,
	.responsive .img-parallax-b { background-attachment: fixed !important; }
}

/*-------------------------------------------------------*/
/* Opacity
/*-------------------------------------------------------*/
.img-opa10 { opacity:0.1; -webkit-opacity:0.1; -moz-opacity:0.1; -khtml-opacity:0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); }
.img-opa20 { opacity:0.2; -webkit-opacity:0.2; -moz-opacity:0.2; -khtml-opacity:0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); }
.img-opa30 { opacity:0.3; -webkit-opacity:0.3; -moz-opacity:0.3; -khtml-opacity:0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); }
.img-opa40 { opacity:0.4; -webkit-opacity:0.4; -moz-opacity:0.4; -khtml-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); }
.img-opa50 { opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }
.img-opa60 { opacity:0.6; -webkit-opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }
.img-opa70 { opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.img-opa75 { opacity:0.75; -webkit-opacity:0.75; -moz-opacity:0.75; -khtml-opacity:0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); }
.img-opa80 { opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
.img-opa85 { opacity:0.85; -webkit-opacity:0.85; -moz-opacity:0.85; -khtml-opacity:0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); }
.img-opa90 { opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); }
.img-opa95 { opacity:0.95; -webkit-opacity:0.95; -moz-opacity:0.95; -khtml-opacity:0.95; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); }
.img-opa0 { display:none; }

/*-------------------------------------------------------*/
/* Page Setup Button
/*-------------------------------------------------------*/
.page-setup { position:fixed; z-index: 3332; left:0px; top:140px; color:#fff; width: 40px; height: 35px; text-align: center; line-height:35px; font-size: 17px; border-radius:0px 3px 3px 0px;}
.page-setup a { display:block; color:#fff !important; }

.top {
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding:10px;
    border-top:2px solid #3eb1b0;
}

.top .header {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #dee2e6;
}
.top .header .th {
    font-weight: bold;
    color: #333;
    flex: 1;
    text-align: center;
}
.top .content {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.top .content .td {
    flex: 1;
    text-align: center;
    color: #555;
    overflow: hidden;
}

.top.content .td:not(:last-child) {
    border-right: 1px solid #dee2e6;
}
.top .content .form-control {
    width: 80%;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 1em;
}
.custom_info {
    padding: 15px;
}

.custom_info .img_wrap {
    text-align: center;
}

.custom_info .img_wrap img {
    width: 225px;
    height: 225px;
    border-radius: 10px;
}

.custom_info .info_wrap {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.custom_info table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
    height:100%;
}

.custom_info th, .custom_info td {
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #dee2e6;
}

.custom_info th {
    background-color: #3eb1b0;
    color: #ffffff;
    text-align: right;
    width: 30%;
}

.custom_info td {
    width: 70%;
}

.custom_info thead th:first-child {
    border-top-left-radius: 10px;
}

.custom_info thead td:last-child {
    border-top-right-radius: 10px;
}

.custom_info tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.custom_info tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}
.notification {
    position: fixed;
    padding: 20px;
    background-color: #fff;
    color: black;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    z-index: 10000;
    max-width: 80%;
    word-wrap: break-word;
    font-size: 1.2rem;
    font-weight: bold;
    border-top: 2px solid transparent;
    border-top:2px solid #3eb1b0;
    border-image-slice: 1;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.pc-notification {
    right: 20px;
}

.mobile-notification {
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

#modalBackground {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 회색 투명 배경 */
    z-index: 2000;
}
#modalTitle {
    font-weight:bold;
    font-size:1.2em;
    border-bottom:1px solid #d1d1d1;
    padding-bottom:10px;
}

#modalContent {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    z-index: 2001;
    min-width: 300px;
    max-width: 600px;
    max-height:400px;
}

#modalBody {
    margin-top:10px;
    max-height: 400px;
    overflow-y: auto;
}
#modalClose {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 18px;
}
.auth_mark {
    background-color: #00a9a7;
    color: #fff;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    font-size: 20pt;
    font-weight: bold;
    vertical-align: middle;
}

.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 17px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 8.5px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px; 
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:checked + .slider:before {
  transform: translateX(17px);
}

.slider.round {
  border-radius: 8.5px;
}

.slider.round:before {
  border-radius: 50%;
}

.accordion-box {
  overflow: hidden;
  margin-bottom: 10px;
}
.accordion-box .title-area {
  padding: 0 20px;
}
.accordion-box .title-area h2 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -1px;
}
.accordion-box .title-area p {
  font-size: 13px;
  margin: 10px 0;
}
.accordion-box .list-area {
  overflow: hidden;
  width: 100%;
  margin-left: -23px;
}
.accordion-box .list-area li {
  overflow: hidden;
  margin-bottom: 8px;
  border: 1px solid #eee;
}
.accordion-box .list-area li .title {
  padding: 0 15px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.accordion-box .list-area li .title h2 {
  float: left;
  font-weight: 200;
  font-size: 15px;
  line-height: 48px;
  margin: 0;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.accordion-box .list-area li .title .arrow {
  float: right;
}
.accordion-box .list-area li .content {
  display: none;
  padding: 25px;
  color: #666;
  border-top: 1px solid #eee;
}
.accordion-box .list-area li .content.active {
  display: block;
}
.accordion-box .list-area li .content dl {
  padding: 15px;
  margin: 10px 0;
  border-radius: 6px;
}
.accordion-box .list-area li .content dl dt {
  font-weight: normal;
  margin: 2px 0;
  line-height: 25px;
  overflow: hidden;
}
.accordion-box .list-area li .content dl dt h3 {
  font-size: 11px;
  display: inline;
}
.accordion-box .list-area li .content dl dt p {
  font-size: 11px;
  display: inline;
}
.accordion-box .list-area li .content p {
  line-height: 25px;
  font-size: 11px;
}

/* /thema/Miso-Simple/widget/miso-post-slider/widget.css */


/*-------------------------------------------------------*/
/* 공통
/*-------------------------------------------------------*/
.is-pc .ko .miso-post-slider .font-13 { 
	font-size:12px;
}
.miso-post-slider { 
	position:relative; 	padding:0; margin:0;
}
.miso-post-slider .post { 
	padding:0; margin:0;
}
.miso-post-slider .owl-carousel {
	padding:0; margin:0; 
}
.miso-post-slider .item { 
	padding:0; margin:0; list-style:none;
}
.miso-post-slider .count { 
	color:orangered;
}
.miso-post-slider .ellipsis-line {
	width:100%;	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; 
} 
.miso-post-slider.is-circle .img-box,
.miso-post-slider.is-circle .img-item {
	border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.miso-post-slider.is-circle .label-cap {
	display:none;
}
.miso-post-slider .post-hover .img-content { 
	padding:10px; position: absolute; left: 0; bottom:0; width: 100%; height:100%; color:#fff;
	transition:transform 0.4s, opacity 0.1s 0.3s; 
	opacity: 0; 
	transform: translateY(100%); 
	-o-transition: -o-transform .4s, opacity .1s .3s; 
	-moz-transition: -moz-transform .4s, opacity .1s .3s; 
	-webkit-transition: -webkit-transform .4s, opacity .1s .3s; 
	-webkit-transform: translateY(100%); 
	-moz-transform: translateY(100%); 
	-o-transform: translateY(100%); 
}
.miso-post-slider .post-hover .item-box:hover .img-content {
	transition:transform 0.4s, opacity 0.1s; 
	opacity: 1; 
	transform: translateY(0px); 
	-o-transition: -o-transform .4s, opacity .1s;
	-moz-transition: -moz-transform .4s, opacity .1s;
	-webkit-transition: -webkit-transform .4s, opacity .1s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
}
.miso-post-slider .img-photo i,
.miso-post-slider .img-photo img {
    width: 44px; height: 44px; vertical-align:middle; line-height: 44px; font-size: 24px; text-align: center; background-color: #ddd; color: #fff;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.miso-post-slider .img-bg {
	background-size: cover !important; background-position: center center !important; 
}
.miso-post-slider .img-box {
	position:relative; padding:0; height:0; overflow:hidden; width:100%;
}
.miso-post-slider .img-item,
.miso-post-slider .img-layer {
	position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow:hidden;
}
.miso-post-slider .img-trans { 
	opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); 
}
.miso-post-slider .img-tbl { 
	position:relative; z-index:1; display:table; width:100%; height:100%; table-layout:fixed; margin:0; border-collapse: collapse;
}
.miso-post-slider .img-cell { 
	display:table-cell; vertical-align:middle;
}
.miso-post-slider .img-content {
	position:relative; z-index:1;
}
.miso-post-slider .img-lock { 
	display:inline-block; width:12px; height:12px; background: url("/thema/Miso-Simple/widget/miso-post-slider/./img/lock.gif") no-repeat; vertical-align:middle; text-indent: -9999px; overflow:hidden;
}
.miso-post-slider .in-right.rank-icon { 
	margin-right:0; font-family:arial; letter-spacing:0; z-index:3;
}

/*-------------------------------------------------------*/
/* owlcarousel2
/*-------------------------------------------------------*/
.miso-post-slider .owl-nav [class*='owl-'] { 
	position:absolute; opacity:0.5; top:50%; z-index:10; line-height:1px;
}
.miso-post-slider .owl-nav [class*='owl-']:hover { 
	opacity:1; 
}
.miso-post-slider .owl-nav .disabled { 
	opacity: 0.5; cursor: default; 
}
.miso-post-slider.nav-middle .owl-nav [class*='owl-'] { 
	font-size:50px; margin-top:-25px; color:#fff; z-index:20
}
.miso-post-slider.nav-middle .owl-prev { 
	left:5px; 
}
.miso-post-slider.nav-middle .owl-next { 
	right:5px; 
}
.miso-post-slider.nav-middle .small-nav .owl-nav [class*='owl-'] {
	 top:auto; bottom: 15px; display:block; text-align:center; background: rgba(0,0,0,0.7); color:#fff; width: 35px; height: 25px; margin-top: 0px; line-height: 25px; font-size: 18px; border:1px solid #000; opacity:0.7;	
}
.miso-post-slider.nav-middle .small-nav .owl-prev .fa-chevron-left:before { 
	content: "\f104"; 
}
.miso-post-slider.nav-middle .small-nav .owl-next .fa-chevron-right:before { 
	content: "\f105"; 
}
.miso-post-slider.nav-middle .top-nav .owl-nav [class*='owl-'] {
	top:15px; bottom: auto;
}
.miso-post-slider.nav-middle .right-nav .owl-prev { 
	left:auto; right:50px; border-right:0 !important;
}
.miso-post-slider.nav-middle .right-nav .owl-next { 
	left:auto; right:15px; 
}
.miso-post-slider.nav-middle .left-nav .owl-prev { 
	left:15px; right:auto; 
}
.miso-post-slider.nav-middle .left-nav .owl-next { 
	left:50px; right:auto; border-left:0 !important;
}
.miso-post-slider.nav-top .owl-nav [class*='owl-'] {
	display:block; text-align:center; background: #fff; color:#999; width: 25px; height: 18px; top: -33px; margin-top: 0px; line-height: 18px; font-size: 12px; border:1px solid #ddd; opacity:1;	
}
.miso-post-slider.nav-top .owl-prev { 
	left:auto; right:24px; 
}
.miso-post-slider.nav-top .owl-next { 
	left:auto; right:0px; 
}
.miso-post-slider.nav-bottom .owl-nav {
	display:block; width:50px; margin:15px auto; position:relative;
}
.miso-post-slider.nav-bottom .owl-nav [class*='owl-'] {
	display:block; text-align:center; background: #fff; color:#999; width: 25px; height: 18px; position:relative; line-height: 18px; font-size: 12px; border:1px solid #ddd; opacity:1;	
}
.miso-post-slider.nav-bottom .owl-prev { 
	float:left; position:relative; left:auto; right:auto; 
}
.miso-post-slider.nav-bottom .owl-next { 
	float:left; position:relative; left:auto; right:auto; margin-left:-1px;
}
.miso-post-slider .owl-dots {
	position:relative; z-index:20; margin-top:10px; text-align: center;	-webkit-tap-highlight-color: transparent; 
}
.miso-post-slider.in-dots .owl-dots {
	margin-top:-25px;
}
.miso-post-slider .owl-dots .owl-dot {
	display: inline-block; zoom: 1;	*display: inline; 
}
.miso-post-slider .owl-dots .owl-dot span {
	width: 10px; height: 10px; margin: 5px;	background: #D6D6D6; display: block;
	-webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; 
}

/* opacity */
.miso-post-slider .img-opa-bg { 
	background-color:#000;
}
/* 개별사용시 주석 풀어 주세요.
.miso-post-slider .img-opa10 { 
	opacity:0.1; -webkit-opacity:0.1; -moz-opacity:0.1; -khtml-opacity:0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); 
}
.miso-post-slider .img-opa20 { 
	opacity:0.2; -webkit-opacity:0.2; -moz-opacity:0.2; -khtml-opacity:0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); 
}
.miso-post-slider .img-opa30 { 
	opacity:0.3; -webkit-opacity:0.3; -moz-opacity:0.3; -khtml-opacity:0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); 
}
.miso-post-slider .img-opa40 { 
	opacity:0.4; -webkit-opacity:0.4; -moz-opacity:0.4; -khtml-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); 
}
.miso-post-slider .img-opa50 { 
	opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); 
}
.miso-post-slider .img-opa60 { 
	opacity:0.6; -webkit-opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); 
}
.miso-post-slider .img-opa70 { 
	opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); 
}
.miso-post-slider .img-opa80 { 
	opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); 
}
*/

/* raster */
/* 개별사용시 주석 풀어 주세요.
.miso-post-slider .img-raster1 {
	background-image: url('./img/raster-1.png');
}
.miso-post-slider .img-raster2 {
	background-image: url('./img/raster-2.png');
}
.miso-post-slider .img-raster3 {
	background-image: url('./img/raster-3.png');
}
.miso-post-slider .img-raster4 {
	background-image: url('./img/raster-4.png');
}
.miso-post-slider .img-raster5 {
	background-image: url('./img/raster-5.png');
}
*/

/* color */
.miso-post-slider .bg-1,
.miso-post-slider .bg-h1:hover { 
	background-color:#eb5451; border-color:#eb5451; color:#fff; /* red */
}
.miso-post-slider .bg-2,
.miso-post-slider .bg-h2:hover {
	background-color:#756fad; border-color:#756fad; color:#fff; /* purple */
}
.miso-post-slider .bg-3,
.miso-post-slider .bg-h3:hover {	
	background-color:#0092e0; border-color:#0092e0; color:#fff; /* blue */
}
.miso-post-slider .bg-4,
.miso-post-slider .bg-h4:hover {
	background-color:#4c6187; border-color:#4c6187; color:#fff; /* navy */
}
.miso-post-slider .bg-5,
.miso-post-slider .bg-h5:hover { 
	background-color:#8cc346; border-color:#8cc346; color:#fff; /* green */
}
.miso-post-slider .bg-6,
.miso-post-slider .bg-h6:hover { 
	background-color:#5d588f; border-color:#5d588f; color:#fff; /* deeppurple */
}
.miso-post-slider .bg-7,
.miso-post-slider .bg-h7:hover { 
	background-color:#71757e; border-color:#71757e; color:#fff; /* gray */
}
.miso-post-slider .bg-8,
.miso-post-slider .bg-h8:hover { 
	background-color:#d82c29; border-color:#d82c29; color:#fff; /* deepred */
}
.miso-post-slider .bg-9,
.miso-post-slider .bg-h9:hover { 
	background-color:#12cebd; border-color:#12cebd; color:#fff; /* mint */
}
.miso-post-slider .bg-0,
.miso-post-slider .bg-h0:hover { 
	background-color:#21a6ed; border-color:#21a6ed; color:#fff; /* lightblue */
}

/*-------------------------------------------------------*/
/* .post-img
/*-------------------------------------------------------*/
.miso-post-slider .post-img .img-cell { 
	text-align:center; padding:10px 15px;
}
.miso-post-slider .post-img .img-photo { 
	display:inline-block; margin:0 auto;
}
.miso-post-slider .post-img .img-photo i,
.miso-post-slider .post-img .img-photo img {
	border:2px solid #fff; width:50px; height:50px; line-height:50px; font-size:28px;
}
.miso-post-slider  .post-img .img-photo i {
	margin-bottom:6px;
}
.miso-post-slider .post-img .img-cell p {
	padding:0; margin:2px 0;
}
.miso-post-slider .post-img .img-content p { 
	padding:0; margin:0;
}

/*-------------------------------------------------------*/
/* .post-caption
/*-------------------------------------------------------*/
.miso-post-slider .post-caption .img-cell { 
	vertical-align:bottom; text-align:center;
}
.miso-post-slider.is-circle .post-caption .img-cell { 
	vertical-align:middle;
}
.miso-post-slider .post-caption .img-content { 
	padding:8px 10px; color:#fff; background-color:rgba(0,0,0,0.6);
}
.miso-post-slider .post-caption .img-content p { 
	padding:0; margin:0;
}

/*-------------------------------------------------------*/
/* .post-gallery
/*-------------------------------------------------------*/
.miso-post-slider.is-box .post-gallery .item-box { 
	background-color:#fff;
}
.miso-post-slider .post-gallery .img-content { 
	padding:10px; text-align:center;
}
.miso-post-slider .post-gallery .img-content p { 
	color:#888; padding:0; margin:0; line-height:20px;
}

/*-------------------------------------------------------*/
/* .post-blog
/*-------------------------------------------------------*/
.miso-post-slider.is-box .post-blog .item-box { 
	background-color:#fff;
}
.miso-post-slider .post-blog .img-content { 
	padding:10px;
}
.miso-post-slider .post-blog .img-content p { 
	padding:0; margin:0; color:#888;
}
.miso-post-slider .post-blog .img-photo {
	width:54px; vertical-align:top;
}
.miso-post-slider .post-blog .img-desc {
	margin:8px 0 0; color:#888;
}

/*-------------------------------------------------------*/
/* .post-title
/*-------------------------------------------------------*/
.miso-post-slider .post-title .img-cell { 
	vertical-align:middle; text-align:center; padding:50px;
}
.miso-post-slider .post-title .img-content { 
	margin:0 auto; padding:20px; max-width:500px;
}
.miso-post-slider .post-title .img-desc,
.miso-post-slider .post-title .img-bar {
	position:relative; z-index:1; color:#fff;
}
.miso-post-slider .post-title .img-desc h3.img-title { 
	font-size:20px; padding:0; margin:0; line-height:1.4;
}
.miso-post-slider .post-title .img-desc p.img-text {
	font-size:15px; padding:0; margin:12px 0 0; line-height:1.6;
}
.miso-post-slider .post-title .img-bar h3.img-title { 
	font-size:26px; padding:0; margin:0; margin-bottom:15px; line-height:1.2;
}
.miso-post-slider .post-title .img-bar p.img-text { 
	font-size:15px; padding:0; margin:0; line-height:1.6;
}
.miso-post-slider .post-title .img-bar hr.img-hr { 
	display:inline-block; width: 80px; height: 3px; padding:0; margin:0 0 10px; border: none; line-height:1px;
}

/*-------------------------------------------------------*/
/* .post-title-center
/*-------------------------------------------------------*/
.miso-post-slider .post-title-center .label-cap {
	display:none;
}
.miso-post-slider .post-title-center .owl-item.center .label-cap {
	display:block;
}
.miso-post-slider .post-title-center .img-opa {
	background-color:#000; opacity:0.6; -webkit-opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); 
}
.miso-post-slider .post-title-center .img-content,
.miso-post-slider .post-title-center .owl-item.center .img-opa {
	opacity:0; -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); 
}
.miso-post-slider .post-title-center .owl-item.center .img-content {
	opacity:1; -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); 
}
.miso-post-slider .post-title-center .img-cell { 
	vertical-align:middle; text-align:center; padding:50px;
}
.miso-post-slider .post-title-center .img-content { 
	margin:0 auto; padding:20px; max-width:500px;
}
.miso-post-slider .post-title-center .img-desc { 
	position:relative; z-index:1; color:#fff;
}
.miso-post-slider .post-title-center .img-desc h3.img-title { 
	font-size:20px; padding:0; margin:0; line-height:1.5;
}
.miso-post-slider .post-title-center .img-desc p.img-text { 
	font-size:15px; padding:0; margin:12px 0 0; line-height:1.6;
}

/*-------------------------------------------------------*/
/* .post-topic
/*-------------------------------------------------------*/
.miso-post-slider .post-topic .img-opa {
	opacity:0.4; -webkit-opacity:0.4; -moz-opacity:0.4; -khtml-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); 
}
.miso-post-slider .post-topic .img-cell { 
	vertical-align:bottom; padding:15px;
}
.miso-post-slider .post-topic.topic-top .img-cell { 
	vertical-align:top;
}
.miso-post-slider .post-topic .img-content { 
	display:inline-block; padding:10px 15px;
}
.miso-post-slider .post-topic .img-desc { 
	position:relative; z-index:1; color:#fff;
}
.miso-post-slider .post-topic .img-desc h3 { 
	font-size:17px; padding:0; margin:0; line-height:1.4;
}
.miso-post-slider .post-topic .img-desc p { 
	font-size:13px; padding:0; margin:0 0 6px; line-height:1.2;
}

/*-------------------------------------------------------*/
/* .post-headline
/*-------------------------------------------------------*/
.miso-post-slider .post-headline .img-content { 
	padding:15px; position: absolute; left:0; bottom:0; width:100%;	color:#fff;	background-color:rgba(0,0,0,0.6);
}
.miso-post-slider .post-headline.post-left .img-content { 
	width:180px; height:100%;
}
.miso-post-slider .post-headline.post-right .img-content { 
	left:auto; right:0; width:180px; height:100%;
}
.miso-post-slider .post-headline .img-cate { 
	padding:4px 8px; position: absolute; left:15px; top:15px; color:#fff; line-height:1.2;
}
.miso-post-slider .post-headline .img-date { 
	position:relative; z-index:1; font-size:13px;
}
.miso-post-slider .post-headline .img-info { 
	color:#fff; font-size:13px; margin:0 0 8px; line-height:20px; 
}
.miso-post-slider .post-headline .img-content h3 { 
	color:#fff; font-size:18px; padding:0; margin:0; line-height:1.6;
}
.miso-post-slider .post-headline .img-content p { 
	color:#fff; padding:0; margin:8px 0 0;
}

/*-------------------------------------------------------*/
/* .post-panel
/*-------------------------------------------------------*/
.miso-post-slider .post-panel .img-cell { 
	padding:20px; color:#fff; vertical-align:bottom;
}
.miso-post-slider.is-circle .post-panel .img-cell { 
	vertical-align:middle; text-align:center
}
.miso-post-slider .post-panel .img-cate { 
	position:absolute; color:#fff; z-index:2; width:100%; padding:20px; line-height:1;
}
.miso-post-slider .post-panel .img-cate h4 { 
	font-size:15px; padding:0; margin:0; line-height:1;
}
.miso-post-slider.is-circle .post-panel .img-cate { 
	display:none;
}
.miso-post-slider .post-panel h3 { 
	color:#fff; font-size:18px; padding:0; margin:0; line-height:1.5;
}
.miso-post-slider .post-panel p { 
	color:#fff; padding:0; margin:15px 0 0;
}

/*-------------------------------------------------------*/
/* .post-panel-icon
/*-------------------------------------------------------*/
.miso-post-slider .post-panel-icon .item-box { 
	background-color:#fff;
}
.miso-post-slider .post-panel-icon .item-content { 
	padding:30px; text-align:center;
}
.miso-post-slider .post-panel-icon .img-icon {
	text-align:center; font-size: 60px; height:60px; line-height: 60px; margin: 0 0 20px; 
}
.miso-post-slider .post-panel-icon .img-icon img {
	display:block; width:60px; height:60px; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin:0 auto;
}
.miso-post-slider .post-panel-icon .item-content h3 { 
	color:#000; font-size:20px; padding:0; margin:0; line-height:1.4;
}
.miso-post-slider .post-panel-icon .item-content:hover h3 {
	color:#fff;
}
.miso-post-slider .post-panel-icon .item-content hr {
    display:inline-block; width: 45px; height: 3px; margin:12px 0 8px; border: none; line-height: 1px;
}
.miso-post-slider .post-panel-icon .item-content:hover hr {
	background-color:#fff;
}
.miso-post-slider .post-panel-icon .item-content p { 
	font-size:14px; padding:0; margin:0; line-height:1.6;
}

/*-------------------------------------------------------*/
/* .post-list
/*-------------------------------------------------------*/
.miso-post-slider .post-list.post-margin,
.miso-post-slider .post-list.post-margin .item-box {
	margin-bottom:0 !important;
}
.miso-post-slider .post-list .pull-right { 
	color:#888;
}
.miso-post-slider .post-list .img-tbl { 
	color:#888;
}
.miso-post-slider .post-list .img-tbl p { 
	padding:0; margin:0; 
}
.miso-post-slider .post-list .img-photo {
	width:54px; vertical-align:top;
}

/*-------------------------------------------------------*/
/* .post-webzine
/*-------------------------------------------------------*/
.miso-post-slider .post-webzine .img-bg { 
	width:120px;
}
.miso-post-slider .post-webzine .img-content {
	padding-left:12px;
}
.miso-post-slider .post-webzine .img-content p {
	padding:0; margin:4px 0; color:#888;
}

/*-------------------------------------------------------*/
/* .post-talkbox
/*-------------------------------------------------------*/
.miso-post-slider .post-talkbox .img-content {
	color:#333; padding:5px;
}
.miso-post-slider .post-talkbox .img-content p {
	padding:0; margin:4px 0 0;
}
.miso-post-slider .post-talkbox .talk-bubble {
	padding:10px;
}
.miso-post-slider .post-talkbox .talker-one {
	line-height:50px;
}
.miso-post-slider .post-talkbox .talker-one b {
	color:#000;
}
.miso-post-slider .post-talkbox .talker-one .talker-photo {
	margin-right:12px;
}

/*-------------------------------------------------------*/
/* .post-sp
/*-------------------------------------------------------*/
.miso-post-slider .post-sp {
	margin-bottom:0 !important;
}
.miso-post-slider .post-sp .pull-right { 
	color:#888;
}
.miso-post-slider .post-sp .sp-row { 
	margin:0 -5px; 
}
.miso-post-slider .post-sp .sp-col { 
	padding:0 5px;
}
.miso-post-slider .post-sp .sp-subj { 
	padding:10px 0px 6px;
	border-bottom:1px solid #ddd; 
	margin-bottom:10px;
}
.miso-post-slider .post-sp.post-sp3 .item-box {
	margin-bottom:8px !important;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
.miso-post-slider .post-sp.post-sp3 .img-bg { 
	width:120px;
}
.miso-post-slider .post-sp.post-sp3 .img-content {
	padding-left:12px;
}
.miso-post-slider .post-sp.post-sp3 .img-content p {
	padding:0; margin:4px 0; color:#888;
}


/* /thema/Miso-Simple/widget/miso-outlogin/widget.css */


.miso-outlogin label { line-height:12px; font-weight: normal; cursor: pointer; }
.miso-outlogin label input { padding:0; margin:0; }
.miso-outlogin .profile .photo { margin-right:12px; }
.miso-outlogin .profile .photo img { width:60px; height:60px; border-radius: 50%; border:0; }
.miso-outlogin .profile h3 { font-size:18px; line-height:32px; padding:0px; margin:0px; letter-spacing:-1px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.miso-outlogin .login-line { border-top:1px solid #eee; margin:5px 0px 7px; padding-top:6px; }
.miso-outlogin .form-group { margin-bottom:10px; }
.miso-outlogin .progress { position:relative; }
.miso-outlogin .comment-progress.is-zero { background-color:#f7f5fb; box-shadow:inset 0 0 0 1px rgba(95, 0, 255, 0.05); }
.miso-outlogin .daily-point-progress.is-zero { background-color:#f3f8f6; box-shadow:inset 0 0 0 1px rgba(0, 166, 125, 0.06); }
.miso-outlogin .progress-zero-helper { color:#a4a9b1; font-weight:400; line-height:18px; padding-top:3px; text-align:center; }
.miso-outlogin .daily-point-status { margin:10px 0; }
.miso-outlogin .daily-point-progress { margin:0; }
.miso-outlogin .daily-point-bar { background-color:#00a67d; }
.miso-outlogin .daily-point-summary { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; color:#777; line-height:18px; padding:5px 0 0; }
.miso-outlogin .daily-point-summary.is-zero-summary { color:#a4a9b1; font-weight:400; }
.miso-outlogin .daily-point-label, .miso-outlogin .daily-point-value { white-space:nowrap; word-break:keep-all; }
.miso-outlogin .daily-point-value { margin-left:auto; font-size:11px; text-align:right; }

/* /thema/Miso-Simple/widget/miso-left-menu/widget.css */


/* sidebar Box */
#leftmenu-box { top: 0px; width: 230px; height: 100%; background: #fff; }
#leftmenu-box .leftmenu-content { position:relative; padding:0; overflow:auto; overflow-x:hidden; height:100%; -webkit-overflow-scrolling:touch; }
#leftmenu-box .sidebar-head { position:absolute; top:0; left:-1px; width:281px; height:10px; z-index:10; }
#leftmenu-box .div-title-underline-thin { margin-bottom:8px; }
#leftmenu-box .sidebar-sns-login img { margin:5px 0px 0px; width:20%; float:left; }
#leftmenu-box .sidebar-icon-tbl { display:table; width:100%; table-layout:fixed; }
#leftmenu-box .sidebar-icon-cell { display:table-cell;	text-align:center; vertical-align:top; padding:0px 0px 10px; }
#leftmenu-box .sidebar-icon-cell span { display:block; font-size:12px; letter-spacing:-1px; margin-top:6px; }
#leftmenu-box-mask { display:none; position:fixed; z-index:99997; background:rgba(0,0,0,0.75); left:0; top:0; width:100%; height:100%; }

#leftmenu-box .leftmenu { margin:0px; border-top:1px solid #eee; }
#leftmenu-box .leftmenu a { display:block; }
#leftmenu-box .leftmenu .panel { background: none; margin-top:0px; line-height:24px; }
#leftmenu-box .leftmenu .ca-head { padding: 0px; border-bottom:1px solid #eee; }
#leftmenu-box .leftmenu .ca-head > a { padding: 4px 15px; }
#leftmenu-box .leftmenu .ca-head.active > a { font-weight:bold !important; color: crimson !important; }
#leftmenu-box .leftmenu .ca-head > a.no-sub::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
#leftmenu-box .leftmenu .ca-head > a > .ca-href { display:inline-block; width:30px; cursor:pointer; }
#leftmenu-box .leftmenu .ca-head > a > .ca-href::after { top: 0px; float: right; position: relative; content: "+"; }
#leftmenu-box .leftmenu .ca-head.active > a > .ca-href::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "\f107"; }
#leftmenu-box .leftmenu .ca-sub { padding:0; margin:0; list-style:none; background: #fafafa; padding:0px; margin:0px; border-bottom:1px solid #eee }
#leftmenu-box .leftmenu .ca-sub li { padding:5px 25px; padding-right:12px; border-bottom:1px solid #eee; }
#leftmenu-box .leftmenu .ca-sub li:last-child { border-bottom:0px; }
#leftmenu-box .leftmenu .ca-sub li.on a { font-weight:bold !important; color: crimson !important; }
#leftmenu-box .leftmenu .ca-line { border:0px; background:#fff; font-weight:bold; }

#leftmenu-box .sidebar-search { border:1px solid #eee; background:#fafafa; padding:8px; margin-bottom:10px; }
#leftmenu-box .sidebar-search .row { margin-left:-3px; margin-right:-3px; }
#leftmenu-box .sidebar-search .row > div { padding-left:3px; padding-right:3px; }

#leftmenu-box .sidebar-media { border-bottom:1px solid #eee; margin:0px 0px 8px; padding:0px 0px 8px; line-height:20px; }
#leftmenu-box .sidebar-media .media-photo i { background:#eee; border-radius: 50%; padding: 8px; width: 40px; height: 40px; text-align: center; font-size: 22px; display: inline-block; }
#leftmenu-box .sidebar-media .media-photo img { border-radius: 50%; width: 40px !important; height: 40px !important; display:inline-block; }
#leftmenu-box .sidebar-media .media-info { font-size:12px; color:#888; }
#leftmenu-box .sidebar-media .media-info i { margin-left:10px; }

#leftmenu-box .sidebar-login label { line-height:12px !important; font-weight: normal; cursor: pointer; }
#leftmenu-box .sidebar-login .profile .photo { margin-right:12px; }
#leftmenu-box .sidebar-login .profile .photo img { width:60px; height:60px; border-radius: 50%; border:0; }
#leftmenu-box .sidebar-login .profile .photo i { width:60px; height:60px; font-size:30px; padding:15px 0px 0px; text-align:center; background:#ddd; color:#fff; border-radius: 50%; }
#leftmenu-box .sidebar-login .profile h3 { font-size:18px; line-height:32px; padding:0px; margin:0px; letter-spacing:-1px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
#leftmenu-box .sidebar-login .form-group { margin-bottom:10px; }

#leftmenu-box .sidebar-list { padding:0px; margin:0px; list-style:none; }
#leftmenu-box .sidebar-list a { display:block; padding:4px 15px; border-bottom:1px solid #eee; }
#leftmenu-box .sidebar-list.list-links a::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
#leftmenu-box .sidebar-list.list-links a.no-fa::after { content: ""; }

#leftmenu-box .progress { position:relative; border-radius: 0px; height: 28px; overflow: hidden; margin-bottom: 15px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); background-color: rgb(245, 245, 245); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
#leftmenu-box .progress .sr-only { margin: 0px 15px; left: 0px; width: auto; height: 28px; line-height: 28px; font-size: 12px; clip: auto; }
#leftmenu-box .sr-score { height: 28px; line-height: 28px; font-size: 12px; padding-right:8px; }
#leftmenu-box .sr-secret { display:inline-block; padding:0px; margin:0px; line-height:12px; vertical-align:middle; background-repeat: no-repeat; background-position: 0px 0px; width:12px; height:12px; background-image: url("/thema/Miso-Simple/widget/miso-left-menu/./img/icon_secret.gif"); }

#leftmenu-box .sidebar-wing { position:absolute; width:36px; z-index:1; text-align:center; }
#leftmenu-box .sidebar-wing-close { background:#fff; font-size: 18px; font-weight: 300 !important; width:36px; height:50px; line-height:50px !important; border:1px solid #ddd; cursor:pointer; }
#leftmenu-box .sidebar-wing-icon { width:34px; }
#leftmenu-box .sidebar-wing-icon a { display:block; }
#leftmenu-box .sidebar-wing-btn { position:relative; display:block; font-size: 18px; height:40px; line-height:40px !important; }
#leftmenu-box .sidebar-wing-label { position:absolute; top:0; right:0; z-index:2; width:18px; height:18px; line-height:18px !important; font-size:11px; text-align:center; letter-spacing:-1px; }
#leftmenu-box .sidebar-wing-icon .sidebar-scrollup { display:none; }

@media (min-width: 481px) {
	#leftmenu-box { right: -320px;  }
	#leftmenu-box .sidebar-wing { left:0; margin-left:-35px; }
	#leftmenu-box .sidebar-wing-close { border-right:0px; }
}
@media (max-width: 480px) {
	#leftmenu-box { left: -320px; border-right:1px solid #ddd; margin-right:40px; }
	#leftmenu-box .sidebar-wing { right:0; margin-right:-35px; }
	#leftmenu-box .sidebar-wing-close { border-left:0px; }
}

/* sidebar Button */
#sidebar-btn { position:fixed; z-index:99997; }
#sidebar-btn ul { padding:0px; margin:0px; list-style:none; }
#sidebar-btn ul > li > a,
#sidebar-btn .sidebar-btn-box { position:relative; display:block; text-align:center; }
#sidebar-btn .sidebar-btn { position:relative; display:inline-block; text-align:center;	border-radius:50%; width:36px; height:36px;	line-height:36px !important; font-size:19px; }
#sidebar-btn .sidebar-btn-label { position:absolute; border-radius: 50%; width:18px;	height:18px; line-height:18px !important; font-size:11px; text-align:center; padding-right:1px; letter-spacing:-1px; }

@media (min-width: 1201px) {
	#leftmenu-box { padding-bottom:0px; }
	#leftmenu-box .sidebar-wing { top:20%; }
	#leftmenu-box .sidebar-wing-icon { border-right:0px; display:block; }
	#sidebar-btn { top:25%; right:25px; }
	#sidebar-btn .sidebar-btn-box { width:42px; height:42px; line-height:48px !important; border-radius:50%; margin-bottom:7px; }
	#sidebar-btn .sidebar-btn-label { top:-4px; right:-4px; }
	#sidebar-btn .sidebar-scrollup { display:none; }
}
@media (max-width: 1200px) {
	#leftmenu-box { padding-bottom:40px; }
	#leftmenu-box .sidebar-wing { top:35%; }
	#leftmenu-box .sidebar-wing-icon { display:none; }
	#sidebar-btn { left:0px; bottom:0px; z-index:99999; }
	#sidebar-btn ul > li { display:table-cell; width:1%; }
	#sidebar-btn .sidebar-btn { margin-top:4px; }
	#sidebar-btn .sidebar-btn-label { top:0px; right:0px; }
	body { padding-bottom:40px; }
	.at-go { display:none; }
}

/* /thema/Miso-Simple/widget/miso-post/widget.css */


/*-------------------------------------------------------*/
/* ����
/*-------------------------------------------------------*/
.is-pc .ko .miso-post .font-13 { 
	font-size:12px;
}
.miso-post .post { 
	padding:0; margin-left:0; margin-top:0; overflow:hidden;
}
.miso-post .item { 
	float:left; list-style:none; padding:0; margin:0;
}
.miso-post .count { 
	color:orangered;
}
.miso-post .ellipsis-line {
	width:100%;	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; 
} 
.miso-post #infscr-loading { 
	background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; 
}
.miso-post .more-post { 
	text-align:center; margin:15px 0px 0px; 
}
.miso-post .more-post a { 
	color:#ddd; font-size:50px; line-height:50px;
}
.miso-post.is-circle .img-box,
.miso-post.is-circle .img-item {
	border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.miso-post.is-circle .label-cap {
	display:none;
}
.miso-post .post-hover .img-content { 
	padding:10px; position: absolute; left: 0; bottom:0; width: 100%; height:100%; color:#fff;
	transition:transform 0.4s, opacity 0.1s 0.3s; 
	opacity: 0; 
	transform: translateY(100%); 
	-o-transition: -o-transform .4s, opacity .1s .3s; 
	-moz-transition: -moz-transform .4s, opacity .1s .3s; 
	-webkit-transition: -webkit-transform .4s, opacity .1s .3s; 
	-webkit-transform: translateY(100%); 
	-moz-transform: translateY(100%); 
	-o-transform: translateY(100%); 
}
.miso-post .post-hover .item-box:hover .img-content {
	transition:transform 0.4s, opacity 0.1s; 
	opacity: 1; 
	transform: translateY(0px); 
	-o-transition: -o-transform .4s, opacity .1s;
	-moz-transition: -moz-transform .4s, opacity .1s;
	-webkit-transition: -webkit-transform .4s, opacity .1s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
}
.miso-post .img-photo i,
.miso-post .img-photo img {
    width: 44px; height: 44px; vertical-align:middle; line-height: 44px; font-size: 24px; text-align: center; background-color: #ddd; color: #fff;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.miso-post .img-bg {
	background-size: cover !important; background-position: center center !important; 
}
.miso-post .img-box {
	position:relative; padding:0; height:0; overflow:hidden; width:100%;
}
.miso-post .img-item,
.miso-post .img-layer {
	position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow:hidden;
}
.miso-post.is-masonry .img-box {
	height:auto; max-height:400px;
}
.miso-post.is-masonry .img-item {
	position:relative; height:auto;
}
.miso-post.is-masonry .img-item .img-masonry {
	display:block; width:100%; border:0;
}
.miso-post .img-trans { 
	opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); 
}
.miso-post .img-tbl { 
	position:relative; z-index:1; display:table; width:100%; height:100%; table-layout:fixed; margin:0; border-collapse: collapse;
}
.miso-post .img-cell { 
	display:table-cell; vertical-align:middle;
}
.miso-post .img-content {
	position:relative; z-index:1;
}
.miso-post .img-lock { 
	display:inline-block; width:12px; height:12px; background: url("/thema/Miso-Simple/widget/miso-post/./img/lock.gif") no-repeat; vertical-align:middle; text-indent: -9999px; overflow:hidden;
}
.miso-post .in-right.rank-icon { 
	margin-right:0; font-family:arial; letter-spacing:0; z-index:3;
}

/* opacity */
.miso-post .img-opa-bg { 
	background-color:#000;
}
/* �������� �ּ� Ǯ�� �ּ���.
.miso-post .img-opa10 { 
	opacity:0.1; -webkit-opacity:0.1; -moz-opacity:0.1; -khtml-opacity:0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); 
}
.miso-post .img-opa20 { 
	opacity:0.2; -webkit-opacity:0.2; -moz-opacity:0.2; -khtml-opacity:0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); 
}
.miso-post .img-opa30 { 
	opacity:0.3; -webkit-opacity:0.3; -moz-opacity:0.3; -khtml-opacity:0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); 
}
.miso-post .img-opa40 { 
	opacity:0.4; -webkit-opacity:0.4; -moz-opacity:0.4; -khtml-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); 
}
.miso-post .img-opa50 { 
	opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); 
}
.miso-post .img-opa60 { 
	opacity:0.6; -webkit-opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); 
}
.miso-post .img-opa70 { 
	opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); 
}
.miso-post .img-opa80 { 
	opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); 
}
*/

/* raster */
/* �������� �ּ� Ǯ�� �ּ���.
.miso-post .img-raster1 {
	background-image: url('./img/raster-1.png');
}
.miso-post .img-raster2 {
	background-image: url('./img/raster-2.png');
}
.miso-post .img-raster3 {
	background-image: url('./img/raster-3.png');
}
.miso-post .img-raster4 {
	background-image: url('./img/raster-4.png');
}
.miso-post .img-raster5 {
	background-image: url('./img/raster-5.png');
}
*/

/* color */
.miso-post .bg-1,
.miso-post .bg-h1:hover { 
	background-color:#eb5451; border-color:#eb5451; color:#fff; /* red */
}
.miso-post .bg-2,
.miso-post .bg-h2:hover {
	background-color:#756fad; border-color:#756fad; color:#fff; /* purple */
}
.miso-post .bg-3,
.miso-post .bg-h3:hover {	
	background-color:#0092e0; border-color:#0092e0; color:#fff; /* blue */
}
.miso-post .bg-4,
.miso-post .bg-h4:hover {
	background-color:#4c6187; border-color:#4c6187; color:#fff; /* navy */
}
.miso-post .bg-5,
.miso-post .bg-h5:hover { 
	background-color:#8cc346; border-color:#8cc346; color:#fff; /* green */
}
.miso-post .bg-6,
.miso-post .bg-h6:hover { 
	background-color:#5d588f; border-color:#5d588f; color:#fff; /* deeppurple */
}
.miso-post .bg-7,
.miso-post .bg-h7:hover { 
	background-color:#71757e; border-color:#71757e; color:#fff; /* gray */
}
.miso-post .bg-8,
.miso-post .bg-h8:hover { 
	background-color:#d82c29; border-color:#d82c29; color:#fff; /* deepred */
}
.miso-post .bg-9,
.miso-post .bg-h9:hover { 
	background-color:#12cebd; border-color:#12cebd; color:#fff; /* mint */
}
.miso-post .bg-0,
.miso-post .bg-h0:hover { 
	background-color:#21a6ed; border-color:#21a6ed; color:#fff; /* lightblue */
}

/*-------------------------------------------------------*/
/* .post-list
/*-------------------------------------------------------*/
.miso-post .post-list.post-margin,
.miso-post .post-list.post-margin .item-box {
	margin-bottom:0 !important;
}
.miso-post .post-list .pull-right {
	color:#888;
}
.miso-post .post-list .img-tbl { 
	color:#888;
}
.miso-post .post-list .img-tbl p { 
	padding:0; margin:0; 
}
.miso-post .post-list .img-photo {
	width:54px; vertical-align:top;
}

/*-------------------------------------------------------*/
/* .post-img
/*-------------------------------------------------------*/
.miso-post .post-img .img-cell { 
	text-align:center; padding:10px 15px;
}
.miso-post .post-img .img-photo { 
	display:inline-block; margin:0 auto;
}
.miso-post .post-img .img-photo i,
.miso-post .post-img .img-photo img {
	border:2px solid #fff; width:50px; height:50px; line-height:50px; font-size:28px;
}
.miso-post .post-img .img-photo i {
	margin-bottom:6px;
}
.miso-post .post-img .img-cell p {
	padding:0; margin:2px 0;
}
.miso-post .post-img .img-content p { 
	padding:0; margin:0;
}

/*-------------------------------------------------------*/
/* .post-caption
/*-------------------------------------------------------*/
.miso-post .post-caption .img-cell { 
	vertical-align:bottom; text-align:center;
}
.miso-post.is-circle .post-caption .img-cell { 
	vertical-align:middle;
}
.miso-post .post-caption .img-content { 
	padding:8px 10px; color:#fff; background-color:rgba(0,0,0,0.6);
}
.miso-post.is-masonry .post-caption .img-content { 
	position:absolute; left:0; bottom:0; width:100%; z-index:1;
}
.miso-post .post-caption .img-content p { 
	padding:0; margin:0;
}

/*-------------------------------------------------------*/
/* .post-gallery
/*-------------------------------------------------------*/
.miso-post.is-box .post-gallery .item-box { 
	background-color:#fff;
}
.miso-post .post-gallery .img-content { 
	padding:10px; text-align:center;
}
.miso-post .post-gallery .img-content p { 
	color:#888; padding:0; margin:0; line-height:20px;
}

/*-------------------------------------------------------*/
/* .post-blog
/*-------------------------------------------------------*/
.miso-post.is-box .post-blog .item-box { 
	background-color:#fff;
}
.miso-post .post-blog .img-content { 
	padding:10px;
}
.miso-post .post-blog .img-content p { 
	padding:0; margin:0; color:#888;
}
.miso-post .post-blog .img-photo {
	width:54px; vertical-align:top;
}
.miso-post .post-blog .img-desc {
	margin:8px 0 0; color:#888;
}


/*-------------------------------------------------------*/
/* .post-webzine
/*-------------------------------------------------------*/
.miso-post .post-webzine .img-bg { 
	width:120px;
}
.miso-post .post-webzine .img-content {
	padding-left:12px;
}
.miso-post .post-webzine .img-content p {
	padding:0; margin:4px 0; color:#888;
}

/*-------------------------------------------------------*/
/* .post-talkbox
/*-------------------------------------------------------*/
.miso-post .post-talkbox .img-content {
	color:#333; padding:5px;
}
.miso-post .post-talkbox .img-content p {
	padding:0; margin:4px 0 0;
}
.miso-post .post-talkbox .talk-bubble {
	padding:10px;
}
.miso-post .post-talkbox .talker-one {
	line-height:50px;
}
.miso-post .post-talkbox .talker-one b {
	color:#000;
}
.miso-post .post-talkbox .talker-one .talker-photo {
	margin-right:12px;
}

/*-------------------------------------------------------*/
/* .post-sp
/*-------------------------------------------------------*/
.miso-post .post-sp {
	margin-bottom:0 !important;
}
.miso-post .post-sp .pull-right { 
	color:#888;
}
.miso-post .post-sp .sp-row { 
	margin:0 -5px; 
}
.miso-post .post-sp .sp-col { 
	padding:0 5px;
}
.miso-post .post-sp .sp-subj { 
	padding:10px 0px 6px;
	border-bottom:1px solid #ddd; 
	margin-bottom:10px;
}
.miso-post .post-sp.post-sp3 .item-content {
	margin-bottom:8px !important;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
.miso-post .post-sp.post-sp3 .img-bg { 
	width:120px;
}
.miso-post .post-sp.post-sp3 .img-content {
	padding-left:12px;
}
.miso-post .post-sp.post-sp3 .img-content p {
	padding:0; margin:4px 0; color:#888;
}


/* /thema/Miso-Simple/widget/miso-sidebar/widget.css */


/* sidebar Box */
#sidebar-box { top: 0px; width: 280px; height: 100%; position: fixed; z-index:99998; background: #fff; }
#sidebar-box .sidebar-content { position:relative; padding:0px 15px; overflow:auto; overflow-x:hidden; height:100%; -webkit-overflow-scrolling:touch; }
#sidebar-box .sidebar-head { position:absolute; top:0; left:-1px; width:281px; height:10px; z-index:10; }
#sidebar-box .div-title-underline-thin { margin-bottom:8px; }
#sidebar-box .sidebar-sns-login img { margin:5px 0px 0px; width:20%; float:left; }
#sidebar-box .sidebar-icon-tbl { display:table; width:100%; table-layout:fixed; }
#sidebar-box .sidebar-icon-cell { display:table-cell;	text-align:center; vertical-align:top; padding:0px 0px 10px; }
#sidebar-box .sidebar-icon-cell span { display:block; font-size:12px; letter-spacing:-1px; margin-top:6px; }
#sidebar-box-mask { display:none; position:fixed; z-index:99997; background:rgba(0,0,0,0.75); left:0; top:0; width:100%; height:100%; }

#sidebar-box .sidebar-menu { margin:0px; border-top:1px solid #eee; }
#sidebar-box .sidebar-menu a { display:block; }
#sidebar-box .sidebar-menu .panel { background: none; margin-top:0px; line-height:24px; }
#sidebar-box .sidebar-menu .ca-head { padding: 0px; border-bottom:1px solid #eee; }
#sidebar-box .sidebar-menu .ca-head > a { padding: 4px 15px; }
#sidebar-box .sidebar-menu .ca-head.active > a { font-weight:bold !important; color: crimson !important; }
#sidebar-box .sidebar-menu .ca-head > a.no-sub::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
#sidebar-box .sidebar-menu .ca-head > a > .ca-href { display:inline-block; width:30px; cursor:pointer; }
#sidebar-box .sidebar-menu .ca-head > a > .ca-href::after { top: 0px; float: right; position: relative; content: "+"; }
#sidebar-box .sidebar-menu .ca-head.active > a > .ca-href::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "\f107"; }
#sidebar-box .sidebar-menu .ca-sub { padding:0; margin:0; list-style:none; background: #fafafa; padding:0px; margin:0px; border-bottom:1px solid #eee }
#sidebar-box .sidebar-menu .ca-sub li { padding:5px 25px; padding-right:12px; border-bottom:1px solid #eee; }
#sidebar-box .sidebar-menu .ca-sub li:last-child { border-bottom:0px; }
#sidebar-box .sidebar-menu .ca-sub li.on a { font-weight:bold !important; color: crimson !important; }
#sidebar-box .sidebar-menu .ca-line { border:0px; background:#fff; font-weight:bold; }

#sidebar-box .sidebar-search { border:1px solid #eee; background:#fafafa; padding:8px; margin-bottom:10px; }
#sidebar-box .sidebar-search .row { margin-left:-3px; margin-right:-3px; }
#sidebar-box .sidebar-search .row > div { padding-left:3px; padding-right:3px; }

#sidebar-box .sidebar-media { border-bottom:1px solid #eee; margin:0px 0px 8px; padding:0px 0px 8px; line-height:20px; }
#sidebar-box .sidebar-media .media-photo i { background:#eee; border-radius: 50%; padding: 8px; width: 40px; height: 40px; text-align: center; font-size: 22px; display: inline-block; }
#sidebar-box .sidebar-media .media-photo img { border-radius: 50%; width: 40px !important; height: 40px !important; display:inline-block; }
#sidebar-box .sidebar-media .media-info { font-size:12px; color:#888; }
#sidebar-box .sidebar-media .media-info i { margin-left:10px; }

#sidebar-box .sidebar-login label { line-height:12px !important; font-weight: normal; cursor: pointer; }
#sidebar-box .sidebar-login .profile .photo { margin-right:12px; }
#sidebar-box .sidebar-login .profile .photo img { width:60px; height:60px; border-radius: 50%; border:0; }
#sidebar-box .sidebar-login .profile .photo i { width:60px; height:60px; font-size:30px; padding:15px 0px 0px; text-align:center; background:#ddd; color:#fff; border-radius: 50%; }
#sidebar-box .sidebar-login .profile h3 { font-size:18px; line-height:32px; padding:0px; margin:0px; letter-spacing:-1px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
#sidebar-box .sidebar-login .form-group { margin-bottom:10px; }
#sidebar-box .progress.daily-point-progress { height:14px; margin:10px 0 0; }
#sidebar-box .daily-point-bar { background-color:#00a67d; }
#sidebar-box .daily-point-summary { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; color:#777; line-height:18px; padding:5px 0 8px; }
#sidebar-box .daily-point-label, #sidebar-box .daily-point-value { white-space:nowrap; word-break:keep-all; }
#sidebar-box .daily-point-value { margin-left:auto; font-size:11px; text-align:right; }
#sidebar-box .comment-progress.is-zero { background-color:#f7f5fb; box-shadow:inset 0 0 0 1px rgba(95, 0, 255, 0.05); }
#sidebar-box .daily-point-progress.is-zero { background-color:#f3f8f6; box-shadow:inset 0 0 0 1px rgba(0, 166, 125, 0.06); }
#sidebar-box .is-zero-summary { color:#a4a9b1; font-weight:400; }

#sidebar-box .sidebar-list { padding:0px; margin:0px; list-style:none; }
#sidebar-box .sidebar-list a { display:block; padding:4px 15px; border-bottom:1px solid #eee; }
#sidebar-box .sidebar-list.list-links a::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
#sidebar-box .sidebar-list.list-links a.no-fa::after { content: ""; }

#sidebar-box .progress { position:relative; border-radius: 0px; height: 28px; overflow: hidden; margin-bottom: 15px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); background-color: rgb(245, 245, 245); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
#sidebar-box .progress .sr-only { margin: 0px 15px; left: 0px; width: auto; height: 28px; line-height: 28px; font-size: 12px; clip: auto; }
#sidebar-box .sr-score { height: 28px; line-height: 28px; font-size: 12px; padding-right:8px; }
#sidebar-box .sr-secret { display:inline-block; padding:0px; margin:0px; line-height:12px; vertical-align:middle; background-repeat: no-repeat; background-position: 0px 0px; width:12px; height:12px; background-image: url("/thema/Miso-Simple/widget/miso-sidebar/./img/icon_secret.gif"); }

#sidebar-box .sidebar-wing { position:absolute; width:36px; z-index:1; text-align:center; }
#sidebar-box .sidebar-wing-close { background:#fff; font-size: 18px; font-weight: 300 !important; width:36px; height:50px; line-height:50px !important; border:1px solid #ddd; cursor:pointer; }
#sidebar-box .sidebar-wing-icon { width:34px; }
#sidebar-box .sidebar-wing-icon a { display:block; }
#sidebar-box .sidebar-wing-btn { position:relative; display:block; font-size: 18px; height:40px; line-height:40px !important; }
#sidebar-box .sidebar-wing-label { position:absolute; top:0; right:0; z-index:2; width:18px; height:18px; line-height:18px !important; font-size:11px; text-align:center; letter-spacing:-1px; }
#sidebar-box .sidebar-wing-icon .sidebar-scrollup { display:none; }

@media (min-width: 481px) {
	#sidebar-box { right: -320px; border-left:1px solid #ddd; margin-left:40px; }
	#sidebar-box .sidebar-wing { left:0; margin-left:-35px; }
	#sidebar-box .sidebar-wing-close { border-right:0px; }
}
@media (max-width: 480px) {
	#sidebar-box { left: -320px; border-right:1px solid #ddd; margin-right:40px; }
	#sidebar-box .sidebar-wing { right:0; margin-right:-35px; }
	#sidebar-box .sidebar-wing-close { border-left:0px; }
}

/* sidebar Button */
#sidebar-btn { position:fixed; z-index:99997; }
#sidebar-btn ul { padding:0px; margin:0px; list-style:none; }
#sidebar-btn ul > li > a,
#sidebar-btn .sidebar-btn-box { position:relative; display:block; text-align:center; }
#sidebar-btn .sidebar-btn { position:relative; display:inline-block; text-align:center;	border-radius:50%; width:36px; height:36px;	line-height:36px !important; font-size:19px; }
#sidebar-btn .sidebar-btn-label { position:absolute; border-radius: 50%; width:18px;	height:18px; line-height:18px !important; font-size:11px; text-align:center; padding-right:1px; letter-spacing:-1px; }

@media (min-width: 1201px) {
	#sidebar-box { padding-bottom:0px; }
	#sidebar-box .sidebar-wing { top:20%; }
	#sidebar-box .sidebar-wing-icon { border-right:0px; display:block; }
	#sidebar-btn { top:25%; right:25px; }
	#sidebar-btn .sidebar-btn-box { width:42px; height:42px; line-height:48px !important; border-radius:50%; margin-bottom:7px; }
	#sidebar-btn .sidebar-btn-label { top:-4px; right:-4px; }
	#sidebar-btn .sidebar-scrollup { display:none; }
}
@media (max-width: 1200px) {
	#sidebar-box { padding-bottom:40px; }
	#sidebar-box .sidebar-wing { top:35%; }
	#sidebar-box .sidebar-wing-icon { display:none; }
	#sidebar-btn { left:0px; bottom:0px; z-index:99999; }
	#sidebar-btn ul > li { display:table-cell; width:1%; }
	#sidebar-btn .sidebar-btn { margin-top:4px; }
	#sidebar-btn .sidebar-btn-label { top:0px; right:0px; }
	body { padding-bottom:40px; }
	.at-go { display:none; }
}