/* 
색상
회색 #D0D2D3 
갈색 #C3996B
자주색 #402645

버튼색 #895094
*/

/* 공통 사용 -----------------------------------------------------------------------*/
/* 채팅 float */
.chatting_div {
	padding-top: 2px;
	text-align: center;
	display: block;
}

.chatting_text {
	font-size: 0.3rem;
	color: white;
	display: block;
}

/* 커서 */
.cursor {
	cursor: pointer;
}

/* 버튼 */
.border_custom1 {
	transition: 0.3s;
	border: 1px solid #895094;
	color: #edf1f1;
	background-color: #895094;
}

.border_custom1:hover {
	border: 1px solid #895094;
	color: #402646;
	background-color: white;
}

.border_custom2 {
	border: 1px solid #895094;
	color: #402646;
	background-color: white;
	transition: 0.3s;
}

.border_custom2:hover {
	border: 1px solid #895094;
	color: #edf1f1;
	background-color: #895094;
}

.btn-check:focus+.btn, .btn:focus {
	outline: 0;
	/* 회색 D0D2D3 */
	box-shadow: 0 0 0 0.25rem rgb(208 210 211/ 25%);
}

.form-select:focus {
	border-color: #bd82c9;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(208 210 211/ 25%);
}

.form-control:focus, .dataTable-input:focus {
	color: #212529;
	background-color: #fff;
	border-color: #bd82c9;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(208 210 211/ 25%);
}

.form-check-input:focus {
	border-color: #bd82c9;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(208 210 211/ 25%);
}

.form-check-input:checked {
	background-color: #402645;
	border-color: #402645;
}

.a_customColor {
	color: #895094;
}

.a_customColor:hover {
	color: #bd82c9;
}

.border_custom3 {
	border: 1px solid black;
}

.btn_custom {
	padding: 10px;
}

.btn_custom3 {
	background: #402645;
	color: white;
}

/* 색 */
.bg_white {
	background-color: white;
}

/* 폰트 관련 */
.font_bold {
	font-weight: bold;
}

.font_custom1 {
	color: #402645;
}

/* 사이즈 간격 */
.margin_auto {
	margin: auto;
}

.pd-0 {
	padding: 0px;
}

.pd_right_10 {
	padding-right: 10px;
}

.pt_top_70 {
	/* padding-top: 70px; */
	padding-top: 40px;
}

.pb_10 {
	padding-bottom: 10px;
}

.width_100 {
	width: 100%;
}

.width_50 {
	width: 50%;
}

.last_pd {
	padding: 0px 0px 30px 0px;
}

/* 높이 */
.min_50 {
	min-height: 50vh !important;
}

.min_80 {
	min-height: 80vh !important;
}

.min_60 {
	min-height: 60vh !important;
}

.min_70 {
	min-height: 70vh !important;
}

/* 디비 내용 없을 경우 */
.contents_none {
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	line-height: 2rem;
	word-break: keep-all;
}

/* 기타 */
.content_btnbox {
	width: 100%;
	border-radius: 4px;
	text-align: right;
}

.content_btnbox2 {
	border-radius: 4px;
	text-align: right;
}

.box_shadow {
	box-shadow: 0px 0px 12px 0px rgb(0 0 0/ 15%);
}

.content_box .content_group {
	padding-bottom: 10px;
}

.content_box .content_group .contnet_group_one {
	padding-bottom: 5px;
}

.text_alignEnd {
	text-align: end;
}

.letter_wrap {
	word-wrap: break-word;
}

