:root {
  --gray: #B9B9B9;
  --dark-gray: #707070;
  --black: #000000;
  --light-black: #1A1A1A;
  --white: #fff;
  --brand-color: #dd4f3c;
}

.history_back {
  display: none;
}

button {
  background-color: transparent;
  border: none;
  outline: none;
}

#ft {
  background-color: #1a1a1a;
  padding-top: 4.5em;
}
#ft .ft_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1em;
  max-width: 84.5em;
  width: 100%;
  padding-left: 1em;
  padding-right: 1em;
  margin-left: auto;
  margin-right: auto;
}
#ft .ft_nav ul {
  display: flex;
  align-items: center;
  gap: 3.125em;
  font-size: 1em;
  font-family: var(--fm-neue);
  font-weight: 300;
  color: var(--white);
}
#ft .ft_nav a {
  color: inherit;
  font-size: inherit;
}
#ft .ft_sns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1em;
  color: var(--white);
  top: -12px; position: relative;
  gap: 1em;
}
#ft .ft_sns .ft_sns_item {
padding: 12px 16px; display: flex; align-items: center; gap: 0.5625em; border: 1px solid #676767; font-size: inherit; color: inherit;
}
#ft .ft_sns .ft_sns_item::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
#ft .ft_sns .insta::before {
  width: 1.1875em;
  height: 1.1875em;
 background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9694 4.22025C14.9694 3.61862 14.4818 3.13281 13.8824 3.13281C13.2829 3.13281 12.7949 3.61862 12.7949 4.22025C12.7949 4.81967 13.2829 5.30545 13.8824 5.30545C14.4818 5.30545 14.9694 4.81967 14.9694 4.22025Z' fill='url(%23paint0_linear_2067_3379)'/%3E%3Cpath d='M16.4179 12.7083C16.3777 13.5909 16.2301 14.0704 16.1075 14.3889C15.9429 14.8112 15.7465 15.1131 15.428 15.4298C15.1131 15.7465 14.8112 15.9424 14.3889 16.1053C14.0704 16.2296 13.5891 16.3777 12.7065 16.4197C11.7524 16.4618 11.4697 16.4707 9.05017 16.4707C6.63287 16.4707 6.34789 16.4618 5.39377 16.4197C4.51124 16.3777 4.03214 16.2296 3.71363 16.1053C3.28913 15.9424 2.98944 15.7465 2.67274 15.4298C2.35379 15.1131 2.15743 14.8112 1.99505 14.3889C1.87246 14.0704 1.72264 13.5909 1.68459 12.7083C1.63809 11.7542 1.62957 11.467 1.62957 9.05239C1.62957 6.63285 1.63809 6.3479 1.68459 5.39375C1.72264 4.51121 1.87246 4.03215 1.99505 3.71096C2.15743 3.28914 2.35379 2.98897 2.67274 2.67227C2.98944 2.35604 3.28913 2.15964 3.71363 1.99505C4.03214 1.87025 4.51124 1.72442 5.39377 1.68238C6.34789 1.64031 6.63287 1.62957 9.05017 1.62957C11.4697 1.62957 11.7524 1.64031 12.7065 1.68238C13.5891 1.72442 14.0704 1.87025 14.3889 1.99505C14.8112 2.15964 15.1131 2.35604 15.428 2.67227C15.7465 2.98897 15.9429 3.28914 16.1075 3.71096C16.2301 4.03215 16.3777 4.51121 16.4179 5.39375C16.4622 6.3479 16.4729 6.63285 16.4729 9.05239C16.4729 11.467 16.4622 11.7542 16.4179 12.7083ZM18.0475 5.31952C18.0033 4.35508 17.8511 3.69619 17.6252 3.1223C17.3954 2.5269 17.0871 2.02233 16.5825 1.51775C16.0802 1.01543 15.5756 0.707213 14.9803 0.474617C14.4041 0.250947 13.7474 0.0970573 12.7826 0.0550208C11.8177 0.00848838 11.5095 0 9.05017 0C6.59302 0 6.28262 0.00848838 5.31774 0.0550208C4.3551 0.0970573 3.69886 0.250947 3.12005 0.474617C2.52691 0.707213 2.02233 1.01543 1.52 1.51775C1.01542 2.02233 0.707211 2.5269 0.475053 3.1223C0.251382 3.69619 0.0993046 4.35508 0.0527725 5.31952C0.0107356 6.28439 0 6.59303 0 9.05239C0 11.5095 0.0107356 11.8177 0.0527725 12.7826C0.0993046 13.7452 0.251382 14.4037 0.475053 14.9803C0.707211 15.5734 1.01542 16.0802 1.52 16.5826C2.02233 17.0849 2.52691 17.3953 3.12005 17.6275C3.69886 17.8511 4.3551 18.0032 5.31774 18.0475C6.28262 18.0918 6.59302 18.1026 9.05017 18.1026C11.5095 18.1026 11.8177 18.0918 12.7826 18.0475C13.7474 18.0032 14.4041 17.8511 14.9803 17.6275C15.5756 17.3953 16.0802 17.0849 16.5825 16.5826C17.0871 16.0802 17.3954 15.5734 17.6252 14.9803C17.8511 14.4037 18.0033 13.7452 18.0475 12.7826C18.0918 11.8177 18.1025 11.5095 18.1025 9.05239C18.1025 6.59303 18.0918 6.28439 18.0475 5.31952Z' fill='url(%23paint1_linear_2067_3379)'/%3E%3Cpath d='M9.0501 12.0666C7.38472 12.0666 6.03338 10.7175 6.03338 9.05211C6.03338 7.38405 7.38472 6.03318 9.0501 6.03318C10.716 6.03318 12.0691 7.38405 12.0691 9.05211C12.0691 10.7175 10.716 12.0666 9.0501 12.0666ZM9.0501 4.40137C6.48294 4.40137 4.40381 6.48495 4.40381 9.05211C4.40381 11.6171 6.48294 13.6984 9.0501 13.6984C11.6173 13.6984 13.6986 11.6171 13.6986 9.05211C13.6986 6.48495 11.6173 4.40137 9.0501 4.40137Z' fill='url(%23paint2_linear_2067_3379)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2067_3379' x1='0.163103' y1='17.9156' x2='16.5946' y2='1.48415' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFD521'/%3E%3Cstop offset='0.05' stop-color='%23FFD521'/%3E%3Cstop offset='0.501119' stop-color='%23F50000'/%3E%3Cstop offset='0.95' stop-color='%23B900B4'/%3E%3Cstop offset='0.950079' stop-color='%23B900B4'/%3E%3Cstop offset='1' stop-color='%23B900B4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2067_3379' x1='0.163282' y1='17.9379' x2='16.6083' y2='1.49293' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFD521'/%3E%3Cstop offset='0.05' stop-color='%23FFD521'/%3E%3Cstop offset='0.501119' stop-color='%23F50000'/%3E%3Cstop offset='0.95' stop-color='%23B900B4'/%3E%3Cstop offset='0.950079' stop-color='%23B900B4'/%3E%3Cstop offset='1' stop-color='%23B900B4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2067_3379' x1='0.167493' y1='17.9381' x2='16.6085' y2='1.49705' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFD521'/%3E%3Cstop offset='0.05' stop-color='%23FFD521'/%3E%3Cstop offset='0.501119' stop-color='%23F50000'/%3E%3Cstop offset='0.95' stop-color='%23B900B4'/%3E%3Cstop offset='0.950079' stop-color='%23B900B4'/%3E%3Cstop offset='1' stop-color='%23B900B4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
