/**
<576px	sm 
≥576px	md
≥768px	lg
≥992px	xl
≥1200px	xxl
≥1400px
*/
 
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Monoton&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap');
@import url('../fonts/style.css');

 html {
    /*font-size:16px !important;*/
	font-size: calc(16px + (4 * ((100vw - 1450px) / (1450 - 360))));
	/*font-size: calc(16px + 0.15vw);*/
  }
  
@media screen and (min-width: 1451px) {
  html {
    font-size: 16px;
  }
}

@media screen and (max-width: 360) {
  html {
    font-size: 12px;
  }
}

body {
  font-family: 'Pretendard','Noto Sans KR', sans-serif;
  color: #000000;
  font-weight:300;
  font-size:1em;  
}

a {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: #000000;
  text-decoration: none;
}


ul{list-style:none;margin:0;padding:0;}

a,select,input[type=text],input[type=password],button{vertical-align:middle;}

h1, h2, h3, h4, h5, h6 {
  
}

input[type=password] {
font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif ;
}
 
 
input::placeholder,select::placeholder {
   color: #adadad!important;
}
textarea::placeholder {
	color: #adadad!important;
}

.sound_only{display: none;}

.wrap{min-width:360px;}

main{
	position: relative;
    overflow: hidden;
	width:100%;min-width:360px;
}
main .container{
position: relative;
min-width:360px; 
}
main .m-container{
min-height:500px;
}


@media (min-width: 576px) {
	main{
		min-height:400px;
	}
}
@media (min-width: 768px) {
	main{
		min-height:500px;
        padding:0 30px;
	}
}
@media (min-width: 992px) {
	main{
		min-height:700px;
        padding:0 50px;
	}
}
@media (min-width: 1200px) {
	main.full .m-container,main.full .h-container{max-width:100% !important;}
    main{padding:0 60px;}
}
@media (min-width: 1400px) {	
    main{padding:0 70px;}
}
@media (min-width: 1600px) {	
    main{padding:0 80px;}
}
@media (min-width: 1900px) {	
    main{padding:0 90px;}
}
main.narrow .container{
	max-width:1000px;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #0d6efd;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.katok-btn {
  position: fixed; 
  display: inline-block;
  right: 15px;
  bottom: 65px;
  z-index: 996;
  width: 60px;
  transition: all 0.4s;
}
.katok-btn img{
width:100%;
}
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #0d6efd;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #00c27b;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
	position: relative;		
	transition: all 0.5s;	
	background: rgba(255,255,255,0.8);
	/*border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
	transition: all 0.5s esing-out;
}
#header:hover {	
	background: rgba(255,255,255,0.8);
}
.sub-wrap #header{	
	background:#616161;
	position: relative;	
}

#header.header-scrolled, #header.header-inner-pages {
  /*background: rgba(40, 40, 40, 0.9);*/
}
#header > div {
  max-width:1450px;
}
#header .logo {  
  margin: 0;
  padding: 0;
  line-height: 3rem;
  letter-spacing: 0.5px;
  font-size:3.2rem;
  font-weight:200;
  font-family:'Monoton';
  word-break: keep-all;
  white-space: nowrap;
}

#header .logo img {
  max-height: 4rem;
}


#header .sub-menu {position:absolute;top:2.4rem;left:50%;display:none;min-width:210px;transform: translateX(-50%);overflow: hidden; 
 z-index:3; 
 padding:14px 0;margin:0;}
 
#header .sub-menu .arrow-up {
	position:absolute;
	width:10px;
	height:10px;
	top:0.6rem;
	left:50%;
	transform: translateX(-50%);
	z-index:2;
	background: #fff;
}
#header .sub-menu .arrow-up:after {
    content: '';
    position: absolute;
    width: 86%;
    height: 86%;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
    border-top: 1px solid #dfdfdf; 
    border-right: 1px solid #dfdfdf; 
	z-index:2;
}
#header .sub-menu .sub-menu-cont{position:relative;overflow:hidden;
border:1px solid #dfdfdf;border-radius:3px;background: #fff;float:none;z-index:1;margin:0; padding:0;}
#header .sub-menu ul{position:relative;overflow:hidden;
float:none;list-style: none;margin:0; padding:0.8rem;}

#header .sub-menu li{display:block;width:100%;padding:0.2rem 0  0 1rem;}

#header .member-info {font-size:1rem;display:flex; position: relative;align-content: center;align-items: center;}
#header .member-info:hover .sub-menu {display:block;}

#header .win-memo, #header .win-note{position: relative;display:inline-block; border-radius:50%;border:1px solid #dfdfdf;
vertical-align: middle;width:2.4rem;height:2.4rem;line-height:2.2rem;text-align:center;}
#header .win-memo .badge ,#header .win-note .badge{position: absolute;top:-6px;right:-6px;}

#header .win-memo:hover .sub-menu {display:block;}
#header .win-memo ul.ajax-memo-list {width:100%;list-style: none;}
#header .win-memo ul.ajax-memo-list li{width:100%; text-align: 	left;padding:0 0.8rem ;line-height:1.4rem;overflow-x:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
#header .win-memo .win_memo{display:inline-block; border-radius:50%;width:100%;height:100%;}

#header .win-note{display:inline-block; border-radius:50%;border:1px solid #dfdfdf;vertical-align: middle;width:2.4rem;height:2.4rem;}
#header .win-note:hover .sub-menu {display:block;}
#header .win-note ul.ajax-alim-list {width:100%;list-style: none;}
#header .win-note ul.ajax-alim-list li{width:100%; text-align: 	left;padding:0 0.8rem ;line-height:1.4rem;overflow-x:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}

#header .adm_btn{display:inline-block; border-radius:50%;vertical-align: middle;width:2.4rem;height:2.4rem;line-height:2.4;text-align:center;}

.pf-img{display:inline-block; badckground-repeat:no-repeat;background-size:cover !important; 
border-radius:50%;border:1px solid #dfdfdf;vertical-align: middle;width:2.4rem;height:2.4rem;margin-right:5px;}



@media (max-width: 991px) {
	#header .logo img {
	  max-height: 2.2rem;
	}
	#header .logo  {
	  font-size:2.6rem;
	}
}

@media (max-width: 767px) {
	#header .logo img {
	  max-height: 2rem;
	}
	#header .logo  {
	  font-size:2rem;
	}
}

#header .swiper-button-next, #header  .swiper-button-prev {
    width:90px !important;
    z-index: 10;
    color: #000 !important;
	text-align:center;
	line-height:24px;
}
#header .swiper-button-prev{
    left: 0px !important;
	background:linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%) !important;
}

#header .swiper-button-next{	
    right: 0px !important;
	background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%) !important;
}

#header .swiper-button-next:after, #header .swiper-button-prev:after {    
	position: absolute;
	top:50%;
	transform: translateY(-50%);
    font-size: 18px !important;
	font-weight:800;
	
}
#header .swiper-button-next:after {    
	right:10%;
}
#header .swiper-button-prev:after {    
	left:10%;
}

#header .swiper-button-next.swiper-button-disabled, #header .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
	display: none !important;
}
#header .vt {
	display: inline-block;
    height:0.8rem;
    width:1px;
	border-left:1px solid #888888; 
}
/*--------------------------------------------------------------
# searchbox
--------------------------------------------------------------*/
#searchBox{position:absolute;top:-3px;right:0;text-align: center;width:100%;height:0;background:#fff;  border-bottom:2px solid #adadad;overflow: hidden;z-index:2;}
#searchBox form{position: relative;display: inline-block;width:100%;max-width:1450px;margin:0 auto; height:4rem;}
#searchBox input[type=text]{border:0; outline:0!important; width:calc(100% - 3rem - 1rem);padding:0 ;margin:-1px 0 0 -1px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	font-size:1.1rem;
	line-height:4rem;;
	outline-style: none;
	box-shadow: none;
	border-color: transparent;
	zoom: 1;
}

#searchBox input:focus, #searchBox input:active{
	border:0; 
	outline: 0!important;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	outline-style: none;
	box-shadow: none;
	border-color: transparent;
}
#searchBox .form-control:focus {
 border:0; 
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#searchBox button[type=submit]{position: absolute; top:50%;right:10px;transform: translateY(-50%);border:none;outline: none!important;padding:0;margin:0;
width:3rem;height:2rem;line-height:2.2rem;background: transparent;z-index:1;}
#searchBox button[type=button]{position: absolute; top:50%;left:10px;transform: translateY(-50%);border:none;outline: none!important;padding:0;margin:0;
width:3rem;height:2rem;line-height:2.2rem;background: transparent;z-index:1;}
#searchBox button[type=submit] span{font-size:2rem;color:#ff0000;}
#searchBox button[type=button] span{font-size:2rem;color:#898989;}

#searchBoxBtn {width:2.5rem; height:2.5rem;}
#searchBoxBtn span{line-height:2.5rem;}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
  position: relative;
}
.navbar ul {
  position: relative;
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;    
  justify-content: space-between; 
  overflow:hidden;  
  
}


.navbar li {
  position: relative;
}
.navbar > ul > li {
  position: relative;
  white-space: nowrap;
  margin: 0; 
  padding:0.5rem 0;
  text-align: center;  
}

.navbar > ul > li > span {
  display: inline-block;
  position: absolute;
  top:50%;
  margin-top:-10px;  
  right:0;
  border-right:1px solid #adadad;
  height:20px;
  
}
.navbar > ul > li:last-child > span {
  display: none;  
}