/* 말 줄임 처리 */
.letter_stop {
	word-wrap: break-word;
	/* white-space: pre-wrap; */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 닫기 버튼 */
.close_pageIconDiv {
	margin-bottom: -10px;
	text-align: right;
}

.close_pageIconDiv_write {
	margin-bottom: 20px;
	text-align: right;
}

.close_pageIconDiv_modify {
	text-align: right;
}

.close_pageIcon {
	font-size: x-large;
	cursor: pointer;
}

/* --------------------------------------------------------------------------------- */

/* plumpath1 폴더 -------------------------*/
/* 메뉴 */
.menuLangIcon:hover {
	color: #bd82c9 !important;
}

.section1 {
	background-image: url("../image/index.png");
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

@media ( min-width : 1281px) {
	.section1 {
		background-position: initial;
	}
}

/* index page */
.landing_section {
	padding: 60px 20px 60px 20px !important;
}

.servicd_div {
	margin: 0px 10px;
}

.landing_btn {
	width: 65%;
	background: #fff;
	border-radius: 4px;
	margin: auto;
}

.landing_serviceDiv:hover {
	box-shadow: 0px 0px 12px 0px rgb(0 0 0/ 15%);
	transition: 0.4s;
}

.counts .landing_box {
	padding: 30px 0px;
}

.land_plusBtn {
	text-align: right;
}

.commu_icon_landing {
	padding-left: 10px;
}

.landing_icon {
	color: #a872b3;
}

.account_group {
	margin-bottom: 3rem;
}

.btn-check:checked {
	background-color: blue;
}

.account_infoDiv {
	padding: 20px 10px;
	border: 1px solid lightgray;
	border-radius: 4px;
}

.account_device {
	margin-bottom: 1rem;
}

.account_deviceBtn {
	padding: 10px;
	text-align: center;
}

.device_li {
	display: flex;
	flex-direction: row;
	align-items: baseline;
}

.device_txt {
	text-align: right;
	width: 50%;
}

.device_btn {
	text-align: left;
}

/* 결제1 */
.sectionIn-title {
	padding: 20px 0px 20px 0px;
	text-align: center;
}

.sectionIn-title h2 {
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	color: #222222;
}

.sectionIn-title h2:before {
	margin: 0 15px 10px 0;
}

.sectionIn-title h2:after {
	margin: 0 0 10px 15px;
}

.sectionIn-title h2:before, .sectionIn-title h2:after {
	content: '';
	width: 50px;
	height: 2px;
	background: #895094;
	display: inline-block;
}

.payment_div {
	border: 1px solid lightgray;
	border-radius: 4px;
	padding: 10px;
}

.payment_box {
	border-bottom: 1px solid lightgray;
	/* padding: 16px; 가운데 정렬 아닌 상태*/
	padding: 16px 20%;
	width: 100%;
}

.payment_box i {
	display: block;
	font-size: 36px;
	float: left;
	line-height: 0;
	padding-top: 25px;
}

.payment_box span {
	font-size: 1.1rem;
	line-height: 30px;
	display: block;
	font-weight: 700;
	color: #222222;
	margin-left: 50px;
}

.payment_box p {
	padding: 5px 0 0 0;
	margin: 0 0 0 60px;
	font-size: 14px;
	color: #484848;
}

.pay_howto {
	box-shadow: 0px 0px 10px 0px rgb(0 0 0/ 10%);
	border-top: 1px solid #895094;
	border-bottom: 1px solid #895094;
	border-radius: 30px;
	padding: 1.5rem;
	margin: auto;
}

.pay .pay-list ul {
	/* padding: 0; */
	list-style: none;
}

.pay .pay-list li+li {
	margin-top: 15px;
}

.pay .pay-list li {
	padding: 20px;
	background: #fff;
	border-radius: 4px;
	position: relative;
	border: 1px solid lightgray;
}

.pay .pay-list a {
	display: block;
	font-size: 16px;
	line-height: 24px;
	outline: none;
	cursor: pointer;
}

.pay .pay-list .icon-show, .pay .pay-list .icon-close {
	font-size: 24px;
	position: absolute;
	right: 15px;
}

.pay .pay-list a {
	font-size: 1.1rem;
	font-weight: bold;
	text-decoration: none;
}

.pay .pay-list p {
	margin-bottom: 0;
	padding: 10px 0 0 0;
}

.pay .pay-list .icon-show {
	display: none;
}

.pay .pay-list a.collapsed {
	color: #343a40;
}

.pay .pay-list a.collapsed:hover {
	color: #bd82c9;
}

.pay .pay-list a.collapsed .icon-show {
	display: inline-block;
}

.pay .pay-list a.collapsed .icon-close {
	display: none;
}

@media ( max-width : 1200px) {
	.pay .pay-list {
		padding: 0;
	}
}

@media ( max-width : 575px) {
	.pay_pd {
		padding-left: inherit !important;
		padding-right: inherit !important;
	}
}

/* 결제1에서 - 요금제 */
.pricing .box {
	padding: 20px;
	background: #f9f9f9;
	text-align: center;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	border: 2px solid #f9f9f9;
}

.pricing .recommended {
	border-color: #3498db;
}

.pricing .box h3 {
	font-weight: 400;
	padding: 15px;
	font-size: 1.5rem;
	font-weight: 600;
	color: #222222;
}

.pricing .box h4 sup {
	font-size: 20px;
	top: -15px;
	left: -3px;
}

.pricing .box h4 {
	font-size: 1.8rem;
	color: #895094;
	margin-bottom: 1.8rem;
	font-weight: bold;
}

.pricing .box ul {
	border-top: 1px solid #895094;
	padding: 1rem 0 0 0;
	list-style: none;
	color: #222222;
	text-align: center;
	line-height: 20px;
	font-size: 1rem;
}

.pricing .box ul li {
	padding-bottom: 16px;
}

.pricing .box ul .na {
	color: #ccc;
	text-decoration: line-through;
}

/* index페이지 요금제 효과 */
.pricing_index .box_index {
	box-shadow: 0px 0px 12px 0px rgb(0 0 0/ 8%) !important;
	background: white !important;
	border: 2px solid #f9f9f9;
	border: 1px solid #bd82c9;
}

/* index페이지 요금제 효과 */
.pricing_index .box_index:hover {
	box-shadow: 0 22px 22px 0 rgb(0 0 0/ 15%) !important;
	transition: 0.4s;
	background: #f9f9f9 !important;
}

.payment_input {
	float: none !important;
}

.payment_label {
	cursor: pointer;
	word-break: keep-all;
	white-space: pre;
}

/* 요금제 중 추천 넣고 싶으면 recommended 사용 */
.pricing .recommended .btn-buy:hover {
	background: #2383c4;
	border-color: #2383c4;
}

.pricing .box .btn-buy:hover {
	border: 2px solid #895094;
	color: #402645;
	background-color: white;
}

.pricing .box .btn-buy {
	display: inline-block;
	padding: 10px 50px 12px 50px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 400;
	background: #895094;
	border: 2px solid #895094;
	color: #edf1f1;
	font-weight: 600;
	transition: 0.3s;
}

.pay_btns {
	display: contents;
}

.k {
	white-space: nowrap;
	margin: auto;
	justify-content: space-between;
	display: flex;
	align-items: stretch;
	/* flex-wrap: nowrap; */
}

.pay_btn {
	border-radius: 4px !important;
	/* white-space: nowrap; */
	display: flex;
	vertical-align: initial;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.pay_btn img {
	height: 20px;
}

.payment_block {
	box-shadow: 0px 0px 10px 0px rgb(0 0 0/ 10%);
	border: 1px solid #895094;
	margin-bottom: 1.5rem;
	/* border: 1px solid lightgray; */
	border-radius: 4px;
	padding: 10px;
}

.payment_img_block {
	box-shadow: 0px 0px 10px 0px rgb(0 0 0/ 10%);
	border: 1px solid #895094;
	margin-bottom: 1rem;
	border-radius: 25px;
	padding: 1rem;
}

.payment_step {
	font-size: 1.2rem;
	font-weight: bold;
	color: #4466fb;
	display: inline-flex;
	align-items: baseline;
}

.payment_step nav {
	font-size: 1.4rem;
	padding-right: 0.5rem;
}

.payment_block_1 {
	background: #a378ab;
	padding: 1.5rem;
	border: none;
}

.payment_block_2 {
	padding: 1rem 0.5rem;
}

/* 그림자 차이 */
.payment_block_3_1 {
	background: #fefaff;
	border: 1px solid #e5e5e5;
	box-shadow: 12px 11px 11px 0px rgb(0 0 0/ 15%);
}

.payment_block_3_2 {
	background: #fefaff;
	border: 1px solid #e5e5e5;
	box-shadow: -2px 16px 11px 0px rgb(0 0 0/ 15%);
}

.payment_block_4 {
	background: #402645;
	padding: 1.5rem;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: baseline;
}

.pay_total {
	padding: 0 1rem;
	display: grid;
	grid-row-gap: 0.5rem;
	grid-template-columns: repeat(2, 1fr);
	align-items: start;
}

.pay_total p i {
	color: red;
}

.pay_total .left {
	color: #333;
	word-break: keep-all;
	font-size: 1.05rem;
}

.pay_total .right {
	text-align: end;
	word-break: keep-all;
	font-size: 1.05rem;
	/* font-weight: bold; */
}

.payment_block .title, .pay_howto .title {
	border-bottom: 2px solid #402645;
	font-weight: bold;
	margin-bottom: 1rem;
	font-size: 1.1rem;
}

.payment_block ul {
	padding: 0px 0px 0px 1rem;
}

.payment_block .charge {
	font-weight: bold;
	color: ghostwhite;
	font-size: 1.4rem;
	font-style: oblique;
	margin-bottom: -0.5rem;
}

.payment_block .charge2 {
	font-weight: bold;
	color: ghostwhite;
	font-size: 1.4rem;
	font-style: oblique;
	margin-bottom: -0.5rem;
}

.payment_block .price {
	color: white;
	font-weight: bold;
	font-size: 3rem;
}

.payment_block .price2 {
	color: white;
	font-weight: bold;
	font-size: 3rem;
}

.payment_img_alipayQR {
	position: relative;
	overflow-x: auto;
	width: 80%;
	max-width: 80%;
	margin: 0 auto;
	max-width: 80%;
}

.payment_img {
	position: relative;
	overflow-x: auto;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	max-width: 100%;
}

.payment_img_alipayQR img, .payment_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.paymentSecond_expect {
	box-shadow: 0px 0px 10px 0px rgb(0 0 0/ 10%);
	border: 1px solid red;
}

.deviceNum {
	font-size: larger;
	color: #bd82c9;
	text-underline-position: under;
	text-decoration: underline;
}

.deviceNum_checkBox {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
}

/* 네이버 톡톡 */
.talk_preview_area {
	width: 100% !important;
}

.talk_banner_preview {
	width: 100% !important;
}

/* 결제3 */
.paymentRequest_div {
	position: relative;
	text-align: center;
	width: 100%;
	background: #d3d3d321 !important;
}

.paymentRequest_text {
	line-height: 2rem;
	word-break: keep-all;
}

.paymentRequest_btnbox {
	width: 100%;
	border-radius: 4px;
}

.paymentRequest_expect {
	border: 1px solid red;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0/ 10%);
}

/* 환불 페이지 */
.refund_group {
	margin-bottom: 2rem;
}

.panel {
	-webkit-box-shadow: 0 1px 2px rgb(0 0 0/ 5%);
	box-shadow: 0 1px 2px rgb(0 0 0/ 5%);
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgb(0 0 0/ 5%);
	box-shadow: 0 1px 1px rgb(0 0 0/ 5%);
}

.panel-default {
	border-color: #ddd;
}

.panel-default>.panel-heading {
	color: #333;
	border-color: #ddd;
}

.panel-heading {
	padding: 10px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
}

.panel-body {
	padding: 20px 10px;
}

/* 환불 요청 */
.refundReText {
	text-align: center;
	line-height: 2rem;
}

.refund_Box {
	width: 100%;
	padding: 30px 30px 15px 30px;
	border-radius: 4px;
}

.refund_btnbox {
	width: 100%;
	text-align: center;
	border-radius: 4px;
	padding-top: 10rem;
}

.refundEnd_btn {
	margin-top: 10px;
	width: 50%;
}

/* : 가운데 정렬 outer */
.refundRequest_div {
	position: relative;
	text-align: center;
	width: 100%;
	background: #d3d3d321 !important;
}

/* : 가운데 정렬 inner */
.refundRequest_content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	line-height: 2rem;
	word-break: keep-all;
}

.refundRequest_btnbox {
	width: 100%;
	border-radius: 4px;
}

.purchaseHistory_div {
	margin-bottom: 1.5rem;
}

.purchaseHistory_table {
	vertical-align: middle;
	width: 100%;
}

.purchaseHistory_refundBtnDiv {
	display: inline-flex;
}

.purchaseHistory_refundBtn {
	padding: 2px 10px;
	font-size: small;
}

.purchaseHistory_Box {
	padding: 15px;
}

.purchaseHistory_btn {
	width: 100%;
	padding: 10px;
}

/* 커뮤니티 상세 */
.commu_reply {
	padding: 10px;
	border: 1px solid lightgray;
	border-radius: 4px;
	margin-bottom: 1rem;
	/* margin: 0px -10px 1rem -10px; */
	/* 글자에 맞추려고 마진 넣음 박스에 맞추려면 마진 빼기 - 현재 뺀 상태 */
}

.commu_replyWrite {
	padding-bottom: 1rem;
	/* margin: 0px -10px; */
	/* 글자에 맞추려고 마진 넣음 박스에 맞추려면 마진 빼기 - 현재 뺀 상태 */
}

.commu_title {
	font-size: 1.5rem;
	font-weight: 600;
}

.commu_dateNic {
	font-weight: 500;
}

.commu_img {
	width: 100%;
}

.commu_icon {
	font-size: large;
}

.content_btnDiv {
	text-align: right;
	padding-bottom: 1rem;
}

.content_btn1 {
	border: 1px solid lightgray;
	margin-right: 5px;
}

.content_btn2 {
	border: 1px solid lightgray;
}

.content_btnDiv button i {
	color: gray;
}

.reply_div {
	padding: 0px 10px;
}

.reply_div .row {
	margin-top: -0.5rem;
}

.reply_nick {
	display: flex;
	align-items: center;
}

.reply_btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.replyBtn_div {
	padding-right: 10px;
}

.replyBtn1 {
	margin-right: 5px;
}

.replyBtn_div button {
	padding: 5px;
}

.replyBtn_div button i {
	color: gray;
}

.hr_reply {
	height: 5px !important;
	color: #402645;
}

.replyWrite_textarea {
	resize: none;
}

.replyWrite_btnDiv {
	margin: 0px;
	padding-left: 15px;
}

.replyWrite_btn {
	padding: 20px 15px;
}

/* 공지 상세 */
.noti_title {
	font-size: 1.5rem;
	font-weight: 600;
}

.noti_date {
	font-weight: 500;
}

.noti_img {
	width: 100%;
}

/* Q&A 상세 */
.qna_title {
	font-size: 1.2rem;
	font-weight: 600;
}

.qna_date {
	font-weight: 500;
}

.qna_img {
	width: 100%;
}

.hr_qna {
	height: 5px !important;
	color: #402645;
	margin: 2.5rem 0;
}

.answer_div {
	border-radius: 4px;
	padding: 10px;
	border: 1px solid lightgray;
	margin: -10px;
}

/* 커뮤니티 작성 */
.padding_75 {
	padding: 0.7rem;
}

/* FAQ 목록 */
.faq_select {
	padding: 15px 10px;
}

.faq .faq-list ul {
	padding: 0;
	list-style: none;
}

.faq .faq-list li+li {
	margin-top: 15px;
}

.faq .faq-list li {
	padding: 20px;
	background: #fff;
	border-radius: 4px;
	position: relative;
	border: 1px solid lightgray;
}

.faq .faq-list a {
	display: block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	padding: 0 30px;
	outline: none;
	cursor: pointer;
}

.faq .faq-list .icon-help {
	font-size: 24px;
	position: absolute;
	right: 0;
	left: 20px;
	color: #bd82c9;
}

.faq .faq-list .icon-show, .faq .faq-list .icon-close {
	font-size: 24px;
	position: absolute;
	right: 15px;
}

.faq .faq-list p {
	margin-bottom: 0;
	padding: 10px 0 0 0;
}

.faq .faq-list .icon-show {
	display: none;
}

.faq .faq-list a.collapsed {
	color: #343a40;
}

.faq .faq-list a.collapsed:hover {
	color: #bd82c9;
}

.faq .faq-list a.collapsed .icon-show {
	display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
	display: none;
}

.faq .faq-list .faq-list-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	width: 100%;
}