#ft .ft_sns .kakao::before {
  width: 1.1875em;
  height: 1.0625em;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9999 15.0745C18.9999 17.2994 17.2065 19.1025 14.995 19.1025H5.00486C2.79338 19.1025 1 17.2994 1 15.0745V5.02809C1 2.80316 2.79338 1 5.00486 1H14.995C17.2065 1 18.9999 2.80316 18.9999 5.02809V15.0757V15.0745Z' fill='%23FAE100'/%3E%3Cpath d='M9.99023 4.95215C6.846 4.95215 4.29712 7.3091 4.29712 10.2174C4.29712 12.3653 5.19687 13.391 6.42913 14.3249L6.43524 14.3274V16.8481C6.43524 16.9679 6.57094 17.0352 6.66629 16.9643L8.8252 15.3616L8.87165 15.3812C9.23351 15.4484 9.60759 15.4826 9.99023 15.4826C13.1345 15.4826 15.6821 13.1257 15.6821 10.2174C15.6821 7.3091 13.1332 4.95215 9.99023 4.95215Z' fill='%23FAE100'/%3E%3Cpath d='M10.0008 3C6.13433 3 3 5.93614 3 9.5591C3 12.2348 4.10641 13.5125 5.62171 14.676L5.62923 14.6791V17.8193C5.62923 17.9685 5.79609 18.0523 5.91335 17.9639L8.56813 15.9674L8.62526 15.9918C9.07022 16.0756 9.53023 16.1182 10.0008 16.1182C13.8672 16.1182 17 13.1821 17 9.5591C17 5.93614 13.8657 3 10.0008 3ZM7.65414 11.2221C8.34114 11.2221 8.92741 10.8063 9.1048 10.1637H10.1195C9.87147 11.4003 8.9214 12.212 7.65564 12.212C6.18394 12.212 5.0174 11.1003 5.0174 9.553C5.0174 8.00575 6.18394 6.89404 7.65564 6.89404C8.93493 6.89404 9.89101 7.72096 10.127 8.9804H9.11532C8.96199 8.29662 8.35467 7.87021 7.65564 7.87021C6.66649 7.87021 6.00805 8.58444 6.00805 9.553C6.00805 10.5216 6.75668 11.2221 7.65564 11.2221M14.3437 12.1099H13.4132V9.98398C13.4132 9.49513 13.1321 9.23167 12.6991 9.23167C12.2166 9.23167 11.9069 9.53168 11.9069 10.1378V12.1099H10.9764V6.91079H11.9069V8.86618C12.1294 8.52353 12.4902 8.35449 12.9802 8.35449C13.3771 8.35449 13.7018 8.48546 13.9529 8.75653C14.2129 9.02608 14.3422 9.39158 14.3422 9.86672V12.1099H14.3437Z' fill='%23020303'/%3E%3C/svg%3E%0A");
}
#ft .ft_infos {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 1em;
  margin-top: 3.0625em;
  margin-bottom: 3.5625em;
  gap: 0.625em;
}
#ft .ft_infos .ft_info {
  display: flex;
  align-items: center;
  line-height: 2;
  gap: 1em;
  color: var(--white);
  letter-spacing: -0.025em;
}
#ft .ft_infos .ft_info .lab {
  display: block;
  width: auto;
  color: #898989;
}
#ft .ft_infos .ft_info.business_addr {
  display: none;
}
#ft .ft_logo {
  width: 8.25em;
}
#ft .ft_logo img, #ft .ft_logo svg {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
#ft .ft_etcs {
display: flex;  padding-right: 5em; padding: 20px; width: 100%; color: #898989; border-top: 1px solid #404040; justify-content: center; justify-self: flex-end; align-items: center;
}
#ft .ft_etcs .ft_etc {
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 1024px) {
  #ft {
    font-size: 12px;
    padding-top: 2.5em;
    padding-bottom: 3.3333333333em;
  }
  #ft .ft_wrap {
    gap: 0;
  }
  #ft .ft_logo {
    order: 0;
    width: 13.3333333333em;
    margin-bottom: 2.5em;
  }
  #ft .ft_nav {
    order: 1;
    width: 100%;
    margin-bottom: 2.5em;
    font-size: 1em;
  }
  #ft .ft_nav ul {
    flex-wrap: wrap;
    gap: 1.5em;
    font-size: 1em;
  }
  #ft .ft_infos {
    order: 2;
    width: 100%;
    min-width: 3.6666666667em;
    font-size: 1em;
    gap: 0.5em;
    width: auto;
    margin-top: 0;
    margin-bottom: 2.1666666667em;
  }
  #ft .ft_infos .business_addr {
    display: flex;
  }
  #ft .ft_sns {
    order: 3;
    width: 100%;
    font-size: 1em;
    gap: 1.8333333333em;
    flex-wrap: wrap;
    margin-bottom: 1.5833333333em;
  }
  #ft .ft_sns .ft_sns_item {
    gap: 0.75em;
  }
  #ft .ft_sns .ft_sns_item .kakao::before {
    width: 1.1666666667em;
    height: 1.0833333333em;
  }
  #ft .ft_sns .ft_sns_item .insta::before {
    width: 1.1666666667em;
    height: 1.1666666667em;
  }
  #ft .ft_etcs {
    order: 4;
    justify-self: flex-start;
    justify-content: flex-start;
    width: 100%;
    font-size: 0.8571428571em;
    font-weight: 400;
  }
  #ft .ft_etcs .ft_etc:not(.copy) {
    display: none;
  }
}

