@charset "utf-8";

@media (max-width:1600px){
/* 상조금융플랫폼 */
	.business-area1 .box{gap:5vw}
	.business-area1 .box .tbx p{word-break: keep-all;}
	.business-area1 .box .tbx p br{display: none;}
	.business-area1 .box figure{flex:30%}
	.business-area1 .box figure img{max-width:100%;}
	.business-area2 > ul{gap:20px}
	.business-area2 > ul > li p{font-size:16px; line-height: 1.5;}
}

@media (max-width:1500px){
/* 스마트토탈마케팅 */
	.business2 .arti3 .box h5{left: 20px;}
	.business2 .arti3 .box:nth-child(1){padding-left: 20px;}
	.business2 .arti3 .box:first-child:after{left: -52%;}
	.business2 .arti3 .box:nth-child(2):after{left: -64%;}
	.business2 .arti3 .box:nth-child(3):after{left: -70%;}
}

@media (max-width:1250px){
/* 스마트토탈마케팅 */
	.business2 .arti3 .box:first-child:after{left: -77%;}
	.business2 .arti3 .box:nth-child(2):after{left: -79%;}
	.business2 .arti3 .box:nth-child(3):after{left: -99%;}

/* 렌탈&할부 올인원플랫폼 */
	.business3 .arti2 ul > li p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.business3 .arti2 ul > li p br{display: none;}

}

