@charset "utf-8";

.detail {
		max-width:860px;
		width:100%;
		margin:0 auto;
}

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

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

.img_box img {
	width:100%;
}

.mt2 {
	margin-top:2rem;
}

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

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

.mt9 {
	margin-top:9rem;
}

.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;	
}

.fan .intro,
.rice .intro{
	padding:170px 0 0 0;	
}

.robot .intro {
	padding:170px 0 2rem 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;
}

.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;
}

.intro img {
	width:100%;
}

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

.sec.white {
	background:#fff;
}

.sec.black {
	background:#000;
}

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


.sec h2 {
	font-size:4rem;
	font-weight:800;
	letter-spacing:-0.01em;
}

.sec h2 span {
	font-size:3.5rem;
	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;
}

.rice .section01 ul li {
	font-size:2.3rem;
}

/* 02 */

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

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

.detail.washing .section02::before {
	top: 570px;
	height: 1865px;
}

.detail.vacuum .section02::before {
	top:670px;
	height: 1895px;
}

.air .section02::before {
	top: 665px;
    height: 1838px;
}

.purifier .section02::before {
	top: 670px;
    height: 1933px;
}

.fan .section02::before {
	top: 585px;
    height: 1995px;
}

.robot .section02::before {
    height: 1960px;
}

.rice .section02::before {
	top: 560px;
	height:1805px;
}


.con {
	position:relative;
}

.list_wrap {
	padding:0 5rem;
}

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

.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;
}

.robot .list_wrap .list_box > li .desc ul li {
	font-size:2rem;
}

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

.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;
}

.list_wrap .list_box > li .desc ul li:first-child {
	margin-top:1rem;
}

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

.vacuum .section03 .con_box {
	padding:0 4rem;
}

.fan .section03 .con_box {
	padding:0 5rem;
}

.robot .section03 .con_box {
	padding:0 4rem;
}

.rice  .section03 .con_box {
	padding:0 3rem;
}

.adapter .section03 .con_box {
	padding:0 6rem;
}

.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;
	align-items:center;
}
.section03 .con_box > ul li::before {
	content:'';
	display:block;
	position:absolute;
	top:8px;
	left:0;
	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 .arrow_img {
	width:26px;
}

.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 .con > p {
	font-size:2.6rem;
	color:#333;
	line-height:1.7;
	letter-spacing:-0.025em;
}

.robot .section04 .con > p {
	font-size:2.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 4rem 3.5rem 3rem;
}

.vacuum .section04 .con01_box {
	padding:3.5rem 1rem 3.5rem 3rem;
}

.rice .section04 .con01_box {
	padding:3.5rem 2.5rem 3.5rem 3rem;
}

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

.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 .tit_box {
	font-size:1.9rem;
	font-weight:600;
}

.section04 .con01_box .desc {
	font-size:1.9rem;
	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;
}

.robot .section04 .sub_box ul li {
	font-size:1.9rem;
}

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

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

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

.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;
}

.section05 .table_box img {
	width:100%;
}

/* 06 */

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

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

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

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

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

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

.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;
	gap:3px;
}

.section06 .con01_box .feature-line span {
	font-size:2rem;
	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;
}

.section06 .con01_box > li > .desc {
	font-size:2rem;
}

.section07 .table_box {
	border:1px solid #333;
	background-color:#fff;
	padding:4rem;
}

.section07 .table_box img {
	width:100%;
}

.section07 .table_box.p15 {
	padding:1.5rem 2.5rem 4rem 2.5rem;
}

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