#hd {
  font-size: 16px;
}
#hd #hd_wrapper {
  display: flex;
  align-items: center;
}
#hd #hd_wrapper > * {
  padding-top: 0;
}
#hd #logo {
  margin-right: auto;
}
#hd #gnb {
  font-size: 1em;
  font-weight: 400;
  color: var(--black);
  font-family: var(--fm-neue);
}
#hd #gnb #gnb_1dul {
  display: flex;
  gap: 3.75em;
}
#hd #gnb .gnb_1da {
  padding-left: 0;
  padding-right: 0;
}
#hd #gnb .gnb_1dli:hover > a {
  color: var(--brand-color);
}
#hd .etc_mn {
  display: flex;
  align-items: center;
  font-size: 0.875em;
  padding-left: 1.5714285714em;
  padding-right: 1.5714285714em;
  margin-left: 4.2857142857em;
  height: 2.8571428571em;
  border: 1px solid var(--brand-color);
  color: var(--brand-color);
  font-weight: 400;
}
#hd .hd_login {
  margin-left: 3.75em;
  display: flex;
  gap: 3.75em;
  font-weight: 400;
  color: var(--black);
  font-family: var(--fm-neue);
}
#hd .hd_login a {
  color: inherit;
}
@media all and (max-width: 1280px) {
  #hd #gnb #gnb_1dul {
    gap: 2.5em;
  }
  #hd .etc_mn {
    margin-left: 2.8571428571em;
  }
  #hd .hd_login {
    margin-left: 2.5em;
    gap: 2.5em;
  }
}
#hd .allmn_btn {
  display: none;
}

