/**
<576px	sm 
≥576px	md
≥768px	lg
≥992px	xl
≥1200px	xxl
≥1400px
*/
 
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Monoton&family=Do+Hyeon&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);*/
	min-width:360px;
  }
  
@media screen and (min-width: 1451px) {
  html {
    font-size: 16px;
  }
}

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

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

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;
	padding-bottom: 4rem;
}
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;
	}
}
@media (min-width: 992px) {
	main{
		min-height:700px;
	}
}
@media (min-width: 1200px) {
	main.full .m-container,main.full .h-container{max-width:100% !important;}
}
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
--------------------------------------------------------------*/
.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:2.5rem;
  font-weight:200;
  font-family:'Monoton';
  word-break: keep-all;
  white-space: nowrap;
  font-family: 'Do Hyeon';
}

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


#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 , #header .btn-coupon {position: relative;display:inline-block; border-radius:50%;border:1px solid #dfdfdf;
vertical-align: middle;width:2.5rem;height:2.5rem;line-height:2.2rem;text-align:center;}
#header .win-memo .badge ,#header .win-note .badge ,#header .btn-coupon .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-note{display:inline-block; border-radius:50%;border:1px solid #dfdfdf;vertical-align: middle;width:2.5rem;height:2.5rem;}
#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.5rem;height:2.5rem;line-height:2.5;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.5rem;height:2.5rem;margin-right:5px;}

#header .win-memo .badge, #header .win-note .badge, #header .btn-coupon .badge {
    position: absolute;
    top: -6px;
    right: -6px;
}

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

@media (max-width: 767px) {
	#header .logo img {
	  max-height: 3rem;
	}
	#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;
}

/*--------------------------------------------------------------
# index searchbox
--------------------------------------------------------------*/
#as_search{background:#fff;padding:2rem 0;overflow:hidden;}
#as_search .wrap-content{width:95%; max-width:600px;margin:0 auto; margin:1rem auto;}
#as_search input[type='text']{width:100%;font-size:1.6rem;text-align:center;text-transform: uppercase;ime-mode:inactive;}
#as_search input::placeholder{color:#c7c7c7;}
#as_search h3{font-size:1.1rem;color:#707070;font-weight:700;margin:1rem 0 0 0;}
#as_search .tab_content{ min-height:21rem;}
#as_search .wrap-form{padding:1rem 0; }


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


.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 ,.navbar li > div > a, .navbar  li > div  >  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 ,
.navbar  li > div > a:hover, .navbar li:hover  > div > a {
  color: #006699;
  font-weight: 500;  
}
.navbar .dropdown ul {
  display: block;
  position: absolute;
  width:100%;
  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 {
  
}
.navbar .dropdown ul a {
  padding: 0px 0px;
  font-size: 1rem;
  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:1rem;}
.mobile-nav .member-info-on{border-bottom:none;padding:1rem;}

.mobile-nav .member-info .member-img{display: flex;justify-content: flex-start;align-items: center;}
.mobile-nav .member-info .member-img .pf-img{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 .name {margin-top:20px;line-height:1.4em;color:#9a9a9a;font-size:1rem;font-weight:normal;}
.mobile-nav .member-info .email {line-height:1.4em;color:#9a9a9a;font-size:1rem;font-weight:normal;}
.mobile-nav .member-info .login {margin-top:20px;line-height:1.4em;color:#9a9a9a;font-size:1rem;font-weight:normal;}
.mobile-nav .member-info .btns {display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap; column-gap: 0.25rem;grid-gap: 0.25rem;}
.mobile-nav .member-info .btns .btn {width:48%;}

.mobile-nav-active .mobile-nav {
    right: 0;
	font-weight:normal;
}
.mobile-nav {
	display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1051;
    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 {
    width: 100%;
    height: 100%;
    z-index: 1050;
    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: #122C2B;
  color: #fff;
  text-align: center;
  padding: 1.5rem 0 1.5rem 0;
  margin-top:7rem;
}
#footer .menu1 a {
	font-size:1rem;
	color: #f7f7f7;  
	padding:0.5rem 0.8rem;
	word-break: keep-all;
	white-space: nowrap;
	font-weight:200;
}

#footer .copyright {  
  padding:0; 
  font-size:0.875rem;
}

#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;
text-align: center;
}
.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
--------------------------------------------------------------*/

.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;}
}


/*--------------------------------------------------------------
# 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-bottom: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 #E39D19;
}

ul.tabs li.active a {
	font-weight:800;
	border-bottom:2px solid #E39D19;
}
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;}