.navbar.static > ul {
	width:100%;
}

.navbar.static >  ul > li {
	 flex-grow: 1;
}

.navbar li > a, .navbar  li >  a:focus {
  width:100%;
  padding: 0;  
  height:2rem;
  line-height:2rem;
  font-size: 1.1rem;
  font-weight: 400;
  text-align: center;
  color: #000; ;
  white-space: nowrap;
  transition: 0.1s;
  position: relative;
  text-align: center;
}

.navbar  li > a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
  color: #006699;
  font-weight: 500;  
}
.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-top: 2px solid #0d6efd;
}
.navbar .dropdown ul li {
  min-width: 200px;
}
.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
  color: #282828;
}
.navbar .dropdown ul a i {
  font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #0d6efd;
}
.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}




/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  font-size:  2.6rem;
  cursor: pointer;
  display: none;
  transition: 0.5s;
}

@media (max-width: 991px) {
	.mobile-nav-toggle {		
		font-size: 2.4rem;
		font-weight: 600;
		
	}
	.mobile-nav-toggle:hover {
		color: #545454;
		
	}
}

.mobile-nav .member-info{border-bottom:1px solid #ddd;padding:20px 0 20px 20px;}
.mobile-nav .member-info-on{border-bottom:none;padding:20px 0 2px 20px;}

.mobile-nav .member-info .member-img div{width:40px;height:40px;border-radius:50%;overflow:hidden;}
.mobile-nav .member-info .member-img img{width:100%;}
.mobile-nav .member-info .member-img .torso {font-size:40px;color:#adadad;}
.mobile-nav .member-info p.name {margin-top:20px;line-height:1.4em;color:#9a9a9a;font-size:1rem;font-weight:normal;}
.mobile-nav .member-info p.email {line-height:1.4em;color:#9a9a9a;font-size:1rem;font-weight:normal;}
.mobile-nav .member-info p.login {margin-top:20px;line-height:1.4em;color:#9a9a9a;font-size:1rem;font-weight:normal;}
.mobile-nav .member-info p.btns {position:absolute;top:20px;right:20px;}

.mobile-nav-active .mobile-nav {
    right: 0;
	font-weight:normal;
}
.mobile-nav {
	display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    right: -80vw;
    width: 80vw;
    background: rgba(255, 255, 255, 1);
    transition: 0.4s;
}

.mobile-nav > ul > li{
	border-bottom:1px solid #777;	
}

.mobile-nav > ul > li a.active{
	color:#ff0000;
	font-weight:bold;
}

.mobile-nav > ul > li > ul{
	padding-left:25px;
	list-style: square;
}
.mobile-nav > ul > li > ul > li{
	border-bottom:1px solid #dfdfdf;
}
.mobile-nav > ul > li > ul > li:last-child{
	border-bottom:none;
}

.mobile-nav li a {
    font-size:1.2rem;
}
.mobile-nav * {
    margin: 0;
    list-style: none;
}
.mobile-nav .drop-down > a {
    padding-right: 35px;
}
.mobile-nav .drop-down > a > i {
    padding-left: 10px;
    position: absolute;
    right: 15px;
}

.mobile-nav .drop-down ul {    
    overflow: hidden;
	border-top:1px solid #777;	
}
.mobile-nav > ul > li > a {
    display: block;
    position: relative;   
    padding: 10px 20px;
}
.mobile-nav > ul > li > ul > li > a {
    display: block;
    position: relative;   
    padding: 5px 20px;
}

.mobile-nav-overly {
	display: block;	
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
	
    background: rgba(0,0, 0, 0.7);
    overflow: hidden;
    display: none;
	
}
.mobile-nav-overly i{
position:absolute;
font-size:36px;
color:#fff;
top:20px;left:20px;	
width:30px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #f7f7f7;
  border-top:1px solid #E2E2E2;
  color: #121212;
  text-align: center;
  padding: 0 0 1.5rem 0;
  margin-top:7rem;
}
#footer .menu1  {	
	padding:0.5rem 0;
}
#footer .menu1 a {
	font-size:1rem;
	color: #121212; 
	padding:0.5rem 0.5rem;
	word-break: keep-all;
	white-space: nowrap;
	font-weight:400;
}
#footer .menu1 .vt {
	display: inline-block;
    height:0.8rem;
    width:1px;
	border-left:1px solid #888888; 
}
#footer .copyright{
  border-top:1px solid #E4E4E4;
  padding:2rem 0 0 0;   
}

#footer .copyright .logo{
  height:3rem;
  opacity:0.5;
  /*
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
  */
}

#footer .copyright .copy {  
  font-size:0.925rem;
  vertical-align: middle;
}

#footer .copyright a {
	color: #121212;
	font-size:0.875rem;	
	line-height:1.2rem;
}
#footer .copyright .vt {
	display: inline-block;
    height:0.8rem;
    width:1px;
	border-left:1px solid #888888; 
}
#footer .copyright .logo img{
  display:none;  
}

#footer .copyright .txt{
  font-weight:200;
  text-align:left;
}
#footer .copyright .txt .license{
  display:none;  
}


/*--------------------------------------------------------------
# Footer - line
--------------------------------------------------------------*/
#footer.line-footer {
background:#fff;
  padding: 20px 0 20px 0;
  font-size:8px;
  font-weight:600;
  color:#000;
}




/*--------------------------------------------------------------
# 공통
--------------------------------------------------------------*/
.bodycont-900{
position:relative;
width:900px;
margin:0 auto;
}
.bodycont-1280{
position:relative;
width:1280px;
margin:0 auto;
}

.bodycont-1360{
position:relative;
width:1360px;
margin:0 auto;
}

.bodycont-1440{
position:relative;
width:1440px;
margin:0 auto;
}

.bodycont-1690{
position:relative;
width:1690px;
margin:0 auto;
}
.bodycont-1920{
position:relative;
width:1920px;
margin:0 auto;
}

.sub-tit{
font-size:1.9rem;
font-weight:600;
margin-bottom:2rem;
}
.sub-tit .info{
font-size:1.1rem;
font-weight:400;
}
.sub-tit .more{
font-size:1.6rem;
font-weight:600;
color:#E39D19;
margin-bottom:40px;
float:right;
}
.sub-tit2{
font-size:1.6rem;
font-weight:600;
margin-bottom:40px;
}
.sub-tit3{
font-size:1.3rem;
font-weight:500;
margin-bottom:1.2rem;
}
.sub-tit4{
font-size:1.2rem;
font-weight:500;
margin-bottom:0.5rem;
}

.sub-tit5{
font-size:1rem;
font-weight:500;
margin-bottom:0.5rem;
}

.profile-imgs{
display: inline-block;
position: relative;
border-radius:50%;
width:2.5rem;height:2.5rem;
overflow: hidden;
vertical-align:middle;
}
.profile-imgs img{
position: absolute;
top:50%;
left:50%;
width:100%;
height:auto;
transform: translate(-50%,-50%);
}
.profile-imgs.profile-xs{
width:1.5rem;height:1.5rem;
}
.profile-imgs.profile-sm{
width:2rem;height:2rem;
}
.profile-imgs.profile-lg{
width:4rem;height:4rem;
}


/*--------------------------------------------------------------
# INDEX
--------------------------------------------------------------*/
.mSwiper {
	position: relative;
	padding: 0;
	overflow: hidden;
	margin:0px;
}

.mSwiper li div{
    padding: 0px 1rem 1rem 1rem;
}
.mSwiper .bg {	   
	height:calc(100vw / 3.5); max-height:300px;
}
.mSwiper .swiper-button-next, .mSwiper .swiper-button-prev {   
    color: #fff;
}
.mSwiper .swiper-pagination-bullet-active {    
    background: #fff;
}


/*
section#mslide:before {
  content: "";
  background: #006699;
  opacity:0.4;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index:2;
}
*/
.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, 
.swiper-pagination-fraction {
    bottom: 20px!important;
}
@media (max-width: 991px) {	
    /*#mslide .swiper-slide {
      width: 75% !important;
    }
	
	section#mslide {
		width:98%;
		margin:0 auto;
	}
	section#mslide .swiper-wrapper {
      width: calc(100% + 0px);
	  margin-left:-25%;
    }
	*/
}

