/* 에러페이지 */
.error{background: #F9F9F9; display: flex; align-items: center; justify-content: center; gap:7.8125rem; height: 100vh;}
.error .txt strong{font-size: 1.125rem; font-weight: 800; color: #DD4640;}
.error .txt .title{font-size: 2.125rem; letter-spacing: -0.025rem; font-weight: 700; margin: 1.875rem 0;}
.error .txt p{font-size: 1.125rem; line-height: 1.33; color: #555;}
.error .txt a{font-size: 1rem; font-weight: 500; color: #FFF; padding: 1rem 0; background: #000; display: flex; justify-content: center; align-items: center; gap: 0.625rem; margin-top: 3.125rem; width: 14.375rem;}
.error .txt a img{width: 1.125rem;}
.error .img{width: 17.5rem;}
.error .img img{width: 100%;}


/* 댓글 */
.view_comment {margin-top: 3.75rem;}
.view_comment .comm_total {font-size: 1.25rem; font-weight: 600; letter-spacing: -0.0625rem;}
.view_comment .comm_total span {color: var(--color1);}
.view_comment .comm_list {margin-top: 1.25rem;}
.view_comment .comm_total + .comm_list {border-bottom: 0.0625rem solid #E5E5E5;}
.view_comment .c_item {border-top: 0.0625rem solid #E5E5E5; padding: 2.1875rem 0; margin-top: 0 !important;}
.view_comment .c_item .info {display: flex; align-items: center; gap: 0 1.25rem;}
.view_comment .c_item .info strong {font-size: 1.125rem; font-weight: 600; letter-spacing: -0.05rem;}
.view_comment .c_item .info span {font-size: 0.875rem; font-weight: 400; letter-spacing: -0.0125rem; color: #999;}
.view_comment .c_item .btn {display: flex; align-items: center; gap: 0.5rem;}
.view_comment .c_item .btn a {display: flex; align-items: center; justify-content: center; width: 3.75rem; height: 1.875rem; border-radius: 1.875rem; font-size: 0.875rem; font-weight: 600;}
.view_comment .c_item .btn a.black {background: #000; border: 0.0625rem solid #000; color: #fff;}
.view_comment .c_item .btn a.white {background: #fff; border: 0.0625rem solid #555; color: #555;}
.view_comment .c_item .content {margin-top: 0.9375rem; font-size: 1.125rem; font-weight: 400; color: #6D6D6D; letter-spacing: -0.03125rem; line-height: 1.4; height: auto;}
.view_comment .c_item .reply {margin-top: 0.9375rem; font-size: 1.125rem; font-weight: 400; color: #6D6D6D; letter-spacing: -0.03125rem; line-height: 1.4; text-decoration: underline; color: #000; display: inline-block; text-underline-offset: 0.125rem; cursor: pointer;}
.view_comment .c_reply {padding: 2.5rem 0 2.5rem 3.875rem; position: relative;}
.view_comment .c_reply + .c_reply {border-top: 0.0625rem dashed #E5E5E5;}
.view_comment .c_reply::before {content: ""; width: 1.46875rem; height: 1.71875rem; background: url('/img/sub/c_reply.svg') no-repeat center/cover; position: absolute; top: 1.6875rem; left: 1.25rem;}
.view_comment .reply_form {margin-top: 1.09375rem;}
.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: 0.9375rem;}
.view_comment .reply_form .input {width: calc(100% - 7.1875rem);}
.view_comment .reply_form .input textarea {border: 0.0625rem solid #E5E5E5; width: 100%; height: 6.25rem; padding: 1.25rem 1.875rem; font-size: 1rem; font-weight: 500;}
.view_comment .reply_form button input,
.view_comment .reply_form button {width: 6.25rem; height: 6.25rem; background: #000; color: #fff; font-size: 1.125rem; font-weight: 600; outline: none; border: 0;}
.view_comment .comm_form {margin-top: 2.1875rem;}
.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: 2.1875rem;}
.view_comment .dp_bt_wrap .dpp_chk > p,
.view_comment .dp_cmt_write .dpp_sec_chk p {color: #555; margin-bottom: 0.3125rem; font-size: 0.875rem;}

/* 문의 완료 */
.board_success{border-top: 0.125rem solid #000; border-bottom: 0.0625rem solid #ccc; padding: 6.25rem 0; text-align: center;}
.board_success .img{width: 3rem;}
.board_success .txt{margin: 1.875rem 0 2.5rem;}
.board_success .txt dt{font-size: 1.875rem; font-weight: 700;}
.board_success .txt dd{margin-top: 0.625rem; font-size: 1.125rem; font-weight: 500; color: #6d6d6d; letter-spacing: -0.025em;}
.board_success .home_btn a{font-size: 1.125rem; font-weight: 700; color: #fff; background: #000; width: 9.375rem; height: 3.75rem; 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:1.875rem; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:37.5rem; background:#fff; z-index:10001;}
.popup .popInner .head{font-size:1.5625rem; padding-bottom: 1.25rem; border-bottom: 0.125rem solid #000; color:#000; font-weight: 800; display: flex; align-items: center; justify-content: space-between;}
.popup .popInner .head .close{width:1.125rem; aspect-ratio: 1/1; display: block;}
.popup .popInner .head .close img{width: 100%; display: block;}
.popup .popInner .body{margin-top: 1.875rem;}
.popup .popInner .body .textWrap .tit{font-size:1.25rem; line-height: 1.5; font-weight: 600; margin-bottom: 0.625rem; color:#000;}
.popup .popInner .body .textWrap .desc{font-size:1.125rem; line-height: 1.5; color:#6d6d6d; font-weight: 400; word-break: keep-all;}
.popup .popInner .body .formWrap{margin-top: 1.6875rem;}
.popup .popInner .body .formItem{width:100%; height:3.75rem; font-size: 1rem; border:0.0625rem solid #E5E5E5; padding:0 1.25rem; 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: 0.9375rem; font-size: 0.875rem; font-weight: 400; color: #FF0000; width: 100%;}
.desc.active{display: block !important;}
.popup .popInner .body .popup-scrolling{max-height:21.875rem; overflow-y:auto;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar {background:#DDD; width:0.1875rem;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar-thumb {background:#888;}
.popup .popInner .body .popup-scrolling p{display:block; font-size:1.125rem; line-height:1.5; padding-right: 1.5625rem; color:#AAA;}
.popup .popInner .body .popup-scrolling p + p{margin-top: 1.5625rem;}
.popup .popInner .body .popup-scrolling p span{color:#000; font-weight: 600; display: block;}
.popup .popInner .foot .btnWrap{margin-top: 1.875rem;}
.popup .popInner .foot .btnWrap .flex{display:flex; justify-content: center; gap:0.625rem;}
.btnWrap a{display:inline-block; height:3.75rem; line-height:3.75rem; font-size:1.125rem; font-weight:800; text-align:center; width:9.375rem; border:0.0625rem solid #000;}
.btnWrap a.close{background:#555; color:#fff; border: none;}


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


	/* 에러페이지 */
	.error{gap:2.1875rem; flex-direction: column-reverse; align-items: center;}
	.error .txt{text-align: center;}
	.error .txt strong{font-size: 0.8125rem;}
	.error .txt .title{font-size: 1.375rem; letter-spacing: 0; margin: 1.125rem 0;}
	.error .txt p{font-size: 0.8125rem;}
	.error .txt a{font-size: 0.75rem; padding: 0.75rem 0; gap: 0.3125rem; width: 10.0625rem; margin: 1.75rem auto 0;}
	.error .txt a img{width: 0.5625rem;}
	.error .img{width: 8.5625rem;}

    
    /* 댓글 */
    .view_comment {/* margin-top: 5.5rem; */ margin-top: 0.8125rem;}
    .view_comment .comm_total {font-size: 1rem; letter-spacing: -0.0625rem;}
    .view_comment .comm_list {margin-top: 1.25rem;}
    .view_comment .c_item {padding: 1.25rem 0;}
    .view_comment .c_item .info {gap: 0 0.625rem;}
    .view_comment .c_item .info strong {font-size: 0.8125rem; letter-spacing: -0.0625rem;}
    .view_comment .c_item .info span {font-size: 0.8125rem; letter-spacing: 0;}
    .view_comment .c_item .btn {gap: 0.3125rem;}
    .view_comment .c_item .btn a {width: 2.4375rem; height: 1.25rem; border-radius: 1.8125rem; font-size: 0.6875rem;}
    .view_comment .c_item .content {margin-top: 0.625rem; font-size: 0.8125rem; letter-spacing: 0;}
    .view_comment .c_item .reply {margin-top: 0.625rem; font-size: 0.8125rem; letter-spacing: 0; text-underline-offset: 0.125rem;}
    .view_comment .c_reply {padding: 1.3125rem 0 1.75rem 2.5625rem;}
    .view_comment .c_reply::before {width: 0.75rem; height: 0.875rem; top: 1.25rem; left: 1.1875rem;}
    .view_comment .reply_form {margin-top: 1.3125rem;}
    .view_comment .reply_form {gap: 0.625rem;}
    .view_comment .reply_form .input {width: calc(100% - 4.5625rem);}
    .view_comment .reply_form .input textarea {height: 6.125rem; padding: 1.25rem; font-size: 0.875rem;}
    .view_comment .reply_form button input,
    .view_comment .reply_form button {width: 3.9375rem; height: 6.125rem; font-size: 0.8125rem;}
    .view_comment .comm_form {margin-top: 1.8125rem;}
    .view_comment .board_btnCont .center {margin-top: 1.8125rem;}
    .view_comment .dp_bt_wrap .dpp_chk > p,
    .view_comment .dp_cmt_write .dpp_sec_chk p {margin-bottom: 0.3125rem; font-size: 0.8125rem;}

	/* 문의 완료 */
	.board_success{padding: 3.6875rem 0;}
	.board_success .img{width: 1.4375rem;}
	.board_success .txt{margin: 1.25rem 0 1.5rem;}
	.board_success .txt dt{font-size: 1.3125rem;}
	.board_success .txt dd{margin-top: 0.625rem; font-size: 0.875rem;}
	.board_success .home_btn a{font-size: 0.875rem; width: 6rem; height: 2.4375rem;}

	/* 팝업 */
	.popup .popInner{padding:1.25rem 1.125rem 1.5rem; width: calc(100% - (0.75rem * 2));}
	.popup .popInner .head{font-size:1.25rem; padding-bottom: 1rem;}
	.popup .popInner .head .close{width:0.75rem;}
	.popup .popInner .body{margin-top: 1rem;}
	.popup .popInner .body .textWrap .tit{font-size:1.125rem; margin-bottom: 0.5rem;}
	.popup .popInner .body .textWrap .desc{font-size:0.875rem;}
	.popup .popInner .body .formWrap{margin-top: 0.8125rem;}
	.popup .popInner .body .formItem{height:2.4375rem; font-size: 0.75rem; padding:0 0.75rem;}
	.popup .popInner .body .formWrap .desc {margin-top: 0.625rem; font-size: 0.75rem;}
	.popup .popInner .body .popup-scrolling{max-height:10.6875rem;}
	.popup .popInner .body .popup-scrolling p{font-size:0.75rem; padding-right: 0.75rem;}
	.popup .popInner .body .popup-scrolling p + p{margin-top: 0.75rem;}
	.popup .popInner .foot .btnWrap{margin-top: 1.125rem;}
	.popup .popInner .foot .btnWrap .flex{gap:0.625rem;}
	.btnWrap a{height:2.4375rem; line-height:2.4375rem; font-size:0.75rem; width:6rem;}
}