:root {
  --fm-neue: font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

@media screen and (max-width: 1024px) {
  html, body {
    font-size: 16px;
  }
  :root {
    --header-hei: rem(60, 16);
  }
  /* #wrapper {
    padding-top: 3.75em;
  } */
  #hd .etc_mn,
  #hd .hd_login,
  #hd #logo,
  #hd #gnb {
    display: none;
  }
  #hd #hd_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    width: 100%;
    font-size: 14px;
    padding-left: 1.2857142857em;
    padding-right: 1.2857142857em;
    height: 4.2857142857em;
  }
  #hd #hd_h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 1.2857142857em;
    font-weight: bold;
    line-height: 1.5;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  }
  #hd .history_back {
    display: flex;
    width: 1.7142857143em;
    height: 1.7142857143em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(-9 -65)'%3E%3Crect width='24' height='24' transform='translate(9 65)' fill='none'/%3E%3Cpath d='M0,6.835,6.835,0l6.835,6.835' transform='translate(17.5 84.335) rotate(-90)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
  }
  #hd .allmn_btn {
    margin-left: auto;
    display: flex;
    width: 1.7142857143em;
    height: 1.7142857143em;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66675 7H23.3334' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.66675 14H23.3334' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.66675 21H23.3334' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
  }
}

/*# sourceMappingURL=style.css.map */




/* PhantomDesign 241022 adding styles */

