@charset "utf-8";

#bo_v_con {
	max-width:860px;
		width:100%;
		margin:0 auto;
}

.deatil {
		max-width:860px;
		width:100%;
}

section {
	font-family: 'Paperozi', sans-serif;
}

h1,h2,h3,h4,h5 {
	font-family: 'Paperozi', sans-serif;
}

.img_box img {
	width:100%;
}

.mt1_5 {
	margin-top:1.5rem;
}

.mt2 {
	margin-top:2rem;
}

.mt3 {
	margin-top:3rem;
}
.mt4 {
	margin-top:4rem;
}

.mt5 {
	margin-top:5rem;
}
.mt6 {
	margin-top:6rem;
}
.mt8 {
	margin-top:8rem;
}

.mt10 {
	margin-top:10rem;
}

.mt11 {
	margin-top:11rem;
}

.mt12 {
	margin-top:12rem;
}

.mt13 {
	margin-top:13rem;
}

.mt15 {
	margin-top:15rem;
}

.mt16 {
	margin-top:16rem;
}

.mt40 {
	margin-top:4rem;	
}

.txt_cen {
	text-align:center;
}

/* 내용관리 */
.intro {
	padding:170px 0;	
}

.intro h2 {
	font-size:6rem;
	font-weight:900;
	line-height:1;
	letter-spacing:-0.025em;
	text-transform: uppercase;
}
.intro h3 {
	font-size:3.4rem;
	font-weight:700;
	line-height:1.7;
	letter-spacing:-0.025em;
	text-transform: uppercase;
}

.intro .line_box {
	margin:4rem 0;
	
}
.intro .line_box .line {
	display:inline-block;
	background:#333;
	width:2px;
	height:109px;
}
.intro p {
	font-size:2.6rem;
	font-weight:400;
	line-height:1.7;
	letter-spacing:-0.025em;
}

/* 01 */
.sec {
	background:#f3f6f7;
	padding:130px 0;
}

.sec.white {
	background:#fff;
}

.sec.black {
	background:#000;
}

.sec .num {
	font-size:9rem;
	line-height:1;
	letter-spacing:-0.01em;
	font-weight:800;
}


.sec h2 {
	margin-top:2rem;
	font-size:4rem;
	font-weight:800;
	letter-spacing:-0.01em;
	line-height: 1.5;
}

.sec h2 span {
	font-weight:500;
}

section .inner {
	padding:0 5rem;
}

.section01 ul {
	display:flex;
	gap:1.6rem;
	flex-wrap:wrap;
	margin-top:12rem;
}
.section01 ul li {
	width:calc((100% - 1.6rem) / 2);
	background-color:#fff;
	border:1px solid #696969;
	padding:3.5rem 0;
	font-size:2.6rem;
	font-weight:700;
	letter-spacing:-0.035em;
	color:#333;
}

/* 02 */

.section02 {
	position:relative;
	z-index:3;
}

.section02::before {
	content:'';
	display:block;
	position:absolute;
	top:625px;
	left:0;
	background:#f3f6f7;
	width:100%;
	height:2130px;
	z-index:-1;
}

.con {
	position:relative;
}

.list_wrap {
	padding:0 5rem;
}

.list_wrap .list_box {
	display:flex;
	flex-wrap:wrap;
	gap:2rem;
}

.list_wrap .list_box >  li {
	display:flex;
	width:100%;
	gap:1rem;
}

.list_wrap .list_box > li .tit_num {
	color:#fff;
	background-color:#89b929;
	font-size:4rem;
	font-weight:700;
	letter-spacing:-0.03em;
	padding:7rem 3rem;
}

.list_wrap .list_box > li .desc {
	width:calc(100% - 10px);
	background-color:#fff;
	padding:3.5rem 4rem;
}

.list_wrap .list_box > li .desc h3 {
	font-size:3rem;
	font-weight:700;
	letter-spacing:-0.01em;
}

.list_wrap .list_box > li .desc ul {	
	margin-top:1.6rem;
}

.list_wrap .list_box > li .desc ul li {
	font-size:2.2rem;
	font-weight:400;
	line-height:1.6;
	letter-spacing:-0.01em;
	color:#333;
}

/* 03 */
.section03 {
	padding:5rem 0 0 0;
}

.section03 .con_box {
	padding:0 120px;
}

.section03 h2 {
	font-size:4rem;
	font-weight:700;
	line-height:1;
	color:#fff;
}

.section03 .con_box > ul {
	margin-top:4.5rem;
}
.section03 .con_box > ul li {
	position:relative;
	display:flex;
	gap:1.5rem;
	margin-bottom:1.5rem;
	padding-left:1.5rem;
}
.section03 .con_box > ul li::before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:7px;
	height:7px;
	background:#fff;
}