@media ( max-width : 1200px) {
	.faq .faq-list {
		padding: 0;
	}
}

/* QnA 글 작성 */
.pd_10 {
	padding-bottom: 10px;
}

/* 내 계정 my - 회원 정보 수정 */

/* : 상단 제목 */
.section-title {
	text-align: center;
	padding: 15px 0px 0px 0px;
}

.section-title h2 {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}

.section-title h2::before {
	content: '';
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}

.section-title h2::after {
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background: #402645;
	bottom: 0;
	left: calc(50% - 20px);
}

.section-title2 {
	text-align: center;
	padding: 15px 0px 0px 0px;
}

.section-title2 h2 {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}

.section-title2 h2::before {
	content: '';
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}

.section-title2 h2::after {
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background: #402645;
	bottom: 0;
	left: calc(50% - 20px);
}

/* modal padding-right : 17px, overflow : hidden 들어가는 것 때문에 흔들려서 강제로 0,auto 픽스 */
#header {
	padding-right: 0px !important;
}

.modal-open {
	padding-right: 0px !important;
	overflow: auto !important;
}

.modal {
	padding-right: 0px !important;
	overflow: auto !important;
}

.serverChange_div {
	padding: 20px 10px;
}

.serverChange_selectDiv {
	display: inline-block;
}

