@charset "utf-8";


/* ******************** component ******************** */

/* input */ 
@import "../../component/input-style";

/* 컨텐츠 공용 타이틀 */
@import "../../component/title-style";

/* sub-cont */ 
@import "../common/_sub-cont";



/* ******************** sub-common ******************** */ 

/* sub-banner */ 
@import "../common/_sub-banner";

/* sub-tab */ 
@import "../common/_sub-tab";


/* ******************** 가족회사 ******************** */

/* banner */ 
@import "./banner";


.newsletter-wrap {
	display: flex; gap: 50px; padding: 0 0 30px;
	.content-title-wrap {
		width: 100%; text-align: center; padding: 30px 0;
		.content-tit {
			color: #484848; font-size: 2.3rem; font-weight: 600; padding-top: 10px;
		}
	
		.content-date {
			color: #999; font-size: 1.6rem;
		}
	}
	.news-nav {
		width: 170px;
		.select-box {
			float: none;
			select {
				border: 1px solid #b9b9b9; background: url("../../../img/common/select_arrow.png") no-repeat 90% 50%; text-align-last: center; font-weight: 600; border-radius: 0;
			}
		}
		.mo-month-wrap {
			display: none;
		}
		.month-wrap {
			width: 100%; margin-top: 10px; padding-top: 10px; border-top: 1px solid #b9b9b9; text-align: center;
			.month {
				width: 100%; margin-bottom: 3px; background: #fff;
				&:hover a {
					color: #0D57A7; border-color: #0D57A7;
				}
				&:last-child {
					margin-right: 0;
				}
				a {
					display: block; border: 1px solid #b9b9b9; color: #777; font-size: 1.3rem; padding: 10px 0;
				}	
				&.select a {
					color: #0D57A7; border-color: #0D57A7; font-weight: 500;
				}
			}
		}
	}
	.news-content {
		width: calc(100% - 170px); display: flex; flex-direction: column; align-items: center;
	}
}

/* 뉴스레터 구독 left 퀵배너 */
.subscribe-area {
  position: relative; width: 100%; height: auto; background: #162345; border-radius: 7px; margin-top: 40px; 
	.subscribe {
    padding: 25px 15px; position: relative;
    .sub-btn-wrap {
      color: #162345;
      &.middle {
        text-align: center;
      }
    }
    .img-area {
      margin: 12px 0 10px;
      .letter {
        width: 100%; height: 43px;
      }
    }
    .subscribe-tit {
      color: #fff; font-size: 1.7rem; font-weight: 600; padding-bottom: 5px; text-align: center;
      &::after {
        content: '';
        position: absolute; top: 40px; left: 28px; width: 105px; height: 8px; background: #fff; opacity: 0.2; z-index: 1;
      }
    }
    .subscribe-txt {
      color: #fff; font-size: 1.2rem; text-align: center; padding: 5px 0 20px; line-height: 1.6; font-weight: 400;
    }
    .sub-btn-wrap .subscribe-btn {
      display: inline-block; padding: 7px 13px; font-weight: 600; font-size: 1.3rem; color: #162345; background: #fff; border-radius: 7px; text-align: center; cursor: pointer;
    }
  }
}

@media (max-width: 768px) {
	.newsletter-wrap {
		.news-nav {
			width: 130px;
		}
		.news-content {
			width: calc(100% - 130px);
		}
		.content-title-wrap {
			padding: 15px 0;
			.content-tit {
				font-size: 1.7rem; line-height: 1.5;
			}
		}
	}
  /* 뉴스레터 구독 left 퀵배너 */
  .subscribe-area {
    margin: 20px 0 0;
    .subscribe {
      .subscribe-tit {
        font-size: 1.4rem;
        &::after {
          top: 40px; left: 9px; width: 91px;
        }
      }
      .subscribe-txt {
        font-size: 1.2rem;
      }
      .sub-btn-wrap .subscribe-btn {
        padding: 4px 20px; font-size: 1.2rem; border-radius: 5px;
        a .btn-txt {
          display: none;
        }
      }
      .subscribe-txt br, .sub-btn-wrap .subscribe-btn .btn-txt {
        display: none;
      }
    }
  }
}

@media (max-width: 500px) {
	.newsletter-wrap {
		flex-direction: column; padding-top: 0; gap: 20px 0;
		.news-nav {
			width: 100%; padding-right: 0;
			.month-wrap {
				display: none;
			}
			.mo-month-wrap {
				display: block;
			}
			.select-box {
				&:first-child {
					border-bottom: 0; padding-bottom: 0; margin-bottom: 5px;
				}
				select {
					font-size: 1.3rem; height: 35px; line-height: 35px; background: url("../../../img/common/select_arrow.png") no-repeat 95% 50%;
				}
			}
		}
		.news-content {
			width: 100%;
		}
		.content-title-wrap {
			padding-bottom: 20px; text-align: left;
			.content-date {
				font-size: 1.3rem;
			}
		}
	}
  /* 뉴스레터 구독 left 퀵배너 */
  .subscribe-area {
		margin-top: 10px;
		.subscribe {
			display: flex; padding: 10px 15px; justify-content: space-between; align-items: center;
			.img-area .letter {
				display: none;
			}
			.subscribe-tit {
				text-align: left; font-size: 1.3rem; padding-bottom: 0;
				&::after {
					display: none;
				}
			}
			.img-area {
				display: none;
			}
			.subscribe-txt {
				display: none;
			}
			.sub-btn-wrap {
				&.middle {
					text-align: right;
				}
				.subscribe-btn {
					padding: 5px 15px; font-size: 1.3rem;
					.btn-txt {
						display: inline-block;
					}
				}
			}
		}
	}
}