/* 기업특판 및 대량구매 문의 페이지 [S] */

        .pdrt-container {
            max-width: calc(80rem + var(--spacing) * 2);
            margin: 0 auto;
			width:100%;
            padding: 60px 20px;
			font-family: 'Pretendard';
        }

        .pdrt-hero-section {
            text-align: center;
            margin-bottom: 60px;
			word-break:keep-all;
        }

        .pdrt-hero-title {
            font-size: 32px;
            color: #DD4F3C;
            margin-bottom: 30px;
			margin-top:40px;
        }

        .pdrt-gift-form {
            background: #fff;
        }

        .pdrt-form-group {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            gap: 15px;
        }

		.pdrt-form-label {
			flex: 0 0 80px;
			text-align: left;
			font-size: 14px;
			color: #333;
			display: flex; /* 추가 */
			align-items: center; /* 추가 */
		}

		.required {
			background-image: none !important;
		}

		.pdrt-form-label.required::before {
			content: "*";
			color: #e74c3c;
			margin-right: 4px;
			display: inline; /* 추가 */
		}

        .pdrt-form-input-wrapper {
            flex: 1;
        }

        .pdrt-form-control {
            width: 100%;
            height: 50px;
            padding: 0 15px;
            border: 1px solid #C0C0C0;
            font-size: 14px;
        }
		
				
		.pdrt-agreement-check input[type="checkbox"] {
			appearance: auto;
			-webkit-appearance: auto;
			width: 20px;
			height: 20px;
			margin:0;
			margin-right: 8px;
			cursor: pointer;
			vertical-align: middle;
		}
		.pdrt-agreement-check label { vertical-align: middle; }
		
		.pdrt-form-control::placeholder { color:#ACACAC; font-weight:400; }

        .pdrt-form-row {
            display: flex; gap: 10px; align-items: center;
        }

        .pdrt-form-row .pdrt-form-control {
            flex: 1;
        }

        select.pdrt-form-control {
            width: 200px;
            flex: 0 0 auto;
            background-color: #fff;
        }

        textarea.pdrt-form-control {
            min-height: 430px;
			line-height:2em;
            padding: 15px;
            resize: vertical;
            height: auto;
			resize:none;
        }

        .pdrt-notice-box {
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		padding:20px 0;
        }

        .pdrt-notice-title {
            color: #333;
            margin-bottom: 18px;
			font-size: 20px;
			font-weight: 700;
			line-height: 28px;
			text-align: left;

        }

        .pdrt-notice-list {
            padding-left: 20px;
            font-size: 14px;
            color: #acacac;
            line-height: 1.6;
        }
		
		.pdrt-notice-list li { list-style:outside; line-height:2em; }
		
		.pdrt-agreement-check label b { color:#989898; font-size:14px; font-weight:400}

        .pdrt-agreement-check {
            margin-top: 18px;
        }

        .pdrt-submit-btn {
            display: block;
            width: 200px;
            height: 50px;
            margin: 40px auto 0;
            background-color: #e74c3c;
            color: white;
            border: none;
            font-size: 16px;
            cursor: pointer;
        }

        .pdrt-submit-btn:hover {
            background-color: #c0392b;
        }
		
		
		
@media screen and (max-width: 768px) {
    .pdrt-container {
        padding: 30px 10px;
    }
    
    .pdrt-hero-section {
        margin-bottom: 30px;
    }
    
    .pdrt-hero-title {
        font-size: 24px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .pdrt-gift-form {
    }
    
    .pdrt-form-group {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 30px;
    }
    
    .pdrt-form-label {
        flex: none;
        font-size: 13px;
    }
    
    .pdrt-form-input-wrapper {
        width: 100%;
    }
    
    .pdrt-form-control {
        height: 45px;
        font-size: 13px;
    }
    
    .pdrt-form-row {
        gap: 6px;
    }
    
    select.pdrt-form-control {
        width: 120px;
    }
    
    textarea.pdrt-form-control {
        min-height: 300px;
    }
    
    .pdrt-notice-box {
        margin: 40px 0;
        padding: 15px 0;
    }
    
    .pdrt-notice-title {
        font-size: 16px;
        margin-bottom: 15px;
    }
    
    .pdrt-notice-list {
        font-size: 13px;
    }
    
    .pdrt-agreement-check {
        margin-top: 15px;
        font-size: 13px;
    }
    
    .pdrt-agreement-check input[type="checkbox"] {
        width: 16px;
        height: 16px;
    }
    
    .pdrt-submit-btn {
        width: 100%;
        margin-top: 30px;
        font-size: 15px;
    }
}

/* 기업특판 및 대량구매 문의 페이지 [E] */

/* 회사소개 페이지 [S] */

.pdrt-about-container {
    width: 100%;
}

/* 공통 요소 */
.pdrt-about-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.pdrt-about-line {
    top: calc(50% - 1px);
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: calc(-100% - 20px);
}

.pdrt-about-point {
    color: #DD4F3C;
    padding: 0 5px;
    position: absolute;
    top: -10px;
}

/* 비주얼 섹션 */
.pdrt-about-visual-section {
    height: 560px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
}

.pdrt-about-visual-header {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    z-index: 2;
}

.pdrt-about-title {
    font-size: 46px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    position: relative;
}

/* 인트로 섹션 */
.pdrt-about-intro-section {
    background: #fff;
    padding: 100px 0;
}

.pdrt-about-intro-text {
	width:100%;
    max-width: 1280px;
    margin: 0 auto;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 30px;
	text-align: left;
    color: #000;
}

/* 전체 너비 이미지 */
.pdrt-about-full-image {
    width: 100%;
}

.pdrt-about-full-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* 와인 섹션 */
.pdrt-about-wine-section {
    height: 400px;
    display: flex;
    align-items: center;
    position: relative;
	background:#fff;
}

.pdrt-about-wine-text {
	width:100%;
    max-width: 1280px;
    margin: 0 auto;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 30px;
	text-align: right;
    color: #000;
    word-break: keep-all;
    position: relative;
    z-index: 2;
}

/* 히스토리 비주얼 */
.pdrt-about-history-visual {
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
}

.pdrt-about-history-header {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    z-index: 2;
}


@media screen and (max-width: 768px) {
    .pdrt-about-visual-section,
    .pdrt-about-wine-section,
    .pdrt-about-history-visual {
        height: 300px;
    }
	
	.pdrt-about-visual-section { align-items:flex-end; }

    .pdrt-about-title {
        font-size: 32px;
    }

    .pdrt-about-intro-section {
        padding: 60px 0;
    }

    .pdrt-about-intro-text,
    .pdrt-about-wine-text {
        font-size: 14px;
		padding:0 10px;
		word-breaK:keep-all;
		text-align:center;
    }

    .pdrt-about-intro-text br,
    .pdrt-about-wine-text br {
        display: none;
    }

    .pdrt-about-timeline-section {
        padding: 60px 20px;
    }

    .pdrt-about-timeline-wrap::after {
        left: 30px;
    }

    .pdrt-about-timeline-item {
        width: 100%;
        margin-left: 0 !important;
        padding-left: 0px !important;
        padding-right: 0 !important;
    }

    .pdrt-about-timeline-item::before {
        left: 0 !important;
    }

    .pdrt-about-timeline-date {
        font-size: 20px;
    }
	
	.pdrt-about-visual-header { width:calc(100% - 100px); margin-bottom:70px;}
	.pdrt-about-history-header {width:calc(100% - 100px); }
	.pdrt-about-full-image img { min-height:250px; object-fit:cover; }
}

/* 타임라인 섹션 */
.pdrt-about-timeline-section {
    background: #fff;
    padding: 100px 0;
}

.pdrt-about-timeline-wrap {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 중앙 세로선 */
.pdrt-about-timeline-line {
    position: absolute;
    width: 1px;
    background: #DD4F3C;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
}

/* 타임라인 아이템 */
.pdrt-about-timeline-item {
    display: flex;
    position: relative;
	    flex-direction: row-reverse;
}

/* 짝수 아이템 우측 정렬 */
.pdrt-about-timeline-item:nth-child(even) {
    justify-content: flex-end;
}

/* 중앙 큰 원 */
.pdrt-about-timeline-item::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #DD4F3C;
    border-radius: 50%;
    left: 50%;
    top: -8px;
    transform: translateX(-50%);
    z-index: 1;
}

/* 중앙 작은 원 */
.pdrt-about-timeline-item::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    left: 50%;
    top: -2px;
    transform: translateX(-50%);
    z-index: 2;
}

/* 콘텐츠 영역 */
.pdrt-about-timeline-content {
    width: 45%;
    padding: 0 70px;
    position: relative;
}

.pdrt-about-timeline-item:nth-child(even){ text-align:right; }

/* 날짜 */
.pdrt-about-timeline-date {
    display: block;
    font-size: 24px;
    color: #DD4F3C;
    font-weight: 900;
    margin-bottom: 15px;
	margin-top:-18px;
}

/* 텍스트 */
.pdrt-about-timeline-content p {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
}

/* 이미지 */
.pdrt-about-timeline-content img {
    width: 100%;
    height: auto;
    display: block;
}

/* 좌측 작은 원과 연결선 */
.pdrt-about-timeline-item:nth-child(odd) .pdrt-about-timeline-content::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #DD4F3C;
    border-radius: 50%;
    left: 38px;
    top: -4px;
}

/* 우측 작은 원과 연결선 */
.pdrt-about-timeline-item:nth-child(even) .pdrt-about-timeline-content::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #DD4F3C;
    border-radius: 50%;
    right: 38px;
    top: -4px;
}