.section03 .con_box > ul li:last-child {
	margin-bottom:0;
}

.section03 .con_box > ul li p {
	font-size:1.9rem;
}

.section03 .con_box > ul li p.w175 {
	min-width:175px;
	font-weight:700;
}

.section03 .con_box > ul li p.white {
	color:#fff;
}

/* 04 */

.section04 {
	padding:12rem 5rem;
}

.section04 p {
	font-size:2.6rem;
	color:#333;
	line-height:1.7;
	letter-spacing:-0.025em;
}

.section04 .con01_box {
	border:1px solid #333;
	margin-top:5rem;
	padding:3.5rem 2.5rem;
}

.section04 .con01_box li {
	display:flex;
	gap:1.3rem;
}

.section04 .con01_box .tit {
	display:inline-flex;
	justify-content: center;
    align-items: center;
	min-width:105px;
	height:32px;
	padding:0.8rem 0;
	background-color:#000;
	color:#fff;
	border-radius:1.6rem;
	font-size:1.8rem;
	font-weight:600;
	line-height:1.6;
	letter-spacing:-0.01em;
}

.section04 .con01_box .desc {
	font-size:2rem;
	color:#333;
	line-height:1.7;
	letter-spacing:-0.01em;
}

.section04 .con01_box .desc span {
	font-weight:600;
}

.section04 .flex_box {
	display:flex;
	gap:8rem;
}

.section04 .flex_box > div {
	width:calc((100% - 8rem) / 2)
}

.section04 .con_box h4 {
	background:#000;
	color:#fff;
	font-size:3rem;
	padding:1.5rem 0;
	letter-spacing:-0.01em;
}

.section04 .sub_box h5 {
	position:relative;
	font-size:2.6rem;
	color:#000;
	line-height:1.7;
	letter-spacing:-0.01em;
	padding-left:2rem;
}

.section04 .sub_box h5::before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:6px;
	height:27px;
	background:#89b929;
}

.section04 .sub_box ul li {
	position:relative;
	font-size:2rem;
	color:#333;
	line-height:1.63;
	letter-spacing:-0.01em;
	font-weight:400;
	padding-left:2rem;
}

.section04 .sub_box ul li::before {
	content:'•';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:4px;
	height:4px;
}

/* 05 */
.section05 {
	padding:12rem 5rem;
}

.section05 p {
	font-size:4rem;
	color:#333;
	font-weight:500;
	letter-spacing:-0.01em;
}

.section05 p span {
	font-size:7rem;
	font-weight:800;
}

.section05 .img_list {
	display:flex;
	gap:3rem;
}

.section05 .img_list li h4 {
	margin-top:2rem;
	font-size:2rem;
	color:#333;
	font-weight:700;
	letter-spacing:-0.02em;
}

.section05 .table_box {
	border:1px solid #333;
	background:#fff;
	padding:4rem 4.5rem;
}

/* 06 */

.section06 {
	padding:12rem 5rem 5rem 5rem;
}

.section06 p {
    font-size: 2.4rem;
    color: #333;
    line-height: 1.73;
    letter-spacing: -0.025em;
}

.section06 h2 span {
	font-weight:400;
}

.section06 .con01_box {
	border:1px solid #333;
	margin-top:5rem;
	padding:3.5rem 2rem;
}

.section06 .con01_box li {
	display:flex;
	gap:1rem;
}

.section06 .con01_box .tit {
	display:inline-flex;
	justify-content: center;
    align-items: center;
	min-width:105px;
	height:32px;
	padding:0.8rem 0;
	background-color:#000;
	color:#fff;
	border-radius:1.6rem;
	font-size:1.8rem;
	font-weight:600;
	line-height:1.6;
	letter-spacing:-0.01em;
}

.section06 .con01_box .feature-line {
	display:flex;
}

.section06 .con01_box .feature-line span {
	font-size:1.8rem;
	color:#333;
	line-height:1.7;
	letter-spacing:-0.01em;
}

.section06 .con01_box .feature-line span.tit_box {
	font-weight:600;
	flex-shrink: 0;
	width:130px;
}

.section06 .con01_box .feature-line span.desc {
	white-space: pre-line;
	flex-grow: 1;
}

.section07 .table_box {
	border:1px solid #333;
	background-color:#fff;2025-10-31
	padding:3.5rem 2.5rem;
}

.led .section01 ul li {
	font-size:2rem;
}

