@CHARSET "UTF-8";
@font-face {
    font-family: 'KOTRA_BOLD-Bold';
    src: url('../fonts/KOTRA_BOLD-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('../fonts/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('../fonts/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* 마음코트 2022-08-11 */

.coat_bg01 {
    width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
    background: url("../img/coat/mb_back.png") no-repeat top #fdfdd2;
	background-size: cover;
	z-index: 99;
}


.coat_bg02 {
    width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
    background-color: #ffffff;
	background-size: cover;
	z-index: 99;
}


.coat_bg03 {
    width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
	background-color: #e8fbf9;
	background-size: cover;
	z-index: 99;
}


.coat_bg04 {
    width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
    background-color: #ffffff;
	background-size: cover;
}

.coat_bg05 {
    width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
    background: url(../img/coat/back03.png) no-repeat top #ffffff;
	background-size: cover;
}

.coat_bg06 {
    width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
    background-color: #ffffff;
	background-size: cover;
}

.coat_bg07 {
     width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
    background-color: #ffffff;
	background-size: cover;
}

.coat_bg08 {
    width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
    background-color: #ffffff;
	background-size: cover;
}

.coat_bg09 {
    width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
    background-color: #ffffff;
	background-size: cover;
}
.coat_bg10 {
    width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
    background-color: #ffffef;
	background-size: cover;
}

.coat_bg11 {
    width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
    background: url(../img/coat/back04.png) no-repeat top #f4f3ef;
	background-size: cover;
}

.coat_bg12 {
    width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
    background: url(../img/coat/back05.png) no-repeat top #ffffff;
	background-size: cover;
}


.free_bg01 {
    width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
    background-color: #ffffff;
	background-size: cover;
}

.free_bg02 {
    width: 100%;
    height: auto;    
    /*padding: 0 0 11% 0;*/
    position: relative;
    background: url(../img/coat/free_back.png) no-repeat top #ffffff;
	background-size: cover;
}

	
.btFix1 {
    width: 100%;
	
    margin: auto;
	padding:5px 0;
    position: fixed;
    bottom: 0;
	z-index: 10;
    background: url(../img/coat/pc_fixs_back.png);
	background-size: contain;
}

.pc_btL, .pc_btR { 
    width: 50%;
	float:left;
	text-align: center;
}
.pc_btL img, .pc_btR img {
	width:100%;
	max-width:600px;
}


@media screen and (max-width: 800px) {
    
}
	
@media all and (min-width: 769px){
	.pc_none_n {display:none;}
}

@media screen and (max-width: 768px) {
	.t_none {
		display:none;
	}
	.btFix1 {
		display:none;
	}
	.btFix1_m {
		width: 100%;
		margin: auto;
		padding:5px 0;
		position: fixed;
		bottom: 0;
		z-index: 10;
		background: url(../img/coat/pc_fixs_back.png);
		background-size: contain;
	}
	.m_btL, .m_btR { 
		width: 50%;
		float:left;
		text-align: center;
	}
	.m_btL img, .m_btR img {
		width:100%;
		max-width:300px;
	}

}
@media screen and (max-width: 460px) {
	.btFix1 {
		display:none;
	}
}

.chile_bg04 {
    width: 100%;
    height: auto;
    position: relative;
	background-color: #fafaf8;
    background-size: cover;
    overflow: visible;
    z-index: 9;
}



.page-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  /*padding: 20px;*/
  overflow: visible; /* 확대된 슬라이드가 잘리지 않도록 */
  position: relative;
  min-height: 400px; /* 부모 높이를 충분히 확보하여 확대된 슬라이드가 잘리지 않도록 */
}

.post-slider {
  position: relative;
  overflow: visible;
  /* padding: 30px 0; 위아래 여백 추가 */
}

.post-slider .post-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
  position: relative;
}

/* 슬라이드 기본 스타일 */
.post-slider .post {
  width: 300px;
  height: 350px;
  margin: 0 10px;
  background: white;
  border-radius: 15px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  z-index: 1;
  transform-origin: center center; /* 슬라이드가 중심을 기준으로 균등하게 확대되도록 설정 */
}


/* 슬라이드 내부 정렬 */
.post-slider .post {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.post-slider .slider-image {
  width: 100%;
  height: auto;
  max-width: 120px;
  border-radius: 10px;
}

.post-slider .post-info {
  padding: 20px;
  font-size: 15px;
text-align: left;
	display: block;
}

.post-subject{
	font-size: 20px;
	font-weight:600;
	color: #2b2b2b;
	line-height: 25px;
	margin-bottom: 20px;
	text-align: center;
	font-family: 'Pretendard-Regular';
	
}

.post-slider .next,
.post-slider .prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2em;
  color: gray;
  cursor: pointer;
  z-index: 4;
}

.post-slider .next {
  right: 10px;
}

.post-slider .prev {
  left: 10px;
}

@media (max-width: 768px) {
  .post-slider .post {
    width: 80%;
  }
}

.review_lable{
	border-radius: 50px!important; 
	background-color:#62c9c5;  
	padding: 5px 10px 5px 10px; 
	font-size: 15px; 
	color: #ffffff;
	display: inline-block;
	margin-bottom: 15px;
}