@media (max-width:1024px){
/* sub-common */
	.sub-layout{margin-bottom: 0;}
	.sub-visual .sv{height: 400px;}
	.sub-visual .sv .sv-txt{padding-bottom: 100px;}
	.sub-visual .sv .sv-txt h2{font-size: clamp(24px, 4.6vw, 60px); line-height: 1.5; margin-bottom: 10px;} 
	.sub-visual .sv .sv-txt p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.lnb-box{width: 80%; height: 50px; margin-top: -50px; margin-bottom: 15vw;}
	.lnb-box > a{width: 50px; height: 50px;}
	.lnb-box > a img{width: 20px;}
	.lnb-box > #lnb {height: 50px; gap:0 15px; width: calc(100% - 50px); padding-left: 20px;		}
	.lnb-box > #lnb > li > a{font-size: 14px;}
	.sub-tit small{font-size: 18px; line-height: 1.5; margin-bottom: 10px;}
	.sub-tit h4{font-size: clamp(24px, 4.6vw, 55px); line-height: 1.5; }

/* 회사소개 */
	.company1{}
	.company1 .arti1-wrap {margin-top: 8vw; padding: 10vw 0 15vw; }
	.company1 .arti1{flex-direction: column; gap:30px; }
	.company1 .arti1 .lbx{width: 100%;}
	.company1 .arti1 .lbx img{max-width:100%;;}
	.company1 .arti1 .rbx{flex:none; width: 100%;}
	.company1 .arti1 .rbx strong{font-size: clamp(24px, 3.8vw, 40px); line-height: 1.5;}
	.company1 .arti1 .rbx p{font-size: 16px; line-height: 1.5; word-break: keep-all; margin-bottom: 1em;}
	.company1 .arti1 .rbx p br{display: none;}

/* 특허 */
	.company2{margin-bottom: 15vw;}
	.company-area1{margin-top: 30px; margin-bottom: 30px;}
	.company-area1 > img{width: calc(100% + 40px); margin-left: -20px;}
	.company-area1 .tbx{padding: 0 20px; 	box-sizing: border-box;}
	.company-area1 .tbx strong{font-size: clamp(24px, 4.2vw, 48px); line-height: 1.5; word-break: keep-all;}
	.company-area1 .tbx p{font-size: 18px; line-height: 1.5; word-break: keep-all;	}
	.company-area1 .tbx p br{display: none;}
	.company2 .arti2 > .patent-ul{gap: 30px 4%;}
	.company2 .arti2 > .patent-ul > li{width: 48%;}
	.company2 .arti2 > .patent-ul > li .txt{height: auto; font-size: 16px; line-height: 1.5; word-break: keep-all; margin-top: 10px;}

/* CI */
	.company3 .ci-txt{margin-top: 30px;}
	.company3 .ci-txt > h5{font-size: clamp(24px, 4.2vw, 48px); line-height: 1.5;  margin-bottom: 20px;}
	.company3 .ci-txt > p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.company3 .ci-txt > p br{display: none;}
	.company3 .arti1 > ul{gap:15px; margin-top: 30px;}
	.company3 .arti1 > ul > li{flex:1 1 40%; height: auto; padding: 20px 15px;}
	.company3 .arti1 > ul > li i img{width: 15vw;}
	.company3 .arti1 > ul > li .tbx small{font-size: 14px; margin: 20px 0 10px;}
	.company3 .arti1 > ul > li .tbx p{font-size: 22px;}
	.company3 .arti2-wrap {padding: 30px 0 8vw; margin-top: 12vw;}
	.company3 .arti2 .ci-box{margin-top: 30px;	height: auto; padding: 20px 15px;}
	.company3 .arti2 .ci-box img{max-width:100%; }
	.company3 .arti3{margin-top: 12vw;}
	.company3 .arti3 ul{flex-direction: column; gap:30px}
	.company3 .arti3 ul > li{width: 100%;}
	.company3 .arti3 ul > li .tbx strong{font-size: clamp(24px, 4.2vw, 48px); line-height: 1.5; margin-bottom: 10px;}
	.company3 .arti3 ul > li .tbx p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.company3 .arti3 ul > li .tbx p br{display: none;}
	.company3 .arti3 ul > li .ci-box{margin-top: 30px; height: auto; padding: 20px 15px;}
	.company3 .arti3 ul > li .ci-box img{max-width:100%; }
	.company3 .arti4-wrap {padding: 8vw 0 15vw; margin-top: 12vw;}
	.company3 .arti4 ul{margin-top: 30px;		}
	.company3 .arti4 ul > li dl dt{height: 60px; font-size: 20px;}
	.company3 .arti5{padding: 8vw 20px 0;		}
	.company3 .arti5 .ci-box{flex-direction: column; height: auto; margin-top: 30px; padding: 20px 15px; gap:20px}
	.company3 .arti5 .ci-box .box:first-child{padding-left: 0;}
	.company3 .arti5 .ci-box .box:last-child{padding-left: 0;}
	.company3 .arti5 .ci-box .box{width: 100%;}
	.company3 .arti5 .ci-box .box img{max-width:100%; margin: 0 auto;}
	.company3 .arti5 .ci-box .box:last-child p{font-size: 16px; line-height: 1.5; text-align: center;}
	.company3 .arti6-wrap {padding: 8vw 0 12vw; margin-top: 12vw;}
	.company3 .cl-box1{padding-top: 30px; gap:30px 20px}
	.company3 .cl-box1 > li{flex:40%;}
	.company3 .cl-box1 > li p{font-size: 16px;}
	.company3 .arti7{padding-top: 8vw;}
	.company3 .arti7 .cl-box1{gap:10px; margin-top: 30px; padding: 0;}
	.company3 .arti7 .cl-box1 > li{flex:20%}
	.company3 .arti7 .logo-box{margin-top: 20px;}
	.company3 .arti7 .logo-box figure{height: auto;}
	.company3 .arti8-wrap{padding: 8vw 0 12vw; margin-top: 12vw;}
	.company3 .arti8 .cl-box1{padding: 0;}
	.company3 .arti8 .cl-box1{gap:30px 4%}
	.company3 .arti8 .cl-box1 > li{flex:none; width: 48%;}
	.company3 .arti8 .cl-box1 > li p{width: 100%; line-height: 1.5;}

/* 오시는길 */
	.company4{margin-bottom: 15vw;}
	.company4 .arti1{margin-top: 30px;}
	.company4 .arti1 iframe{height: 70vw;}
	.company4 .arti2 ul > li{font-size: 16px; line-height: 1.5;}
	.company4 .arti2 ul > li span{width: 100px;}
	.company4 .arti2 ol > li > a{height: 40px; font-size: 16px; width: auto;	 line-height: 40px; padding: 0 10px;}

/* 상조금융플랫폼 */
	.business-area1 .box{gap:30px;     flex-direction: column;}
	.business-area1 .box figure{flex:auto; width: 100%; max-width:100%; height: auto;}
	.business-area1 .box figure img{width: 100%;}
	.business-area1 .box .tbx small{font-size: 14px;}
	.business-area1 .box .tbx h5{font-size: clamp(24px, 3.8vw, 40px); line-height: 1.5; margin-bottom: 10px; word-break: keep-all;}
	.business-area1 .box .tbx h5 br{display: none;}
	.business-area1 .box .tbx p{font-size: 18px; line-height: 1.5; margin-bottom: 1em;}
	.business-area1 .box:nth-child(even) .tbx{text-align: left;}
	.business-area2{padding: 12vw 0 15vw; margin-top: 12vw;}
	.business-area2 big{font-size: clamp(24px, 4.2vw, 48px); line-height: 1.5; margin-bottom: 30px;}
	.business-area2 > ul{gap:30px 4%	}	
	.business-area2 > ul > li{flex:48%; padding: 30px 15px; height: auto;} 
	.business-area2 > ul > li i {display: block;}
	.business-area2 > ul > li i img{width: 20vw;}
	.business-area2 > ul > li small{margin: 15px 0 10px;}
	.business-area2 > ul > li p{word-break: keep-all;}
	.business-area2 > ul > li p br{display: none;}

/* 스마트토탈마케팅 */	
	.business2{margin-bottom: 15vw;}
	.business2 .arti3{margin-top: 30px; height: auto; flex-direction: column; padding:0px 0 30px; display: block; background: none;}
	.business2 .arti3 .box{padding: 20px 15px; border-radius: 0 0 50px 50px; margin-bottom: 20px;}
	.business2 .arti3 .box h5{position: static; translate: 0 0; width: 100%; font-size: clamp(24px, 3.8vw, 40px); line-height: 1.5; margin-bottom: 20px;}
	.business2 .arti3 .box:first-child{background: #47a9c4; }
	.business2 .arti3 .box:nth-child(2){background: #8ec9d9;}
	.business2 .arti3 .box:nth-child(3){background: #d6eaef;}
	.business2 .arti3 .box ul{flex-direction: row; gap:20px 0px; height: auto; flex-wrap:wrap;     justify-content: flex-start;}
	.business2 .arti3 .box ul > li{flex:none; width: 50%;}
	.business2 .arti3 .last-box{background: #fafafa;}
	.business2 .arti3 .last-box ul{justify-content: center;}
	.business2 .arti3 .box:after{display: none !important; }
	.business2 .arti3 .box:last-child ul > li strong{font-size: 18px; line-height: 1.5;}
	.business2 .arti3 .box ul > li p{line-height: 1.5; word-break: keep-all;}
	.business2 .arti3 .box ul > li p br{display: none;}
	.business3 .arti2 ul {gap:60px}
	.business3 .arti2 ul > li:not(:last-child):after{width: 100%; height: 60px; left: 0; right: auto; top: auto; bottom: -60px; rotate:90deg;}

/* 렌탈&할부 올인원플랫폼 */
	.business3 .company-area1{margin-bottom: 12vw;}
	.business3 .arti2 h5{font-size: clamp(24px, 4.2vw, 48px); line-height: 1.5; margin-bottom: 30px;}
	.business3 .arti2 ul{padding: 0;}
	.business3 .arti2 ul > li{flex:100%; height: auto; padding: 50px 15px 30px ;} 
	.business3 .arti2 ul > li small{font-size: 14px;}
	.business3 .arti2 ul > li strong{font-size: 20px; line-height: 1.5; margin-bottom: 10px;}
	.business3 .arti3{margin-top: 12vw;}
	.business-area1 .box .tbx{flex:auto; width: 100%;}
	.business-area1 .box .tbx ol > li{font-size: 16px; line-height: 1.5;}
	.business3 .business-area2 ul > li{height: auto;}

/* 그리고 또 다른 도전 */
	.contact-area1 {height: 400px; margin-top: 30px; margin-bottom: 15vw;}
	.contact-area1 .tbx{padding-left: 20px;}
	.contact-area1 .tbx p{font-size: 18px; line-height: 1.5;}

/* 개인정보 처리방침 */
	.policy1{margin-bottom: 15vw;}
	.policy1 .arti-cnt .tit{font-size: 20px; height: 50px; }
	.policy1 .arti-cnt .cnt{padding: 30px 15px;}
	.policy1 .arti-cnt .cnt > strong{font-size: 18px;}
	.policy1 .arti-cnt .cnt > b{font-size: 18px; }
	.policy1 .arti-cnt .cnt > p{font-size: 16px; line-height: 1.5;}
	.policy1 .arti-cnt .cnt .ul1 > li{font-size: 16px; line-height: 1.5;}
	.policy1 .arti-cnt .cnt .box strong,
	.policy1 .arti-cnt .cnt .box p,
	.policy1 .arti-cnt .cnt .box .ul2 > li,
	.policy1 .arti-cnt .cnt .box ol > li{font-size: 16px; line-height: 1.5;}
	.policy1 .arti-cnt .cnt .table-wrap table thead tr th{height: 50px; font-size: 15px;}
	.policy1 .arti-cnt .cnt .table-wrap table tbody tr td{height: 50px; font-size: 14px; line-height: 1.5; }
	

}

@media (max-width:640px){
	.policy1 .arti-cnt .cnt .table-wrap{overflow: hidden; overflow-x: auto;}
	.policy1 .arti-cnt .cnt .table-wrap table{width: 640px;}
	.policy1 .arti-cnt .cnt .table-wrap table colgroup{display: none;}
}


@media (max-width:480px){
/* sub-common */
	.sub-visual .sv{height: 300px;}

/* 특허 */
	.company-area1{height: 300px; padding: 0 15px;}
	.company2 .arti2 > .patent-ul > li .img-box .tbx strong {font-size: 16px;}
	.company2 .arti2 > .patent-ul > li .img-box .tbx p {font-size: 16px; line-height: 24px;}
	.company2 .arti2 > .patent-ul > li .img-box .tbx p > br {display: none;}

/* CI */
	.company3 .arti4 ul > li{flex:100%;}
	.company3 .arti8 .cl-box1 > li{width: 100%;}

/* 그리고 또 다른 도전 */
	.contact-area1 {height: 300px; }
	.contact-area1 .tbx strong {font-size: 4.3vw; gap:10px}
	.contact-area1 .tbx strong i img{width: 28vw;}
	.contact-area1 .tbx p{margin-top: 20px; font-size: 16px;}
	.contact-area1 .tbx .link-box > a{margin-top: 20px; height: 50px; font-size: 14px; width: 220px;}
	.contact-area1 .tbx .link-box > a i {line-height: 0;}
}