/* 좌측 연결선 */
.pdrt-about-timeline-item:nth-child(odd) .pdrt-about-timeline-content::after { content: ''; position: absolute; width: 77px; height: 1px; border-top: 1px dotted #909090; left: -46px; top: 0; }

/* 우측 연결선 */
.pdrt-about-timeline-item:nth-child(even) .pdrt-about-timeline-content::after { content: ''; position: absolute; width: 77px; height: 1px; border-top: 1px dotted #909090; right: -46px; top: 0; }

/* 모바일 대응 */
@media screen and (max-width: 768px) {
    .pdrt-about-timeline-line {
        left: 20px;
    }
    
    .pdrt-about-timeline-item,
    .pdrt-about-timeline-item:nth-child(even) {
        justify-content: flex-start;
    }
    
    .pdrt-about-timeline-item::before {
        left: 20px;
    }
    /* 좌측 연결선 */
.pdrt-about-timeline-item:nth-child(odd) .pdrt-about-timeline-content::after { content: ''; position: absolute; width: 30px; height: 1px; border-top: 1px dotted #909090; left: 12px; top: 0; }

/* 우측 연결선 */
.pdrt-about-timeline-item:nth-child(even) .pdrt-about-timeline-content::after { content: ''; position: absolute; width: 30px; height: 1px; border-top: 1px dotted #909090; right:inherit; left: 0; top: 0; }
    .pdrt-about-timeline-item::after {
        left: 0px;
    }
    
    .pdrt-about-timeline-content {
        width: 100%;
        padding-left: 70px;
        padding-right: 20px;
		text-align:left;
		padding-bottom:40px;
    }
    
    .pdrt-about-timeline-date {
        font-size: 24px;
    }
    
    .pdrt-about-timeline-item .pdrt-about-timeline-content::before,
    .pdrt-about-timeline-item:nth-child(even) .pdrt-about-timeline-content::before {
        left: 38px;
    }
    
    .pdrt-about-timeline-item .pdrt-about-timeline-content::after,
    .pdrt-about-timeline-item:nth-child(even) .pdrt-about-timeline-content::after {
        left: 12px;
        width: 30px;
    }
}

/* 타임라인 가상요소 예외처리 */
.pdrt-about-timeline-item::before,
.pdrt-about-timeline-item::after,
.pdrt-about-timeline-content::before,
.pdrt-about-timeline-content::after {
    display: block !important;
}

/* 회원가입 페이지 [S] */
.pdrt-info-container {
    max-width: 780px;
    margin: 190px auto;
    padding: 0px 16px;
    font-family: 'Pretendard';
}

.pdrt-info-title {
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: -0.5px;
    color: #6a6a6a;
    margin-bottom: 20px;
}

.pdrt-info-subtitle {
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
	border-bottom:1px solid #000;
	padding-bottom:50px;
    color: #000;
    margin-bottom: 50px;
}

/* 폼 기본 스타일 */
.pdrt-info-form-group {
    margin-bottom: 16px;
}

.pdrt-info-form-row {
    display: flex;
    align-items: flex-start;
    position: relative;
}

/* 필수 표시 */
.pdrt-info-form-row span.required {
    position: absolute;
    left: 0;
    top: 0;
    color: #DD4F3C;
    margin-right: 4px;
}

.pdrt-info-form-label svg { margin-left:2px; }

/* 라벨 */
.pdrt-info-form-label {
    width: 120px;
    padding-left: 12px;
    font-size: 15px;
    color: #111;
    line-height: 1.4em;
    flex-shrink: 0;
}

/* 입력 영역 래퍼 */
.pdrt-info-form-input-wrapper {
    flex: 1;
width:100%;
    display: flex;
    gap: 8px;
	position:relative;
}
.pdrt-info-form-input-wrapper i{
	position: absolute;
    right: 15px;
    top: calc(50% - 8px);
	color:#ddd;
}

/* 기본 입력 필드 */
.pdrt-info-form-control {
    height: 48px;
    padding: 0 16px;
	width:100%;
    border: 1px solid #DDD;
    font-size: 14px;
    color: #111;
    appearance: auto;
}


.pdrt-info-form-control::placeholder {
    color: #999;
}

.pdrt-info-form-control:focus {
    border-color: #111;
}

/* 버튼 스타일 */
.pdrt-info-check-btn {
    min-width: 100px;
    height: 48px;
    border: 1px solid #DD4F3C;
    background: #fff;
    color: #DD4F3C;
    font-size: 14px;
    cursor: pointer;
    flex-shrink: 0;
}

.pdrt-info-verify-btn,
.pdrt-info-search-btn {
    min-width: 100px;
    height: 48px;
    border: none;
    background: #e8e8e8;
    color: #898989;
    font-size: 14px;
    cursor: pointer;
    flex-shrink: 0;
}

.fifg-pw { margin-bottom:6px; }

/* 성별/양력 선택 박스 */
.pdrt-info-box-group {
    display: flex;
    min-width: 100px;
    flex-shrink: 0;
}

.pdrt-info-box {
    position: relative;
    flex: 1;
}

.pdrt-info-box input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.pdrt-info-box span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    border: 1px solid #DDD;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}
.pdrt-info-box:nth-child(2) span { border-left:0; }

.pdrt-info-box input[type="radio"]:checked + span {
    background: #DD4F3C;
    color: #fff;
}

/* 성명 입력 */
.name-input {
}

/* 생년월일 입력 */
.pdrt-info-date-inputs {
    display: flex;
    gap: 8px;
    flex: 1;
}

.pdrt-info-date-inputs .pdrt-info-form-control {
    text-align: left;
}

/* 휴대폰 입력 */
.pdrt-info-phone-inputs {
    display: flex;
    gap: 8px;
    flex: 1;
}

.pdrt-info-phone-inputs .pdrt-info-form-control {
    text-align: left;
}

/* 이메일 입력 */
.pdrt-info-email-inputs {
    display: flex;
    align-items: center;
    width: 100%;
}

.pdrt-info-email-inputs input {
}

.pdrt-info-email-separator {
    color: #666;
    padding: 0 8px;
    flex-shrink: 0;
}

.pdrt-info-email-inputs select {
}

/* 포인트 안내 */
.pdrt-info-point-notice {
    font-size: 14px;
    color: #666;
    margin-top: 8px;
}

/* 약관 동의 영역 */
.pdrt-info-agreement {
    margin: 40px 0;
	margin-top:24px;
    padding: 40px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.pdrt-info-agreement-all {
    margin-bottom: 30px;
}

.pdrt-info-agreement-all label {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #111;
    margin-bottom: 12px;
}
.pdrt-info-agreement-notice,
.pdrt-info-agreement-point {
    color: #666;
    font-size: 14px;
    line-height: 1.4em;
	list-style:outside;
	font-weight:300;
}
.pdrt-info-agreement-notice { margin-top:30px !important; }


.pdrt-info-agreement-items ul {
    list-style-type: circle;
    padding-left: 20px;
}

.pdrt-info-agreement-items li {
    margin-top: 12px;
    color: #acacac;
}

.pdrt-info-agreement-items li:last-child {
    margin-bottom: 0;
}

.pdrt-info-agreement-items label {
    display: flex;
    align-items: center;
	color:#000;
    font-size: 14px;
}

.pdrt-info-marketing-agree {
    display: flex;
    gap: 20px;
    margin-top: 8px;
    margin-left: 28px;
}

.register_delete { font-size: 14px; display: inline-block; width: 100%; text-align: right; font-weight: 400; line-height: 16.8px; margin-bottom: 30px; color: #ACACAC; }

/* 체크박스 커스텀 */
input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    appearance: none;
    border: 1px solid #DDD;
    background: #fff;
    cursor: pointer;
}

input[type="checkbox"]:checked {
    background: #DD4F3C url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10"><path fill="white" d="M4.7 7.3L1.9 4.5l-1.4 1.4L4.7 10l7.8-7.8L11.1.8z"/></svg>') center center no-repeat;
    border-color: #DD4F3C;
}

/* 가입하기 버튼 */
.pdrt-info-submit-btn {
    display: block;
    width: auto;
    background: #DD4F3C;
    color: #fff;
    font-size: 20px;
	padding:20px 80px;
    font-weight: 500;
	margin:0 auto;
    border: none;
    cursor: pointer;
}

/* 반응형 스타일 */
@media screen and (max-width: 768px) {
.pc_view { display:none; }
    .pdrt-info-form-row {
        flex-direction: column;
        gap: 0px;
    }
	.fifg-pw { margin-bottom:0; }
	.pdrt-info-submit-btn { width:100%; padding:15px 0; font-size:14px; }

    .pdrt-info-form-label {
        width: auto;
        line-height: 1.4;
        padding-left: 12px;
        margin-bottom: 8px;
    }
	
	.pdrt-info-form-input-wrapper.mb_wrap { flex-wrap:wrap; }


    .pdrt-info-form-input-wrapper {
    }

    .name-input,
    .pdrt-info-email-inputs input,
    .pdrt-info-email-inputs select {
        width: 100% !important;
    }

	.pdrt-info-box-group, .pdrt-info-verify-btn { width:100%; }

    .pdrt-info-box-group,
    .pdrt-info-check-btn,
    .pdrt-info-verify-btn,
    .pdrt-info-search-btn {
    }

    .pdrt-info-date-inputs,
    .pdrt-info-phone-inputs {
        width: 100%;
    }

    .pdrt-info-date-inputs .pdrt-info-form-control,
    .pdrt-info-phone-inputs .pdrt-info-form-control {
        flex: 1;
    }
}
/* 툴팁 컨테이너 */
.tooltip-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/* 툴팁 트리거 */
.tooltip-trigger {
  cursor: pointer;
}

/* 툴팁 본체 */
.tooltip {
  position: absolute;
  top: 30px;
  left: -138px;
  background-color: #000;
  color: #fff;
  display:none;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 13px;
  white-space: nowrap;
  z-index: 1000;
  line-height: 1.4;
}

/* 툴팁 삼각형 - 방향 변경 */
.tooltip:before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;  /* bottom에서 top으로 변경 */
  right: 30px;
  width: 10px;
  height: 10px;
  background-color: #000;
  transform: rotate(45deg);  /* 45도 유지 */
}

/* 툴팁 활성화 상태 */
.tooltip.active {
  display: block;
}

/* 모바일 대응 */
@media screen and (max-width: 768px) {
  .tooltip {
left: calc(100% + 11px) !important; top: calc(50% - 26px) !important; height: 48px; font-size: min(10px, 3vw);
  }

.pdrt-info-title { font-size:min(28px, 6vw); }
.pdrt-info-subtitle { font-size:min(14px, 4vw); }
  
  .tooltip:before {
right: auto; left: 0; top: calc(50% - 5px); transform: translateX(-50%) rotate(45deg);
  }
}




/* 라벨 컨테이너 */
.pdrt-info-agreement-items ul li label[data-modal] {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

/* 체크박스 */
.pdrt-info-agreement-items ul li label[data-modal] input[type="checkbox"] {
  flex-shrink: 0;  /* 크기 고정 */
}

/* 텍스트 영역 */
.pdrt-info-agreement-items ul li label[data-modal] span {
  flex-grow: 1;  /* 남은 공간 모두 차지 */
  padding-right: 28px;  /* 화살표 공간 확보 */
}

/* 화살표 */
.pdrt-info-agreement-items ul li label[data-modal]:after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background-image: url('../images/right_ex.png');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;  /* 절대 위치로 변경 */
  right: 0;           /* 우측 끝으로 */
  top: 50%;          /* 수직 가운데 정렬 */
  transform: translateY(-50%);
  cursor: pointer;
}
/* 모달 스타일 */
.agreement-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 780px;
  height: 820px;
  background-color: #fff;
  z-index: 100000;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}



/* 모달 헤더 */
.agreement-modal-header {
  position: relative;
  padding: 20px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.agreement-modal-header h2 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

/* X 버튼 */
.modal-close {
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  position: relative;
}

/* X 버튼 아이콘 */
.modal-close:before,
.modal-close:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 16px;
  background-color: #333;
display:block;
  top: 50%;
  left: 50%;
}

.modal-close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal-close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* 호버 효과 */
.modal-close:hover:before,
.modal-close:hover:after {
  background-color: #666;
	display:block;
}

/* 컨텐츠 영역 수정 */
.agreement-modal-content {
  height: calc(100% - 70px); /* 헤더 높이 고려 */
  overflow-y: auto;
  padding: 20px;
  white-space: pre-line;
  line-height: 1.6;
}

/* 스크롤바 스타일 유지 */
.agreement-modal-content::-webkit-scrollbar {
  width: 4px;
}

.agreement-modal-content::-webkit-scrollbar-track {
  background-color: rgba(221, 79, 60, 0.2);
}

.agreement-modal-content::-webkit-scrollbar-thumb {
  background-color: #DD4F3C;
  border-radius: 2px;
}
/* 모달 배경 오버레이 */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.text-right{text-align:right;}
/* 회원가입 페이지 [E] */