@charset "utf-8";

@media (max-width: 1600px) {
	/* S2 */
	.product-slide-items .slick-prev {left: 10px;}
	.product-slide-items .slick-next {right: 10px;}

	/* S3 */
	.feature-list .feature-desc .pc-only {display: none;}
}

@media (max-width: 1400px) {
	/* S101 */
	.greeting .sub-content .text-box p .pc-only {display: none;}

	/* S102 */
	.history-wrap {gap: 60px;}
	.history-title {max-width: 400px;}
}

@media (max-width: 1200px) {
	.sub-cont-layout {display: block;}
	.sub-cont-layout .sub-title {max-width: none; margin-bottom: 60px; text-align: center;}
	.sub-cont-layout .sub-content {width: 100%; flex: auto;}

	/* S102 */
	.history .sub-cont-layout .sub-title {max-width: none;}
	.history-title {max-width: 450px;}

	/* S2 */
	.snb {position: fixed; top: 0; left: 0; max-width: 270px; height: 100vh; background: #fff; z-index: 10; padding-top: 90px;} 
	.snb::-webkit-scrollbar {width: 6px; height: 6px;}
	.snb::-webkit-scrollbar-thumb {background: #ddd; border-radius: 6px; cursor: pointer;}
	.snb::-webkit-scrollbar-track {background: #f3f2f2; border-radius: 6px;}
	
	.snb .depth03 > li > a {font-size: 16px; padding: 12px 35px 12px 15px;}
	.snb .depth03 > li.has-depth04 > a:after {right: 15px;}
	.snb .depth04 {padding: 15px;}
	.snb .depth04 > li:not(:last-child) {margin-bottom: 10px;}
	.snb .depth04 > li > a {font-size: 16px; padding-left: 20px;}
	.snb .depth04 > li > a:before {top: 10px; left: 6px;}
	.snb .btn-snb {display: block;}
}

@media (max-width: 1024px) {
	.sub-visual {height: 280px;}
	.sub-visual .title {padding-bottom: 55px;}
	.sub-visual .title h2 {font-size: 32px;}
	.sub-visual .title p {font-size: 16px;}

	.lnb {padding: 0;}
	.lnb ul {min-height: 55px;}
	.lnb ul li a {font-size: 16px; padding: 10px 5px;}
	
	.breadcrumb {margin: 20px 0 50px;}
	.breadcrumb ul {margin: 0 -15px;}
	.breadcrumb ul li {padding: 0 15px; font-size: 16px;}
	.breadcrumb ul li img {width: 22px;}

	.sub-cont {padding-bottom: 150px;}
	.sub-cont-layout .sub-title h3 {font-size: 28px;}
	.sub-cont-layout .sub-title p {font-size: 16px; margin-top: 15px;}

	/* S101 */
	.greeting .img-box {margin-bottom: 80px;}
	.greeting .img-box .backdrop {height: 260px;}
	.greeting .img-box .box {width: 220px; height: 160px; padding: 25px;}
	.greeting .img-box .box p {font-size: 18px;}
	.greeting .sub-content .text-box .intro {font-size: 30px; margin-bottom: 40px;}
	.greeting .sub-content .text-box p {font-size: 16px;}
	.greeting .sub-content .text-box p:not(:last-child) {margin-bottom: 20px;}
	.greeting .sub-content .text-box .name {font-size: 18px; margin-top: 40px;}

	/* S102 */
	.history-wrap {flex-direction: column; gap: 50px;}
	.history-title {max-width: none;}
	.history-title .img-box {margin-bottom: 30px;}
	.history-title .img-box img {width: 100%;}
	.history-title .text-box h4 {font-size: 36px;}
	.history-title .text-box p {font-size: 16px;}
	.history-cont {width: 100%; flex: auto; padding-top: 3px;}
	.history-cont .year-wrap {padding: 0 0 35px 40px;}
	.history-cont .year-wrap:before {left: 10px;}
	.history-cont .year-wrap:after {top: 14px; left: 0;}
	.history-cont .year-wrap .year {font-size: 36px; margin-bottom: 10px;}
	.history-cont .month-wrap .month {max-width: 40px; font-size: 18px; padding-left: 5px;}
	.history-cont .month-wrap ul li {font-size: 16px;}

	/* S104 */
	.device-list {margin: -10px;}
	.device-list li {padding: 10px;}
	.device-list li .text-box {padding: 14px 5px;}
	.device-list li .text-box p {font-size: 16px;}
	.device-list li .text-box p span {font-size: 15px;}

	/* S105 */
	.location .map {margin-bottom: 40px;}
	.location .root_daum_roughmap {height:400px !important;}
	.location .root_daum_roughmap .wrap_map {height:400px !important;}
	.location .map iframe {height: 400px;}
	.location .info-wrap {display: block;}
	.location .info dl {font-size: 20px;} 
	.location .info dl:not(:last-child) {margin-bottom: 20px;}
	.location .info dt {max-width: 140px;}
	.location .info dt img {width: 26px; margin-right: 10px;}
	.location .btn {justify-content: flex-end; margin-top: 30px;}
	.location .btn a {width: 150px; height: 50px; font-size: 16px; padding-right: 30px;}
	.location .btn-print:after {right: 30px;} 
	.location .btn-map:after {right: 23px;} 

	/* S2 */
	.product-title h3 {font-size: 28px; margin-bottom: 30px;}
	.product-slide-items {margin: 0 -10px 50px;}
	.product-slide-items .slide-item {margin: 0 10px;}
	.product-slide-items .pic {min-width: auto; height: 300px;}
	.product-slide-items .slick-arrow {width: 46px; height: 46px;}
	.product-slide-items .slick-prev {left: 15px;}
	.product-slide-items .slick-next {right: 15px;}

	.product-img {margin-bottom: 50px;}

	.product-tab-menu {margin-bottom: 50px;}
	.product-tab-menu p {font-size: 16px;}
	.product-tab-menu ul li {width: 25%;}
	.product-tab-menu ul li a {font-size: 16px; padding: 12px 10px;}

	.product-item:not(:last-child) {margin-bottom: 60px;}
	.product-item-title {padding-top: 10px;}
	.product-item-title:before {width: 120px;}
	.product-item-title p {font-size: 20px; margin-bottom: 12px;}
	.product-item .product-desc {font-size: 16px;}
	.product .dot-list {margin-top: 30px;}
	.product .dot-list li {font-size: 16px;}
	.product .dot-list li:before {top: 8px;}

	.detergent-bottom-img {margin-top: 60px;}

	/* S3 */
	.tech-img-box {margin-bottom: 50px;} 
	.tech-item:not(:last-child) {margin-bottom: 60px;}
	.tech-title p {font-size: 24px;}
	.tech-desc p {font-size: 16px;}
	.feature-list {margin: 30px 0;}
	.feature-list li {width: 33.333%;}
	.feature-list li .inner {min-height: 246px; padding: 40px 40px 29px 30px;}
	.feature-list .feature-title {font-size: 20px;}
	.feature-list .feature-desc {font-size: 16px;}
	.feature-list .icon {top: 30px; right: 34px;}
	.feature-list .icon img {width: 42px;}
	.table-notice {top: -28px;}

	.tech .dot-list li {font-size: 16px;}
	.tech .dot-list li:before {top: 9px;}
	.tech .num-list li {font-size: 16px;}
}

@media (max-width: 768px) {
	.sub-visual {height: 250px; margin-top: 60px;}
	.sub-visual .title {padding-bottom: 55px;}
	.sub-visual .title h2 {font-size: 28px;}
	.sub-visual .title p {font-size: 16px;}

	.lnb {padding: 0;}
	.lnb ul {min-height: 55px;}
	.lnb ul li a {font-size: 16px; padding: 10px 5px;}
	
	.breadcrumb {margin: 20px 0 50px;}
	.breadcrumb ul {margin: 0 -12px;}
	.breadcrumb ul li {padding: 0 12px; font-size: 15px;}
	.breadcrumb ul li img {width: 20px;}

	.sub-cont {padding-bottom: 120px;}
	.sub-cont-layout .sub-title {margin-bottom: 50px;}
	.sub-cont-layout .sub-title h3 {font-size: 24px;}

	/* S101 */
	.greeting .img-box {margin-bottom: 80px;}
	.greeting .img-box .backdrop {height: 240px;}
	.greeting .img-box .box {bottom: -30px; right: 20px; width: 180px; height: 120px; padding: 20px 25px;}
	.greeting .img-box .box:after {bottom: -10px; background-size: 100px auto;}
	.greeting .sub-content .text-box .intro {font-size: 26px;}

	/* S102 */
	.history-wrap {gap: 40px;}
	.history-title {max-width: none;}
	.history-title .img-box {margin-bottom: 20px;}
	.history-title .text-box h4 {font-size: 30px;}
	.history-title .text-box p {font-size: 16px;}
	.history-cont {width: 100%; flex: auto; padding-top: 3px;}
	.history-cont .year-wrap {padding: 0 0 35px 30px;}
	.history-cont .year-wrap:before {left: 8px;}
	.history-cont .year-wrap:after {top: 12px; width: 16px; height: 16px; border: 5px solid #0F87E9;}
	.history-cont .year-wrap .year {font-size: 30px; margin-bottom: 10px;}
	.history-cont .month-wrap .month {max-width: 40px; font-size: 18px; padding-left: 5px;}
	.history-cont .month-wrap ul li {font-size: 16px;}

	/* S104 */
	.device-list li {width: 50%;}

	/* S105 */
	.location .map {margin-bottom: 30px;}
	.location .root_daum_roughmap {height:300px !important;}
	.location .root_daum_roughmap .wrap_map {height:300px !important;}
	.location .map iframe {height: 300px;}
	.location .info dl {font-size: 18px;} 
	.location .info dt {max-width: 130px;}
	.location .info dt img {margin-right: 6px;}

	/* S2 */
	.snb {padding-top: 60px;}

	.product-title h3 {font-size: 24px; margin-bottom: 20px;}
	.product-slide-items {margin: 0 -10px 40px;}
	.product-slide-items .pic {height: 290px;}
	.product-img {margin-bottom: 40px;}

	.product-tab-menu {margin-bottom: 40px;}
	.product-tab-menu ul li {width: 33.33333%;}
	.product-tab-menu ul li a {font-size: 15px; padding: 10px 10px;}

	.product-item:not(:last-child) {margin-bottom: 50px;}
	.detergent-bottom-img {margin-top: 50px;}

	/* S3 */
	.tech-img-box {margin-bottom: 40px;} 
	.tech-item:not(:last-child) {margin-bottom: 50px;}
	.tech-title p {font-size: 20px;}
	.feature-list li {width: 50%;}
	.feature-list li .inner {min-height: 220px; padding: 35px 30px 35px 25px;}
	.feature-list .feature-title {font-size: 18px;}
	.feature-list .icon {top: 28px; right: 28px;}
	.feature-list .icon img {width: 40px;}
	.table-wrap {margin-top: 25px;}
}

@media (max-width: 480px) {
	.lnb ul li a {font-size: 14px;}

	/* S2 */
	.product-tab-menu ul li {width: 50%;}
	
	/* S3 */
	.feature-list li {width: 100%;}
	.feature-list li .inner {min-height: auto;}

	.tech .img-wrap {flex-wrap: wrap;}
	.tech .img-wrap figure {width: 100%; flex: auto;}
}