.serverChange_selectBtn {
	width: 100%;
	border-radius: 4px !important;
}

.usageHistory_modalBody {
	min-height: 50vh;
}

.useageHistory_table {
	vertical-align: middle;
	width: 100%;
}

.page-header {
	/* padding: 30px 0 15px 0; */
	margin-bottom: 30px;
	background: #fff;
	border-bottom: 2px solid #eaedef;
	position: relative;
}

.page-header .page-title {
	font-size: 24px;
	padding: 0;
	margin: 0;
	color: #023b6d;
	font-weight: 500;
	background: #fff;
}

.page-header:after {
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 2px;
	background: #402645;
	border-right: 3px solid #fff;
	bottom: -2px;
	left: 0;
}

/* --------------------------------------------------------------------------------- */
/* plumpath2 폴더 ------------------------- */

/* 가입 */
.register_input {
	float: none !important;
	/* margin-right: 1rem; */
}

/* 다운로드 */
.download_header {
	margin: auto;
	margin-bottom: 30px;
}

.download_ul .nav {
	flex-wrap: nowrap;
}

.download_li {
	display: contents;
}

.download_liBtn {
	margin: auto;
}

/* 다운로드 페이지 설명 */
.downContent_div {
	line-height: 2rem;
}

.br_100 {
	line-height: 100%;
}