.sec08 {
	width:100%;
	height:1230px;
	background-image:url('/theme/basic/img/sec_bg01.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.obc .sec08 {
	background-image:url('/theme/basic/img/sec_bg02.png');
}

.sec08 .container {
	display: flex;
    flex-direction: column;
    gap: 2rem;
	padding:10rem 5rem;
}

.sec08 .container .card_box {
	text-align:center;
	background:#fff;
	padding:5rem 2rem;
}

.sec08 .container .card_box .box_tit {
	color:#fff;
	background:#89b929;
	font-size:2.6rem;
	line-height:1.3;
	letter-spacing:-0.01em;
	border-radius:24rem;
	font-weight:700;
	padding:1rem 0;
	width:270px;
	margin:0 auto;
}

.sec08 .container .card_box h3 {
	font-size:3.3rem;
	line-height:1.2;
	letter-spacing:-0.01em;
	font-weight:700;
	margin-top:3rem;
}

.sec08 .container .card_box p {
	font-size:2rem;
	line-height:1.36;
	letter-spacing:-0.01em;
	margin-top:2rem;
}

.section09 .pro_container .product-section {
	width:100%;
}

.section09 .pro_container .product-section {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}

.section09 .product-section:nth-child(even) .product-image {order: 2;}
.section09 .product-section:nth-child(even) .product-content {order: 1;}
.section09 .product-content .badge {
	color:#ffff;
	font-size:4.5rem;
	line-height:1.6;
	letter-spacing:-0.025em;
	font-weight:600;
	border-radius:50%;
	width:70px;
	height:70px;
	background:#89b929;
}

.section09 .product-content h2 {
	font-size:4.4rem;
	font-weight:700;
	line-height:1;
	color:#89b929;
}

.section09 .left {
	padding-left:3rem;
}

.section09 .right .badge{
	margin-left: auto;
}

.section09 .right {
	text-align:right;
	padding-right:3rem;
}

.section09 .right ul li {
	justify-content: right;
}

.section09 .product-content .product-subtitle {
	color:#000;
	font-size:2.6rem;
	font-weight:600;
	margin-top:4rem;
}

.section09 .product-content ul {
	margin-top:4rem;
}

.section09 .product-content ul li {
	display:flex;
	gap:2rem;
	font-size:2rem;
	color:#000;
}

.section09 .product-content ul .spec-label {
	position:relative;
	min-width:50px;
	color:#000;
	font-size:2.2rem;
	font-weight:700;
	line-height:1.36;
	text-align:left;
}

.section09 .product-image .img_box {
	height:400px;
}

.section09 .product-image .img_box img {
	height:100%;
	object-fit:cover;
}

.sec_wrap {
	margin-top:13rem;
}

.list_box .left_box {
	display:flex;
	gap:1rem 2rem;
	    align-items: center;
}

.list_box  .tit_num {
	background:#89b929;
	color:#fff;
	font-size:4rem;
	font-weight:700;
	line-height:1.36;
	letter-spacing:-0.03em;
	width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.list_box .right_box {
	background:#fff;
}

.sec10 .list_wrap .list_box > li .desc {
	padding:3rem 2.5rem;
}

.sec10 .list_wrap .list_box > li .desc .desc_box {
	font-size:2.2rem;
	font-weight:600;
	letter-spacing:-0.01em;
}

.sec10 .list_wrap .list_box > li .desc .desc_box p {
	font-size:1.7rem;
	font-weight:500;
	line-height:2;
	letter-spacing:-0.01em;
	padding-left:1.5rem;
	margin-top:1rem;
}

.section05 h2 span {
	font-size:4rem;
	font-weight:500;
	letter-spacing:-0.01em;
}

.section05 p {
	font-size:2.5rem;
	line-height:1.7;
	letter-spacing:-0.025em;
}

.section07 h1 {
	font-size:7rem;
	font-weight:800;
	line-height:1.28;
	letter-spacing:-0.01em;
}

.table_box {
	border:1px solid #333;
	padding: 3.5rem 4rem 5rem 4rem;
	background:#fff;
}

.table_box img {
	width:100%;
}

.section10 .tit {
	display:inline-block;
	color:#fff;
	font-size:1.8rem;
	font-weight:600;
	line-height:1.6;
	letter-spacing:-0.01em;
	background:#000;
	border-radius:16rem;
	padding:0.9rem 1.6rem;
	min-width:212px;
}

.section10 .subtxt {
	font-size:2.6rem;
	line-height:1.73;
	letter-spacing:-0.025em;
}

.section10 .desc h5 {
	font-size:2.4rem;
	font-weight:600;
	line-height:1.4;
	letter-spacing:-0.01em;
}

.section10 .desc p {
	font-size:2rem;
	line-height:1.7;
	letter-spacing:-0.01em;
}

.section10 .con01_box {
	border:1px solid #333;
	padding:4rem;
}

.obc .intro:nth-child(1) {
	padding:130px 0 0 0;
}

.obc .intro:nth-child(2) {
	padding:120px 0;
}