/* 공통 */
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 40.625rem; position:relative; background:url("https://dpphp8.dpunchcloude.com/data/file/_admin_banner_/2084341769_7rMgFPOt_d286f86c9b3f13607959384f034b216d06d1a128.jpg") no-repeat center / cover;}
.sub_visual.bg02{background-image:url("https://dpphp8.dpunchcloude.com/data/file/_admin_banner_/2084341769_7rMgFPOt_d286f86c9b3f13607959384f034b216d06d1a128.jpg");}
.sub_visual.bg03{background-image:url("https://dpphp8.dpunchcloude.com/data/file/_admin_banner_/2084341769_7rMgFPOt_d286f86c9b3f13607959384f034b216d06d1a128.jpg");}
.sub_vis_txt{max-width:87.5rem; width:100%; margin: 0 auto; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.sub_vis_txt em{font-size: 1.25rem; font-weight: 900;}
.sub_vis_txt h2{font-size: 3.4375rem; margin-top:1.0625rem; font-weight: 800;}
.sub_vis_txt p{font-size: 1.5rem; margin-top: 0.9375rem; font-weight: 500; line-height: 1.4;}

.sub_menu{height:5rem; border-bottom: 0.0625rem solid #E3E3E3; background: #FFF;}
.sub_menu > ul{max-width:87.5rem; margin:0 auto; position: relative; display: flex; align-items: center; height:100%; z-index: 10;}
.sub_menu > ul > li{position: relative; height: 100%;}
.sub_menu > ul > li:last-child:before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 0.0625rem; height: 1.25rem; background: #E3E3E3;}
.sub_menu > ul > li > a {display: flex; align-items: center; padding-left: 1.875rem; font-size: 1.25rem; height: 100%; font-weight: 500;}
.sub_menu > ul > li.home {width: 5rem;}
.sub_menu > ul > li.home > a {display:block; height:100%; background: #003D8B url("/img/sub/home_ic.svg") no-repeat center / 1.875rem;}
.sub_menu > ul > li.menu_btn {width: 18.125rem; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 1.5625rem center / 1.25rem;}
.sub_menu > ul > li.menu_btn.on {background-image: url("/img/sub/sub_menu_arrow_on.svg");}
.sub_menu_txt {display: none; position: absolute; left: 0; width: 100%; background: #fff; border: 0.0625rem solid #E3E3E3; z-index:100;}
.sub_menu_txt li {height: 4.375rem; border-bottom: 0.0625rem solid #E3E3E3;}
.sub_menu_txt li a {display: flex; align-items: center; padding: 0 1.875rem; font-size: 1.25rem; color: #8E8E8E; height: 100%; font-weight: 600;}
.sub_menu_txt li a:hover{color:#fff; background:#003D8B;}
.sub_menu_txt li:last-child{border-bottom:none;}

#sub_content{padding:9.375rem 0;}
.sub_inner{max-width:87.5rem; margin:0 auto}
.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:1440px){
    .sub_inner,
    .sub_vis_txt {max-width: calc(100% - (2rem * 2));}
    .sub_menu > ul {max-width: 100%;}
}


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


	/* 공통 */
	.sub_visual{height: 30.5rem;}
	.sub_vis_txt{padding: 0 0.75rem; max-width: 100%;}
	.sub_vis_txt em{font-size: 0.875rem;}
	.sub_vis_txt h2{font-size: 2.1875rem; margin-top:0.9375rem;}
	.sub_vis_txt p{font-size: 1rem; margin-top: 0.8125rem;}

	.sub_menu{height:3.375rem;}
	.sub_menu > ul{padding: 0;}
	.sub_menu > ul > li:last-child:before {height: 0.625rem;}
	.sub_menu > ul > li > a {padding-left: 0.9375rem; font-size: 0.875rem;}
	.sub_menu > ul > li.home {width: 3.375rem;}
	.sub_menu > ul > li.home > a {background-size: 1.25rem;}
	.sub_menu > ul > li.menu_btn {width: calc(50% - 1.6875rem); background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 0.75rem center / 0.75rem;}
	.sub_menu_txt li {height: 2.75rem;}
	.sub_menu_txt li a {padding: 0 0.9375rem; font-size: 0.875rem;}

	#sub_content{padding:2.5rem 0;}
    .sub_inner{max-width: 100%; padding: 0 0.75rem;}
    .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;}
}