.m-banner-1{background: rgba(0,106,187,1.00);padding:1.5rem 4rem;}
.m-banner-1 > div{width:100%;max-width:1200px;margin:0 auto;}
.m-banner-1 .t1 {font-size:2rem;color:#fff;font-weight: 600;margin:0;}
.m-banner-1 .t2 {font-size:1.6rem;color:#fff;font-weight: 400;margin:0;}
.m-banner-1 a {display: inline-block;font-size:1.2rem;color:#fff;line-height: 3rem;border-radius: 1.5rem; padding:0 2rem;
border:2px solid #fff;}
.m-banner-1:hover  a{font-weight:500;background:rgba(255,79,79,1.00);border:2px solid rgba(252,42,42,1.00); color:#fff;}


.board{
width:100%;
margin:0 auto;
border-radius:6px;
border:1px #e7eaf0 solid;
box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
position:relative;
overflow:hidden;
}

.board-tab{
text-align:center;
border-bottom:1px #e7eaf0 solid;
background:#f0f3f7;
height:3rem;
line-height:3rem;
}

.board-tab li{
width:30%;
min-width:100px;
max-width:250px;
display:inline-block;
font-size:1.2rem;
color:#747e88;
cursor: pointer;
position:relative;
text-align: center;
}

.board-tab li:after{
position:absolute;
content:"";
display:block;
width:6px;
height:6px;
background:#c9d2dd;
border-radius:999px;
top:50%;
margin-top:-3px;
left:0;
z-index:1;
}

.board-tab li.current{
background:#fff;
padding-bottom:1px;
font-weight:700;
color:#333333;
}

.board-tab li.current:before{
position:absolute;
content:"";
right:-10px;
width:10px;
height:100%;
background:#fff;
z-index:2;
}

.board-tab li.current:after{
width:10px;
height:10px;
background:#fff;
}

.board-tab li:first-child:after{
display:none;
}

.board-box{
box-sizing:border-box;
padding:50px 0px;
text-align:left;
display:none;
min-height:187px;
}

.board-box.current{
display:block;
}

.board-box li{
display:inline-block;
text-align:left;
width:100%;
vertical-align:top;
box-sizing:border-box;
padding:0 0px;
border-left:1px #e1e1e1 solid;
}

.board-box li:first-child{
border-left:0;
}

.board-box li a{
display:block;
}

.board-box li a:hover{
text-decoration: underline;
}

.board-box li p,
.board-box li span{

line-height:1.2em;

}

.bl-t1{
color:#444;
}

.bl-t2{
font-size:15px;
color:#777;
margin:10px 0 5px;
overflow:hidden;
word-break: keep-all;
white-space: nowrap;
text-overflow: ellipsis;
}

.bl-t3{
font-family: 'Montserrat', sans-serif;
letter-spacing:0em;
font-size:15px;
color:#777;
}

.b-more{
position:absolute;
right:0;
top:0;
width:3rem;
height:3rem;
line-height:3rem;
text-align:center;
background:#a9a9a9;
color:#fff;
}

.b-more img{
width:100%;
}
@media (min-width: 576px) {
	.board-box li{width:100%;padding:0 15px;}
	
}
@media (min-width: 768px) {
	.board-box li{width:100%;padding:0 20px;}
	
}
@media (min-width: 992px) {
	.board-box li{width:49%;padding:0 20px;}
}
@media (min-width: 1200px) {
	.board-box li{width:24%;padding:0 20px;}
}


/*--------------------------------------------------------------
#검색 페이지
--------------------------------------------------------------*/
.total-search{margin-bottom:100px;min-height:500px;}
.total-search .inputs{width:700px;height:76px;border:3px solid #000;margin:0 auto;border-radius: 8px;}
.total-search button{float:right;border:none;height:70px;width:80px;border-radius: 8px;}
.total-search button img{height:45px;}
.total-search input{float:left;border:none;height:70px;line-height:64px;font-size:30px;width:calc(100% - 80px);border-right:2px solid #000;background-color: transparent;outline: none;border-radius: 8px 0 0 8px;text-align: center;}

.total-search .result-box{text-align: center;font-size:20px;margin-top:30px;background:#f7f7f7;border-radius:10px;
height:150px;line-height:150px;
}

.total-search .search_board_result{position:relative}
.total-search  ul.sch_res_list {margin:0 0 20px 0;padding:0;list-style:none;border-top:1px solid #ececec}
.total-search  ul.sch_res_list li {border-bottom:1px solid #ececec;background:#fff;position:relative}
.total-search  ul.sch_res_list .sch_tit {display:block;padding:20px 0 10px}
.total-search  ul.sch_res_list .pop_a {display:inline-block;background:#e8eeef;color:#6f777f;border-radius:50%;text-align:center;width:26px;height:26px;line-height:26px}
.sch_res_title {display:inline-block;margin:0 0 5px;font-size:1.2em}
.total-search  ul.sch_res_list p {padding-bottom:10px;color:#666;line-height:1.5em}
.total-search  ul.sch_res_list .sch_info {padding:10px 0;color:#777}
.total-search  ul.sch_res_list .sch_info:after {display:block;visibility:hidden;clear:both;content:""}
.total-search  ul.sch_res_list .profile_img img {width:30px; height:30px; border-radius:50%}
.total-search  ul.sch_res_list .sch_datetime {margin-left:5px}
.total-search  .sch_more {float:right;top:5px;text-align:right;font-weight:normal;color:#E39D18}
.total-search  .sch_word {color:#ff0000;}

.total-search .kitem-list {
display:flex;
justify-content: flex-start;
flex-wrap: wrap;
width:100%;
background: #F8F8F8 0% 0% no-repeat;
border-radius: 5px;
padding:20px;
}

.total-search .kitem-list li{
width:160px;
font-size:16px;
margin-bottom:0px;
}
.total-search .kitem-list li:not(:nth-child(8n)){
	margin-right:16px;
}
.total-search .kitem-list li:nth-child(8n){
	margin-right:0;
}
.total-search .kitem-list li div {
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
    overflow: hidden;
}


/*--------------------------------------------------------------
# 대화방
--------------------------------------------------------------*/
#talk_box {width:100%;}

.talk-body {
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
    margin-bottom: 0.3rem;
    border: 1px solid #bababa;
    border-radius: 0.3rem;
    padding: 0.5rem;
}

.talk-body .linebox {
    display: block;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.talk-body .linebox .ar {
    float: right;
    min-width: 60px;
    max-width: 80%;
    background: #FFFBDB;
    border: 1px solid #ababab;
    border-radius: 0.3rem;
    padding: 0.4rem;
}

.talk-body .linebox .al {
    float: left;
    min-width: 60px;
    max-width: 80%;
    background: #FFF0EC;
    border: 1px solid #ababab;
    border-radius: 0.3rem;
    padding: 0.4rem;
}

.talk-body .linebox .ar .memo {
    width: 100%;
    text-align: left;
    display: block;
}

.talk-body .linebox .ar .date {
    width: 100%;
	font-size:0.875rem;
    text-align: right;
    display: block;
}

.talk-body .linebox .al .memo {
    width: 100%;
    text-align: left;
    display: block;
}

.talk-body .linebox .al .date {
    width: 100%;
	font-size:0.875rem;
    text-align: left;
    display: block;
}


.talk-body .linebox .aa {
    float: none;
    min-width: 60px;
    max-width: 100%;
    background: #EEF8FF;
    border: 2px solid #8FA9C2;
    border-radius: 0.3rem;
    padding: 0.4rem;
}

.talk-body .linebox .aa .memo {
    width: 100%;
    text-align: left;
    display: block;
}

.talk-body .linebox .aa .date {
    width: 100%;
	font-size:0.875rem;
    text-align: right;
    display: block;
}
/*--------------------------------------------------------------
# 인풀루언서 가입
--------------------------------------------------------------*/

.join-i-cont .cont1{
	margin-top:4rem;
}
.join-i-cont .cont1 {	
	
}
.join-i-cont .cont1 .title-1{
	font-size:4rem;
	line-height:150%;
	font-weight:600;
	margin-bottom:4rem;
}
.join-i-cont .cont1 .title-2{
	font-size:4rem;	
	line-height:150%;
	font-weight:600;
	margin-bottom:4rem;
}
.join-i-cont .cont1 .title-3{
	font-size:1.2rem;
	line-height:150%;	
	margin-bottom:4rem;
	text-align:right;
}

.join-i-cont .go-btn{
	display: inline-block;	
	height:80px;
	line-height:80px;
	width:100%;
	font-size:1.5rem;
	border:2px solid #000;
	text-align:center;
}
.join-i-cont .go-btn .half-arrow{	
	display: inline-block;	
	position: relative;
	width:41px;
	height:20px;
	border-bottom:2px solid #000;
}
.join-i-cont .go-btn .half-arrow:after{
	content:'';
	position: absolute;
	top:9px;
	right:2px;
	display: inline-block;	
	width:20px;
	height:20px;	
	border-right:2px solid #000;
	transform: rotate(-45deg);
}




.join-i-cont .cont1 .pic{	
}



.join-i-cont .cont2{
	margin-top:7rem;
	text-align:center;
}
.join-i-cont .cont2 .title-1{
	font-size:2.5rem;	
	font-weight:600;
	text-align:center;
	margin-bottom:5rem;
}
.join-i-cont .cont2 ul{
	display: flex;
	justify-content: space-between;
	list-style:none;
	margin:0;
	padding:0;
}
.join-i-cont .cont2 ul li {
	
}
.join-i-cont .cont2 ul li .tit1{
	font-size:1.4rem;	
	font-weight:400;	
	margin-top:2rem;
	margin-bottom:4rem;
}

.join-i-cont .cont2 ul li .pic{
	width:100%;	
	position: relative;
}
.join-i-cont .cont2 ul li .pic img{
	width:100%;
	max-width:200px;
}




.join-i-cont .cont3{
	margin-top:7rem;
	text-align:center;
}
.join-i-cont .cont3 .title-1{
	font-size:2.5rem;	
	font-weight:600;
	text-align:center;
	margin-bottom:5rem;
}
.join-i-cont .cont3 ul{
	display: flex;
	justify-content: space-between;
	list-style:none;
	margin:0;
	padding:0;
}
.join-i-cont .cont3 ul li {		
	border-radius:8px;	
	padding:0rem 1rem;	
}
.join-i-cont .cont3 ul li > div {	
	background:#FAFAFA;
	border-radius:8px;
	padding:2rem 3rem;	
}

.join-i-cont .cont3 ul li:last-child {
	margin-right:0px;
}
.join-i-cont .cont3 ul li .tit1{
	font-size:1.8rem;	
	font-weight:600;
	margin-bottom:20px;
}
.join-i-cont .cont3 ul li .tit2{
	font-size:1.2rem;		
	font-weight:400;
	margin-bottom:3rem;
}
.join-i-cont .cont3 ul li .pic{
	width:100%;	
	position: relative;
}
.join-i-cont .cont3 ul li .pic .idx{
	width:100px;
	height:100px;
	position: absolute;
	top:-10px;
	right:-30px;
	z-index:1;
	
}
.join-i-cont .cont3 ul li .pic img{
	width:100%;	
}

.join-i-cont .cont4{
	margin-top:7rem;
	text-align:center;
}
.join-i-cont .cont4 .title-1{
	font-size:2.5rem;	
	font-weight:600;
	text-align:center;
	margin-bottom:5rem;
}




.faq-list {
display:block;
width:100%;
}

.faq-list  li{
width:100%;
background:#F8F8F8;
text-align:left;
}

.faq-list  li .question{
position:relative;
display: block;
width:100%;
height:4rem;
padding:0 1rem 0 1.5rem;
line-height:4rem;
font-size:1.5rem;
text-align:left;
font-weight:600;
background: #F9F9FC 0% 0% no-repeat;
border: 1px solid #D8D8D8;
border-radius: 2px;

}
.faq-list  li:nth-child(odd) .question{
background: #F0F1F4 0% 0% no-repeat;
}

.faq-list  li .question  span.angle-up{
position: absolute;
top:50%;
right:1.7rem;
width:14px;
height:14px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
transform: rotate(-135deg);
}
.faq-list  li .question  span.angle-down{
position: absolute;
top:50%;
right:1.7rem;
width:14px;
height:14px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
transform: translateY(-7px) rotate(45deg);
}

.faq-list .que{
	width:calc(100% - 2rem);
	padding:1rem;
	margin:1rem auto;
	background: #FFFFFF 0% 0% no-repeat;
	box-shadow: 0px 0px 2px #00000029;
	border-radius: 10px;
	font-size:1.2rem;
	font-weight:800;
}

.faq-list .ans{
	width:100%;
	padding:2rem 3rem;
	margin:0 auto;
	background: #FBF4DE 0% 0% no-repeat;	
	font-size:1.2rem;
	font-weight:800;
}

/*--------------------------------------------------------------
# 캠페인 목록
--------------------------------------------------------------*/
#campaign_list_ajax {display:inline-block;width:100%;min-height:500px;}

#campaign_list #local_search{position: relative; width:100%;max-width:1000px; padding:0;height:0px; }
#campaign_list #local_search > div{position: absolute;top:0px;left:95px; width:calc(100% - 95px);max-width:1000px;background: #f7f7f7; padding:0.4rem; 
border: 1px solid #898989;z-index:2;}
#campaign_list #local_search .local1{display: flex; width:100%; flex-direction: row;flex-wrap: wrap; justify-content: flex-start;
border-top:1px solid #739DA7; border-bottom:1px solid #739DA7;
font-size:0.925rem;
}
#campaign_list #local_search .local1 li{display: inline-block;width:5.88%; min-width:50px;text-align: center; line-height:30px;word-wrap: normal;
word-break: keep-all;white-space: nowrap; background: #fff;border-right:1px solid #739DA7;}
#campaign_list #local_search .local1 li:first-child{border-left:1px solid #739DA7;}
#campaign_list #local_search .local1 li.active{background:#4175C6; border:1px solid #3C5FB3;  color:#fff; }

#campaign_list #local_search .local2{display: flex;flex-direction: row;flex-wrap: wrap; justify-content: flex-start;align-items: flex-start;}
#campaign_list #local_search .local2 li{display: inline-block;margin:0.1rem;width:8%;text-align: center; line-height:30px;word-wrap: normal;word-break: keep-all;white-space: nowrap;
font-size:0.925rem;
cursor: pointer;
}
#campaign_list #local_search .local2 li.active{background:#53C0EB;color:#fff; }
#campaign_list #local_search .close-btn {position:absolute; bottom:0; right:0;}
#campaign_list #local_stx{width:calc(90% - 100px); border:1px solid #adadad;min-height:32px;line-height:32px;padding:0 1rem;}
#campaign_list #local_stx .local-vals{margin-right:1rem;}
#campaign_list #local_stx i{cursor: hand;}


#campaign_list .search-form {display: flex;justify-content:space-between;align-items: stretch;}
#campaign_list .search-form .search-left {width:100%;}
#campaign_list .search-form .search-right {display: none;}
#campaign_list .search-form .search-camp {display: none;}

#campaign_list .search-form.search-sale .search-left {width:calc(100% - 150px);}
#campaign_list .search-form.search-sale .search-right{display: inline-block;width:130px;}
#campaign_list .search-form.search-sale .search-right .btn{position: relative;max-width:130px; max-height:130px;}
#campaign_list .search-form.search-sale .search-right .btn span{position: absolute;top:50%;left:50%; transform: translate(-50%,-50%);}

#campaign_list .search-form.search-influence .search-left {width:calc(100% - 150px);}
#campaign_list .search-form.search-influence .search-camp{display: inline-block;width:130px;}
#campaign_list .search-form.search-influence .search-camp .btn{position: relative;max-width:130px; max-height:130px;}
#campaign_list .search-form.search-influence .search-camp .btn span{position: absolute;top:50%;left:50%; transform: translate(-50%,-50%);}


@media (max-width: 1199px) {
	#campaign_list #fsearch > div{grid-gap: 0.5rem;}
	#campaign_list #fsearch > div > span{width:100%;flex: 0 0 100%;color:#243985;}
	#campaign_list #local_search{width:100%;}
	#campaign_list #local_search > div{display: flex;justify-content: space-between;width:100%;top:0px;left:50%;transform: translateX(-50%);}
	#campaign_list #local_search .local1{ width:110px; flex-direction: column;justify-content: flex-start;border-left:1px solid #adadad;
	border-right:1px solid #adadad; border-bottom:0;}
	#campaign_list #local_search .local1 li{display: block;width:100%;line-height:30px;word-wrap: normal;
	word-break: keep-all;white-space: nowrap; background: #fff;	border-right:0;border-bottom:1px solid #adadad;}
	#campaign_list #local_search .local1 li:first-child{border-left:0;}
	
	#campaign_list #local_search .local2{display: inline-block; width:calc(100% - 110px);padding-left:0.5rem;}
	#campaign_list #local_search .local2 li{display: inline-block;float:left;margin:0.1rem;min-width:80px;}
	#campaign_list #local_search .close-btn {top:0;}
	#campaign_list #local_stx{width:100%;}
    
    #campaign_list .search-form.search-sale.search-left {width:calc(100% - 140px);}
    #campaign_list .search-form.search-sale.search-right{width:120px;}
    #campaign_list .search-form.search-sale.search-right .btn{position: relative;max-width:120px; max-height:120px;}
}	

@media (max-width: 768px) {
    #campaign_list .search-left {width:100%!important;}    
    #campaign_list .search-right{display: none !important;}    

}

/*--------------------------------------------------------------
# 캠페인 상세
--------------------------------------------------------------*/
#campaign_view #dMap{position:relative;width:100%;height:500px;border:1px solid #dfdfdf;}
#campaign_view .sbj{font-size:1.8rem;font-weight:500;display: flex;margin-bottom: 1rem; justify-content: center; align-items: center;}
#campaign_view i.favor-icon {color:#dfdfdf;}
#campaign_view i.favor-icon.on{color:#ff0000;}
#campaign_view .bdg{font-size:1.4rem;}
#campaign_view .tooltips{display: inline-block;cursor:pointer;}
#campaign_view .pic img{max-width:100%;}
#campaign_view .col-left {position: relative;width:calc(50% - 30px); padding:0 10px 0 0;border-right:1px solid #dfdfdf;}
#campaign_view  .items{display: flex;justify-content: space-between;align-items: flex-start;border-bottom:1px solid #dfdfdf;padding:0.5rem 0;margin-bottom:0.5rem;}
#campaign_view  .items > div:first-child{width:30%;max-width:140px;margin:0 1rem 0 0;font-weight:500;word-break: keep-all;white-space: normal;word-wrap:normal;}
#campaign_view  .items > div:first-child p {display:block; width:auto;margin-top:0.25rem;}
#campaign_view  .items > div:nth-child(2){width:70%; 
min-width: calc(100% - 140px - 1rem); 
flex-grow:1; 
word-break: break-all;
word-wrap:normal; white-space: normal; table-layout: fixed;}

#campaign_view .col-left .status{display: flex;width:100%;align-items: stretch;}
#campaign_view .col-left .status div{border:1px solid #dfdfdf;text-align: center;padding:0.5rem 0;}
#campaign_view .col-left .status.div-4 div{width:25%;}
#campaign_view .col-left .status.div-3 div{width:33.3%;}
#campaign_view .col-left .status div:not(:first-child){border-left:none;}

#campaign_view .swiper-button-next, #campaign_view .swiper-button-prev {   
    color: #fff;
}
#campaign_view .swiper-pagination-bullet-active {    
    background: #fff;
}

#campaign_view .col-right {position:relative;width:50%; height:100%;}
#campaign_view .col-right > div{position: relative;width:100%;padding:0 0 0 20px;}
#campaign_view .col-right > div.sticky{position: fixed;top:0;right:0;width:250px;padding:0 0 20px 20px;z-index:101;box-shadow: 2px 2px 4px 3px rgba(0,0,0,0.1);}
#campaign_view .col-right .items-top{display: flex;justify-content: flex-start; flex-direction: column; border-bottom:1px solid #dfdfdf;padding:0.5rem 0;margin:0.5rem 0;font-size:1.2rem;}
#campaign_view .col-right .items-r{display: flex;align-items: center; flex-wrap: wrap; border-bottom:1px solid #dfdfdf;padding:0.5rem 0;margin:0.5rem 0;font-size:1.2rem;}

@media (max-width: 991px) {
	#campaign_view .col-left {width:100%; padding:0;border-right:0;}
}
@media (max-width: 1199px) {
	#campaign_view  .items > div:first-child{width:100%;max-width:100%;font-weight:500;min-height:2.5rem;}
	#campaign_view  .items > div:first-child p {display:inline-block;}
	#campaign_view  .items > div:nth-child(2){width:100%;}
	#campaign_view  .items{justify-content: flex-start;flex-direction: column;}
}

/*--------------------------------------------------------------
# 마이페이지
--------------------------------------------------------------*/
/* 마이페이지 */
#smb_my {position:relative;margin:1rem 0 2rem;}
#smb_my:after {display:block;visibility:hidden;clear:both;content:""}

/* 마이페이지 aside */
#smb_my_ov {position:relative;float:left;margin:0 10px 0 0;width:240px;border:1px solid #e8e8e8;background:#fff;margin-right:20px}
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#smb_my_ov .smb_me {display:block;background:#fff;border-bottom:1px solid #e8e8e8;padding:20px;text-align:center;font-size:1.167em}
#smb_my_ov .smb_me img {width:45px;border-radius:50%}
#smb_my_ov .smb_me .my_ov_name {display:inline-block;margin-bottom:10px;line-height:28px}
#smb_my_ov .smb_me a {display:inline-block;font-size:0.85em;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#8a8a8a;border-radius:2px;padding:2px 5px}
#smb_my_ov .smb_me a.smb_info {color:#3a8afd}

#smb_private:after {display:block;visibility:hidden;clear:both;content:""}
#smb_private {padding:10px 0;border-bottom:1px solid #e8e8e8;}
#smb_private li {text-align:left;position:relative;text-align:left}
#smb_private a {display:block;background:#fff;color:#465168;line-height:20px;padding:10px 20px 10px 25px}
#smb_private a strong {display:inline-block;float:right;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;color:#3a8afd;padding:0 5px;border-radius:15px;font-size:0.92em}
#smb_private a:hover strong {background:#4b8bff}
#smb_private li a:hover {color:#4b8bff}
#smb_private li a:hover:after {position:absolute;left:0;top:0;width:2px;height:100%;background:#3a8afd;content:""}
#smb_private li i {width:25px;color:#8c9eb0;margin-right:5px}
#smb_private li:hover i {color:#3a8afd}
#smb_private .win-point strong {background:#37bc9b;color:#fff}
#smb_private .win-memo strong {background:#ff8b77;color:#fff}
#smb_private .win-scrap strong {background:#8cc152;color:#fff}
#smb_private .win-coupon strong {background:#a352c1;color:#fff}
#smb_private .win-alim strong {background:#7895EC;color:#fff}

#smb_my_ov h3 {font-size:1.2em;padding:20px 20px 10px;border-top:1px solid #e8e8e8}
#smb_my_ov .op_area {border-top:0;padding:0 20px;line-height:18px;color:#555}
#smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_ov .op_area dl {border-bottom:1px dashed #e5e5e5; overflow: hidden;margin:0;}
#smb_my_ov .op_area dt {margin:5px 0;font-weight:400;color:#8c9eb0;border-bottom:0;}
#smb_my_ov .op_area dt a{line-height:1.7rem;}
#smb_my_ov .op_area dd {margin:5px 0;padding-bottom:10px;line-height:20px;border-bottom:0;}
#smb_my_ov .op_area dl:last-child {border-bottom:0;}

#smb_my_ov .op_area .withdrawal {color:#8F8F8F}

/* 마이페이지 list */
#smb_my_list {float:right;width:calc(100% - 260px);}

#smb_my_od h2 {margin:0 0 10px;font-size:1.25em}
#smb_my_od {position:relative;margin:0 0 50px}
.smb_my_od {background:#fff}
.smb_my_od li {padding:15px;border-bottom:1px solid #ececec}
.smb_my_od li:last-child {border-bottom:0}
.smb_my_od li:after {display:block;visibility:hidden;clear:both;content:""}
.smb_my_od li:hover {background:#fff6f6}
.smb_my_od .smb_my_od_li {float:left;line-height:18px}
.smb_my_od .smb_my_od_li1 {width:140px;text-align:center}
.smb_my_od .smb_my_od_li2 {width:75%;padding:0 20px}
.smb_my_od .smb_my_od_li3 {width:80px;float:right;text-align:center}

.smb_my_od .ord_num,
.smb_my_od .ord_name {font-size:1.2em;font-weight:bold;letter-spacing:-0.5px}
.smb_my_od .date {color:#b5b5b5}
.smb_my_od .cost {color:#3a8afd;font-weight:bold}
.smb_my_od .misu {color:#6d6d6d}

#smb_my_wish {position:relative;margin-bottom:30px}
#smb_my_wish h2 {font-size:1.25em;padding:0 0 20px;border-bottom:1px solid #d9dde2}
#smb_my_wish li {position:relative;background:#fff;border-bottom:1px solid #ececec;padding:15px}
#smb_my_wish li:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_wish .smb_my_chk {display:inline-block;float:left;margin-right:10px;color:red}
#smb_my_wish .smb_my_img {float:left;margin-right:20px}
#smb_my_wish .smb_my_tit {margin:5px 0;font-size:1.167em;font-weight:bold}
#smb_my_wish .smb_my_price {font-weight:bold;font-size:1.2em;margin-bottom:30px}
#smb_my_wish .smb_my_date {font-size:1em;color:#777}
.smb_my_more {position:absolute;top:0;right:0}
.smb_my_more a {display:block;background:url('../img/more-btn.gif') no-repeat 0 2px;padding-left:20px;height:30px}
#smb_my_wish li .wish_del {position:absolute;right:20px;top:50px;font-size:1.4em;color:#b2b2b2}
#smb_ws_act {text-align:center;margin:20px 0 30px}
#smb_ws_act .btn01 {width:180px;height:50px;font-weight:bold;font-size:1.167em;border:1px solid #98a3b3;border-radius:3px}
#smb_ws_act .btn02 {width:180px;height:50px;font-weight:bold;font-size:1.167em;border:1px solid #1c70e9;border-radius:3px;background:#3a8afd}


@media (max-width:1199px) {
	#smb_my_ov {display: none;}
	#smb_my_list {float:none; width:100% ;}
	/*
	#smb_my_ov {float:none; width:100% ; overflow: hidden;display: flex; flex-grow:1;flex-wrap:wrap;}
	#smb_my_ov > h3, #smb_my_ov > a  {display:none ;}
	#smb_my_ov .smb_me , #smb_my_ov #smb_private, #smb_my_ov .op_area{float:left;display: inline-block; }
	#smb_my_ov .smb_me {width:20%; border-bottom:none; border-right:1px solid #efefef;}
	#smb_my_ov #smb_private {width:30%; border-right:1px solid #efefef;}
	#smb_my_ov .op_area{width:50%;}
	#smb_my_ov .op_area dl{display:block;width:100%;margin-top:5px;}
	#smb_my_ov .op_area dt{float:left;display:inline-block; width:30%; padding-top: 0px;  padding-bottom: 5px;   line-height:1.4rem;}
	#smb_my_ov .op_area dd{float:right;display:inline-block; width:70%; padding-top: 0px;  padding-bottom: 5px;  line-height:1.4rem; }
	#smb_my_list {float:none; width:100% ;}
	*/
}
@media (max-width:767px) {
	/*
	#smb_my_ov {float:none; width:100% ; overflow: hidden;display: flex; flex-grow:1;}
	#smb_my_ov > h3, #smb_my_ov > a  {display:none ;}
	#smb_my_ov .smb_me {width:50%; border-bottom:none; border-right:1px solid #efefef;}
	#smb_my_ov #smb_private {width:50%; border-right:none}
	#smb_my_ov .op_area{float:none;width:100%;display: block; border-top:1px solid #efefef;}

	*/	
	
}


/*--------------------------------------------------------------
# 회사메인
--------------------------------------------------------------*/
.company-row{
	width:100%;
	display:flex;	
	justify-content: flex-start;	
}
.company-left{
	width:340px;		
}
.company-left .sub-tit3{
	margin-bottom:30px;
}

.company-left .user-pic{
	width:300px;		
	height:174px;		
	border: 2px solid #EFEFEF;
	border-radius: 2px;
	margin:0 auto;
}


.company-right{
	width:1060px;		
	margin-left:40px;
}

.company-left .company-box{
	width:100%;
	padding:30px 20px;
	border: 2px solid #EDEDED;
	border-radius: 10px;

}
.company-right .company-box{
	width:100%;
	padding:40px 40px;
	border: 2px solid #EDEDED;
	border-radius: 10px;

}

.company-box .more{
	font-size:18px;
	color:#E39D19;
}

.company-box .company-que{	
	border-radius: 10px;
	background: #EFEFEF;
	padding:40px;
}
.company-box .company-que .sbj{	
	font-size:18px;
	font-weight:600;
}
.company-box .company-que .memo{	
	font-size:16px;
	line-height:24px;
}
.company-box .company-ans{	
	border-radius: 10px;
	background: #FBF4DE;
	padding:40px;
	font-size:18px;
	overflow: hidden;
}
.company-box .company-ans .h{	
	display: inline-block;
	width:24px;
	float:left;
}
.company-box .company-ans .c{	
	width:calc(100% - 24px);
	float:right;
}

/*--------------------------------------------------------------
# 갤러리 타일
--------------------------------------------------------------*/


/* 메인 캠페인 목록 */
.gal-list-1 {
display:flex;
grid-gap: 1rem;
justify-content: flex-start;
flex-wrap: wrap;
width:100%;
padding:0;
margin:0;
overflow:hidden;
}

.gal-list-1 li{
position: relative;
width:calc(14.2% - 6rem / 6);
border-radius: 2px;
padding:0rem;
margin: 0;
border:1px solid #efefef;
box-shadow: 3px 3px 3px 1px rgba(145,145,145,0.1);
overflow: hidden;
}
.gal-list-1.gal-list-1000 li{
	width:calc(25% - 3rem / 4);
}

.gal-list-1 li .head{
width:100%;
margin-bottom:12px;
font-size:14px;
line-height:44px;
}

.gal-list-1 li .pic{
position: relative;
display: inline-block;
width:100%;
margin-bottom:12px;
transition: all 0.1s ease-in;
}

.gal-list-1 li.closed .pic{
	filter: grayscale(100%);
}

.gal-list-1 li .pic .badges{
position:absolute;
bottom:0.5rem;
left:0.5rem;
width:100%;
transition: all 0.1s ease-in;
}

.gal-list-1 li .pic .favor{
position: absolute;
top:1rem;
right:1rem;
font-size:1.5rem;
transition: all 0.1s ease-in;
color:#ff0000;
}

.gal-list-1 li:hover .pic{
transform: scale(1.1);
}
.gal-list-1 li:hover .pic .badges{
bottom:0.8rem;
left:1.5rem;
}
.gal-list-1 li:hover .pic .favor{
top:1.5rem;
right:1.5rem;
}




.gal-list-1 li .info{
width:100%;
padding:0.5rem;
}

.gal-list-1 li .info > div{
width:100%;
overflow:hidden;
word-break:keep-all;
white-space:nowrap;
text-overflow: ellipsis;
line-height:1.6rem;
}
.gal-list-1 li .info img{
margin-right:10px;
vertical-align: middle;
}

.gal-list-1 li .stars{
float:left;
font-size:12px;
font-family:Roboto;
text-align:left;
}
.gal-list-1 li .hits{
float:right;
font-size:12px;
font-family:Roboto;
text-align:right;
}
.gal-list-1 li .sbj{
padding:0.5rem;
font-size:1rem;
text-align:left;
font-weight:500;
line-height:1.1rem;
height:2.2rem;
overflow:hidden;
text-overflow: ellipsis;
}


@media (max-width: 1920px) {
	.gal-list-1 li{
		width:calc(16.6% - 5rem / 6);
	}
	.gal-list-1.gal-list-1000 li{
		width:calc(25% - 3rem / 4);
	}
}

@media (max-width: 1600px) {	
	.gal-list-1 li{
		width:calc(20% - 4rem / 5);
	}
	.gal-list-1.gal-list-1000 li{
		width:calc(25% - 3rem / 4);
	}
}
@media (max-width: 1400px) {
	.gal-list-1 li{
		width:calc(25% - 3rem / 4);
	}
	.gal-list-1.gal-list-1000 li{
		width:calc(25% - 3rem / 4);
	}
}

@media (max-width: 1199px) {
	.gal-list-1 li{
		width:calc(33.3% - 2rem / 3);
	}
	.gal-list-1.gal-list-1000 li{
		width:calc(33.3% - 2rem / 3);
	}
}
@media (max-width: 768px) {
	.gal-list-1 li{
		width:calc(50% - 1rem / 2);
	}
	.gal-list-1.gal-list-1000 li{
		width:calc(50% - 1rem / 2);
	}
	
}
@media (max-width: 576px) {
	.gal-list-1 li{
		width:calc(50% - 1rem / 2);
	}
	.gal-list-1.gal-list-1000 li{
		width:calc(50% - 1rem / 2);
	}
	
}


/* 메인 캠페인 목록 */
.gal-list-swiper {
display:flex;
justify-content: flex-start;
flex-wrap: nowrap;
width:100%;
padding:1rem 0;
margin:0;
}

.gal-list-swiper li{
border-radius: 2px;
padding:0rem;
margin: 0 0 0px 0;
border:1px solid #efefef;
box-shadow: 3px 3px 2px 0px rgba(145,145,145,0.1);
overflow: hidden;
}

.gal-list-swiper li a{
	display: inline-block;
	width:100%;
	
}
.gal-list-swiper li .head{
width:100%;
margin-bottom:12px;
font-size:14px;
line-height:44px;
}

.gal-list-swiper li .pic{
position: relative;
display: inline-block;
width:100%;
margin-bottom:1rem;
transition: all 0.1s ease-in;
}

.gal-list-swiper li.closed .pic{
filter: grayscale(100%);
}

.gal-list-swiper li .pic .badges{
position:absolute;
bottom:0.5rem;
left:0.5rem;
transition: all 0.1s ease-in;
}

.gal-list-swiper li:hover .pic {
transform: scale(1.1);
}
.gal-list-swiper li:hover .pic .badges{
bottom:1rem;
left:1.5rem;
}

.gal-list-swiper li .info{
width:100%;
padding:0.5rem;
}

.gal-list-swiper li .info > div{
width:100%;
overflow:hidden;
word-break:keep-all;
white-space:nowrap;
text-overflow: ellipsis;
line-height:1.6rem;
}

.gal-list-swiper li .stars{
float:left;
font-size:12px;
font-family:Roboto;
text-align:left;
}
.gal-list-swiper li .hits{
float:right;
font-size:12px;
font-family:Roboto;
text-align:right;
}
.gal-list-swiper li .sbj{
padding:0.5rem;
font-size:1rem;
text-align:left;
font-weight:500;
line-height:1.1rem;
height:2.2rem;
overflow:hidden;
text-overflow: ellipsis;
}



/*--------------------------------------------------------------
# 견적상담
--------------------------------------------------------------*/
.counsel-menu{border-bottom:2px solid #C7C7C7;}
.counsel-menu li {}
.counsel-menu li a{display:inline-block; height:30px;line-height:30px;margin:10px 0;}
.counsel-menu li.active a{border-bottom:1px solid #E39D19; }

#counsel-float {position:fixed;top:40%;left:50%;transform: translate(480px,-50%);
width: 170px;
padding:20px 0;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 6px #00000029;
border-radius: 10px;
text-align: center;
}

#counsel-float .title1{
display: block;
font: normal normal bold 14px/16px NanumSquare;
letter-spacing: -0.35px;
color: #171717;
margin-bottom:5px;
}
#counsel-float .title2{
display: block;
font: normal normal normal 12px/13px NanumSquare;
letter-spacing: -0.3px;
color: #171717;
margin-bottom:28px;
}
#counsel-float a{
margin-bottom:10px;
width:132px;
border:1px solid #F0F0F0;
}




/* 헤더 */
.counsel-bbs-cont .title-head{
	display: flex;
	justify-content: flex-start;		
}
.counsel-bbs-cont .title-head .left-box{
	width: 362px;
	padding:30px;
	background: #F0F0F0 0% 0% no-repeat padding-box;
	border-radius: 10px;	
	overflow: hidden;
}

.counsel-bbs-cont .title-head .left-box .title1{
	font-size:24px;	
	font-weight:800;
	margin-bottom: 10px;	
}
.counsel-bbs-cont .title-head .left-box .title2{
	font-size:12px;	
	font-weight:400;	
	margin-bottom:30px;
}
.counsel-bbs-cont .title-head .left-box .btns{
	display: flex;
	justify-content:space-between;		
	flex-wrap: wrap;
	align-content: flex-start;
	overflow: hidden;
}
.counsel-bbs-cont .title-head .right-box .title1{
	font-size:16px;	
	font-weight:800;	
	margin:55px 0 10px 55px;
}
.counsel-bbs-cont .title-head .right-box .title2{
	font-size:14px;	
	font-weight:400;	
	line-height:200%;;
	margin:0 0 0 55px;
}

/* 테두리 */
.counsel-bbs-cont .list-border {border: 1px solid #F0F0F0;border-radius: 10px; padding:30px 25px;}


.counsel-bbs-cont .list-extra {display: flex; justify-content: space-between;flex-wrap: nowrap;align-items: flex-start;overflow: hidden;}
.counsel-bbs-cont .list-border {width:690px;}
.counsel-bbs-cont .call-box {width:185px; float:right; background: #122C2B 0% 0% no-repeat padding-box;
border-radius: 10px; color:#fff;padding:30px;}
.counsel-bbs-cont .call-box img{
	width:40px;	
	margin-bottorm:10px;	
}

.counsel-bbs-cont .call-box .title1{
	font-size:12px;	
	font-weight:400;		
}
.counsel-bbs-cont .call-box .title2{
	font-size:16px;	
	font-weight:800;
}




/*--------------------------------------------------------------
#  기타 공통
--------------------------------------------------------------*/
/*화이트 블랙 버튼*/
.wh-bk-btns{		
	position: relative;
	float:right;
	display: inline-block;	
	width:320px;
	height:80px;
	z-index:3;	
	overflow:hidden;
	border: 3px solid #192B2B;
	border-radius: 50px;
}
.wh-bk-btns a{	
	display: inline-block;
	position: absolute;
	top:0px;
	left:0px;
	width:320px;
	height:80px;
	color:#000;
	font-size:20px;
	line-height:80px;
	text-align:center;
	z-index:2;	
}
.wh-bk-btns a .arrow{	
	display: inline-block;	
	position: relative;
	width:31px;
	height:14px;
	border-bottom:2px solid #000;
}
.wh-bk-btns a .arrow:after{
	content:'';
	position: absolute;
	top:5px;
	right:2px;
	display: inline-block;	
	width:16px;
	height:16px;	
	border-right:2px solid #000;
	transform: rotate(-45deg);
}
.wh-bk-btns .btns-bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity: 0;
	z-index:1;
}

.wh-bk-btns:hover  a{	
	color:#fff;
}
.wh-bk-btns:hover  .btns-bg{	
	opacity: 1;
}

.wh-bk-btns:hover  a{	
	color:#fff;
}
.wh-bk-btns:hover  .btns-bg{	
	opacity: 1;
}
.wh-bk-btns:hover .arrow, .wh-bk-btns:hover .arrow:after{	
	border-color:#fff;
}




/*반투명 회색 버튼*/
.gr-bk-btns{		
	position: relative;
	display: inline-block;	
	width:420px;
	height:80px;
	overflow:hidden;
	border: none;
	border-radius: 45px;
}
.gr-bk-btns a{	
	display: inline-block;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:80px;
	color:#000;
	font-size:24px;
	font-weight: 600;
	line-height:80px;
	text-align:center;
	z-index:2;	
}
.gr-bk-btns a .arrow{	
	display: inline-block;	
	position: relative;
	width:32px;
	height:12px;
	border-bottom:2px solid #000;
}
.gr-bk-btns a .arrow:after{
	content:'';
	position: absolute;
	top:3px;
	right:2px;
	display: inline-block;	
	width:16px;
	height:16px;	
	border-right:2px solid #000;
	transform: rotate(-45deg);
}
.gr-bk-btns .btns-bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity: 0.1;
	z-index:1;
}

.gr-bk-btns:hover  a{	
	color:#fff;
}
.gr-bk-btns:hover  .btns-bg{	
	opacity: 0.8;
}

.gr-bk-btns:hover  a{	
	color:#fff;
}

.gr-bk-btns:hover .arrow, .gr-bk-btns:hover .arrow:after{	
	border-color:#fff;
}



/*반투명 회색 화이트폰트 버튼*/
.gr-bk-wf-btns{		
	position: relative;
	display: inline-block;	
	width:420px;
	height:80px;
	overflow:hidden;
	border: none;
	border-radius: 45px;
}
.gr-bk-wf-btns a{	
	display: inline-block;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:80px;
	color:#fff;
	font-size:24px;
	font-weight: 600;
	line-height:80px;
	text-align:center;
	z-index:2;	
}
.gr-bk-wf-btns a .arrow{	
	display: inline-block;	
	position: relative;
	width:32px;
	height:12px;
	border-bottom:2px solid #fff;
}
.gr-bk-wf-btns a .arrow:after{
	content:'';
	position: absolute;
	top:3px;
	right:2px;
	display: inline-block;	
	width:16px;
	height:16px;	
	border-right:2px solid #fff;
	transform: rotate(-45deg);
}
.gr-bk-wf-btns .btns-bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	opacity: 0.2;
	z-index:1;
}

.gr-bk-wf-btns:hover  a{	
	color:#000;
}
.gr-bk-wf-btns:hover  .btns-bg{	
	opacity: 0.8;
}

.gr-bk-wf-btns:hover  a{	
	color:#000;
}

.gr-bk-wf-btns:hover .arrow, .gr-bk-wf-btns:hover .arrow:after{	
	border-color:#000;
}




/*반투명 회색 화이트폰트 버튼*/
.gr-bk-wf-60-btns{		
	position: relative;
	display: inline-block;	
	width:240px;
	height:60px;
	overflow:hidden;
	border: none;
	border-radius: 30px;
}
.gr-bk-wf-60-btns a{	
	display: inline-block;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:60px;
	color:#fff;
	font-size:18px;
	font-weight: 600;
	line-height:60px;
	text-align:center;
	z-index:2;	
}
.gr-bk-wf-60-btns a .arrow{	
	display: inline-block;	
	position: relative;
	width:22px;
	height:10px;
	border-bottom:1px solid #fff;
}
.gr-bk-wf-60-btns a .arrow:after{
	content:'';
	position: absolute;
	top:3px;
	right:2px;
	display: inline-block;	
	width:12px;
	height:12px;	
	border-right:1px solid #fff;
	transform: rotate(-45deg);
}
.gr-bk-wf-60-btns .btns-bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	opacity: 0.2;
	z-index:1;
}

.gr-bk-wf-60-btns:hover  a{	
	color:#000;
}
.gr-bk-wf-60-btns:hover  .btns-bg{	
	opacity: 0.8;
}

.gr-bk-wf-60-btns:hover  a{	
	color:#000;
}

.gr-bk-wf-60-btns:hover .arrow, .gr-bk-wf-60-btns:hover .arrow:after{	
	border-color:#000;
}




/*화이트 버튼*/
.wh-btns{		
	position: relative;
	display: inline-block;		
	height:40px;
	overflow:hidden;	
	border-radius: 20px;
	background:#fff;
}
.wh-btns a{	
	display: inline-block;	
	width:100%;
	height:40px;
	color:#000;
	font-size:17px;
	line-height:40px;
	text-align:center;
	padding:0 30px;
	z-index:2;	
}
.wh-btns a .arrow{	
	display: inline-block;	
	position: relative;
	width:21px;
	height:10px;
	border-bottom:1px solid #000;
}
.wh-btns a .arrow:after{
	content:'';
	position: absolute;
	top:5px;
	right:2px;
	display: inline-block;	
	width:10px;
	height:10px;	
	border-right:1px solid #000;
	transform: rotate(-45deg);
}


/*화이트 버튼*/
.wh-24-btn{		
	position: relative;
	display: inline-block;		
	height:24px;
	overflow:hidden;	
	border-radius: 12px;
	background:#fff;
	color:#000 !important;
	font-size:10px;
	line-height:24px;
	text-align:center;
	padding:0 20px;
	border: 1px solid #707070;
}

/*다크그린 버튼*/
.dg-24-btn{		
	position: relative;
	display: inline-block;		
	height:24px;
	overflow:hidden;	
	border-radius: 12px;
	background:#122C2B;
	color:#fff !important;
	font-size:10px;
	line-height:24px;
	text-align:center;
	padding:0 20px;
}

/*멀티라인 검정 버튼*/
.lines-bk-btns{		
	position: relative;
	display: inline-block;	
	width:560px;
	height:176px;
	overflow:hidden;
	border: none;
	border-radius:88px;
}
.lines-bk-btns a{	
	display: inline-block;
	position: absolute;
	top:0%;
	left:0%;
	width:100%;
	height:176px;
	padding-top:40px;
	padding-right:100px;
	color:#fff;
	font-size:34px;
	font-weight: 600;
	line-height:45px;
	text-align:center;
	z-index:2;	
}
.lines-bk-btns a .arrow{	
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	right:80px;
	display: inline-block;		
	width:72px;
	height:24px;
	border-bottom:3px solid #fff;
}
.lines-bk-btns a .arrow:after{
	content:'';
	position: absolute;
	top:8px;
	right:5px;
	display: inline-block;	
	width:29px;
	height:29px;	
	border-right:3px solid #fff;
	transform: rotate(-45deg);
}
.lines-bk-btns .btns-bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity: 1;
	z-index:1;
}

.lines-bk-btns:hover  a{	
	color:#fff;
}
.lines-bk-btns:hover  .btns-bg{	
	opacity: 0.8;
}

.lines-bk-btns:hover  a{	
	color:#fff;
}

.lines-bk-btns:hover .arrow, .lines-bk-btns:hover .arrow:after{	
	border-color:#fff;
}



/*불투명 화이트 블랙 버튼*/
.twh-bk-btns{		
	position: relative;
	display: inline-block;	
	width:420px;
	height:80px;
	overflow:hidden;
	border: none;
	
	border-radius: 45px;
}
.twh-bk-btns a{	
	display: inline-block;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:80px;
	color:#000;
	font-size:24px;
	font-weight: 600;
	line-height:80px;
	text-align:center;
	z-index:2;	
}
.twh-bk-btns a .arrow{	
	display: inline-block;	
	position: relative;
	width:32px;
	height:12px;
	border-bottom:2px solid #000;
}
.twh-bk-btns a .arrow:after{
	content:'';
	position: absolute;
	top:3px;
	right:2px;
	display: inline-block;	
	width:16px;
	height:16px;	
	border-right:2px solid #000;
	transform: rotate(-45deg);
}
.twh-bk-btns .btns-bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	opacity: 1;
	z-index:1;
}

.twh-bk-btns:hover  a{	
	color:#fff;
}
.twh-bk-btns:hover  .btns-bg{	
	background:#000;
	opacity: 0.8;
}

.twh-bk-btns:hover  a{	
	color:#fff;
}

.twh-bk-btns:hover .arrow, .twh-bk-btns:hover .arrow:after{	
	border-color:#fff;
}



.banner-285{
	position:relative;
	height:285px;
	margin:0;
}
.banner-285 .title{
	position:absolute;
	display:inline-block;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:80px;
	font-weight: 800;
	color:#fff;
	text-align:center;
	font-family:NanumSquareNeo;  	
	z-index:3;
}
.banner-285 .bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;	
	z-index:1;
	
}
/*
.banner-285 .bg:after{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;	
	opacity:0.5; 
	z-index:2;
}
*/



/*--------------------------------------------------------------
# 쇼핑몰 추가
--------------------------------------------------------------*/
/* 칼렌더 */
.calendar-item {
	width:100%;max-width:1400px;
	margin: 0 35px 0 0px;
}
.calendar-item .row{
	margin:0;
}


.calendar-item .dayn > div{

}
.calendar-item .dayn > div{
	position: relative;
    width: 14.28571428571429%;
    border: 1px solid rgb(235, 235, 235);
    border-right-width: 0px;
    border-bottom-width: 0px;
	text-align:center;	
	padding:0.1rem;
	font-weight:500;
	background:#f7f7f7;
}
.calendar-item .dayn > div:last-child {
    border-right-width: 1px;
}

.calendar-item  .calendar-day {
	position:relative;
	width: 14.28571428571429%;
	border: 1px solid rgb(235, 235, 235);
	border-right-width: 0px;
	border-bottom-width: 0px;
	padding:0.1rem;
	/*min-height: 120px;*/
	text-align:center;
	font-size:0.825rem;
	font-weight:600;
	line-height:2rem;
	
}
.calendar-item  .today-day {
	background:#efefef!important;
}

.calendar-item  .selected-day , .calendar-item  .today-day.selected-day  {
	background:#343434!important;color:#fff!important;
}



.calendar-item > .row > .calendar-day.calendar-no-current-month {
	color: rgb(200, 200, 200);
}
.calendar-item > .row > .calendar-day:last-child {
	border-right-width: 1px;
}

.calendar-item > .row:last-child > .calendar-day {
	border-bottom-width: 1px;
}

.calendar-item .calendar-day  .btn {
	float:left;
	padding: 2px 10px;
	height:22px;
	line-height:20px;
	font-size:11px
}
.calendar-item .calendar-day > .events {
	cursor: pointer;
}
.calendar-item .calendar-day > .events > .event h4 {
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 3px;
}
.calendar-item .calendar-day > .events > .event > .desc,
.calendar-item .calendar-day > .events > .event > .location,
.calendar-item .calendar-day > .events > .event > .datetime,
.calendar-item .calendar-day > .events > .event > .attending {
	display: none;
}
.calendar-item .calendar-day > .events > .event > .progress {
	height: 10px;
}


/*--------------------------------------------------------------
# etc
--------------------------------------------------------------*/
.btn-lg {
	border-radius: 5px;
}
.btn-secondary {
	background: #A2A2A2;
}
.btn-green{
	background: #122C2B;
	color:#fff !important;
}
.btn-green:hover, .btn-green:active{
	background: #344e4d ;
	color:#fff  !important;
}
.btn-grey{
	background: #A2A2A2;
	color:#fff  !important;
}

.btn{
border-radius: 3px;

}

input[type=text].form-control, input[type=password].form-control, textarea.form-control, .input-group .input-group-text {
/*border:1px solid #707070;*/
border-radius: 3px;
}


.fancyselect{	
	height:36px;
	line-height:34px;
	padding-right:20px;
	text-align: center;
	font-family: inherit;  
	border: none;
	background: url('/image/select_down_arrow.svg') #EFEFEF  no-repeat 95% 50%; 
	border-radius: 0px; 
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;	

}
.fancyselect:focus{
	width: 200px; 	
	border: 1px solid #000000;
	outline:none;
	font-family: inherit;  
	background: url('/image/select_up_arrow.svg') #EFEFEF no-repeat 95% 50%; 
}

.fancyselect option{
	border:none;
	outline:none;
	background:#fff;
	box-shadow:none;
	border-radius: 0px;
	line-height:35px;
	height:25px;
}


ul.tabs {
	display: inline-block;
	width:auto;
	margin: 0 auto 2rem auto;
	padding: 0;
    position: relative;	
	list-style: none;	
	overflow:hidden;
	border-bottom1:1px solid #dfdfdf;
}
ul.tabs li {
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	background: #fff;
	padding:0px 1rem;	
}

ul.tabs li a {
	width:100%;
	text-decoration: none;	
	display: inline-block;
	font-size: 1.2rem;
	line-height:38px;
	padding:0px 1rem;	
	outline: none;
	text-align:center;	
	margin:0;
	border-bottom:2px solid transparent;
	word-break: keep-all;
	word-wrap: normal;
	
}
ul.tabs li a:hover {
	font-weight:600;
	border-bottom:2px solid #DF0000;
}

ul.tabs li.active a {
	font-weight:800;
	border-bottom:2px solid #DF0000;
    color: #FF0004;
}

ul.tabs.div-3 li {width:33.3%;}

ul.tabs-box {
	display: flex;
	justify-content: flex-start;
	width:100%;
	margin: 0 auto 2rem auto;
	padding: 0;
    position: relative;	
	list-style: none;	
	overflow:hidden;
}
ul.tabs-box li {
	
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	background: #fff;
	padding:0px;	
}

ul.tabs-box li a {
	width:100%;
	text-decoration: none;	
	display: inline-block;
	font-size: 0.925rem;
	line-height:1rem;
	padding:0.8rem;	
	outline: none;
	border:1px solid #dfdfdf;
	text-align:center;	
	margin:0;
}

ul.tabs-box li:first-child a {
	border-radius:0.4rem 0 0 0.4rem;	
	overflow:hidden;
}

ul.tabs-box li:last-child a {
	border-radius:0 0.4rem 0.4rem 0;	
	overflow:hidden;
}
ul.tabs-box li a:hover {
	font-weight:600;
	background:#7584DC;
	color:#fff;
}
ul.tabs-box li a > p {
	font-size:1.2rem;
	font-weight:normal;
	color:rgba(255,80,83,1.00);
	margin:0.5rem 0 0 0!important;
}
ul.tabs-box.div-5 li{width:calc(20% - 0px);}
ul.tabs-box.div-6 li{width:calc(16.6% - 0px);}

ul.tabs-box li.active a {
	font-weight:600;
	background:#4858B2;
	color:#fff;
}
ul.tabs-box li.active a > p {	
	color:#FFB5B6;
}

.arrow-lt{	
	display: inline-block;	
	position: relative;
	width:20px;
	height:20px;	
	vertical-align: middle;
}
.arrow-lt:after{		
	content:'';
	position:absolute;	
	width:14px;
	height:14px;
	top:3px;
	left:0;
	border-bottom:2px solid #000;
	border-right:2px solid #000;
	transform: rotate(-45deg);
}
.arrow-lt-wh{	
	display: inline-block;	
	position: relative;
	width:20px;
	height:20px;	
	vertical-align: middle;
}
.arrow-lt-wh:after{		
	content:'';
	position:absolute;	
	width:14px;
	height:14px;
	top:3px;
	left:0;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	transform: rotate(-45deg);
}

.arrow-up{	
	display: inline-block;	
	position: relative;
	width:20px;
	height:20px;	
	vertical-align: middle;
}
.arrow-up:after{		
	content:'';
	position:absolute;	
	width:75%;
	height:75%;
	top:15%;
	left:0;
	transform: rotate(-45deg);
	border-top:2px solid #000;
	border-right:2px solid #000;
}
.arrow-down{	
	display: inline-block;	
	position: relative;
	width:20px;
	height:20px;	
	vertical-align: middle;
}
.arrow-down:after{		
	content:'';
	position:absolute;	
	width:75%;
	height:75%;
	top:-15%;
	left:0;
	transform: rotate(-45deg);
	border-left:2px solid #000;
	border-bottom:2px solid #000;
}


.arrow-up-m{	
	display: inline-block;	
	position: relative;
	width:15px;
	height:15px;	
	vertical-align: middle;
}
.arrow-up-m:after{		
	content:'';
	position:absolute;	
	width:75%;
	height:75%;
	top:15%;
	left:0;
	transform: rotate(-45deg);
	border-top:1px solid #000;
	border-right:1px solid #000;
}
.arrow-down-m{	
	display: inline-block;	
	position: relative;
	width:15px;
	height:15px;	
	vertical-align: middle;
}
.arrow-down-m:after{		
	content:'';
	position:absolute;	
	width:75%;
	height:75%;
	top:-15%;
	left:0;
	transform: rotate(-45deg);
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}


.arrow-up-s{	
	display: inline-block;	
	position: relative;
	width:10px;
	height:10px;	
	vertical-align: middle;
}
.arrow-up-s:after{		
	content:'';
	position:absolute;	
	width:75%;
	height:75%;
	top:15%;
	left:0;
	transform: rotate(-45deg);
	border-top:1px solid #000;
	border-right:1px solid #000;
}
.arrow-down-s{	
	display: inline-block;	
	position: relative;
	width:10px;
	height:10px;	
	vertical-align: middle;
}
.arrow-down-s:after{		
	content:'';
	position:absolute;	
	width:75%;
	height:75%;
	top:-15%;
	left:0;
	transform: rotate(-45deg);
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}

.content-edit-btn{position:absolute;bottom:20px;right:20px;z-index:1000;}