/* 공통 */
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 28.75rem; position:relative; background: #000 url("/img/sub/sub_visual.jpg") no-repeat center 68% / cover;}
.sub_visual::after{content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.55) 55%, rgba(0,0,0,0.2) 100%); pointer-events: none;}
.sub_visual .sub_inner{height: 100%; position: relative; z-index: 1;}
.sub_vis_txt{display: flex; flex-direction: column; align-items: center; text-align: center; max-width:100%; width:100%; margin: 0 auto; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.sub_vis_txt em{font-family: 'Inter', 'Pretendard', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.4; letter-spacing: 0.1rem; margin: 0; background: linear-gradient(98.44deg, #89C56D 10.77%, #00B7EE 90.04%); -webkit-background-clip: text; background-clip: text; color: transparent; text-transform: uppercase;;}
.sub_vis_txt em.is-tight{letter-spacing: -0.0063rem;}
.sub_vis_txt h2{font-size: 3.5625rem; font-weight: 700; line-height: 1.12; letter-spacing: -0.0891rem; margin-top: 1.25rem; color: #fff;}
.sub_vis_txt p{font-size: 1.5rem; margin-top: 0.9375rem; font-weight: 500; line-height: 1.4;}
/* 경로 메뉴 (Figma submenu 7538:3088) */
.sub_menu{display: flex; align-items: center; justify-content: center; gap: 1.25rem; margin-top: 2.5rem;}
.sub_menu .home,
.sub_menu .dot{display: flex; flex-shrink: 0;}
.sub_menu .home{width: 1.5rem;}
.sub_menu .dot{width: 0.25rem;}
.sub_menu img{width: 100%; display: block;}
.sub_menu .depth{position: relative; width: 12.5rem;}
.sub_menu .btn{display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; width: 100%; padding: 0; border: 0; background: none; font-family: inherit; font-size: 1rem; font-weight: 700; line-height: 1.5; color: #fff; cursor: pointer;}
.sub_menu .txt{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.sub_menu .arr{display: flex; flex-shrink: 0; width: 1rem; transform: rotate(-90deg);}
.sub_menu .ic_on{display: none;}
.sub_menu .open .txt{color: #00B7EE;}
.sub_menu .open .arr{transform: rotate(90deg);}
.sub_menu .open .ic{display: none;}
.sub_menu .open .ic_on{display: block;}
.sub_menu .list{display: none; position: absolute; top: 2.25rem; left: 0; z-index: 10; width: 100%; border: 1px solid #AEB0B6; border-radius: 0.75rem; background: #fff; overflow: hidden; text-align: left;}
.sub_menu .list li{border-bottom: 1px solid #E1E2E4;}
.sub_menu .list li.on,
.sub_menu .list li:last-child{border-bottom: 0;}
.sub_menu .list a{display: flex; align-items: center; padding: 0.75rem 0.875rem; font-size: 1rem; font-weight: 500; line-height: 1.25; color: #70737C; word-break: keep-all;}
.sub_menu .list .on a{background: linear-gradient(94.906deg, #89C56D 10.767%, #00B7EE 90.044%); color: #fff;}

#sub_content{padding:9.375rem 0;}
.sub_inner{max-width:89.5rem; margin:0 auto; padding: 0 2rem;}
.sub_title{margin-bottom:6.25rem; text-align:center;}
.sub_title em{font-size: 1.25rem;}
.sub_title h3{font-size: 3.125rem; margin-top:1.25rem;}


/* 에러페이지 */
.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){


	/* 공통 */
	.sub_visual{height: 16.25rem;}
	.sub_vis_txt{padding: 0 1.25rem; max-width: 100%;}
	.sub_vis_txt em{font-size: 0.875rem; letter-spacing: 0.07rem;}
	.sub_vis_txt h2{font-size: 1.875rem; margin-top: 0.75rem; letter-spacing: -0.05rem;}
	.sub_vis_txt p{font-size: 1rem; margin-top: 0.8125rem;}
	.sub_menu{gap: 0.75rem; margin-top: 1.25rem; max-width: 100%;}
	.sub_menu .home{width: 1.25rem;}
	.sub_menu .depth{flex: 0 1 10.5rem; min-width: 0;}
	.sub_menu .btn{font-size: 0.875rem;}
	.sub_menu .arr{width: 0.875rem;}
	.sub_menu .list{top: 2.0625rem; min-width: 7.5rem;}
	.sub_menu .list a{padding: 0.625rem 0.75rem; font-size: 0.875rem;}

	#sub_content{padding:3.75rem 0;}
    .sub_inner{max-width: 100%; padding: 0 1.25rem;}
    .sub_title{margin-bottom:3.6875rem;}
    .sub_title em{font-size: 0.875rem;}
    .sub_title h3{font-size: 2.1875rem; margin-top:0.5rem;}


	/* 에러페이지 */
	.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;}
}