.br_200 {
	line-height: 200%;
}

.br_300 {
	line-height: 300%;
}

.downContent_div .txt {
	line-height: 250%;
}

.downContent_div a {
	font-size: large;
	font-weight: bold;
	text-decoration: underline;
}

.downContent_div span {
	/* color:#895094; */
	color: #bd82c9;
}

.downContent_div hr {
	margin: 10%;
	height: 2px;
}

.downContent_div div {
	margin: auto;
}

.downContent_div .down_img {
	padding: 1% 5%;
}

.downContent_div div img {
	width: 100%;
	border: 1px solid #402646;
	/* border:1px solid black; */
	border-radius: 30px;
	-moz-border-radius: 30px;
	-khtml-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

.downContent_div h5 {
	font-weight: bold;
}

.downContent_div h3 {
	padding-top: 3rem;
	font-weight: bolder;
	/* text-decoration: underline; */
}

.down-list ul li a span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	width: 90%;
}

.down .down-list ul {
	padding: 0;
	list-style: none;
}

.down .down-list li+li {
	margin-top: 15px;
}

.down .down-list li {
	padding: 20px;
	background: #fff;
	border-radius: 4px;
	position: relative;
	border: 1px solid lightgray;
}

.down .down-list a {
	display: block;
	font-size: 16px;
	line-height: 24px;
	outline: none;
	cursor: pointer;
}

