/* 에러페이지 */
.error {background: #F9F9F9; display: flex; align-items: center; justify-content: center; gap:125px; height: 100vh;}
.error .txt strong {font-size: 18px; font-weight: 800; color: #DD4640;}
.error .txt .title {font-size: 34px; letter-spacing: -0.4px; font-weight: 700; margin: 30px 0;}
.error .txt p {font-size: 18px; line-height: 1.33; color: #555;}
.error .txt a {font-size: 16px; font-weight: 500; color: #FFF; padding: 16px 0; background: #000; display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 50px; width: 230px;}
.error .txt a img {width: 18px;}
.error .img {width: 280px;}
.error .img img {width: 100%;}


/* 댓글 */
.view_comment {margin-top: 60px;}
.view_comment .comm_total {font-size: 20px; font-weight: 600; letter-spacing: -1px;}
.view_comment .comm_total span {color: var(--color1);}
.view_comment .comm_list {margin-top: 20px;}
.view_comment .comm_total + .comm_list {border-bottom: 1px solid #E5E5E5;}
.view_comment .c_item {border-top: 1px solid #E5E5E5; padding: 35px 0; margin-top: 0 !important;}
.view_comment .c_item .info {display: flex; align-items: center; gap: 0 20px;}
.view_comment .c_item .info strong {font-size: 18px; font-weight: 600; letter-spacing: -.8px;}
.view_comment .c_item .info span {font-size: 14px; font-weight: 400; letter-spacing: -.2px; color: #999;}
.view_comment .c_item .btn {display: flex; align-items: center; gap: 8px;}
.view_comment .c_item .btn a {display: flex; align-items: center; justify-content: center; width: 60px; height: 30px; border-radius: 30px; font-size: 14px; font-weight: 600;}
.view_comment .c_item .btn a.black {background: #000; border: 1px solid #000; color: #fff;}
.view_comment .c_item .btn a.white {background: #fff; border: 1px solid #555; color: #555;}
.view_comment .c_item .content {margin-top: 15px; font-size: 18px; font-weight: 400; color: #6D6D6D; letter-spacing: -.5px; line-height: 1.4; height: auto;}
.view_comment .c_item .reply {margin-top: 15px; font-size: 18px; font-weight: 400; color: #6D6D6D; letter-spacing: -.5px; line-height: 1.4; text-decoration: underline; color: #000; display: inline-block; text-underline-offset: 2px; cursor: pointer;}
.view_comment .c_reply {padding: 40px 0 40px 62px; position: relative;}
.view_comment .c_reply + .c_reply {border-top: 1px dashed #E5E5E5;}
.view_comment .c_reply::before {content: ""; width: 23.5px; height: 27.5px; background: url('/img/sub/c_reply.svg') no-repeat center/cover; position: absolute; top: 27px; left: 20px;}
.view_comment .reply_form {margin-top: 17.5px;}
.view_comment .c_reply .reply_form textarea {background: #F6F6F6;}
.view_comment .c_reply .reply_form textarea::placeholder {color: #8E8E8E;}
.view_comment .reply_form {display: flex; gap: 15px;}
.view_comment .reply_form .input {width: calc(100% - 115px);}
.view_comment .reply_form .input textarea {border: 1px solid #E5E5E5; width: 100%; height: 100px; padding: 20px 30px; font-size: 16px; font-weight: 500;}
.view_comment .reply_form button input,
.view_comment .reply_form button {width: 100px; height: 100px; background: #000; color: #fff; font-size: 18px; font-weight: 600; outline: none; border: 0;}
.view_comment .comm_form {margin-top: 35px;}
.view_comment .comm_form textarea {background: #fff;}
.view_comment .comm_form textarea::placeholder {color: #ccc;}
.view_comment .board_btnCont .center {display: flex; align-items: center; justify-content: center; margin-top: 35px;}
.view_comment .dp_bt_wrap .dpp_chk > p,
.view_comment .dp_cmt_write .dpp_sec_chk p {color: #555; margin-bottom: 5px; font-size: 14px;}

/* 문의 완료 */
.board_success {border-top: 2px solid #000; border-bottom: 1px solid #ccc; padding: 100px 0; text-align: center;}
.board_success .img {width: 48px;}
.board_success .txt {margin: 30px 0 40px;}
.board_success .txt dt {font-size: 30px; font-weight: 700;}
.board_success .txt dd {margin-top: 10px; font-size: 18px; font-weight: 500; color: #6d6d6d; letter-spacing: -0.025em;}
.board_success .home_btn a {font-size: 18px; font-weight: 700; color: #fff; background: #000; width: 150px; height: 60px; display: flex; align-items: center; justify-content: center; margin: 0 auto;}

/* 팝업 */
.popup {display:none;}
.popup.open {display:block;}
.popup .popBg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:10000;}
.popup .popInner {padding:30px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:600px; background:#fff; z-index:10001;}
.popup .popInner .head {font-size:25px; padding-bottom: 20px; border-bottom: 2px solid #000; color:#000; font-weight: 800; display: flex; align-items: center; justify-content: space-between;}
.popup .popInner .head .close {width:18px; aspect-ratio: 1/1; display: block;}
.popup .popInner .head .close img {width: 100%; display: block;}
.popup .popInner .body {margin-top: 30px;}
.popup .popInner .body .textWrap .tit {font-size:20px; line-height: 1.5; font-weight: 600; margin-bottom: 10px; color:#000;}
.popup .popInner .body .textWrap .desc {font-size:18px; line-height: 1.5; color:#6d6d6d; font-weight: 400; word-break: keep-all;}
.popup .popInner .body .formWrap {margin-top: 27px;}
.popup .popInner .body .formItem {width:100%; height:60px; font-size: 16px; border:1px solid #E5E5E5; padding:0 20px; color:#000; box-shadow: none !important;}
.popup .popInner .body .formItem::placeholder {color:#AAA; font-weight:500;}
.popup .popInner .body .formItem:focus {border-color: #000 !important;}
.popup .popInner .body .formWrap .desc {display: none; margin-top: 15px; font-size: 14px; font-weight: 400; color: #FF0000; width: 100%;}
.desc.active {display: block !important;}
.popup .popInner .body .popup-scrolling {max-height:350px; overflow-y:auto;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar {background:#DDD; width:3px;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar-thumb {background:#888;}
.popup .popInner .body .popup-scrolling p {display:block; font-size:18px; line-height:1.5; padding-right: 25px; color:#AAA;}
.popup .popInner .body .popup-scrolling p + p {margin-top: 25px;}
.popup .popInner .body .popup-scrolling p span {color:#000; font-weight: 600; display: block;}
.popup .popInner .foot .btnWrap {margin-top: 30px;}
.popup .popInner .foot .btnWrap .flex {display:flex; justify-content: center; gap:10px;}
.btnWrap a {display:inline-block; height:60px; line-height:60px; font-size:18px; font-weight:800; text-align:center; width:150px; border:1px solid #000;}
.btnWrap a.close {background:#555; color:#fff; border: none;}



@media screen and (max-width:1420px) {
    /* 댓글 */
    .view_comment {margin-top: 3.66vw;}
    .view_comment .comm_total {font-size: 1.22vw; letter-spacing: -0.06vw;}
    .view_comment .comm_list {margin-top: 1.22vw;}
    .view_comment .c_item {padding: 2.13vw 0;}
    .view_comment .c_item .info {gap: 0 1.22vw;}
    .view_comment .c_item .info strong {font-size: 1.10vw; letter-spacing: -0.05vw;}
    .view_comment .c_item .info span {font-size: 0.85vw; letter-spacing: -0.01vw;}
    .view_comment .c_item .btn {gap: 0.49vw;}
    .view_comment .c_item .btn a {width: 3.66vw; height: 1.83vw; border-radius: 1.83vw; font-size: 0.85vw;}
    .view_comment .c_item .content {margin-top: 0.91vw; font-size: 1.10vw; letter-spacing: -0.03vw;}
    .view_comment .c_item .reply {margin-top: 0.91vw; font-size: 1.10vw; letter-spacing: -0.03vw;}
    .view_comment .c_reply {padding: 2.44vw 0 2.44vw 3.78vw;}
    .view_comment .c_reply::before {width: 1.43vw; height: 1.68vw; top: 1.65vw; left: 1.22vw;}
    .view_comment .reply_form {margin-top: 1.07vw;}
    .view_comment .reply_form {gap: 0.91vw;}
    .view_comment .reply_form .input {width: calc(100% - 7.01vw);}
    .view_comment .reply_form .input textarea {height: 6.10vw; padding: 1.22vw 1.83vw; font-size: 0.98vw;}
    .view_comment .reply_form button input,
    .view_comment .reply_form button {width: 6.10vw; height: 6.10vw; font-size: 1.10vw;}
    .view_comment .comm_form {margin-top: 2.13vw;}
    .view_comment .board_btnCont .center {margin-top: 2.13vw;}

	/* 문의 완료 */
	.board_success {padding: 7.04vw 0;}
	.board_success .img {width: 3.38vw;}
	.board_success .txt {margin: 2.11vw 0 2.82vw;}
	.board_success .txt dt {font-size: 2.11vw;}
	.board_success .txt dd {margin-top: 0.70vw; font-size: 1.27vw;}
	.board_success .home_btn a {font-size: 1.27vw; width: 10.56vw; height: 4.23vw;}

	/* 팝업 */
	.popup .popInner {padding:2.11vw; width:42.25vw;}
	.popup .popInner .head {font-size:1.76vw; padding-bottom: 1.41vw;}
	.popup .popInner .head .close {width:1.27vw;}
	.popup .popInner .body {margin-top: 2.11vw;}
	.popup .popInner .body .textWrap .tit {font-size:1.41vw; margin-bottom: 0.70vw;}
	.popup .popInner .body .textWrap .desc {font-size:1.27vw;}
	.popup .popInner .body .formWrap {margin-top: 1.90vw;}
	.popup .popInner .body .formItem {height:4.23vw; font-size: 1.13vw; padding:0 1.41vw;}
	.popup .popInner .body .formWrap .desc {margin-top: 1.06vw; font-size: 0.99vw;}
	.popup .popInner .body .popup-scrolling {max-height:24.65vw;}
	.popup .popInner .body .popup-scrolling p {font-size:1.27vw; padding-right: 1.76vw;}
	.popup .popInner .body .popup-scrolling p + p {margin-top: 1.76vw;}
	.popup .popInner .foot .btnWrap {margin-top: 2.11vw;}
	.popup .popInner .foot .btnWrap .flex {gap:0.70vw;}
	.btnWrap a {height:4.23vw; line-height:4.23vw; font-size:1.27vw; width:10.56vw;}

}



@media screen and (max-width:1280px) {

	/* 에러페이지 */
	.error {gap:9.77vw;}
	.error .txt strong {font-size: 1.41vw;}
	.error .txt .title {font-size: 2.66vw; letter-spacing: -0.03vw; margin: 2.34vw 0;}
	.error .txt p {font-size: 1.41vw;}
	.error .txt a {font-size: 1.25vw; padding: 1.25vw 0; gap: 0.78vw; margin-top: 3.91vw; width: 17.97vw;}
	.error .txt a img {width: 1.41vw;}
	.error .img {width: 21.88vw;}

    /* 댓글 */
    .view_comment {margin-top: 3.98vw;}
    .view_comment .comm_total {font-size: 1.33vw; letter-spacing: -0.08vw;}
    .view_comment .comm_list {margin-top: 1.33vw;}
    .view_comment .c_item {padding: 2.34vw 0;}
    .view_comment .c_item .info {gap: 0 1.33vw;}
    .view_comment .c_item .info strong {font-size: 1.17vw; letter-spacing: -0.08vw;}
    .view_comment .c_item .info span {font-size: 0.94vw; letter-spacing: -0.00vw;}
    .view_comment .c_item .btn {gap: 0.55vw;}
    .view_comment .c_item .btn a {width: 3.98vw; height: 2.03vw; border-radius: 2.03vw; font-size: 0.94vw;}
    .view_comment .c_item .content {margin-top: 1.02vw; font-size: 1.17vw; letter-spacing: -0.00vw;}
    .view_comment .c_item .reply {margin-top: 1.02vw; font-size: 1.17vw; letter-spacing: -0.00vw;}
    .view_comment .c_reply {padding: 2.66vw 0 2.66vw 4.14vw;}
    .view_comment .c_reply::before {width: 1.56vw; height: 1.88vw; top: 1.80vw; left: 1.33vw;}
    .view_comment .reply_form {margin-top: 1.17vw;}
    .view_comment .reply_form {gap: 1.02vw;}
    .view_comment .reply_form .input {width: calc(100% - 7.66vw);}
    .view_comment .reply_form .input textarea {height: 6.64vw; padding: 1.33vw 2.03vw; font-size: 1.09vw;}
    .view_comment .reply_form button input,
    .view_comment .reply_form button {width: 6.64vw; height: 6.64vw; font-size: 1.17vw;}
    .view_comment .comm_form {margin-top: 2.34vw;}
    .view_comment .board_btnCont .center {margin-top: 2.34vw;}

	/* 문의 완료 */
	.board_success {padding: 7.03vw 0;}
	.board_success .img {width: 3.36vw;}
	.board_success .txt {margin: 2.11vw 0 2.81vw;}
	.board_success .txt dt {font-size: 2.11vw;}
	.board_success .txt dd {margin-top: 0.70vw; font-size: 1.35vw;}
	.board_success .home_btn a {font-size: 1.25vw; width: 10.55vw; height: 4.22vw;}

	/* 팝업 */
	.popup .popInner {padding:2.11vw; width:42.27vw;}
	.popup .popInner .head {font-size:1.80vw; padding-bottom: 1.41vw;}
	.popup .popInner .head .close {width:1.25vw;}
	.popup .popInner .body {margin-top: 2.11vw;}
	.popup .popInner .body .textWrap .tit {font-size:1.41vw; margin-bottom: 0.70vw;}
	.popup .popInner .body .textWrap .desc {font-size:1.25vw;}
	.popup .popInner .body .formWrap {margin-top: 1.88vw;}
	.popup .popInner .body .formItem {height:4.22vw; font-size: 1.09vw; padding:0 1.41vw;}
	.popup .popInner .body .formWrap .desc {margin-top: 1.09vw; font-size: 1.02vw;}
	.popup .popInner .body .popup-scrolling {max-height:24.69vw;}
	.popup .popInner .body .popup-scrolling p {font-size:1.25vw; padding-right: 1.80vw;}
	.popup .popInner .body .popup-scrolling p + p {margin-top: 1.80vw;}
	.popup .popInner .foot .btnWrap {margin-top: 2.11vw;}
	.popup .popInner .foot .btnWrap .flex {gap:0.70vw;}
	.btnWrap a {height:4.22vw; line-height:4.22vw; font-size:1.25vw; width:10.55vw;}

}



@media screen and (max-width:1240px) {
    /* 댓글 */
    .view_comment {margin-top: 3.95vw;}
    .view_comment .comm_total {font-size: 1.29vw; letter-spacing: -0.08vw;}
    .view_comment .comm_list {margin-top: 1.29vw;}
    .view_comment .c_item {padding: 2.34vw 0;}
    .view_comment .c_item .info {gap: 0 1.29vw;}
    .view_comment .c_item .info strong {font-size: 1.21vw; letter-spacing: -0.08vw;}
    .view_comment .c_item .info span {font-size: 0.97vw; letter-spacing: -0.00vw;}
    .view_comment .c_item .btn {gap: 0.56vw;}
    .view_comment .c_item .btn a {width: 3.95vw; height: 2.02vw; border-radius: 2.02vw; font-size: 0.97vw;}
    .view_comment .c_item .content {margin-top: 1.05vw; font-size: 1.21vw; letter-spacing: -0.00vw;}
    .view_comment .c_item .reply {margin-top: 1.05vw; font-size: 1.21vw; letter-spacing: -0.00vw;}
    .view_comment .c_reply {padding: 2.66vw 0 2.66vw 4.11vw;}
    .view_comment .c_reply::before {width: 1.53vw; height: 1.85vw; top: 1.77vw; left: 1.29vw;}
    .view_comment .reply_form {margin-top: 1.21vw;}
    .view_comment .reply_form {gap: 1.05vw;}
    .view_comment .reply_form .input {width: calc(100% - 7.66vw);}
    .view_comment .reply_form .input textarea {height: 6.61vw; padding: 1.29vw 2.02vw; font-size: 1.13vw;}
    .view_comment .reply_form button input,
    .view_comment .reply_form button {width: 6.61vw; height: 6.61vw; font-size: 1.21vw;}
    .view_comment .comm_form {margin-top: 2.34vw;}
    .view_comment .board_btnCont .center {margin-top: 2.34vw;}
}




@media screen and (max-width:768px) {

	/* 에러페이지 */
	.error {gap:9.20vw; flex-direction: column-reverse; align-items: center;}
	.error .txt {text-align: center;}
	.error .txt strong {font-size: 3.39vw;}
	.error .txt .title {font-size: 5.9vw; letter-spacing: -0.05vw; margin: 4.91vw 0;}
	.error .txt p {font-size: 3.39vw;}
	.error .txt a {font-size: 3.13vw; padding: 3.08vw 0; gap: 1.30vw; width: 42.95vw; margin: 7.51vw auto 0;}
	.error .txt a img {width: 2.34vw;}
	.error .img {width: 36.46vw;}

    
    /* 댓글 */
    .view_comment {/* margin-top: 23.44vw; */ margin-top: 3.44vw;}
    .view_comment .comm_total {font-size: 4.17vw; letter-spacing: -0.26vw;}
    .view_comment .comm_list {margin-top: 5.21vw;}
    .view_comment .c_item {padding: 5.21vw 0;}
    .view_comment .c_item .info {gap: 0 2.60vw;}
    .view_comment .c_item .info strong {font-size: 3.39vw; letter-spacing: -0.21vw;}
    .view_comment .c_item .info span {font-size: 3.39vw; letter-spacing: -0.05vw;}
    .view_comment .c_item .btn {gap: 1.30vw;}
    .view_comment .c_item .btn a {width: 10.42vw; height: 5.21vw; border-radius: 7.81vw; font-size: 2.86vw;}
    .view_comment .c_item .content {margin-top: 2.60vw; font-size: 3.39vw; letter-spacing: -0.05vw;}
    .view_comment .c_item .reply {margin-top: 2.60vw; font-size: 3.39vw; letter-spacing: 0.00vw; text-underline-offset: 0.52vw;}
    .view_comment .c_reply {padding: 5.60vw 0 7.42vw 10.94vw;}
    .view_comment .c_reply::before {width: 3.30vw; height: 3.65vw; top: 5.27vw; left: 5.08vw;}
    .view_comment .reply_form {margin-top: 5.47vw;}
    .view_comment .reply_form {gap: 2.60vw;}
    .view_comment .reply_form .input {width: calc(100% - 19.53vw);}
    .view_comment .reply_form .input textarea {height: 26.04vw; padding: 5.21vw; font-size: 3.65vw;}
    .view_comment .reply_form button input,
    .view_comment .reply_form button {width: 16.93vw; height: 26.04vw; font-size: 3.39vw;}
    .view_comment .comm_form {margin-top: 7.81vw;}
    .view_comment .board_btnCont .center {margin-top: 7.81vw;}
    .view_comment .dp_bt_wrap .dpp_chk > p,
    .view_comment .dp_cmt_write .dpp_sec_chk p {margin-bottom: 1.30vw; font-size: 3.39vw;}

	/* 문의 완료 */
	.board_success {padding: 15.63vw 0;}
	.board_success .img {width: 6.25vw;}
	.board_success .txt {margin: 5.21vw 0 6.51vw;}
	.board_success .txt dt {font-size: 5.51vw;}
	.board_success .txt dd {margin-top: 2.60vw; font-size: 3.65vw;}
	.board_success .home_btn a {font-size: 3.65vw; width: 25.53vw; height: 10.42vw;}

	/* 팝업 */
	.popup .popInner {padding:5.21vw 4.69vw 6.51vw; width: calc(100% - (3.13vw * 2));}
	.popup .popInner .head {font-size:5.21vw; padding-bottom: 4.17vw;}
	.popup .popInner .head .close {width:3.13vw;}
	.popup .popInner .body {margin-top: 4.17vw;}
	.popup .popInner .body .textWrap .tit {font-size:4.69vw; margin-bottom: 2.10vw;}
	.popup .popInner .body .textWrap .desc {font-size:3.65vw;}
	.popup .popInner .body .formWrap {margin-top: 3.52vw;}
	.popup .popInner .body .formItem {height:10.42vw; font-size: 3.26vw; padding:0 3.13vw;}
	.popup .popInner .body .formWrap .desc {margin-top: 2.60vw; font-size: 3.13vw;}
	.popup .popInner .body .popup-scrolling {max-height:45.57vw;}
	.popup .popInner .body .popup-scrolling p {font-size:3.26vw; padding-right: 3.26vw;}
	.popup .popInner .body .popup-scrolling p + p {margin-top: 3.26vw;}
	.popup .popInner .foot .btnWrap {margin-top: 4.69vw;}
	.popup .popInner .foot .btnWrap .flex {gap:2.60vw;}
	.btnWrap a {height:10.42vw; line-height:10.42vw; font-size:3.26vw; width:25.53vw;}

}