@charset "utf-8";

@import url('default.css'); /* 기본설정 */
@import url('layout.css'); /* 사이트 세부설정 */

#container { width: 100%; margin: 243px 0 145px 0; }

 h2 { overflow: hidden; width: 0; height: 0; font-size: 50px; font-weight: 600; color: #000; text-align: left; }
 h2.block { width: 100%; height: 100%; }
 h3 { margin-top: 145px; font-size: 38px; font-weight: 700; color: #000; text-align: center; }

.des_tit { margin-top: 20px; font-size: 22px; font-weight: 400; color: #3a3a3a; text-align: center; }
.des_tit.left { text-align: left; }

.company_intro { display: flex; flex-wrap: wrap; align-items: center; gap: 80px; }
.company_intro figure { width: 750px; }
.company_intro figure img { display: block; width: 100%; height: auto; border-top: 1px solid #1065b2; border-bottom: 1px solid #1065b2; padding: 10px 0; }
.company_intro .cont { width: calc(100% - 830px); }
.company_intro .cont .tit { font-size: 26px; font-weight: 600; color: #151515; }
.company_intro .cont .tit span { display: block; margin-bottom: 5px; font-size: 30px; color: #1065b2; }
.company_intro .cont .txt { margin-top: 50px; }
.company_intro .cont .txt li { font-size: 18px; color: #666; font-weight: 400; }
.company_intro .cont .txt li ~ li { margin-top: 20px; }

.kcpba { width: 100%; height: auto; margin-top: 150px; background:#0e0a08 url('../images/sub/s11_bg.jpg') no-repeat left center; }
.kcpba .cont_box { width: 50%; background: rgba(0,0,0,0.7);  margin-left: 50%; padding: 95px 0 95px 80px; color: #fff; }
.kcpba .cont_box .tit { font-size: 26px; font-weight: 600;  }
.kcpba .cont_box .tit span { display: block; margin-bottom: 5px; font-size: 30px; color: #1065b2; }
.kcpba .cont_box .txt { font-size: 26px; line-height: 1.6; }
.kcpba .cont_box figure { margin: 50px 0 30px 0; }

.prepare { display: flex; flex-wrap: wrap; gap: 95px 34px; margin-top: 95px; }
.prepare li { width: calc((100% - 34px) / 2); text-align: center; }
.prepare li img { width: 100%; }
.prepare li .tit { margin-top: 35px; font-size: 30px; font-weight: 700; color: #1065b2; }
.prepare li .txt { margin-top: 20px; font-size: 20px; font-weight: 500; color: #666; }

@media screen and (max-width: 1280px) {
	.wrap { width: 980px; margin: 0 auto; }

	.company_intro figure { width: 100%; }
	.company_intro .cont { width: 100%; }
	.company_intro .cont .txt li br { display: none; }

	.kcpba .cont_box { width: 100%; margin-left: 0; padding: 95px 0; text-align: center; }
}

@media screen and (max-width: 980px) {
	.wrap { width: 750px; margin: 0 auto; }

	#container { width: 100%; margin-top: 174px; }

	.prepare { gap: 95px; }
	.prepare li { width: 100%; }
}

@media screen and (max-width: 768px) {
	.wrap { width: auto; margin: 0 20px; }

	#container { width: 100%; margin: 117px 0 75px 0; }

	 h2 { font-size: 30px; }
	 h3 { margin-top: 75px; font-size: 24px; }

	.des_tit { margin-top: 15px; font-size: 16px; }

	.company_intro { gap: 35px; }
	.company_intro .cont .tit { font-size: 18px; }
	.company_intro .cont .tit span { font-size: 22px; }
	.company_intro .cont .txt { margin-top: 25px; }
	.company_intro .cont .txt li { font-size: 15px; }
	.company_intro .cont .txt li ~ li { margin-top: 10px; }

	.kcpba { margin-top: 80px; background:#0e0a08 url('../images/sub/s11_bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	.kcpba .cont_box { padding: 75px 0; }
	.kcpba .cont_box .tit { font-size: 18px; }
	.kcpba .cont_box .tit span { font-size: 22px; }
	.kcpba .cont_box .txt { font-size: 16px; }
	.kcpba .cont_box figure { margin: 30px 0 10px 0; }
	.kcpba .cont_box figure img { height: 150px; }

	.prepare { gap: 45px; margin-top: 45px; }
	.prepare li .tit { margin-top: 20px; font-size: 18px; }
	.prepare li .txt { margin-top: 10px; font-size: 15px; }
}

@media screen and (max-width: 480px) {
	.wrap { width: auto; margin: 0 20px; }

}

.review_banner { position: relative; width: 100%; height: 400px; overflow: hidden; background: url('../images/sub/s71_visual2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.review_banner .banner_inner { position: relative; width: 100%; height: 100%; display: flex; }
.review_banner .before::after { content: ''; position: absolute; inset: 0; background: rgba(30, 45, 20, 0.55); }
.review_banner .before span, .review_banner .after span { position: absolute; top: 24px; z-index: 2; padding: 6px 16px; font-size: 15px; font-weight: 600; color: #666; background: #fff; border-radius: 20px; }
.review_banner .before span { left: 24px; }
.review_banner .after span { right: 24px; }
.review_banner .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 20px; }
.review_banner .overlay .sub { font-size: 30px; font-weight: 500; color: #fff; }
.review_banner .overlay .main { font-size: 90px; font-weight: 800; color: #fff; line-height: 1.2; }
.review_banner .overlay .btn_estimate { display: inline-block; margin-top: 35px; padding: 15px 50px; font-size: 24px; font-weight: 600; color: #fff; background: #1791ff; border-radius: 43px; }

.board_notice { margin: 115px 0 0; font-size: 14px; color: #3a3a3a; }

.review_tabs { display: flex; flex-wrap: wrap; margin-top: 30px; }
.review_tabs li { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.review_tabs li a { display: block; padding: 10px 25px; font-size: 16px; font-weight: 500; color: #999; text-align: center; border-left: 1px solid #e8e8e8; background-color: #f7f7f7; }
.review_tabs li:last-child a { border-right: 1px solid #e8e8e8; }
.review_tabs li.on { border: 1px solid #575e60; }
.review_tabs li.on a { color: #111; font-weight: 600; }
.review_tabs li.on { outline: 1px solid #575e60; outline-offset: -1px; }

.review_grid { display: flex; flex-wrap: wrap; gap: 45px 30px; margin-top: 50px; }
.review_grid li { width: calc((100% - 90px) / 4); }
.review_grid li a { display: block; }
.review_grid li figure { overflow: hidden; }
.review_grid li figure img { width: 100%; aspect-ratio: 10/7; object-fit: cover; transition: transform .5s; }
.review_grid li a:hover figure img { transform: scale(1.05); }
.review_grid li p { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px; font-size: 18px; font-weight: 500; color: #1f1f1f; }

.review_paging { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 60px; }
.review_paging a { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 8px; font-size: 16px; color: #555; border-radius: 4px; }
.review_paging a.on { color: #fff; background: #2647a7; }
.review_paging a.next { color: #555; }
.review_paging a:hover { background: #0d4fd1; }

.review_write { margin-top: 20px; text-align: right; }
.review_write a { display: inline-block; padding: 12px 30px; font-size: 16px; font-weight: 600; color: #fff; background: #3e3e3e; border-radius: 4px; }
.review_write a:hover { background: #0d4fd1; }

@media screen and (max-width: 1280px) {
	.review_grid li { width: calc((100% - 60px) / 3); }
}

@media screen and (max-width: 980px) {
	.review_banner { height: 420px; }
	.review_banner .overlay .main { font-size: 46px; }
}

@media screen and (max-width: 768px) {
	.review_banner { height: 240px; }
	.review_banner .before span, .review_banner .after span { top: 12px; font-size: 12px; padding: 4px 10px; }
	.review_banner .before span { left: 12px; }
	.review_banner .after span { right: 12px; }
	.review_banner .overlay { top: 10%; }
	.review_banner .overlay .sub { font-size: 16px; }
	.review_banner .overlay .main { margin-top: 10px; font-size: 28px; }
	.review_banner .overlay .btn_estimate { margin-top: 15px; padding: 8px 30px; font-size: 15px; }

	.board_notice { margin: 45px 0 0; font-size: 12px; line-height: 1.6; }

	.review_tabs { margin-top: 25px; }
	.review_tabs li { flex: 1; }
	.review_tabs li a { padding: 10px 6px; font-size: 14px; }

	.review_grid { gap: 25px 10px; margin-top: 30px; }
	.review_grid li { width: calc((100% - 10px) / 2); }
	.review_grid li p { margin-top: 10px; font-size: 14px; }

	.review_paging { margin-top: 40px; gap: 4px; }
	.review_paging a { min-width: 30px; height: 30px; font-size: 13px; }

	.review_write { text-align: center; margin-top: 40px; }
	.review_write a { padding: 10px 30px; font-size: 14px; }
}

.view_title { background: #f4f4f4; border: 1px solid #d5d5d5; border-top: 2px solid #000; }
.view_title .vt_title { margin-top: 0; padding: 22px 29px; font-size: 20px; font-weight: 700; color: #111; text-align: left; }
.view_title .vt_meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0 6px; padding: 15px 29px; border-top: 1px solid #e0e0e0; }
.view_title .vt_meta dt { font-size: 15px; font-weight: 500; color: #666; }
.view_title .vt_meta dd { position: relative; font-size: 15px; font-weight: 500; color: #666; margin: 0 30px 0 6px; padding-left: 13px; }
.view_title .vt_meta dd:before { content: ''; position: absolute; top: 4px; left: 0; width: 1px; height: 12px; background: #ccc; }

.view_file { display: flex; align-items: center; gap: 12px; padding: 15px 30px; border-bottom: 1px solid #d5d5d5; }
.view_file span { font-size: 15px; font-weight: 500; color: #666; }
.view_file a { position: relative; padding-left: 13px; font-size: 15px; font-weight: 500; color: #666; }
.view_file a:before { content: ''; position: absolute; top: 4px; left: 0; width: 1px; height: 12px; background: #ccc; }
.view_file a img { height: 16px; margin-right: 10px; vertical-align: -3px; }
.view_file a:hover { color: #2647a7; text-decoration: underline; }

.view_content { padding: 50px 0; border-bottom: 1px solid #d5d5d5; }
.view_content figure { text-align: center; }
.view_content figure img { max-width: 100%; height: auto; }
.view_content .view_text { margin-top: 40px; }
.view_content .view_text p { font-size: 16px; color: #222; line-height: 1.7; }
.view_content .view_text p + p { margin-top: 10px; }

.view_btns { display: flex; justify-content: flex-end; gap: 8px; margin-top: 30px; }
.view_btns .btn { display: inline-flex; align-items: center; justify-content: center; min-width: 80px; padding: 10px 18px; font-size: 15px; font-weight: 500; color: #222; background: #fff; border: 1px solid #c5c5c5; border-radius: 4px; }
.view_btns .btn:hover { border-color: #2647a7; color: #2647a7; }
.view_btns .btn.primary { color: #fff; background: #3e3e3e; border-color: #3e3e3e; }
.view_btns .btn.primary:hover { background: #2647a7; border-color: #2647a7; color: #fff; }

.view_nav { margin-top: 30px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
.view_nav .nav_prev { display: flex; align-items: center; gap: 12px; padding: 16px 0; }
.view_nav .label { padding-left: 50px; font-size: 16px; font-weight: 600; color: #222; background: url('../images/sub/prevdown.png') no-repeat left 18px center; }
.view_nav .bar { margin: 0 10px; font-size: 16px; font-weight: 100; color: #ccc; }
.view_nav .nav_title { font-size: 16px; color: #666; }
.view_nav .nav_title:hover { color: #2647a7; text-decoration: underline; }

@media screen and (max-width: 768px) {
	.view_title .vt_title { padding: 16px; font-size: 17px; }
	.view_title .vt_meta { padding: 10px 16px; gap: 0 4px; }
	.view_title .vt_meta dt, .view_title .vt_meta dd { font-size: 13px; }
	.view_title .vt_meta dd { margin: 0 10px 0 0; padding-left: 4px; }
	.view_title .vt_meta dd:before { display: none; }

	.view_file { gap: 8px; padding: 12px 17px; }
	.view_file span, .view_file a { font-size: 13px; }
	.view_file a { padding-left: 4px; }
	.view_file a:before { display: none; }

	.view_content { padding: 24px 0; }
	.view_content .view_text { margin-top: 24px; }
	.view_content .view_text p { font-size: 15px; }
	.view_btns { justify-content: center; flex-wrap: wrap; }
	.view_btns .btn { min-width: 70px; padding: 9px 14px; font-size: 14px; }
	.view_nav .label, .view_nav .nav_title { font-size: 14px; }
	.view_nav .label { padding-left: 30px; background: url('../images/sub/prevdown.png') no-repeat left 10px center; background-size: 10px; }
	.view_nav .bar { margin: 0; font-size: 12px; }
}

.write_table { width: 100%; border-top: 2px solid #333; border-bottom: 1px solid #d5d5d5; }
.write_table th, .write_table td { border-bottom: 1px solid #e0e0e0; }
.write_table th { width: 160px; padding: 14px 0 14px 30px; background: #f8f8f8; font-size: 16px; font-weight: 600; color: #222; text-align: left; vertical-align: middle; border-right: 1px solid #e0e0e0; }
.write_table td { width: calc(100% - 160px); padding: 10px 30px; font-size: 16px; vertical-align: middle; }

.write_table select, .write_table input[type="text"], .write_table input[type="password"] { height: 36px; padding: 0 10px; font-size: 16px; color: #222; border: 1px solid #c5c5c5; background: #fff; border-radius: 2px; }
.write_table select { width: 200px; }
.write_table input.full { width: 100%; }
.write_table input.short { width: 200px; }
.write_table textarea { width: 100%; height: 350px; padding: 10px; font-size: 16px; color: #222; border: 1px solid #c5c5c5; background: #fff; border-radius: 2px;  }
.write_table .chk_secret { display: inline-flex; align-items: center; gap: 6px; font-size: 16px; color: #222; cursor: pointer; }
.write_table .chk_secret input { width: 16px; height: 16px; }
.write_table .file_add { display: inline-block; margin: 3px 0 0 6px; cursor: pointer; vertical-align: top; }
.write_table .file_add img ~ img { margin-left: 2px; }
.write_table input[type="file"] { width: 100%; max-width: 600px; font-size: 16px; color: #555; }

.write_btns { display: flex; justify-content: center; gap: 8px; margin-top: 60px; }
.write_btns .btn { display: inline-flex; align-items: center; justify-content: center; min-width: 100px; padding: 11px 20px; font-size: 16px; font-weight: 500; color: #222; background: #fff; border: 1px solid #c5c5c5; border-radius: 4px; }
.write_btns .btn:hover { border-color: #2647a7; color: #2647a7; }
.write_btns .btn.primary { color: #fff; background: #3e3e3e; border-color: #3e3e3e; }
.write_btns .btn.primary:hover { background: #2647a7; border-color: #2647a7; color: #fff; }

@media screen and (max-width: 768px) {
	.write_table th { width: 88px; padding: 12px 15px; font-size: 14px; }
	.write_table td { width: calc(100% - 88px); padding: 8px 15px; font-size: 14px; }
	.write_table select, .write_table input[type="text"], .write_table input[type="password"] { font-size: 14px; }
	.write_table select { width: 100%; }
	.write_table input.short { width: 100%; }
	.write_table textarea { height: 150px; font-size: 14px; }
	.write_table .chk_secret { font-size: 14px; }
	.write_table .file_add { margin: 5px 0 0 0; }
	.write_btns { margin-top: 40px; }
	.write_btns .btn { padding: 8px 20px; font-size: 14px; }
}

.event_list { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 95px; }
.event_list li { width: calc((100% - 48px) / 4); text-align: center; }
.event_list li a { display: block; }
.event_list li a .img { overflow: hidden; }
.event_list li a .img img { width: 100%; aspect-ratio: 1/1; object-fit: cover; transition: transform .5s; }
.event_list li a .tit { overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; margin-top: 20px; font-size: 20px; font-weight: 600; color: #1f1f1f; }
.event_list li a .txt { overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; font-size: 15px; color: #666; }
.event_list li a:hover .img img { transform: scale(1.05); }

@media screen and (max-width: 768px) {
	.event_list { gap: 35px 10px; margin-top: 45px; }
	.event_list li { width: calc((100% - 10px) / 2); }
	.event_list li a .tit { margin-top: 15px; font-size: 15px; }
	.event_list li a .txt { margin-top: 8px; font-size: 13px; }
}

.visual-fee { margin-top: -120px; font-size: 0; line-height: 0; }
.visual-fee .pc { width: 100%; }
.visual-fee .mobile { display: none; width: 100%; }

.tit-fee {width:100%; margin-top: 100px; font-size: 26px; color:#000; font-weight: 500; padding:10px 0; text-align: center; border:3px solid #24305b;}

.fee-table { width:100%; text-align: center;margin:0px auto 0;}
.fee-table th, .fee-table td {width: 50%; text-align: center; border: 5px solid #fff; }
.fee-table th {background: #24305b; color: #fff; font-size: 30px; padding:20px 0; font-family:'BMDOHYEON';border-width:0 0px;}
.fee-table td {background: #f2f2f2; color: #333; font-size: 28px; padding:20px 0; font-family:'BMDOHYEON';border-width:5px 0px;}
.fee-table th:nth-child(2) { border-width:0 0 0 5px ;}
.fee-table td:nth-child(2n) {color: #0d86d7; font-size: 23px; border-width:5px 0 5px 5px;}

.care { margin-top: 25px; font-size: 16px; color:#3a3a3a; }

@media screen and (max-width: 980px) {
	.visual-fee .pc { display: none; }
	.visual-fee .mobile { display: block; }
}
@media screen and (max-width: 768px) {
	.visual-fee { margin-top: -50px; }
	.tit-fee { margin-top: 50px; font-size: 16px; padding:10px 0; border:2px solid #24305b;}
	.fee-table { font-size: 18px; }
	.fee-table th { padding:15px 0; font-size: 16px; height: 35px; }
	.fee-table td { padding:15px 0; font-size: 16px; height: 35px; border-width:3px 0px;}
	.fee-table th:nth-child(2) { border-width:0 0 0 3px ;}
	.fee-table td:nth-child(2n) { font-size: 16px; border-width: 3px 0 3px 3px;}
	.care { margin-top: 15px; font-size: 14px; }
}

.customer_form { width: 100%; margin: 95px auto 0; }
.svc_guide { border-top: 2px solid #111; border-bottom: 1px solid #111; padding: 16px 0; text-align: center; margin-bottom: 30px; }
.svc_guide p { font-size: 18px; font-weight: 700; color: #111; }

.cf_row { margin-bottom: 12px; }
.cf_row input[type="text"], .cf_row input[type="tel"], .cf_row textarea, .cf_select select { width: 100%; box-sizing: border-box; border: 1px solid #d5d5d5; border-radius: 4px; font-size: 18px; color: #333; background: #fff; outline: none; }
.cf_row input[type="text"], .cf_row input[type="tel"] { height: 48px; padding: 0 16px; }
.cf_row textarea { height: 180px; padding: 14px 16px; resize: vertical; }
.cf_row input::placeholder,
.cf_row textarea::placeholder { color: #aaa; }

.cf_select { position: relative; }
.cf_select label { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #999; pointer-events: none; }
.cf_select select { height: 48px; padding: 0 40px 0 74px; appearance: none; -webkit-appearance: none; background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23999' d='M6 8L0 0h12z'/></svg>") no-repeat right 16px center; cursor: pointer; }

.cf_captcha { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin: 40px 0; }
.cap_label { font-size: 16px; color: #333; margin-right: 20px; white-space: nowrap; }
.cap_box { display: flex; align-items: center; gap: 8px; }

.cf_submit { margin-top: 30px; }
.btn_submit { width: 100%; height: 77px; border: none; border-radius: 8px; background: #1b6ac8; color: #fff; font-size: 24px; font-weight: 600; cursor: pointer; }
.btn_submit:hover { background: #0d4fd1; }

@media (max-width: 768px) { 
	.customer_form { margin-top: 45px; } 
	.svc_guide { padding: 12px 0; margin-bottom: 20px; }
	.svc_guide p { font-size: 15px; }
	.cf_row input[type="text"], .cf_row input[type="tel"], .cf_row textarea, .cf_select select { font-size: 14px; }
	.cf_select label { font-size: 14px; }
	.cf_captcha { margin: 20px 0; justify-content: center; } 
	.cap_label { width: 100%; text-align: center; margin: 0 0 10px; font-size: 14px; }
	.btn_submit { height: 55px; font-size: 16px; }
}

.top-care { width: 100%; margin: -60px 0 50px 0; padding: 20px 5px; font-size: 22px; font-weight: 600; color: #1d3f7e; text-align: center; background-color: #e3effd; }

.req_banner { text-align: center; margin-top: -60px; padding: 60px 20px; background: url('../images/sub/request_visual.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.rb_icon { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; }
.rb_sub { margin-top: 25px; font-size: 36px; color: #041735; }
.rb_title { font-size: 44px; font-weight: 700; color: #041735; }

.rb_methods { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-top: 40px; }
.rb_card { background: #fff; border-radius: 10px; box-shadow: 0 4px 16px rgba(20,36,92,.08); flex: 1 1 320px; max-width: 420px; }
.rb_num { display: block; background: #111; color: #fff; font-weight: 700; padding: 4px 0; border-radius: 4px; margin-bottom: 16px; text-align: center; font-size: 20px;}
.rb_flow { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 180px; margin: 20px auto; }
.rb_step { display: block; width: 100%; padding: 8px 10px; border-radius: 6px; border: 1px solid #808080; background: #f3f3f3; color: #555; font-size: 18px; font-weight: 500; text-align: center; }
.rb_step.active { background: #808080; border-color: #808080; color: #fff; }
.rb_arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #333; }

.req_form { margin-top: 120px; }
.form_consult .rf_body { border-radius: 10px; border-top-left-radius: 0; overflow: hidden; background: #f1f4fa; border: 2px solid #687cb1; }
.form_reserve .rf_body { border-radius: 10px; border-top-left-radius: 0; overflow: hidden; background: #f6f6f6; border: 2px solid #1a3875; }

.rf_head { display: flex; }
.form_consult .rf_title { flex: 0 0 34%; background: #687cb1; }
.form_reserve .rf_title { flex: 0 0 34%; background: #1a3875; }
.rf_title { color: #fff; font-size: 24px; font-weight: 700; display: flex; align-items: center; justify-content: center; padding: 18px 10px; text-align: center; }
.rf_notice { flex: 1; background: #fff; color: #ba2727; font-size: 18px; line-height: 1.5; display: flex; align-items: center; padding: 14px 18px; }

.rf_body { padding: 30px; }
.rf_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.rf_field { display: flex; align-items: center; background: #fff; border: 1px solid #d5d5d5; border-radius: 6px; overflow: hidden; }
.rf_field.full { grid-column: 1 / -1; }
.rf_field label { flex: 0 0 140px; font-size: 18px; font-weight: 600; color: #333; text-align: center; padding: 13px 6px; background: #fafafa; border-right: 1px solid #e5e5e5; white-space: nowrap; }
.rf_field label em { font-style: normal; font-weight: 400; font-size: 16px; color: #999; }
.rf_field input,
.rf_field select,
.rf_field textarea { flex: 1; border: none; outline: none; font-size: 18px; color: #333; padding: 10px 20px; height: 44px; background: transparent; min-width: 0; }
.rf_field select { appearance: none; -webkit-appearance: none; background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23999' d='M6 8L0 0h12z'/></svg>") no-repeat right 14px center; padding-right: 34px; }
.rf_field textarea { height: 120px; padding: 12px 20px; resize: vertical; }

.rf_bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; gap: 20px; flex-wrap: wrap; }
.rf_agree { font-size: 16px; color: #555; display: flex; align-items: center; gap: 6px; cursor: pointer; }
.rf_agree input { margin: 0; }
.rf_agree a { color: #2647a7; text-decoration: underline; }
.rf_btn { border: none; border-radius: 6px; color: #fff; font-size: 20px; font-weight: 700; padding: 12px 50px; cursor: pointer; }
.form_consult .rf_btn { background: #687cb1; }
.form_reserve .rf_btn { background: #1a3875; }
.rf_btn:hover { opacity: .9; }

.req_divider { border-top: 2px dotted #c5c5c5; margin-top: 120px; }

@media (max-width: 768px) { 
	.top-care { margin: 0 0 50px 0; padding: 15px 5px; font-size: 16px; }
	.req_banner { margin-top: -30px; padding: 20px; }
	.rb_icon img { height: 80px; }
	.rb_sub { margin-top: 10px; font-size: 18px; }
	.rb_title { margin-top: 2px; font-size: 22px; }

	.rb_methods { flex-direction: column; align-items: stretch; margin-top: 20px; } 
	.rb_num { font-size: 16px;}
	.rb_card { flex: 1 1 0; max-width: none; } 
	.rb_step { padding: 5px 10px; font-size: 15px; }
	.req_form { margin-top: 60px; }
	.form_consult .rf_body { border-top-right-radius: 0; border: 1px solid #687cb1; }
	.form_reserve .rf_body { border-top-right-radius: 0; border: 1px solid #1a3875; }

	.rf_head { flex-direction: column; } 
	.rf_title { font-size: 18px; padding: 12px 10px; }
	.rf_notice { font-size: 14px; padding: 15px 20px; }
	.rf_body { padding: 19px; }

	.form_consult .rf_title, .form_reserve .rf_title { flex: 1; } 
	.rf_grid { grid-template-columns: 1fr; } 
	.rf_field.full { grid-column: auto; } 
	.rf_field { flex-direction: column; align-items: stretch; } 
	.rf_field label { flex: none; font-size: 15px; padding: 12px 20px; text-align: left; border-right: none; border-bottom: 1px solid #e5e5e5; } 
	.rf_field input,
	.rf_field select,
	.rf_field textarea { font-size: 15px; }

	.rf_bottom { flex-direction: column; align-items: stretch; } 
	.rf_agree { font-size: 14px; }
	.rf_btn { width: 100%; font-size: 16px; }

	.req_divider { display: none; }
}

.partner-page { max-width: 980px; text-align: center; }
.partner-page .pt-eyebrow { color:var(--pt-blue); font-size:20px; font-weight:700; }
.partner-page .notification { margin-bottom: -60px; }
.partner-page .pt-title { margin-top: 85px; font-size: 64px; font-weight:800; color: #133c8c; }
.partner-page .pt-title span { color: #000; }
.partner-page .pt-lead { margin-top:18px; font-size:24px; }
.partner-page .pt-lead2 { font-size: 36px; color: #000; }
.partner-page .pt-lead2 em { font-weight: 700; color: #00b6ba; }
.partner-page .pt-lead2 small { display: block; margin-bottom: 5px; font-size: 30px; }
.partner-page .pt-targets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:55px; }
.partner-page .pt-targets li { position:relative; border:1px dashed #c9d2dd; font-size: 18px; border-radius:12px; padding:35px 20px 25px 20px; background:#fff; }
.partner-page .pt-targets li .icon { position: absolute; top: -15px; left: 50%; transform: translatex(-50%); }
.partner-page .pt-targets strong { color: #133c8c; }
.partner-page .establish { overflow: hidden; margin-top: 60px; border-radius: 12px; }
.partner-page .establish .img { background-color: #f7f7f7; }
.partner-page .establish .img img { max-width: 100%; }
.partner-page .establish .pt-lead2 { margin: 55px 0; }
.partner-page .award { display: flex; flex-wrap: wrap; border: 10px solid #e2ac55; }
.partner-page .award img { width: 50%; }
.partner-page .pt-logo { margin: 60px 0; }
.partner-page .pt-logo img { max-width: 100%; }
.partner-page .pt-line { width: 100%; height: 8px; background: url('../images/partner/line.jpg') repeat-x left top; }
.partner-page .pt-market { display:grid; grid-template-columns: 310px 1fr; align-items:center; gap:30px; padding: 45px 80px; margin-top:55px; text-align:left; background:#f3f3f3; border:1px solid #dce3e9; border-radius:15px; }
.partner-page .pt-market .cont { font-size: 18px; color: #555; }
.partner-page .pt-market .cont strong { display: block; margin: 15px 0 30px 0; font-weight: 700; }
.partner-page .pt-market .cont .txt2 { margin: 10px 0; font-size: 24px; font-weight: 700; color: #123b8a; }
.partner-page .pt-market .cont .txt2 span { color: #00b6b9; }
.partner-page .pt-orange { color: #f25916; }
.partner-page .pt-color1 { color: #00b6ba; }
.partner-page .pt-fees { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 60px; width:620px; margin: 50px auto 0 auto; padding-bottom: 180px; background: url('../images/partner/fees_arrow.png') no-repeat center bottom; }
.partner-page .pt-fees > div { display:flex; align-items:center; gap:12px; }
.partner-page .pt-fees dt { min-width:90px; padding:2px 12px; border-radius:30px; font-size: 18px; color:#fff; background:#133c8c; font-weight:600; }
.partner-page .pt-fees dd { margin:0; font-size: 20px; text-align:left; font-weight: 600; color: #133c8c; }
.partner-page .pt-income-table { width:100%; max-width:740px; margin: 40px auto 55px auto; border-collapse:collapse; }
.partner-page .pt-income-table caption { margin-bottom:12px; font-weight:700; }
.partner-page .pt-income-table th, .partner-page .pt-income-table td { padding:16px 20px; border:2px solid #fff; }
.partner-page .pt-income-table tbody th { color:#fff; background:#17386e; font-size:28px; font-weight: 400;}
.partner-page .pt-income-table tbody th strong { font-weight:600; }
.partner-page .pt-income-table tbody td { color:#e35c25; background:#315aa2; font-size:40px; font-weight:800;  text-shadow: -3px 0 0 #fff, 3px 0 0 #fff, 0 -3px 0 #fff, 0 3px 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; }
.partner-page .pt-proof { margin-top: 55px; }
.partner-page .pt-proof img { max-width: 100%; }
.partner-page .pt-soft { margin-top: 95px; padding-top: 55px; background:#f7f7f7; }
.partner-page .pt-soft .icon { margin: 30px 0 -60px 0; }
.partner-page .pt-soft .img { margin-top: 60px; }
.partner-page .pt-soft .img img { width: 100%; }
.partner-page .pt-soft .pt-lead2 em { font-size: 40px; font-weight: 800; color: #375699; }
.partner-page .pt-image { margin-top: 60px; }
.partner-page .pt-image img { width: 100%; }
.partner-page .pt-services { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:15px; margin:80px 0; }
.partner-page .pt-services li { display:flex; flex-direction:column; align-items:center; gap:20px; }
.partner-page .pt-services img { width:75px; height:75px; object-fit:contain; }
.partner-page .pt-services span { font-size: 20px; }
.partner-page .interviews { overflow: hidden; padding: 0 60px 60px 60px; background: url('../images/partner/interviews_bg.jpg') repeat left top; }
.partner-page .pt-interviews { margin-top: 60px; }
.partner-page .pt-interviews li { display: grid; grid-template-columns: 140px 1fr; align-items: center; gap:30px; margin-top: 20px; }
.partner-page .pt-interviews li .img { }
.partner-page .pt-interviews li .txt { font-size: 18px; color: #555; text-align: left; }
.partner-page .pt-interviews li .txt strong { display: block; margin-bottom:15px; font-size:28px; font-weight:800; color: #000; }
.partner-page .sns-logo { margin-top: 60px; text-align:center; }
.partner-page .sns-logo img { max-width: 100%; }
.partner-page .pt-marketing { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; width: 700px; margin: 60px auto 0 auto; }
.partner-page .pt-marketing li { border-radius: 15px; border: 1px solid #7f7f7f; }
.partner-page .pt-marketing li .icon { margin: 30px 0; }
.partner-page .pt-marketing dt { padding:10px; background:#eee; color:#000; font-size:20px; font-weight:700; }
.partner-page .pt-marketing dd { margin:0; padding:20px; font-size: 17px; color:#555; }
.partner-page .pt-statement { margin-top:60px; font-family: "gyeonggibatang"; font-size:34px; font-weight:500; }
.partner-page .pt-contact { margin-top: 60px; padding: 15px; font-size: 28px; font-weight: 600; color: #fff; line-height: 58px; text-align: center; background-color: #266af1; }
.partner-page .pt-contact a em { display: inline-block; margin: 0 20px 0 15px; vertical-align: top; }
.partner-page .pt-contact a span { display: inline-block; font-size: 50px; font-weight: 800; color: #feda12; vertical-align: top; }

@media screen and (max-width:980px) {
	.partner-page .pt-targets { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 18px; }
	.partner-page .pt-market { grid-template-columns:1fr; }
	.partner-page .pt-market .pt-image-window { max-width:330px; }
	.partner-page .pt-marketing { grid-template-columns:repeat(2,minmax(0,1fr)); width: auto; }
	.partner-page .pt-market { grid-template-columns: 1fr; text-align: center; }
}
@media screen and (max-width:768px) {
	.partner-page { font-size:16px; }
	.partner-page .pt-hero, .partner-page .pt-section { padding:45px 18px; }
	.partner-page .pt-lead { font-size:18px; }
	.partner-page .pt-targets { margin-top:45px; }
	.partner-page .pt-targets li { padding:25px 15px; }
	.partner-page .pt-fees { grid-template-columns:1fr; width:auto; }
	.partner-page .pt-income-table { margin: 20px auto 35px auto; }
	.partner-page .pt-income-table th, .partner-page .pt-income-table td { padding:14px 10px; }
	.partner-page .pt-income-table tbody th { font-size:17px; }
	.partner-page .pt-income-table tbody td { font-size:24px; }
	.partner-page .pt-interviews { grid-template-columns:1fr; }
	.partner-page .pt-services { gap:25px 10px; grid-template-columns:repeat(3,minmax(0,1fr)); margin: 30px 0; }
	.partner-page .pt-services li { gap:15px; }
	.partner-page .pt-services img { width:50px; height: 50px; }
	.partner-page .pt-services span { font-size: 15px;}
	.partner-page .pt-market { padding:22px; }
	.partner-page .notification { margin-bottom: -30px; }
	.partner-page .notification img { height: 220px; }
	.partner-page .pt-title { margin-top: 55px; font-size: 30px; }
	.partner-page .pt-lead { margin-top:10px; font-size: 16px; }
	.partner-page .pt-lead br { display: none; }
	.partner-page .pt-lead2 { font-size: 20px; }
	.partner-page .pt-lead2 small { margin-bottom: 10px; font-size: 16px; }
	.partner-page .establish { margin-top: 30px; }
	.partner-page .award { border: 5px solid #e2ac55; }
	.partner-page .award img { width: 100%; }
	.partner-page .pt-market { gap: 25px; margin-top:35px; }
	.partner-page .pt-market .img img { height: 200px; }
	.partner-page .pt-market .cont { font-size: 14px; }
	.partner-page .pt-market .cont .txt1 br { display: none; }
	.partner-page .pt-market .cont strong { margin: 10px 0 20px 0; }
	.partner-page .pt-market .cont .txt2 { margin: 10px 0; font-size: 18px; }
	.partner-page .pt-fees { width: 240px; margin: 35px auto 0 auto; padding-bottom: 120px; background-size: auto 100px; }
	.partner-page .pt-fees dt { min-width:78px; padding:2px 12px; font-size: 14px; }
	.partner-page .pt-fees dd { font-size: 16px; }
	.partner-page .pt-proof { margin-top: 35px; }
	.partner-page .pt-soft { margin-top: 55px; padding-top: 35px; }
	.partner-page .pt-soft .icon { margin: 20px 0 -35px 0; }
	.partner-page .pt-soft .icon img { height: 40px; }
	.partner-page .pt-soft .img { margin-top: 35px; }
	.partner-page .pt-soft .pt-lead2 em { font-size: 24px; }
	.partner-page .pt-image { margin-top: 40px; }
	.partner-page .interviews { padding: 0 20px 20px 20px; }
	.partner-page .pt-interviews { margin-top: 35px; }
	.partner-page .pt-interviews li { grid-template-columns: 80px 1fr; align-items: flex-start; gap: 20px; margin-top: 25px; }
	.partner-page .pt-interviews li .img { margin-top: 5px; }
	.partner-page .pt-interviews li .img img { width: 80px; }
	.partner-page .pt-interviews li .txt { font-size: 13px; }
	.partner-page .pt-interviews li .txt strong { margin-bottom:10px; font-size:17px; }
	.partner-page .sns-logo { margin-top: 30px; }
	.partner-page .pt-marketing { gap:12px; margin: 40px auto 0 auto; }
	.partner-page .pt-marketing li .icon { margin: 20px 0; }
	.partner-page .pt-marketing li .icon img { height: 40px; }
	.partner-page .pt-marketing dt { padding: 8px; font-size: 14px; }
	.partner-page .pt-marketing dd { padding: 10px; font-size: 14px; }
	.partner-page .pt-statement { margin-top:35px; font-size:20px; }
	.partner-page .pt-contact { margin-top: 35px; padding: 15px; font-size: 15px; line-height: 24px; }
	.partner-page .pt-contact a img { height: 44px; }
	.partner-page .pt-contact a em { display: block; margin: 5px 0 5px 0; }
	.partner-page .pt-contact a span { font-size: 30px; }
}
@media screen and (max-width:480px) {
	.partner-page .pt-eyebrow { font-size:17px; }
	.partner-page .pt-targets { gap:24px 10px; }
	.partner-page .pt-targets li { padding:22px 12px; font-size:15px; }
	.partner-page .pt-interviews article { padding:22px; }
}

/* 변기 */
.sub-page { max-width: 980px; text-align: center; }
.sub-page .dispatch.mgtop { margin-top: 0 !important; }
.sub-page .dispatch .text { font-size: 0; line-height: 0; }
.sub-page .dispatch img { max-width: 100%; }
.sub-page .image img { max-width: 100%; }
.sub-page .txt-discount { max-width: 863px; margin: 0 auto; padding: 72px 36px; border: 1px solid #e4e4e4; border-radius: 18px; background: #fff; }
.sub-page .txt-discount .tit { font-size: 36px; font-weight: 800; line-height: 1.25; color: #115dbb; }
.sub-page .txt-discount .sub { margin-top: 14px; font-size: 28px; font-weight: 500; line-height: 1.3; color: #111; }
.sub-page .txt-call { display: grid; grid-template-columns: 180px 1fr; align-items: center; max-width: 680px; margin: 65px auto; padding: 35px 0 25px 60px; border-radius: 50px; color: #fff; text-decoration: none; background-color: #ff6c00; animation: call-blink 1.5s linear infinite; }
.sub-page .txt-call div { text-align: left; }
.sub-page .txt-call span { display: block; }
.sub-page .txt-call .label { font-size: 45px; font-weight: 700; color: #fff; line-height: 1.2; }
.sub-page .txt-call .num { font-size: 70px; font-weight: 800; letter-spacing: -1px; color: #fff; line-height: 1.1; }
@keyframes call-blink {
	0%, 32.9% { background-color: #ff6c00; }
	33%, 65.9% { background-color: #f23c04; }
	66%, 100% { background-color: #4c79cf; }
}
.sub-page .txt-dispatch { padding: 42px 24px 36px; color: #fff; background: linear-gradient(105deg, #0a3f92 0%, #1566d6 58%, #0e4eae 100%); }
.sub-page .txt-dispatch .time { font-size: 48px; font-weight: 800; line-height: 1.05; }
.sub-page .txt-dispatch .time span { font-size: 86px; color: #ffe14a; }
.sub-page .txt-dispatch .rush { margin-top: 2px; font-size: 68px; font-weight: 800; line-height: 1.1; }
.sub-page .txt-dispatch .solve { margin-top: 18px; font-size: 32px; font-weight: 700; line-height: 1.3; }
.sub-page .txt-dispatch .solve em { font-style: normal; color: #ffe14a; }
.sub-page .txt-dispatch .now { display: inline-block; margin-top: 20px; padding: 12px 28px; border-radius: 40px; background: #0e3570; font-size: 24px; font-weight: 700; }
.sub-page .txt-sludge { padding: 50px 20px 80px 20px; background: #f5f5f5; }
.sub-page .txt-sludge .cap { font-size: 34px; font-weight: 500; line-height: 1.35; color: #333; }
.sub-page .txt-sludge .point { margin-top: 12px; font-size: 64px; font-weight: 800; line-height: 1.2; color: #222; }
.sub-page .txt-sludge .point span { font-size: 36px; font-weight: 500; }
.sub-page .txt-sludge img { width: 84%; max-width: 840px; margin-top: 36px; }
.sub-page .txt-resolve { max-width: 860px; margin: 75px auto 0 auto; }
.sub-page .txt-resolve .lead { font-size: 46px; font-weight: 700; line-height: 1.4; color: #2a4f86; }
.sub-page .txt-resolve ul { display: flex; flex-direction: column; align-items: center; margin-left: 200px; }
.sub-page .txt-resolve li { display: flex; align-items: center; gap: 36px; width: 100%; max-width: 640px; margin-top: 42px; text-align: left; }
.sub-page .txt-resolve li img { width: 140px; height: auto; flex: 0 0 140px; object-fit: contain; }
.sub-page .txt-resolve li span { display: block; font-size: 36px; font-weight: 700; line-height: 1.2; color: #2a4f86; }
.sub-page .txt-resolve li strong { display: inline-block; margin-top: 10px; padding: 12px 30px; background: #1a427f; color: #fff; font-size: 40px; font-weight: 800; line-height: 1.1; }
.sub-page .txt-assure { max-width: 835px; margin: 0 auto; text-align: left; }
.sub-page .txt-assure li { display: flex; align-items: center; gap: 28px; padding: 40px 24px; border-bottom: 1px solid #e6e6e6; }
.sub-page .txt-assure li img { width: 150px; height: auto; flex: 0 0 150px; object-fit: contain; }
.sub-page .txt-assure li:first-child { border-top: 1px solid #e6e6e6; }
.sub-page .txt-assure strong { display: block; font-size: 40px; font-weight: 800; line-height: 1.3; color: #111; }
.sub-page .txt-assure span { display: block; margin-top: 8px; font-size: 28px; font-weight: 400; line-height: 1.4; color: #222; }
.sub-page .txt-compare { display: grid; grid-template-columns: 1fr 1fr; position: relative; }
.sub-page .txt-compare img { width: 100%; height: 460px; object-fit: cover; }
.sub-page .txt-compare p { padding: 22px 8px; font-size: 36px; font-weight: 700; line-height: 1.3; color: #fff; }
.sub-page .txt-compare .before { background: #959595; }
.sub-page .txt-compare .after { background: #0d469d; }
.sub-page .txt-compare.long p { font-size: 28px; }
.sub-page .txt-compare:before { content: '>'; position: absolute; left: 50%; top: 230px; transform: translate(-50%, -50%); width: 64px; height: 64px; border-radius: 50%; background: #1a56c8; color: #fff; font-size: 34px; font-weight: 800; line-height: 64px; z-index: 1; }
.sub-page .txt-consult { padding: 80px 20px; color: #fff; background: #2a51a0; }
.sub-page .txt-consult .mark { display: inline-grid; place-items: center; width: 118px; height: 118px; border-radius: 30px; background: #feda12; color: #2a51a0; font-size: 72px; font-weight: 800; line-height: 1; }
.sub-page .txt-consult .headline { margin-top: 48px; font-size: 72px; font-weight: 800; color: #feda12; }
.sub-page .txt-consult .lead { margin-top: 10px; font-size: 55px; font-weight: 500; }
.sub-page .txt-consult .img { margin-top: 60px; }
.sub-page .txt-consult .img img { max-width: 80%; }
.sub-page .txt-consult .free { margin-top: 60px; font-size: 96px; font-weight: 800; }
.sub-page .txt-consult .zero { font-size: 78px; font-weight: 800; color: #feda12; }
.sub-page .txt-consult .care { margin-top: 40px; font-size: 32px; font-weight: 400; color: #fff; }
.sub-page .txt-consult .care strong { font-weight: 700; }
.sub-page .txt-award { padding: 72px 28px 0; color: #fff; background: #14141c; font-family: "gyeonggibatang"; }
.sub-page .certificate .txt-award p { padding: 0; }
.sub-page .certificate .txt-award .cap,
.sub-page .certificate .txt-award .label { background-image: none; }
.sub-page .txt-award .best { font-size: 0; line-height: 0; text-align: center; }
.sub-page .txt-award .rank { font-weight: 800; line-height: 0.85; background: linear-gradient(180deg, #fff6d4 10%, #e3c06a 70%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #f0d48a; }
.sub-page .txt-award .rank span { font-size: 108px; }
.sub-page .txt-award .rank sup { font-size: 32px; font-weight: 700; }
.sub-page .txt-award .label { margin-top: 6px; font-size: 26px; font-weight: 700; letter-spacing: 4px; color: #f3d78a; }
.sub-page .txt-award .cap { margin-top: 36px; font-size: 30px; font-weight: 500; line-height: 1.35; }
.sub-page .txt-award .gold { margin-top: 12px; font-size: 72px; font-weight: 800; line-height: 1.2; background: linear-gradient(180deg, #fff6d4 0%, #f0d48a 45%, #c9a24d 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #f0d48a; }
.sub-page .txt-award .award-img { margin-top: 75px; }
.sub-page .txt-role { padding: 10px; background: #100f0b; }
.sub-page .txt-role-inner { padding: 64px 40px 72px; border: 1px solid #d4b56a; box-shadow: inset 0 0 0 1px #8c7340; color: #fff; }
.sub-page .txt-role h4 { font-family: "gyeonggibatang"; font-size: 52px; font-weight: 800; line-height: 1.2; background: linear-gradient(180deg, #fff6d4 0%, #e8c97a 55%, #c9a24d 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #f3d78a; }
.sub-page .certificate .txt-role p { margin-top: 30px; padding: 0; font-size: 26px; font-weight: 400; color: #fff; background-image: none; }
.sub-page .car img { max-width: 100%; }
.sub-page .tc-objects { margin-top: 100px; }
.sub-page .tc-objects .tit { font-size: 58px; font-weight: 700; color: #202020; text-align: center; }
.sub-page .tc-objects .tit small { display: block; margin-top: 10px; font-size: 32px; font-weight: 400; }
.sub-page .tc-objects .list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px 10px; margin-top:55px; }
.sub-page .tc-objects .list img { width: 100%; }
.sub-page .tc-objects .list figcaption { margin-top: 15px; font-size: 26px; font-weight:600; line-height: 1.4; }
.sub-page h3.detail { font-size: 40px; }
.sub-page h3.detail strong { display: block; margin-top: 10px; font-family: "BMDOHYEON"; font-size: 65px; font-weight: 700; color: #2a51a0; }
.sub-page h3.detail span { color: #000; }
.sub-page h3.detail span.gradient { background: -webkit-linear-gradient(left, #ff8f17, #bc300d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sub-page .flush { overflow: hidden; margin-top: 100px; padding-top: 100px; background-color: #f3f3f3; }
.sub-page .flush h3 { margin-top: 35px; }
.sub-page .flush .img { margin-top: 100px; }
.sub-page .flush .img img { width: 100%; }
.sub-page .sub-round { margin-top: 35px; }
.sub-page .sub-round span { display: inline-block; padding: 5px 30px; font-size: 36px; font-weight: 500; color: #fff; border-radius: 50px; background-color: #29519f; }
.sub-page .tc-price { display:flex; max-width:780px; margin: 55px auto 0 auto; overflow:hidden; border:2px solid #2a51a0; border-radius:40px; font-size:50px; font-weight:800; background-color: #fff; }
.sub-page .tc-price.mgtop { margin-top: 100px; }
.sub-page .tc-price dt { display:grid; place-items:center; width:42%; padding:20px; color:#2a51a0; }
.sub-page .tc-price dd { width:58%; margin:0; padding:20px; font-size:60px; color:#fff; background: #2a51a0; }
.sub-page .tc-assurances { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin: 120px 0; }
.sub-page .tc-assurances > div + div { border-left:1px solid #d1d9e5; }
.sub-page .tc-assurances p { margin-top: 30px; font-size:26px; color: #202020; }
.sub-page .tc-assurances p strong { display: block; font-size:38px; font-weight:700; }
.sub-page .tc-statement { font-family: "BMDOHYEON"; font-size: 60px; font-weight: 800; color: #2a51a0; }
.sub-page .tc-statement span { color: #000; }
.sub-page .difference { overflow: hidden; margin-top: 80px; padding: 95px 40px 40px 40px; background-color: #eee; }
.sub-page .difference h3 { margin-top: 0; }
.sub-page .tc-features { padding: 0 40px; margin-top:75px; border-radius:30px; background:#fff; text-align:left; }
.sub-page .tc-features li { display:grid; grid-template-columns:240px 1fr; align-items:center; gap:40px; padding:40px 0; }
.sub-page .tc-features li + li { border-top:1px solid #d2d7dd; }
.sub-page .tc-features .img img { width: 240px; }
.sub-page .tc-features .tc-number { font-size: 46px; font-weight:700; color:#c8ced7; line-height: 1.2; }
.sub-page .tc-features h4 { margin:10px 0 15px 0; color: #29519f; font-size: 40px; font-weight:800; }
.sub-page .tc-features p { font-size: 28px; color: #333; }
.sub-page .tc-benefits { display:grid; gap:20px; margin: 80px 40px; }
.sub-page .tc-benefits li { display:flex; align-items:center; gap:40px; padding: 20px 40px; background: #feda13; border-radius:30px; text-align:left; }
.sub-page .tc-benefits li > span { width:120px; }
.sub-page .tc-benefits li > span img { width: 100%; }
.sub-page .tc-benefits h4 { font-size:40px; font-weight:800; }
.sub-page .tc-benefits p { font-size: 28px; color: #333; }
.sub-page .certificate p { padding: 80px 0; font-size: 32px; color: #fff; background-image: linear-gradient(-180deg,#14141c,#100f0b); }
.sub-page .con-tel { background-color: #2a51a0; }
.sub-page .con-tel img { max-width: 100%; }
.sub-page .photo-review { margin-top: 150px; }
.sub-page .photo-review h3 { margin-top: 25px; }
.sub-page .tc-reviews { display: grid; grid-template-columns: 1fr 1fr; gap:20px; margin-top: 60px; text-align:left; }
.sub-page .tc-reviews li { }
.sub-page .tc-reviews li .img img { width: 100%;  }
.sub-page .tc-reviews li .cont { padding:25px; border-left: 2px solid #e5e5e5; border-right: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; }
.sub-page .tc-reviews li .cont .name { position: relative; padding-left: 110px; font-size: 32px; font-weight:600; color: #272727; }
.sub-page .tc-reviews li .cont .name span { display: block; color: #ff5a61; }
.sub-page .tc-reviews li .cont .name:before { content: ''; position: absolute; top: 0; left: 0; width: 89px; height: 89px; background: url('../images/sub2/profile_icon.jpg') no-repeat left top; background-size: 100%; }
.sub-page .tc-reviews li .cont .txt { margin-top: 25px; font-size: 26px; }
.sub-page .cleannb { margin-top: 150px; }
.sub-page .cleannb .off-20 { margin-top: 40px; padding: 35px 0; font-size: 32px; color: #fff; background-color: #2a51a0; }
.sub-page .cleannb .off-20 span { display: block; margin-top: 10px; font-family: "BMDOHYEON"; font-size: 70px; }
.sub-page .cleannb .youtube iframe { width: 100%; aspect-ratio: 10/6; }
.sub-page .cleannb .tit { margin-top: 55px; font-size: 40px; font-weight: 700; color: #325b97; }
.sub-page .cleannb .txt { margin-top: 20px; font-size: 26px; color: #202020; }

@media screen and (max-width:768px) {
	.sub-page .dispatch.mgtop { margin-top: -51px !important; }
	.sub-page .tc-objects { margin-top: 40px; }
	.sub-page .tc-objects .tit { font-size: 24px; }
	.sub-page .tc-objects .tit small { margin-top: 5px; font-size: 16px; }
	.sub-page .tc-objects .list { gap: 20px 10px; margin-top: 35px; }
	.sub-page .tc-objects .list figcaption { margin-top: 10px; font-size: 14px; }
	.sub-page h3.detail { font-size: 18px; }
	.sub-page h3.detail strong { margin-top: 5px; font-size: 26px; }
	.sub-page h3.detail strong.big { font-size: 48px; }
	.sub-page .flush { margin-top: 50px; padding-top: 50px; }
	.sub-page .flush h3 { margin-top: 15px; }
	.sub-page .flush .logo img { height: 40px; }
	.sub-page .flush .img { margin-top: 40px; }
	.sub-page .sub-round { margin-top: 15px; }
	.sub-page .sub-round span { padding: 5px 20px; font-size: 16px; }
	.sub-page .tc-price { margin: 25px 12px 0 12px; border:1px solid #2a51a0; font-size:20px; border-radius: 20px; }
	.sub-page .tc-price dt { padding:10px; }
	.sub-page .tc-price dd { padding:10px; font-size:24px; }
	.sub-page .tc-assurances { margin: 60px 0; }
	.sub-page .tc-assurances div figure img { height: 70px; }
	.sub-page .tc-assurances p { margin-top: 15px; font-size:16px; }
	.sub-page .tc-assurances p strong { font-size: 18px; }
	.sub-page .tc-statement { font-size: 26px; }
	.sub-page .difference { margin-top: 40px; padding: 55px 20px 20px 20px; }
	.sub-page .tc-features { padding: 0 20px; margin-top:35px; border-radius:15px; }
	.sub-page .tc-features li { grid-template-columns:1fr; gap:15px; padding:25px 0 20px 0; }
	.sub-page .tc-features li + li { border-top:1px solid #d2d7dd; }
	.sub-page .tc-features .img img { width: 120px; }
	.sub-page .tc-features .tc-number { display: none; font-size: 24px; }
	.sub-page .tc-features h4 { margin:0 0 10px 0; font-size: 18px; }
	.sub-page .tc-features p { font-size: 15px; }
	.sub-page .tc-benefits { margin: 40px 0; }
	.sub-page .tc-benefits li { display: flex; flex-wrap: wrap; gap: 15px; padding: 20px; border-radius:10px; text-align: center; }
	.sub-page .tc-benefits li > span { width:100%; }
	.sub-page .tc-benefits li > span img { width: 80px; }
	.sub-page .tc-benefits div { width: 100%; }
	.sub-page .tc-benefits h4 { font-size: 20px; }
	.sub-page .tc-benefits p { margin-top: 10px; font-size: 16px; }
	.sub-page .certificate p { padding: 25px 10px; font-size: 14px; }
	.sub-page .txt-discount { padding: 28px 16px; border-radius: 12px; }
	.sub-page .txt-discount .tit { font-size: 18px; }
	.sub-page .txt-discount .sub { margin-top: 8px; font-size: 15px; }
	.sub-page .txt-call { grid-template-columns: 1fr; margin: 40px; padding: 15px 10px 10px 10px; border-radius: 15px; }
	.sub-page .txt-call div { text-align: center; }
	.sub-page .txt-call div img { display: none; }
	.sub-page .txt-call .label { font-size: 19px; }
	.sub-page .txt-call .num { font-size: 30px; }
	.sub-page .txt-dispatch { padding: 24px 14px 20px; }
	.sub-page .txt-dispatch .time { font-size: 22px; }
	.sub-page .txt-dispatch .time span { font-size: 36px; }
	.sub-page .txt-dispatch .rush { font-size: 28px; }
	.sub-page .txt-dispatch .solve { margin-top: 10px; font-size: 16px; }
	.sub-page .txt-dispatch .now { margin-top: 12px; padding: 8px 14px; font-size: 14px; }
	.sub-page .txt-sludge { padding: 28px 12px 0; }
	.sub-page .txt-sludge .cap { font-size: 16px; }
	.sub-page .txt-sludge .point { margin-top: 6px; font-size: 28px; }
	.sub-page .txt-sludge .point span { font-size: 16px; }
	.sub-page .txt-sludge img { margin-top: 18px; }
	.sub-page .txt-resolve { padding: 28px 16px 24px; border-radius: 16px; box-shadow: 0 0 0 8px #f7f7f7; }
	.sub-page .txt-resolve .lead { font-size: 20px; }
	.sub-page .txt-resolve ul { margin-left: 18%; }
	.sub-page .txt-resolve li { gap: 14px; margin-top: 18px; }
	.sub-page .txt-resolve li img { width: 64px; flex-basis: 64px; }
	.sub-page .txt-resolve li span { font-size: 18px; }
	.sub-page .txt-resolve li strong { margin-top: 6px; padding: 5px 15px; font-size: 18px; }
	.sub-page .txt-assure li { gap: 12px; padding: 18px 8px; }
	.sub-page .txt-assure li img { width: 72px; flex-basis: 72px; }
	.sub-page .txt-assure strong { font-size: 18px; }
	.sub-page .txt-assure span { margin-top: 4px; font-size: 14px; }
	.sub-page .txt-compare img { height: 180px; }
	.sub-page .txt-compare p { padding: 10px 6px; font-size: 16px; }
	.sub-page .txt-compare.long p { font-size: 13px; }
	.sub-page .txt-compare:before { top: 78px; width: 36px; height: 36px; font-size: 18px; line-height: 36px; }
	.sub-page .txt-consult { padding: 40px 10px 0 10px; }
	.sub-page .txt-consult .mark { width: 45px; height: 45px; font-size: 26px; border-radius: 10px; }
	.sub-page .txt-consult .headline { margin-top: 22px; font-size: 28px; }
	.sub-page .txt-consult .lead { margin-top: 5px; font-size: 20px; }
	.sub-page .txt-consult .free { margin-top: 28px; font-size: 36px; }
	.sub-page .txt-consult .zero { font-size: 30px; }
	.sub-page .txt-consult .care { margin-top: 20px; font-size: 18px; }
	.sub-page .txt-consult .img { margin-top: 25px; }
	.sub-page .txt-award { padding: 32px 14px 0; }
	.sub-page .txt-award .best img { height: 120px; }
	.sub-page .txt-award .rank span { font-size: 52px; }
	.sub-page .txt-award .rank sup { font-size: 16px; }
	.sub-page .txt-award .label { font-size: 14px; letter-spacing: 2px; }
	.sub-page .txt-award .cap { margin-top: 18px; font-size: 14px; }
	.sub-page .txt-award .gold { margin-top: 6px; font-size: 28px; }
	.sub-page .txt-award .award-img { margin-top: 25px; }
	.sub-page .txt-role { padding: 6px; }
	.sub-page .txt-role-inner { padding: 28px 16px 32px; }
	.sub-page .txt-role h4 { font-size: 22px; }
	.sub-page .certificate .txt-role p { margin-top: 16px; font-size: 14px; }
	.sub-page .certificate .txt-role p + p { margin-top: 14px; }
	.sub-page .photo-review { margin-top: 80px; }
	.sub-page .photo-review .tit-icon img { height: 70px; }
	.sub-page .photo-review h3 { margin-top: 15px; }
	.sub-page .tc-reviews { grid-template-columns: 1fr; margin-top: 35px; }
	.sub-page .tc-reviews li .cont { padding: 20px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
	.sub-page .tc-reviews li .cont .name { padding-left: 53px; font-size: 16px; }
	.sub-page .tc-reviews li .cont .name:before { top: 3px; width: 40px; height: 40px; }
	.sub-page .tc-reviews li .cont .txt { margin-top: 15px; font-size: 15px; }
	.sub-page .cleannb { margin-top: 80px; }
	.sub-page .cleannb .logo img { height: 40px; }
	.sub-page .cleannb .off-20 { margin-top: 20px; padding: 20px 0; font-size: 16px; }
	.sub-page .cleannb .off-20 span { margin-top: 5px; font-size: 24px; }
	.sub-page .cleannb .tit { margin-top: 35px; font-size: 24px; }
	.sub-page .cleannb .txt { margin-top: 15px; font-size: 15px; }
}

/* 싱크대 */
.sub-page .intro-benefits { margin: 120px 0; }
.sub-page .intro-benefits h3 { margin-top: 55px; }
.sub-page .list_icon { display:grid;grid-template-columns:repeat(3,1fr); margin-top: 60px; gap: 45px 0; }
.sub-page .list_icon li { }
.sub-page .list_icon li p { margin-top: 20px; font-size: 24px; }
.sub-page .list_icon li strong { display: block; font-size: 34px; font-weight: 600; }
.sub-page .sk-work { margin-top: 120px; }
.sub-page .sk-work h4 { padding-bottom: 80px; font-family: "gyeonggibatang"; font-size: 60px; font-weight: 600; }
.sub-page .sk-work h4 em { display: block; margin-bottom: 35px; }
.sub-page .sk-work h4 em span { position: relative; display: inline-block;  font-size: 100px; font-weight: 800; }
.sub-page .sk-work h4 em span:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: #003483; }
.sub-page .sk-work .txt { padding: 95px 0; font-size: 45px; }
.sub-page .sk-work .txt span { font-weight: bold; color: #d50010; }
.sub-page .sk-work .txt span.green { color: #00683d; }
.sub-page .sk-process{ display:grid; grid-template-columns:repeat(4,1fr); gap: 10px; margin-top: 100px;}
.sub-page .sk-process li { position: relative; }
.sub-page .sk-process li:before { content: ''; position: absolute; top: 51px; left: -22px; width: 44px; height: 44px; background: url('../images/sub2/procedure_arrow.png') no-repeat left top; }
.sub-page .sk-process li:first-child:before { display: none; }
.sub-page .sk-process li p { margin-top: 25px; font-size:24px; }
.sub-page .sk-process li p strong { display:block; font-size:34px; font-weight:700; }
.sub-page .mgtop { margin-top: 100px !important; }
.sub-page .sk-work2 { margin-top: 150px; }
.sub-page .sk-work2 li { margin-top: 85px; }
.sub-page .sk-work2 li .img img { max-width: 100%; }
.sub-page .sk-work2 li .txt { margin-top: 35px; font-size: 42px;  }
.sub-page .sk-work2 li .txt strong { display: block; font-size: 52px; font-weight: 700; }
.sub-page .review { display:grid; grid-template-columns:repeat(3,1fr); gap: 55px 10px; margin-top: 60px; }
.sub-page .review li { text-align: left; }
.sub-page .review li.white { background-color: #fff; }
.sub-page .review li .img img { width: 100%; }
.sub-page .review li .tit { font-size: 24px; font-weight: 700; }
.sub-page .review li .txt { margin-top: 15px; font-size: 18px; }
.sub-page .review li .txt span { display: inline-block; margin-right: 10px; font-weight: 700; color: #345dcf; }
.sub-page .review li .loca { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 15px; font-size: 18px; font-weight: 500; color: #999; }
.sub-page .review li .loca span { color: #f1cc22; }
.sub-page .review li .cont { overflow: hidden; padding: 20px; }
.sub-page .review li .cont .txt { overflow: hidden; display: -webkit-box; white-space: initial; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }

.sub-page .view_more a { display: block; width: 240px; margin: 55px auto 40px auto; padding: 8px; font-size: 18px; color: #fff; text-align: center; background-color: #2a51a0; }

@media screen and (max-width:768px) {
	.sub-page .intro-benefits { margin: 50px 0; }
	.sub-page .intro-benefits h3 { margin-top: 25px; }
	.sub-page .intro-benefits .logo img { height: 40px; }
	.sub-page .list_icon { grid-template-columns:repeat(2,1fr); gap: 25px; margin-top: 35px; }
	.sub-page .list_icon li .icon img { height: 80px; }
	.sub-page .list_icon li p { margin-top: 15px; font-size: 15px; }
	.sub-page .list_icon li strong { font-size: 18px; }
	.sub-page .mgtop { margin-top: 30px !important; }
	.sub-page .sk-work { margin-top: 60px; }
	.sub-page .sk-work h4 { padding-bottom: 40px; font-size: 24px; }
	.sub-page .sk-work h4 em { margin-bottom: 25px; }
	.sub-page .sk-work h4 em span { font-size: 40px; }
	.sub-page .sk-work h4 em span:before { height: 3px; }
	.sub-page .sk-work .txt { padding: 45px 0; font-size: 18px; }
	.sub-page .sk-process{ grid-template-columns:repeat(2,1fr); gap: 20px 0; margin-top: 50px; }
	.sub-page .sk-process li:before { display: none; }
	.sub-page .sk-process li .icon img { height: 80px; }
	.sub-page .sk-process li p { margin-top: 15px; font-size: 15px; }
	.sub-page .sk-process li p strong { font-size: 18px; }
	.sub-page .sk-work2 { margin-top: 40px; }
	.sub-page .sk-work2 li { margin-top: 35px; }
	.sub-page .sk-work2 li .txt { margin-top: 20px; font-size: 16px; }
	.sub-page .sk-work2 li .txt strong { font-size: 20px; }
	.sub-page .review { grid-template-columns:repeat(2,1fr); gap: 25px 10px; margin-top: 35px; }
	.sub-page .review li .txt { margin-top: 15px; font-size: 15px; }
	.sub-page .review li .txt span { display: block; margin-bottom: 5px; }
	.sub-page .review li .tit { margin-bottom: -5px; font-size: 15px; }
	.sub-page .review li .loca { margin-top: 10px; font-size: 14px; }
	.sub-page .review li .cont { padding: 15px; }
	.sub-page .review li .cont .txt { font-size: 14px; }
	.sub-page .view_more a { width: 100%; margin: 35px auto 20px auto; font-size: 15px; }
}

/* 하수구 */
.sw_review { overflow: hidden; margin-top: 60px; background-color: #eee; }
.sw_review .flush { margin-top: 0; background: none; }
.sw_review .list_icon { grid-template-columns:repeat(4,1fr); }
.sw_review .list_icon li { position: relative; }
.sw_review .list_icon li:before { content: ''; position: absolute; top: 50px; left: 0; width: 3px; height: 30px; background: url('../images/sub2/benefits_line.png') no-repeat left top; }
.sw_review .list_icon li:first-child:before { display: none; }
.sw_review .tc-reviews { display: block; margin: 40px 40px 0 40px; padding: 40px; border-radius: 30px; background-color: #fff; }
.sw_review .tc-reviews li { display: flex; flex-wrap: wrap; align-items: center; gap: 40px; }
.sw_review .tc-reviews li ~ li { margin-top: 40px; }
.sw_review .tc-reviews li .img { width: calc((100% - 40px) / 2); }
.sw_review .tc-reviews li .cont { width: calc((100% - 40px) / 2); padding: 0; border: none; }
.sub-page .drain { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 100px 40px; }
.sub-page .drain li .img img { width: 100%; }
.sub-page .drain li .txt { padding: 25px 0; font-size: 26px; color: #fff; background-color: #1a427e; }
.sub-page .drain li .txt span { display: block; font-size: 42px; font-weight: 700; color: #fcba1e; }
.sub-page .mgtop0 { margin-top: 0 !important; }

@media screen and (max-width:768px) {
	.sw_review { margin-top: 25px; }
	.sw_review .list_icon { grid-template-columns:repeat(2,1fr); margin: 20px 10% 0 10%; }
	.sw_review .list_icon li:before { display: none; }
	.sw_review .tc-reviews { margin: 20px 20px 0 20px; padding: 20px; border-radius: 15px; }
	.sw_review .tc-reviews li { gap: 20px; }
	.sw_review .tc-reviews li ~ li { margin-top: 20px; }
	.sw_review .tc-reviews li .img { width: 100%; }
	.sw_review .tc-reviews li .cont { width: 100%; }
	.sub-page .drain { gap: 10px; padding: 40px 0; border-top: 40px solid #000; }
	.sub-page .drain li .txt { padding: 12px 0; font-size: 14px; }
	.sub-page .drain li .txt span { font-size: 18px; }
}

/* 악취제거 */
.sub-page .odorous { padding: 120px 40px 80px 40px; background-color: #f1f1f1; }
.sub-page .odorous h3 { margin-top: 35px; }
.sub-page .odorous .list { margin-top: 75px; padding: 0 40px; border-radius: 30px; border: 1px solid #999; background-color: #fff; }
.sub-page .odorous .list li { display: grid; grid-template-columns: 200px 1fr; align-items: center; text-align: left; padding: 40px 0; border-top: 1px dashed #bbb; }
.sub-page .odorous .list li:first-child { border-top: none; }
.sub-page .odorous .list li .cont .tit { font-size: 28px; font-weight: 700; color: #517698; line-height: 45px; }
.sub-page .odorous .list li .cont .tit span { display: inline-block; width: 120px; margin-right: 20px; color: #fff; text-align: center; border-top-right-radius: 30px; border-bottom-right-radius: 30px; background-color: #517698; }
.sub-page .odorous .list li .cont .txt { position: relative; padding-left: 15px; margin-top: 20px; font-size: 24px; font-weight: 500; color: #777; }
.sub-page .odorous .list li .cont .txt:before { content: ':'; position: absolute; top: -3px; left: 0; }
.sub-page .txt_ex { margin-top: 20px; font-size: 32px; color: #777; }
.sub-page .care-list { display: grid; grid-template-columns:repeat(3,1fr); gap: 30px; margin-top: 75px; }
.sub-page .care-list.two { grid-template-columns:repeat(2,1fr); }
.sub-page .care-list li .tit { font-size: 30px; font-weight: 500; color: #fff; line-height: 1.8; background-color: #2f2f2f; }
.sub-page .care-list li .img img { width: 100%; }
.sub-page .care-list li:last-child .tit { background-color: #2956dd; }

@media screen and (max-width: 980px) {
	.wrap { width: 750px; margin: 0 auto; }

	.sub-page .odorous .list li .cont .tit span { display: block; margin: 0 0 20px 0; }
	.sub-page .odorous .list li .cont .txt { padding-left: 0; margin-top: 10px; }
	.sub-page .odorous .list li .cont .txt:before { display: none; }
}

@media screen and (max-width:768px) {
	.wrap { width: auto; margin: 0 20px; }

	.sub-page .odorous { padding: 60px 20px 40px 20px; }
	.sub-page .odorous .tit-icon img { height: 40px; }
	.sub-page .odorous h3 { margin-top: 20px; }
	.sub-page .odorous .list { margin-top: 35px; padding: 0; border-radius: 15px; }
	.sub-page .odorous .list li { display: block; text-align: left; padding: 20px 0; text-align: center; }
	.sub-page .odorous .list li .icon img { height: 120px; }
	.sub-page .odorous .list li .cont .tit { font-size: 18px; line-height: 25px; }
	.sub-page .odorous .list li .cont .tit span { width: 80px; margin: 15px auto; font-size: 16px; line-height: 31px; border-radius: 30px; }
	.sub-page .odorous .list li .cont .txt { margin-top: 8px; font-size: 15px; }
	.sub-page .txt_ex { margin-top: 10px; font-size: 15px; }
	.sub-page .care-list { grid-template-columns:repeat(2,1fr); gap: 10px; margin-top: 35px; }
	.sub-page .care-list.two { grid-template-columns:repeat(1,1fr); }
	.sub-page .care-list li .tit { font-size: 16px; line-height: 2; }
}

/* 누수탐지 */
.sub-page .leak-point { overflow: hidden; padding-bottom: 100px; background-color: #f2f2f2; }
.sub-page .leak-point .txt { margin-top: 20px; font-size: 30px; }
.sub-page .leak-point .list_icon { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 45px 0; margin: 80px 40px -40px 40px; }
.sub-page .leak-case { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; margin: 0 60px; }
.sub-page .leak-case li .img img { width: 100%; }
.sub-page .leak-case li p { margin-top: 20px; font-size: 24px; }
.sub-page .tit-icon2 { margin: 150px 0 -90px 0; }

@media screen and (max-width:768px) {
	.wrap { width: auto; margin: 0 20px; }

	.sub-page .leak-point { padding-bottom: 50px; }
	.sub-page .leak-point .txt { margin: 15px 20px 0 20px; font-size: 15px; }
	.sub-page .leak-point .txt br { display: none; }
	.sub-page .leak-point .list_icon { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px 0; margin: 40px 20px -40px 20px; }
	.sub-page .leak-case { gap: 25px 10px; margin: 0 20px; }
	.sub-page .leak-case li p { margin-top: 15px; font-size: 15px; }
	.sub-page .leak-case li p br { display: none; }
	.sub-page .tit-icon2 { margin: 60px 0 -60px 0; }
	.sub-page .tit-icon2 img { height: 60px; }
}

/* 준설시공 */
.sub-page .neglect { overflow: hidden; padding: 0 40px 100px 40px; background-color: #192746; }
.sub-page .neglect h3.detail { font-size: 60px; color: #fff; }
.sub-page .neglect h3.detail span { color: #e3d88c; }
.sub-page .neglect h3.detail strong { color: #fff; }
.sub-page .neglect .list_icon { grid-template-columns: repeat(4, minmax(0, 1fr));margin: 65px 0 75px 0; }
.sub-page .neglect .list_icon li p { color: #fff; }
.sub-page .neglect .list_icon li p strong { color: #e3d88c; }
.sub-page .sludge-txt { margin-top: 100px; }
.sub-page .sludge-txt li { margin-top: 45px; font-size: 30px; }
.sub-page .sludge-txt li .tit span { display: inline-block; padding: 5px 40px; font-weight: 600; color: #fff; border-radius: 30px; background-color: #0c1b46; }
.sub-page .sludge-txt li .txt { margin-top: 15px; font-weight: 500; }

@media screen and (max-width:768px) {
	.wrap { width: auto; margin: 0 20px; }

	.sub-page .neglect { padding: 0 20px 40px 20px; }
	.sub-page .neglect h3.detail { font-size: 24px; color: #fff; }
	.sub-page .neglect .list_icon { grid-template-columns: repeat(2, minmax(0, 1fr));margin: 35px 0 35px 0; }
	.sub-page .sludge-txt { margin-top: 50px; }
	.sub-page .sludge-txt li { margin-top: 25px; font-size: 16px; }
	.sub-page .sludge-txt li .tit span { padding: 5px 20px; }
}

.sub-page .consul-call { background-color: #152848; }
.sub-page .consul-call a { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 40px; font-size: 38px; font-weight: 700; color: #fff; }
.sub-page .consul-call a span { color: #ffe989; }
.sub-page .cash-discount { height: 259px; margin: 60px 0 80px 0; padding: 122px 0 0 260px; text-align: left; background: url('../images/sub2/discount_bg.jpg') no-repeat center top; }
.sub-page .cash-discount .tit { font-size: 40px; font-weight: 800; color: #2c2c2c; }
.sub-page .cash-discount .tit span { color: #125dba; }
.sub-page .cash-discount .sub { margin-top: 5px; font-size: 34px; font-weight: 700; color: #2c2c2c; }

@media screen and (max-width: 980px) {
	.wrap { width: 750px; margin: 0 auto; }

	.sub-page .cash-discount { height: auto; margin: 60px 0 0 0; padding: 0; text-align: center; background: none; }

}
@media screen and (max-width:768px) {
	.wrap { width: auto; margin: 0 20px; }

	.sub-page .consul-call a { display: block; padding: 10px; font-size: 18px; }
	.sub-page .cash-discount { margin: 55px 0 0 0; }
	.sub-page .cash-discount .tit { font-size: 22px; }
	.sub-page .cash-discount .sub { margin-top: 5px; font-size: 18px; }
}

/* 하수구 sw_img1~7 텍스트 */
.sub-page .txt-sw1 { padding: 72px 20px 0; color: #f3d78a; background: #12161a; }
.sub-page .txt-sw1 .sub { font-size: 40px; font-weight: 500; letter-spacing: -0.5px; }
.sub-page .txt-sw1 .zero { margin-top: 18px; font-size: 120px; font-weight: 800; line-height: 1.1; letter-spacing: -2px; background: linear-gradient(180deg, #fff6d4 0%, #f0d48a 42%, #c9a24d 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #f0d48a; }
.sub-page .txt-sw1 img { display: block; width: min(700px, 92%); margin: 10px auto 0; }

.sub-page .txt-sw2 { padding: 48px 24px 36px; background: #fff; }
.sub-page .txt-sw2 .logo { height: 52px; }
.sub-page .txt-sw2 .lead { margin-top: 28px; font-size: 52px; font-weight: 700; line-height: 1.35; color: #2a4f86; }
.sub-page .txt-sw2 ul { display: flex; flex-direction: column; align-items: center; margin: 28px 0 0; padding: 0; list-style: none; }
.sub-page .txt-sw2 li { display: flex; align-items: center; gap: 28px; width: 100%; max-width: 640px; margin-top: 28px; text-align: left; }
.sub-page .txt-sw2 li img { width: 120px; flex: 0 0 120px; }
.sub-page .txt-sw2 li span { font-size: 42px; font-weight: 700; color: #2a4f86; }
.sub-page .txt-sw2 li strong { display: inline-block; margin-left: 14px; padding: 10px 22px 12px; background: #1a427f; color: #fff; font-size: 44px; font-weight: 800; }
.sub-page .txt-sw2 .talk { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 860px; margin: 48px auto 0; align-items: end; }
.sub-page .txt-sw2 .talk p { font-size: 28px; font-weight: 500; line-height: 1.45; color: #222; }
.sub-page .txt-sw2 .talk .reply { color: #111; }
.sub-page .txt-sw2 .talk em { font-style: normal; font-weight: 700; color: #e10600; }
.sub-page .txt-sw2 .talk img { display: block; width: 100%; margin-top: 12px; }
.sub-page .txt-sw2 .talk > div:last-child { overflow: hidden; }
.sub-page .txt-sw2 .talk > div:last-child img { width: calc(100% + 18px); max-width: none; }

.sub-page .txt-sw3 { padding: 36px 20px 56px; background: #161b20; color: #fff; }
.sub-page .txt-sw3 .cases { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; max-width: 920px; margin: 0 auto; padding: 0; list-style: none; }
.sub-page .txt-sw3 .cases img { width: 100%; background: #fff; }
.sub-page .txt-sw3 .cases p { margin-top: 14px; font-size: 30px; font-weight: 500; }
.sub-page .txt-sw3 .price { display: flex; align-items: center; justify-content: center; max-width: 820px; margin: 36px auto 0; background: #0b4ea6; border-radius: 60px; overflow: hidden; }
.sub-page .txt-sw3 .price span { display: inline-block; margin: 10px; padding: 16px 36px; border-radius: 50px; background: #fff; color: #0b4ea6; font-size: 40px; font-weight: 800; }
.sub-page .txt-sw3 .price strong { padding: 0 28px; font-size: 52px; font-weight: 800; color: #fff; }
.sub-page .txt-sw3 .arrive { margin-top: 48px; font-size: 36px; font-weight: 500; color: #f3d78a; }
.sub-page .txt-sw3 .min { margin-top: 8px; font-size: 120px; font-weight: 800; line-height: 1.05; background: linear-gradient(180deg, #fff6d4 0%, #f0d48a 42%, #c9a24d 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #f0d48a; }
.sub-page .txt-sw3 .van { display: block; width: min(920px, 100%); margin: 8px auto 0; }
.sub-page .txt-sw3 .note { margin-top: 28px; font-size: 32px; font-weight: 500; }
.sub-page .txt-sw3 .bar { display: inline-block; margin-top: 14px; padding: 12px 28px; background: #013b84; font-size: 44px; font-weight: 800; }
.sub-page .txt-sw3 .save { margin-top: 16px; font-size: 34px; font-weight: 700; }

.sub-page .txt-sw4 { padding: 56px 20px 40px; background: #fff; }
.sub-page .txt-sw4 .kicker { font-size: 36px; font-weight: 500; color: #222; }
.sub-page .txt-sw4 .why { margin-top: 8px; font-size: 64px; font-weight: 800; color: #111; }
.sub-page .txt-sw4 .why span { color: #c12f30; border-bottom: 7px solid #c12f30; }
.sub-page .txt-sw4 .illust { display: block; width: min(860px, 100%); margin: 20px auto 0; }
.sub-page .txt-sw4 .pipe { display: block; width: min(860px, 100%); margin: 16px auto 0; }
.sub-page .txt-sw4 .steps { display: block; width: min(820px, 100%); margin: 28px auto 0; }
.sub-page .txt-sw4 ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 860px; margin: 12px auto 0; padding: 0; list-style: none; }
.sub-page .txt-sw4 li { font-size: 26px; font-weight: 600; line-height: 1.35; color: #222; }
.sub-page .txt-sw4 li span { display: block; font-size: 18px; font-weight: 500; color: #666; }

.sub-page .txt-sw5 { padding: 48px 16px 40px; background: #000; color: #fff; }
.sub-page .txt-sw5 .van { width: 340px; }
.sub-page .txt-sw5 .flow { display: grid; grid-template-columns: 1.1fr 150px 1.2fr 160px 1.1fr; gap: 8px; align-items: center; max-width: 920px; margin: 20px auto 0; }
.sub-page .txt-sw5 .flow p { font-size: 24px; font-weight: 600; line-height: 1.4; }
.sub-page .txt-sw5 .flow .mid { font-size: 22px; }
.sub-page .txt-sw5 .flow img { width: 100%; }
.sub-page .txt-sw5 .share { margin-top: 36px; font-size: 30px; font-weight: 500; line-height: 1.55; }
.sub-page .txt-sw5 .share strong { display: inline; font-size: 36px; font-weight: 700; }
.sub-page .txt-sw5 .diagram,
.sub-page .txt-sw5 .photo { display: block; width: min(900px, 100%); margin: 28px auto 0; }
.sub-page .txt-sw5 .cap { margin-top: 16px; font-size: 22px; font-weight: 500; color: #ddd; }

.sub-page .txt-sw6 { max-width: 460px; margin: 0 auto; padding: 28px 18px 32px; background: #111; color: #fff; text-align: left; }
.sub-page .txt-sw6 .who { font-size: 22px; font-weight: 700; text-align: center; }
.sub-page .txt-sw6 .date { margin-top: 18px; font-size: 14px; color: #9a9a9a; text-align: center; }
.sub-page .txt-sw6 .out { margin-top: 16px; text-align: right; }
.sub-page .txt-sw6 .link { display: inline-block; padding: 12px 16px; border-radius: 16px; background: #5cd4fb; color: #08384a; font-size: 16px; font-weight: 600; line-height: 1.4; word-break: break-all; }
.sub-page .txt-sw6 .time,
.sub-page .txt-sw6 .sent { margin-top: 6px; font-size: 12px; color: #9a9a9a; text-align: right; }
.sub-page .txt-sw6 .place { max-width: 280px; margin: 8px 0 0 auto; padding: 14px 16px; border-radius: 12px; background: #2a2a2a; }
.sub-page .txt-sw6 .place .name { font-size: 16px; font-weight: 700; }
.sub-page .txt-sw6 .place p { margin-top: 4px; font-size: 14px; color: #ddd; }
.sub-page .txt-sw6 .place .url { color: #9a9a9a; }
.sub-page .txt-sw6 .msg { margin-top: 14px; padding: 18px 16px; border-radius: 16px; background: #7ad7f8; color: #123; }
.sub-page .txt-sw6 .msg p { font-size: 18px; font-weight: 600; line-height: 1.45; }
.sub-page .txt-sw6 .msg .spot { margin: 12px 0 6px; color: #e10600; font-size: 20px; font-weight: 800; text-align: center; }
.sub-page .txt-sw6 .msg img { display: block; width: 100%; margin: 4px 0 12px; background: #fff; }
.sub-page .txt-sw6 .msg .staff { margin-top: 10px; }
.sub-page .txt-sw6 .msg a { color: #0b4ea6; font-weight: 800; text-decoration: none; }
.sub-page .txt-sw6 .in { display: flex; align-items: flex-end; gap: 8px; margin-top: 8px; }
.sub-page .txt-sw6 .in p { padding: 10px 16px; border-radius: 18px; background: #3a3a3a; font-size: 16px; }
.sub-page .txt-sw6 .in span { font-size: 12px; color: #9a9a9a; }

.sub-page .txt-sw7 { padding: 40px 16px 56px; background: #000; color: #fff; }
.sub-page .txt-sw7 .cap { font-size: 20px; font-weight: 500; color: #cfcfcf; }
.sub-page .txt-sw7 .min { margin-top: 28px; font-size: 64px; font-weight: 800; line-height: 1; background: linear-gradient(180deg, #fff6d4 0%, #f0d48a 45%, #c9a24d 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #f0d48a; }
.sub-page .txt-sw7 .van { display: block; width: min(760px, 100%); margin: 12px auto 0; }
.sub-page .txt-sw7 .timeline { display: grid; grid-template-columns: 1fr 1.4fr 1.6fr; max-width: 760px; margin: 0 auto; padding: 0; list-style: none; color: #fff; font-size: 28px; font-weight: 800; }
.sub-page .txt-sw7 .timeline li { padding: 12px 0; }
.sub-page .txt-sw7 .m5 { background: #e2b400; color: #111; }
.sub-page .txt-sw7 .m10 { background: #1c8a32; }
.sub-page .txt-sw7 .m15 { background: #1566d6; }
.sub-page .txt-sw7 .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 820px; margin: 28px auto 0; padding: 0; list-style: none; }
.sub-page .txt-sw7 .steps img { width: 110px; }
.sub-page .txt-sw7 .steps p { margin-top: 10px; font-size: 22px; font-weight: 600; line-height: 1.35; }
.sub-page .txt-sw7 .brand { margin-top: 48px; font-size: 56px; font-weight: 800; line-height: 1.25; background: linear-gradient(180deg, #fff6d4 0%, #f0d48a 45%, #c9a24d 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #f0d48a; }
.sub-page .txt-sw7 .brand.sub { margin-top: 6px; font-size: 42px; }
.sub-page .txt-sw7 .card { display: flex; align-items: center; gap: 28px; max-width: 760px; margin: 36px auto 0; padding: 28px 32px; text-align: left; background: #fff; color: #222; border-radius: 18px; }
.sub-page .txt-sw7 .card > img { width: 150px; flex: 0 0 150px; }
.sub-page .txt-sw7 .card .logo { height: 42px; }
.sub-page .txt-sw7 .card p { margin-top: 12px; font-size: 22px; font-weight: 600; line-height: 1.45; color: #222; }
.sub-page .txt-sw7 .card .kind { color: #1aa6b8; font-weight: 700; }
.sub-page .txt-sw7 .closing { margin-top: 36px; font-size: 32px; font-weight: 600; line-height: 1.5; }
.sub-page .txt-sw7 .closing + .closing { margin-top: 28px; }

@media screen and (max-width: 768px) {
	.sub-page .txt-sw1 { padding: 32px 12px 0; }
	.sub-page .txt-sw1 .sub { font-size: 16px; }
	.sub-page .txt-sw1 .zero { font-size: 52px; }
	.sub-page .txt-sw2 { padding: 28px 12px 20px; }
	.sub-page .txt-sw2 .logo { height: 32px; }
	.sub-page .txt-sw2 .lead { margin-top: 14px; font-size: 22px; }
	.sub-page .txt-sw2 li { gap: 10px; margin-top: 16px; }
	.sub-page .txt-sw2 li img { width: 56px; flex-basis: 56px; }
	.sub-page .txt-sw2 li span { font-size: 16px; }
	.sub-page .txt-sw2 li strong { margin-left: 6px; padding: 4px 8px; font-size: 16px; }
	.sub-page .txt-sw2 .talk { grid-template-columns: 1fr; margin-top: 24px; }
	.sub-page .txt-sw2 .talk p { font-size: 16px; }
	.sub-page .txt-sw3 { padding: 20px 12px 28px; }
	.sub-page .txt-sw3 .cases { gap: 8px; }
	.sub-page .txt-sw3 .cases p { margin-top: 8px; font-size: 13px; }
	.sub-page .txt-sw3 .price { margin-top: 18px; }
	.sub-page .txt-sw3 .price span { margin: 6px; padding: 8px 12px; font-size: 14px; }
	.sub-page .txt-sw3 .price strong { padding: 0 8px; font-size: 20px; }
	.sub-page .txt-sw3 .arrive { margin-top: 22px; font-size: 16px; }
	.sub-page .txt-sw3 .min { font-size: 52px; }
	.sub-page .txt-sw3 .note { margin-top: 16px; font-size: 14px; }
	.sub-page .txt-sw3 .bar { margin-top: 8px; padding: 8px 12px; font-size: 18px; }
	.sub-page .txt-sw3 .save { margin-top: 8px; font-size: 15px; }
	.sub-page .txt-sw4 { padding: 28px 12px 20px; }
	.sub-page .txt-sw4 .kicker { font-size: 15px; }
	.sub-page .txt-sw4 .why { font-size: 26px; }
	.sub-page .txt-sw4 .why span { border-bottom-width: 3px; }
	.sub-page .txt-sw4 li { font-size: 13px; }
	.sub-page .txt-sw4 li span { font-size: 11px; }
	.sub-page .txt-sw5 .van { width: 180px; }
	.sub-page .txt-sw5 .flow { grid-template-columns: 1fr 1fr; }
	.sub-page .txt-sw5 .flow .mid { grid-column: 1 / -1; }
	.sub-page .txt-sw5 .flow p { font-size: 14px; }
	.sub-page .txt-sw5 .share { font-size: 15px; }
	.sub-page .txt-sw5 .share strong { font-size: 17px; }
	.sub-page .txt-sw5 .cap { font-size: 13px; }
	.sub-page .txt-sw6 { padding: 20px 12px 24px; }
	.sub-page .txt-sw6 .who { font-size: 18px; }
	.sub-page .txt-sw6 .msg p { font-size: 15px; }
	.sub-page .txt-sw7 .cap { font-size: 13px; }
	.sub-page .txt-sw7 .min { margin-top: 16px; font-size: 36px; }
	.sub-page .txt-sw7 .timeline { font-size: 14px; }
	.sub-page .txt-sw7 .steps img { width: 64px; }
	.sub-page .txt-sw7 .steps p { font-size: 13px; }
	.sub-page .txt-sw7 .brand { margin-top: 24px; font-size: 28px; }
	.sub-page .txt-sw7 .brand.sub { font-size: 20px; }
	.sub-page .txt-sw7 .card { gap: 12px; margin-top: 20px; padding: 16px; }
	.sub-page .txt-sw7 .card > img { display: none; }
	.sub-page .txt-sw7 .card .logo { height: 24px; }
	.sub-page .txt-sw7 .card p { margin-top: 8px; font-size: 13px; }
	.sub-page .txt-sw7 .closing { margin-top: 18px; font-size: 15px; }
}

/* 악취 odor_img6, odor_img9 */
.sub-page .txt-odor6 { padding: 36px 28px 48px; background: #4560ad; color: #fff; }
.sub-page .txt-odor6 .card { padding: 36px 28px 28px; background: #fff; border-radius: 28px; }
.sub-page .txt-odor6 ul { margin: 0; padding: 0 12px; list-style: none; text-align: left; }
.sub-page .txt-odor6 li { display: flex; align-items: flex-start; gap: 14px; margin-top: 28px; }
.sub-page .txt-odor6 li:first-child { margin-top: 8px; }
.sub-page .txt-odor6 .chk { flex: 0 0 auto; font-size: 42px; font-weight: 800; line-height: 1; color: #7b96e8; }
.sub-page .txt-odor6 .tit { font-size: 48px; font-weight: 800; line-height: 1.2; color: #393939; }
.sub-page .txt-odor6 .sub { margin-top: 8px; font-size: 22px; font-weight: 500; color: #7c7c7c; }
.sub-page .txt-odor6 .sub:before { content: "- "; }
.sub-page .txt-odor6 .card img { display: block; width: 100%; margin-top: 28px; }
.sub-page .txt-odor6 .foot { margin-top: 28px; font-size: 36px; font-weight: 800; line-height: 1.35; }
.sub-page .txt-odor6 .foot span { color: #faf5cd; }

.sub-page .txt-odor9 { padding: 48px 28px 40px; background: #34477f; color: #fff; }
.sub-page .txt-odor9 .now { display: inline-block; font-size: 40px; font-weight: 800; color: #fff2a4; transform: rotate(-8deg); }
.sub-page .txt-odor9 .go { margin-top: 8px; font-size: 48px; font-weight: 800; letter-spacing: -1px; }
.sub-page .txt-odor9 .panel { max-width: 860px; margin: 28px auto 0; padding: 32px 28px 24px; text-align: left; background: #f8f6e7; border-radius: 16px; }
.sub-page .txt-odor9 .live { font-size: 32px; font-weight: 800; color: #2d2d2b; }
.sub-page .txt-odor9 .where { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 22px; font-weight: 500; color: #333; }
.sub-page .txt-odor9 .where img { width: 22px; height: auto; }
.sub-page .txt-odor9 .van { display: block; width: 100%; margin-top: 18px; border-radius: 6px; }
.sub-page .txt-odor9 ul { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; max-width: 860px; margin: 22px auto 0; padding: 0; list-style: none; }
.sub-page .txt-odor9 li { padding: 32px 12px 24px; background: #fff; border-radius: 18px; }
.sub-page .txt-odor9 li img { width: 88px; }
.sub-page .txt-odor9 li p { margin-top: 12px; font-size: 40px; font-weight: 700; color: #444; }
.sub-page .txt-odor9 li strong { display: block; margin-top: 4px; font-size: 92px; font-weight: 800; line-height: 1.05; color: #4a79c7; }

@media screen and (max-width: 768px) {
	.sub-page .txt-odor6 { padding: 20px 12px 28px; }
	.sub-page .txt-odor6 .card { padding: 18px 12px 14px; border-radius: 16px; }
	.sub-page .txt-odor6 li { gap: 8px; margin-top: 16px; }
	.sub-page .txt-odor6 .chk { font-size: 20px; }
	.sub-page .txt-odor6 .tit { font-size: 20px; }
	.sub-page .txt-odor6 .sub { margin-top: 4px; font-size: 12px; }
	.sub-page .txt-odor6 .foot { margin-top: 16px; font-size: 16px; }
	.sub-page .txt-odor9 { padding: 24px 12px 20px; }
	.sub-page .txt-odor9 .now { font-size: 20px; }
	.sub-page .txt-odor9 .go { font-size: 20px; }
	.sub-page .txt-odor9 .panel { margin-top: 16px; padding: 16px 12px 12px; }
	.sub-page .txt-odor9 .live { font-size: 15px; }
	.sub-page .txt-odor9 .where { margin-top: 6px; font-size: 13px; }
	.sub-page .txt-odor9 ul { gap: 8px; margin-top: 12px; }
	.sub-page .txt-odor9 li { padding: 16px 6px 12px; border-radius: 12px; }
	.sub-page .txt-odor9 li img { width: 42px; }
	.sub-page .txt-odor9 li p { margin-top: 6px; font-size: 16px; }
	.sub-page .txt-odor9 li strong { font-size: 32px; }
}

/* 누수탐지 leak_img5, 6, 9~14 */
.sub-page .txt-leak5 { padding: 36px 24px 48px; background: #fff; color: #2b2b2b; }
.sub-page .txt-leak5 .illust { display: block; width: min(100%, 560px); margin: 8px auto 20px; }
.sub-page .txt-leak5 .line { font-size: 34px; font-weight: 700; }
.sub-page .txt-leak5 .em { margin-top: 8px; font-size: 52px; font-weight: 800; color: #063771; letter-spacing: -1px; }
.sub-page .txt-leak5 .chk { width: 88px; height: 88px; margin: 36px auto 0; border-radius: 50%; background: #0d4ea2; color: #fff; font-size: 48px; font-weight: 800; line-height: 88px; }
.sub-page .txt-leak5 .wait { margin-top: 16px; font-size: 44px; font-weight: 800; color: #2b2b2b; }
.sub-page .txt-leak5 .ask { margin-top: 10px; font-size: 36px; font-weight: 700; color: #033975; }
.sub-page .txt-leak5 .foot { margin-top: 28px; font-size: 24px; font-weight: 500; color: #181818; }
.sub-page .txt-leak5 .bar { display: inline-block; margin-top: 12px; padding: 10px 22px; background: #023a84; color: #fff; font-size: 40px; font-weight: 800; }
.sub-page .txt-leak5 .end { margin-top: 14px; font-size: 40px; font-weight: 800; color: #141414; }

.sub-page .txt-leak6 { padding: 28px 20px 40px; background: #1c222b; color: #fff; }
.sub-page .txt-leak6 + a img { display: block; width: 100%; height: auto; }
.sub-page .txt-leak6 .trophy { display: block; width: min(100%, 520px); margin: 0 auto; }
.sub-page .txt-leak6 .g1,
.sub-page .txt-leak6 .g2,
.sub-page .txt-leak6 .g3 { font-weight: 800; color: #f3dc8e; letter-spacing: -1px; }
.sub-page .txt-leak6 .g1 { margin-top: 8px; font-size: 42px; }
.sub-page .txt-leak6 .g2 { font-size: 68px; line-height: 1.15; }
.sub-page .txt-leak6 .g3 { font-size: 52px; }
.sub-page .txt-leak6 .card { display: flex; gap: 28px; max-width: 720px; margin: 28px auto 0; padding: 28px 28px 22px; text-align: left; background: #fff; border-radius: 8px 8px 16px 16px; box-shadow: inset 0 10px 0 #2f6fbe; }
.sub-page .txt-leak6 .card img { width: 168px; height: 210px; object-fit: cover; object-position: top; border-radius: 4px; }
.sub-page .txt-leak6 .card .brand { font-size: 32px; font-weight: 800; color: #111; text-align: center; }
.sub-page .txt-leak6 .card ul { margin: 14px 0 0; padding: 0; list-style: none; }
.sub-page .txt-leak6 .card li { display: flex; align-items: flex-end; gap: 10px; margin-top: 8px; font-size: 20px; font-weight: 700; color: #222; }
.sub-page .txt-leak6 .card li i { flex: 1; height: 1px; margin-bottom: 4px; background: #c8c8c8; }
.sub-page .txt-leak6 .prove { margin-top: 14px; font-size: 16px; font-weight: 700; color: #1a5fbe; }
.sub-page .txt-leak6 .lic { margin-top: 4px; font-size: 28px; font-weight: 800; color: #1a4fa0; }
.sub-page .txt-leak6 .en { font-size: 14px; font-weight: 500; color: #8aa0b8; letter-spacing: 1px; }
.sub-page .txt-leak6 .say { margin-top: 28px; font-size: 24px; font-weight: 500; line-height: 1.55; }
.sub-page .txt-leak6 .badges { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: 860px; margin: 28px auto 0; padding: 0; list-style: none; }
.sub-page .txt-leak6 .badges img { width: 150px; height: 150px; object-fit: contain; }
.sub-page .txt-leak6 .badges span { display: block; margin-top: 8px; font-size: 16px; font-weight: 600; line-height: 1.35; }
.sub-page .txt-leak9 { padding: 40px 16px 48px; background: #fff; color: #171717; }
.sub-page .txt-leak9 .s { font-size: 32px; font-weight: 600; }
.sub-page .txt-leak9 .m { margin-top: 8px; font-size: 56px; font-weight: 800; letter-spacing: -1px; }
.sub-page .txt-leak9 .m span { color: #03387a; }
.sub-page .txt-leak9 .b { margin-top: 4px; font-size: 92px; font-weight: 800; letter-spacing: -2px; line-height: 1.15; }
.sub-page .txt-leak9 .flow { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 36px; }
.sub-page .txt-leak9 .bub { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 280px; height: 280px; border-radius: 50%; }
.sub-page .txt-leak9 .bub p { margin-top: 8px; font-size: 22px; font-weight: 700; line-height: 1.35; color: #333; }
.sub-page .txt-leak9 .green { background: #e2f1c6; }
.sub-page .txt-leak9 .cyan { background: #c5f2f7; }
.sub-page .txt-leak9 .plus { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: #1d6fe0; color: #fff; font-size: 42px; font-weight: 700; line-height: 1; }
.sub-page .txt-leak9 .downs { display: flex; justify-content: center; gap: 220px; margin-top: 8px; color: #1d6fe0; font-size: 42px; font-weight: 800; }
.sub-page .txt-leak9 .big { width: 380px; height: auto; min-height: 380px; margin: 8px auto 0; padding: 28px 20px 24px; background: #c6daf5; }
.sub-page .txt-leak9 .big p { font-size: 20px; }

.sub-page .txt-leak10 { padding: 40px 20px 48px; background: #fff; color: #151515; }
.sub-page .txt-leak10 .s { font-size: 36px; font-weight: 600; }
.sub-page .txt-leak10 .s strong { font-weight: 800; }
.sub-page .txt-leak10 .em { margin-top: 8px; font-size: 58px; font-weight: 800; color: #03387a; letter-spacing: -1px; }
.sub-page .txt-leak10 .em2 { font-size: 88px; font-weight: 800; color: #01377d; letter-spacing: -2px; line-height: 1.15; }
.sub-page .txt-leak10 img { display: block; width: min(100%, 640px); margin: 12px auto; }
.sub-page .txt-leak10 .bar { display: inline-block; margin-top: 8px; padding: 12px 28px; background: #013b85; color: #fff; font-size: 48px; font-weight: 800; }
.sub-page .txt-leak10 .zero { margin-top: 8px; font-size: 96px; font-weight: 800; letter-spacing: -2px; line-height: 1.1; }
.sub-page .txt-leak10 .foot { margin-top: 16px; font-size: 28px; font-weight: 500; line-height: 1.5; }
.sub-page .txt-leak10 .foot strong { font-weight: 800; }

.sub-page .txt-leak11 { padding: 40px 20px 48px; background: #013b84; color: #fff; }
.sub-page .txt-leak11 .pill { display: inline-block; padding: 10px 28px; background: #fff; border-radius: 40px; color: #013b84; font-size: 28px; font-weight: 800; }
.sub-page .txt-leak11 .sub { margin-top: 22px; font-size: 26px; font-weight: 500; }
.sub-page .txt-leak11 .tit { margin-top: 6px; font-size: 72px; font-weight: 800; letter-spacing: -1px; }
.sub-page .txt-leak11 ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 920px; margin: 36px auto 0; padding: 0; list-style: none; }
.sub-page .txt-leak11 li { padding: 18px 12px 28px; border-radius: 22px; }
.sub-page .txt-leak11 li img { width: 72px; height: 72px; object-fit: cover; border-radius: 50%; background: #fff; }
.sub-page .txt-leak11 li strong { display: block; margin-top: 8px; font-size: 32px; font-weight: 800; }
.sub-page .txt-leak11 li span { display: block; margin-top: 8px; font-size: 18px; font-weight: 500; line-height: 1.45; }
.sub-page .txt-leak11 .c1 { background: #9ed343; }
.sub-page .txt-leak11 .c2 { background: #44d1e2; }
.sub-page .txt-leak11 .c3 { background: #4383dd; }
.sub-page .txt-leak11 .as { display: flex; align-items: center; justify-content: center; gap: 22px; max-width: 820px; margin: 36px auto 0; text-align: left; }
.sub-page .txt-leak11 .as img { width: 180px; }
.sub-page .txt-leak11 .as p { font-size: 26px; font-weight: 600; }
.sub-page .txt-leak11 .as .big { margin-top: 6px; font-size: 40px; font-weight: 800; }

.sub-page .txt-leak12 { padding: 36px 28px 48px; background: #fff; border-left: 18px solid #013b84; border-right: 18px solid #013b84; color: #171717; }
.sub-page .txt-leak12 .warn { width: 120px; }
.sub-page .txt-leak12 .s { margin-top: 12px; font-size: 36px; font-weight: 700; }
.sub-page .txt-leak12 .em { margin-top: 6px; font-size: 52px; font-weight: 800; color: #033675; letter-spacing: -1px; }
.sub-page .txt-leak12 ul { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; max-width: 860px; margin: 28px auto 0; padding: 0; list-style: none; }
.sub-page .txt-leak12 li { padding: 22px 12px 20px; background: #fff; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.sub-page .txt-leak12 li img { height: 120px; object-fit: contain; }
.sub-page .txt-leak12 li p { margin-top: 10px; font-size: 22px; font-weight: 600; line-height: 1.45; color: #333; }

.sub-page .txt-leak13 { padding: 40px 16px 48px; background: #013b84; color: #fff; }
.sub-page .txt-leak13 .mark { width: 110px; }
.sub-page .txt-leak13 .wait { margin-top: 12px; font-size: 72px; font-weight: 800; }
.sub-page .txt-leak13 .q1 { margin-top: 22px; font-size: 40px; font-weight: 600; }
.sub-page .txt-leak13 .q2 { margin-top: 6px; font-size: 52px; font-weight: 800; letter-spacing: -1px; }
.sub-page .txt-leak13 ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 920px; margin: 36px auto 0; padding: 0; list-style: none; }
.sub-page .txt-leak13 li img { height: 150px; object-fit: contain; }
.sub-page .txt-leak13 li strong { display: block; margin-top: 10px; font-size: 24px; font-weight: 800; }
.sub-page .txt-leak13 li span { display: block; margin-top: 6px; font-size: 16px; font-weight: 400; line-height: 1.45; color: #d7e4f5; }

.sub-page .txt-leak14 { margin: 0; padding: 20px 28px 40px; list-style: none; background: #fff; }
.sub-page .txt-leak14 li { display: flex; align-items: center; gap: 28px; max-width: 860px; margin: 28px auto 0; }
.sub-page .txt-leak14 li:nth-child(even) { flex-direction: row-reverse; }
.sub-page .txt-leak14 img { width: 280px; height: 280px; object-fit: cover; border-radius: 50%; flex: 0 0 auto; }
.sub-page .txt-leak14 li > div { flex: 1; }
.sub-page .txt-leak14 li:nth-child(odd) > div { text-align: left; }
.sub-page .txt-leak14 li:nth-child(even) > div { text-align: right; }
.sub-page .txt-leak14 strong { font-size: 36px; font-weight: 800; color: #222; }
.sub-page .txt-leak14 strong span { font-size: 24px; font-weight: 700; }
.sub-page .txt-leak14 p { margin-top: 8px; font-size: 22px; font-weight: 500; line-height: 1.55; color: #444; }

@media screen and (max-width: 768px) {
	.sub-page .txt-leak5 { padding: 20px 12px 28px; }
	.sub-page .txt-leak5 .line { font-size: 15px; }
	.sub-page .txt-leak5 .em { font-size: 22px; }
	.sub-page .txt-leak5 .chk { width: 40px; height: 40px; margin-top: 18px; font-size: 22px; line-height: 40px; }
	.sub-page .txt-leak5 .wait { font-size: 20px; }
	.sub-page .txt-leak5 .ask { font-size: 16px; }
	.sub-page .txt-leak5 .foot { font-size: 13px; }
	.sub-page .txt-leak5 .bar { padding: 6px 10px; font-size: 16px; }
	.sub-page .txt-leak5 .end { font-size: 16px; }
	.sub-page .txt-leak6 { padding: 16px 10px 24px; }
	.sub-page .txt-leak6 .g1 { font-size: 18px; }
	.sub-page .txt-leak6 .g2 { font-size: 28px; }
	.sub-page .txt-leak6 .g3 { font-size: 22px; }
	.sub-page .txt-leak6 .card { gap: 10px; margin-top: 16px; padding: 16px 12px 12px; }
	.sub-page .txt-leak6 .card img { width: 72px; height: 92px; }
	.sub-page .txt-leak6 .card .brand { font-size: 16px; }
	.sub-page .txt-leak6 .card li { font-size: 12px; }
	.sub-page .txt-leak6 .prove { font-size: 11px; }
	.sub-page .txt-leak6 .lic { font-size: 16px; }
	.sub-page .txt-leak6 .en { font-size: 10px; }
	.sub-page .txt-leak6 .say { margin-top: 14px; font-size: 13px; }
	.sub-page .txt-leak6 .badges { grid-template-columns: 1fr 1fr; gap: 8px; }
	.sub-page .txt-leak6 .badges img { width: 90px; height: 90px; }
	.sub-page .txt-leak6 .badges span { font-size: 12px; }
	.sub-page .txt-leak9 { padding: 20px 10px 24px; }
	.sub-page .txt-leak9 .s { font-size: 14px; }
	.sub-page .txt-leak9 .m { font-size: 22px; }
	.sub-page .txt-leak9 .b { font-size: 32px; }
	.sub-page .txt-leak9 .flow { gap: 6px; margin-top: 18px; }
	.sub-page .txt-leak9 .bub { width: 130px; height: 130px; }
	.sub-page .txt-leak9 .bub img { height: 42px; }
	.sub-page .txt-leak9 .bub p { font-size: 11px; }
	.sub-page .txt-leak9 .plus { width: 28px; height: 28px; font-size: 18px; }
	.sub-page .txt-leak9 .downs { gap: 90px; font-size: 20px; }
	.sub-page .txt-leak9 .big { width: 180px; height: 180px; min-height: 180px;}
	.sub-page .txt-leak9 .big img { height: 90px; }
	.sub-page .txt-leak9 .big p { font-size: 12px; }
	.sub-page .txt-leak10 { padding: 20px 12px 24px; }
	.sub-page .txt-leak10 .s { font-size: 15px; }
	.sub-page .txt-leak10 .em { font-size: 22px; }
	.sub-page .txt-leak10 .em2 { font-size: 32px; }
	.sub-page .txt-leak10 .bar { padding: 6px 12px; font-size: 18px; }
	.sub-page .txt-leak10 .zero { font-size: 36px; }
	.sub-page .txt-leak10 .foot { font-size: 14px; }
	.sub-page .txt-leak11 { padding: 20px 10px 24px; }
	.sub-page .txt-leak11 .pill { padding: 6px 14px; font-size: 14px; }
	.sub-page .txt-leak11 .sub { margin-top: 12px; font-size: 13px; }
	.sub-page .txt-leak11 .tit { font-size: 28px; }
	.sub-page .txt-leak11 ul { gap: 6px; margin-top: 16px; }
	.sub-page .txt-leak11 li { padding: 10px 4px 12px; border-radius: 12px; }
	.sub-page .txt-leak11 li img { width: 36px; height: 36px; }
	.sub-page .txt-leak11 li strong { font-size: 14px; }
	.sub-page .txt-leak11 li span { font-size: 11px; }
	.sub-page .txt-leak11 li span br { display: none; }
	.sub-page .txt-leak11 .as { gap: 10px; margin-top: 16px; }
	.sub-page .txt-leak11 .as img { width: 72px; }
	.sub-page .txt-leak11 .as p { font-size: 13px; }
	.sub-page .txt-leak11 .as .big { font-size: 16px; }
	.sub-page .txt-leak12 { padding: 18px 12px 24px; border-width: 8px; }
	.sub-page .txt-leak12 .warn { width: 56px; }
	.sub-page .txt-leak12 .s { font-size: 16px; }
	.sub-page .txt-leak12 .em { font-size: 20px; }
	.sub-page .txt-leak12 ul { gap: 8px; }
	.sub-page .txt-leak12 li { padding: 12px 6px; }
	.sub-page .txt-leak12 li img { width: 64px; height: 52px; }
	.sub-page .txt-leak12 li p { font-size: 12px; }
	.sub-page .txt-leak13 { padding: 20px 10px 24px; }
	.sub-page .txt-leak13 .mark { width: 52px; }
	.sub-page .txt-leak13 .wait { font-size: 32px; }
	.sub-page .txt-leak13 .q1 { font-size: 16px; }
	.sub-page .txt-leak13 .q2 { font-size: 20px; }
	.sub-page .txt-leak13 ol { gap: 6px; margin-top: 16px; }
	.sub-page .txt-leak13 li img { width: 64px; height: 54px; }
	.sub-page .txt-leak13 li strong { font-size: 12px; }
	.sub-page .txt-leak13 li span { font-size: 11px; }
	.sub-page .txt-leak13 li span br { display: none; }
	.sub-page .txt-leak14 { padding: 10px 12px 20px; }
	.sub-page .txt-leak14 li { gap: 10px; margin-top: 16px; }
	.sub-page .txt-leak14 img { width: 120px; height: 120px; }
	.sub-page .txt-leak14 strong { font-size: 16px; }
	.sub-page .txt-leak14 strong span { font-size: 12px; }
	.sub-page .txt-leak14 p { font-size: 12px; }
	.sub-page .txt-leak14 p br { display: none; }
}

/* 준설 dredging_img8, 9, 10, 12, 13, 14 */
.sub-page .txt-dr8 { padding: 36px 20px 44px; background: #fff; }
.sub-page .txt-dr8 .pill { display: inline-block; padding: 10px 28px; background: #e5db94; border-radius: 40px; color: #0c276a; font-size: 26px; font-weight: 700; }
.sub-page .txt-dr8 .tit { margin-top: 18px; font-size: 52px; font-weight: 800; color: #161616; letter-spacing: -1px; }
.sub-page .txt-dr8 .tit span { color: #0d286d; }
.sub-page .txt-dr8 ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 900px; margin: 28px auto 0; padding: 0; list-style: none; }
.sub-page .txt-dr8 li { padding: 28px 12px 24px; background: #f7f4e1; border: 3px solid #2a4f9a; border-radius: 22px; }
.sub-page .txt-dr8 .chk { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border: 3px solid #1d4e9a; border-radius: 50%; color: #1d4e9a; font-size: 28px; font-weight: 800; }
.sub-page .txt-dr8 li p { margin-top: 14px; font-size: 26px; font-weight: 700; line-height: 1.4; color: #222; }

.sub-page .txt-dr9 { padding: 40px 20px 48px; background: #f3f1f2; }
.sub-page .txt-dr9 .s { font-size: 42px; font-weight: 700; color: #151515; }
.sub-page .txt-dr9 .b { margin-top: 4px; font-size: 52px; font-weight: 800; color: #2447a5; letter-spacing: -1px; }
.sub-page .txt-dr9 .fac,
.sub-page .txt-dr9 .types { display: grid; gap: 16px; max-width: 920px; margin: 28px auto 0; padding: 0; list-style: none; }
.sub-page .txt-dr9 .fac { grid-template-columns: repeat(3, 1fr); }
.sub-page .txt-dr9 .fac img { width: 100%; border-radius: 8px 8px 0 0; }
.sub-page .txt-dr9 .fac span { display: block; padding: 8px 6px; background: #0d1c47; color: #fff; font-size: 20px; font-weight: 700; }
.sub-page .txt-dr9 .types { grid-template-columns: 1fr 1fr; margin-top: 36px; }
.sub-page .txt-dr9 .types img { width: 100%; }
.sub-page .txt-dr9 .types strong { display: block; margin-top: -36px; position: relative; padding: 6px 8px; background: #0d1c47; color: #fff; font-size: 22px; font-weight: 800; }
.sub-page .txt-dr9 .types p { padding: 10px 8px 4px; font-size: 18px; font-weight: 500; color: #333; background: #fff; }

.sub-page .txt-dr10 { padding: 48px 16px; background: #2554ca; color: #fff; }
.sub-page .txt-dr10 .area { font-size: 52px; font-weight: 800; color: #e2e282; letter-spacing: -1px; }
.sub-page .txt-dr10 .go { margin-top: 6px; font-size: 56px; font-weight: 800; letter-spacing: -1px; }
.sub-page .txt-dr10 .sub { margin-top: 12px; font-size: 24px; font-weight: 500; }

.sub-page .txt-dr12 { padding: 36px 20px 44px; background: #fff; }
.sub-page .txt-dr12 .logo,
.sub-page .txt-dr14 .logo { width: auto; height: 42px; }
.sub-page .txt-dr12 .s { margin-top: 12px; font-size: 40px; font-weight: 800; color: #161616; }
.sub-page .txt-dr12 .b { margin-top: 4px; font-size: 44px; font-weight: 800; color: #2447a5; }
.sub-page .txt-dr12 ul { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; max-width: 880px; margin: 28px auto 0; padding: 0; list-style: none; }
.sub-page .txt-dr12 li { overflow: hidden; background: #eef4f8; border-radius: 18px; }
.sub-page .txt-dr12 li img { width: 100%; }
.sub-page .txt-dr12 li strong { display: block; margin-top: 12px; padding: 0 10px; font-size: 24px; font-weight: 800; color: #1a3f8a; }
.sub-page .txt-dr12 li span { display: block; margin-top: 4px; padding: 0 10px 16px; font-size: 18px; font-weight: 500; color: #333; }

.sub-page .txt-dr13 { padding: 40px 20px 48px; background: #c4a15a; color: #1a1a1a; }
.sub-page .txt-dr13 .kicker { font-size: 24px; font-weight: 600; }
.sub-page .txt-dr13 .h { margin-top: 8px; font-size: 40px; font-weight: 800; line-height: 1.35; letter-spacing: -1px; }
.sub-page .txt-dr13 ol { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: 920px; margin: 24px auto 0; padding: 0; list-style: none; }
.sub-page .txt-dr13 ol li { position: relative; }
.sub-page .txt-dr13 ol img { display: block; width: 100%; border-radius: 10px; }
.sub-page .txt-dr13 ol span { position: absolute; top: 8px; left: 50%; transform: translateX(-50%); padding: 4px 14px; background: #1d4ea0; border-radius: 20px; color: #fff; font-size: 16px; font-weight: 700; white-space: nowrap; }
.sub-page .txt-dr13 .bar,
.sub-page .txt-dr14 .bar { display: inline-block; margin-top: 28px; padding: 8px 18px; background: #0d3f8f; color: #fff; font-size: 30px; font-weight: 800; }
.sub-page .txt-dr13 ul { max-width: 920px; margin: 18px auto 0; padding: 0; list-style: none; }
.sub-page .txt-dr13 ul li { display: flex; align-items: center; gap: 30px; margin-top: 14px; padding: 14px; text-align: left; background: #fff; border-radius: 14px; }
.sub-page .txt-dr13 ul li img { width: 280px; height: 180px; object-fit: cover; object-position: center top; border-radius: 8px; flex: 0 0 auto; }
.sub-page .txt-dr13 ul li strong { font-size: 26px; font-weight: 800; color: #163a86; }
.sub-page .txt-dr13 ul li p { margin-top: 8px; font-size: 17px; font-weight: 500; line-height: 1.45; color: #333; }
.sub-page .txt-dr13 ul li b { display: inline-block; margin-right: 6px; padding: 1px 8px; background: #1d4ea0; border-radius: 4px; color: #fff; font-size: 14px; }

.sub-page .txt-dr14 { padding: 20px; background: #1d3f7e; }
.sub-page .txt-dr14 .hero { display: flex; align-items: center; gap: 24px; margin: 0 auto; text-align: left; background-color: #fff; }
.sub-page .txt-dr14 .hero > img { width: 460px; flex: 0 0 auto; }
.sub-page .txt-dr14 .h { margin-top: 12px; font-size: 55px; font-weight: 800; line-height: 1.25; color: #161616; letter-spacing: -1px; }
.sub-page .txt-dr14 .h span { color: #1d4ea0; }
.sub-page .txt-dr14 blockquote { width: 100%; margin: 0; padding: 18px 20px; text-align: center; background: #eef2fb; }
.sub-page .txt-dr14 blockquote p { font-size: 24px; font-weight: 500; line-height: 1.55; color: #222; }
.sub-page .txt-dr14 ul { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 15px; list-style: none; background-color: #fff; }
.sub-page .txt-dr14 ul img,
.sub-page .txt-dr14 .scene { width: 100%; height: 240px; object-fit: cover; }
.sub-page .txt-dr14 .scene { display: block; height: 280px; margin: 14px auto 0; padding: 15px; background-color: #fff; }
.sub-page .txt-dr14 .note { padding: 15px 20px 20px 20px; font-size: 20px; font-weight: 500; line-height: 1.55; color: #222; background-color: #fff; }

@media screen and (max-width: 768px) {
	.sub-page .txt-dr8 { padding: 20px 10px 24px; }
	.sub-page .txt-dr8 .pill { padding: 6px 12px; font-size: 13px; }
	.sub-page .txt-dr8 .tit { margin-top: 10px; font-size: 22px; }
	.sub-page .txt-dr8 ul { gap: 6px; margin-top: 14px; }
	.sub-page .txt-dr8 li { padding: 12px 4px; border-width: 2px; border-radius: 12px; }
	.sub-page .txt-dr8 .chk { width: 26px; height: 26px; font-size: 14px; }
	.sub-page .txt-dr8 li p { margin-top: 8px; font-size: 12px; }
	.sub-page .txt-dr8 li p br { display: none; }
	.sub-page .txt-dr9 { padding: 20px 10px 24px; }
	.sub-page .txt-dr9 .s { font-size: 18px; }
	.sub-page .txt-dr9 .b { font-size: 22px; }
	.sub-page .txt-dr9 .fac { gap: 6px; }
	.sub-page .txt-dr9 .fac img { height: 72px; }
	.sub-page .txt-dr9 .fac span { font-size: 11px; }
	.sub-page .txt-dr9 .types { gap: 8px; margin-top: 16px; }
	.sub-page .txt-dr9 .types img { height: 100px; }
	.sub-page .txt-dr9 .types strong { margin-top: -28px; font-size: 13px; }
	.sub-page .txt-dr9 .types p { font-size: 11px; }
	.sub-page .txt-dr10 { padding: 24px 10px; }
	.sub-page .txt-dr10 .area { font-size: 24px; }
	.sub-page .txt-dr10 .go { font-size: 22px; }
	.sub-page .txt-dr10 .sub { font-size: 13px; }
	.sub-page .txt-dr12 { padding: 20px 10px 24px; }
	.sub-page .txt-dr12 .logo,
	.sub-page .txt-dr14 .logo { height: 24px; }
	.sub-page .txt-dr12 .s { font-size: 18px; }
	.sub-page .txt-dr12 .b { font-size: 20px; }
	.sub-page .txt-dr12 ul { gap: 8px; }
	.sub-page .txt-dr12 li img { height: 110px; }
	.sub-page .txt-dr12 li strong { font-size: 13px; }
	.sub-page .txt-dr12 li span { font-size: 11px; }
	.sub-page .txt-dr13 { padding: 20px 10px 24px; }
	.sub-page .txt-dr13 .kicker { font-size: 13px; }
	.sub-page .txt-dr13 .h { font-size: 18px; }
	.sub-page .txt-dr13 ol { gap: 4px; }
	.sub-page .txt-dr13 ol img { height: 64px; }
	.sub-page .txt-dr13 ol span { font-size: 11px; padding: 2px 6px; }
	.sub-page .txt-dr13 .bar { font-size: 14px; }
	.sub-page .txt-dr14 .bar { font-size: 16px; }
	.sub-page .txt-dr13 ul li { display: block; padding: 10px; }
	.sub-page .txt-dr13 ul li img { width: 100%; height: 140px; }
	.sub-page .txt-dr13 ul li strong { display: block; margin-top: 10px; font-size: 16px; }
	.sub-page .txt-dr13 ul li p { font-size: 15px; }
	.sub-page .txt-dr14 { padding: 16px 10px 24px; }
	.sub-page .txt-dr14 .hero { gap: 10px; }
	.sub-page .txt-dr14 .hero > img { width: 120px; }
	.sub-page .txt-dr14 .h { font-size: 20px; }
	.sub-page .txt-dr14 blockquote { padding: 12px; }
	.sub-page .txt-dr14 blockquote p { font-size: 13px; }
	.sub-page .txt-dr14 ul { gap: 6px; }
	.sub-page .txt-dr14 ul img,
	.sub-page .txt-dr14 .scene { height: 110px; }
	.sub-page .txt-dr14 .note { padding: 10px 10px 15px 10px; font-size: 13px; }
}