.down .down-list .icon-show, .down .down-list .icon-close {
	font-size: 24px;
	position: absolute;
	right: 15px;
}

.down .down-list a {
	font-size: 1.1rem;
	font-weight: bold;
	text-decoration: none;
}

.down .down-list p {
	margin-bottom: 0;
	padding: 10px 0 0 0;
}

.down .down-list .icon-show {
	display: none;
}

.down .down-list a.collapsed {
	color: #343a40;
}

.down .down-list a.collapsed:hover {
	color: #bd82c9;
}

.down .down-list a.collapsed .icon-show {
	display: inline-block;
}

.down .down-list a.collapsed .icon-close {
	display: none;
}

@media ( max-width : 1200px) {
	.down .down-list {
		padding: 0;
	}
}

/* 추천 */
.recommend_group {
	margin-bottom: 2rem;
}

.recommend_signContent {
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	border-radius: 10px;
	padding: 10px;
}

/* 공지&커뮤니티 */
.tab_nav {
	padding: 0px 10px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	font-weight: bold;
	color: #402645;
	background: none;
}

.nav-link:focus, .nav-link:hover {
	color: #402645;
}

.nav-link {
	display: block;
	padding: .5rem 1rem;
	color: #989898;
	text-decoration: none;
	transition: color .15s ease-in-out, background-color .15s ease-in-out,
		border-color .15s ease-in-out;
}

.notiCommu_header {
	margin: auto;
	margin-bottom: 30px;
}

/* 공지 상세 */
.noti_li {
	display: flex;
	border-bottom: 1px solid lightgray;
	padding: 10px;
	border: 1px solid lightgray;
	border-radius: 4px;
	margin-bottom: 1rem;
	cursor: pointer;
	min-height: 100px;
}

.notiCommu_title {
	font-weight: bold;
	font-size: 1rem;
	display: block;
	word-wrap: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.noti_title {
	font-size: 1.5rem;
	font-weight: 600;
}

.notiCommu_date {
	font-weight: 500;
}

.notiCommu_img {
	width: 100px;
	height: 80px;
	margin-right: 1.5rem;
}

.notiCommu_div {
	margin: auto 0px;
}

/* Q&A 목록 */
.qna_btn {
	float: right;
	margin: -20px 0px -10px 0px;
}

.bd_bottom {
	border-bottom: 1px solid lightgray;
}

.section-title h2 {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}

.content_box {
	/* none 넣을 때 사용하려고 들어간건데 다른곳에서도 문제 없는지 확인필요 */
	position: relative;
	width: 100%;
	padding: 30px 30px 15px 30px;
	background: #fff;
	border-radius: 4px;
}

.content_box2 {
	/* none 넣을 때 사용하려고 들어간건데 다른곳에서도 문제 없는지 확인필요 */
	position: relative;
	width: 100%;
	padding: 25px 20px 15px 25px;
	background: #fff;
	border-radius: 4px;
}

.content_group2 {
	border: 1px solid lightgray;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 1rem;
	cursor: pointer;
}

.qna_state {
	margin: auto;
	font-size: small;
	color: red;
}

/* Footer */
.footerLogoImg {
	width: 30px;
	height: 30px;
	margin: 0px 0px 3px 0px;
}

/* ------------------------------ */
.login_box {
	padding: 60px 30px;
	box-shadow: 0px 0px 12px 0px rgb(0 0 0/ 15%);
	background: white;
}

.modify_box {
	padding: 30px 30px 60px 30px;
	box-shadow: 0px 0px 12px 0px rgb(0 0 0/ 15%);
	background: white;
}

/* 모달 modal 상단 버튼  */
button.close {
	cursor: pointer;
	appearance: none;
	padding: 0px;
	background: transparent;
	border-width: 0px;
	border-style: initial;
	border-color: initial;
	border-image: initial;
}

.close {
	float: right;
	font-size: 21px;
	line-height: 1;
	color: #895094 !important;
	opacity: 0.2;
}

.close:hover {
	opacity: 1;
}