@charset "utf-8";

@media (max-width: 1600px) {
	/* s1-1 */
	.introduce .arti02 .item .text-box {padding: 38px 50px;}
	.introduce .arti02 .item .text-box h5 {font-size: 32px;}
	.introduce .arti02 .item .text-box p br {display: none;}
	.introduce .arti02 .item:nth-child(2) .inner:hover .text-box p {height: 180px;}
	/* s3-1 */
	.product-details .title-box {max-width: 450px;}
	/* s3-2-1 */
	.suntin .arti01 .img-box .box:nth-child(1):after {right: 0;}
	/* 차양 제품 검색 - 뷰 */
	.view-wrap .thumb-box {max-width: 650px; padding-right: 50px;}
	.view-wrap .details-box {padding-left: 50px;}
}

@media (max-width: 1400px) {
	/* s1-1 */
	.introduce .arti01 .video-box {max-width: 700px;}
	.introduce .arti01 .text-box {padding-top: 30px; padding-left: 60px;}
	.introduce .arti02 .item .text-box {padding: 25px 30px;}
	.introduce .arti02 .item .icon {top: 40px; right: 40px;}
	.introduce .arti02 .item .text-box h5 {font-size: 30px;}
	.introduce .arti02 .item:nth-child(1) .inner:hover .text-box p {height: 165px;}
	.introduce .arti02 .item:nth-child(2) .inner:hover .text-box p {height: 230px;}
	.introduce .arti03 .item .inner {padding: 148px 20px 64px;}
	/* s2-1 */
	.business .item:nth-child(odd) .text-box .inner {padding: 0 60px 0 30px;}
	.business .item:nth-child(even) .text-box .inner {padding: 0 30px 0 60px;}
	.business .slick-prev {left: 40px;} 
	.business .slick-next {right: 40px;}
	/* s3-1 */
	.product-details .title-box {max-width: 370px;}
	/* s3-2-1 */
	.product-details .table-wrap col:nth-child(1) {width: 160px;}
	.product-details .table-wrap col:not(:first-child) {width: calc((100% - 160px) / 7);}
	.s3_4_9 .design .col03 .item p .br-pc {display: none;}
	/* 차양 제품 검색 - 뷰 */
	.view-wrap .thumb-box {max-width: 550px; padding-right: 50px;}
	.view-wrap .details-box {padding-left: 50px;}
	/* s5-1 */
	.windowstory .arti01 .img-box {max-width: 650px;}
	.windowstory .arti01 .text-box {padding-left: 60px;}
	.windowstory .arti03 table col:nth-child(1) {width: 240px;}
	.windowstory .arti03 table col:nth-child(3) {width: 220px;}
	.windowstory .arti03 table col:nth-child(4) {width: 220px;}
	.windowstory .arti03 table .td-adr {padding: 10px 10px 10px 30px;}
	.windowstory .arti04 .item .img-box {padding: 30px 40px 40px;}
}

@media (max-width: 1200px) {
	.lnb-wrap .container {display: block;}
	.sub_2 .lnb-wrap,
	.sub_4 .lnb-wrap {height: unset; border-bottom: 0;}

	.path {margin-top: 20px;}
	.path ul {justify-content: flex-end;}

	/* s1-1 */
	.introduce .arti01 .video-box {max-width: 600px;}
	.introduce .arti01 .text-box {padding-top: 20px; padding-left: 50px;}
	.introduce .arti02 .item .text-box h5 {font-size: 28px;}
	.introduce .arti02 .item .text-box p {font-size: 18px;}
	.introduce .arti02 .item:nth-child(1) .inner:hover .text-box p {height: 160px;}
	.introduce .arti02 .item:nth-child(2) .inner:hover .text-box p {height: 220px;}
	/* s2-1 */
	.business .item:nth-child(odd) .text-box .inner {padding: 0 30px 0 10px;}
	.business .item:nth-child(even) .text-box .inner {padding: 0 10px 0 30px;}
	/* s3-1 */
	.product-details .cont-wrap {padding: 76px 20px 80px;}
	.product-details .title-box {max-width: 330px;}
	.product-details .details-list .num {max-width: 80px;}
	.product-details .details-list .text h6 span {display: block;}
	.product-details .details-list .text h6 span:after {display: none;}
	.product-details .details-list .icon {max-width: 150px;}
	/* s3-2-1 */
	.product-details .table-wrap col:nth-child(1) {width: 120px;}
	.product-details .table-wrap col:not(:first-child) {width: calc((100% - 120px) / 7);}
	.product-details .table-wrap thead th {font-size: 16px;}
	.product-details .table-wrap tbody td {font-size: 16px;}
	/* 차양 제품 검색 - 리스트 */
	.search-list .filter-wrap .radio-wrap {padding-left: 50px;}
	.item-list ul li {width: 25%;}
	.s3_4_9 .design .text-box {height: 230px;}
	/* 차양 제품 검색 - 뷰 */
	.view-wrap .thumb-box {max-width: 400px; padding-right: 40px;}
	.view-wrap .details-box {padding-left: 40px;}
	/* s5-1 */
	.windowstory .arti01 .img-box {max-width: 550px;}
	.windowstory .arti01 .text-box {padding-left: 40px;}
	.windowstory .arti02 .item .inner {padding: 68px 15px 53px;}
	.windowstory .arti03 table col:nth-child(1) {width: 240px;}
	.windowstory .arti03 table col:nth-child(3) {width: 180px;}
	.windowstory .arti03 table col:nth-child(4) {width: 180px;}
}

@media (max-width: 1100px) {
	/* s1-1 */
	/* .introduce .arti02 .item:nth-child(1) .inner:hover .text-box p {height: 120px;} */
}

@media (max-width: 1024px) {
	.sub-visual {height: 400px;}
	.sub-visual h2 {font-size: 50px; padding-top: 80px;}

	.lnb-wrap {height: 60px;}
	#lnb ul {margin: 0 -20px;}
	#lnb ul li {padding: 0 20px;}
	#lnb ul li a {height: 60px; font-size: 16px;}

	.path {margin-top: 15px;}
	.path ul li {font-size: 15px;}

	.sub-cont {padding:120px 0 120px;}

	.page-title {margin-bottom: 70px;}
	.page-title h3 {font-size: 45px; padding-top: 15px; margin-bottom: 30px;}
	.page-title p {font-size: 18px;}

	.arti-title {margin-bottom: 40px;}
	.arti-title h4 {font-size: 40px; }
	.arti-title p {font-size: 26px; margin-top: 35px;}

	/* s1-1 */
	.introduce .arti01 {padding-bottom: 100px;}
	.introduce .arti01 .video-box {max-width: 400px;}
	.introduce .arti01 .text-box {padding-top: 20px; padding-left: 40px;}
	.introduce .arti01 .text-box .logo {padding-bottom: 30px; margin-bottom: 25px;}
	.introduce .arti01 .text-box .logo img {width: 260px;}
	.introduce .arti01 .text-box p {font-size: 18px;}
	.introduce .arti02 {padding: 100px 0 100px;}
	.introduce .arti02 .item .inner:before {opacity: 0.7;}
	.introduce .arti02 .item .inner:hover:before {opacity: 0.7;}
	.introduce .arti02 .item .text-box {padding: 50px 25px 30px;}
	.introduce .arti02 .item .text-box h5 {font-size: 26px; margin-bottom: 15px;}
	.introduce .arti02 .item .text-box p {height: auto; opacity: 0.9; font-size: 16px;}
	.introduce .arti02 .item .inner:hover .text-box p {opacity: 0.9; margin-bottom: 0;}
	.introduce .arti02 .item:nth-child(1) .inner:hover .text-box p {height: auto;}
	.introduce .arti02 .item:nth-child(2) .inner:hover .text-box p {height: auto;}
	.introduce .arti02 .item .icon {top: 25px; right: 25px; width: 50px; height: 50px;}
	.introduce .arti03 {padding: 100px 0;}
	.introduce .arti03 .arti-title {margin-bottom: 110px;}
	.introduce .arti03 .items {flex-wrap: wrap; margin: -40px -10px;}
	.introduce .arti03 .item {width: 50%; padding: 40px 10px;}
	.introduce .arti03 .item .inner {padding: 130px 40px 40px;}
	.introduce .arti03 .item .icon {top: -60px; margin-left: -60px; width: 120px; height: 120px; background-size: 120px auto;}
	.introduce .arti03 .item b {font-size: 22px; margin-bottom: 10px;}
	.introduce .arti03 .item p {font-size: 18px;}
	.introduce .arti04 .text-box {padding: 28px 30px;font-size: 22px;}
	.introduce .arti04 .slick-arrow {margin-top: -25px; width: 50px; height: 50px;}
	.introduce .arti04 .slick-prev {left: 20px;} 
	.introduce .arti04 .slick-next {right: 20px;}
	/* s2-1 */
	.business .item {margin: 0 -10px 70px;}
	.business .item > div {padding: 0 10px;}
	.business .item:nth-child(odd) .text-box .inner {padding: 0 30px 0 10px;}
	.business .item:nth-child(even) .text-box .inner {padding: 0 10px 0 30px;}
	.business .item .text-box .icon {background-size: 65px auto; margin-bottom: 15px;}
	.business .item .text-box small {font-size: 15px; margin-bottom: 10px;}
	.business .item .text-box h4 {font-size: 38px; margin-bottom: 20px;}
	.business .item .text-box p {font-size: 18px;}
	.business .slick-arrow {margin-top: -25px; width: 50px; height: 50px;}
	.business .slick-prev {left: 20px;} 
	.business .slick-next {right: 20px;}
	/* s3-1 */
	.title-img-box {height: 350px;}
	.title-img-box:before {width: 1px; height: 50px;}
	.title-img-box:after {bottom: 50px; height: 50px;}
	.title-img-box h4 {font-size: 40px; margin-bottom: 17px;}
	.title-img-box p {font-size: 18px; padding-bottom: 17px;}
	.product-details {padding-top: 100px;}
	.product-details:before {height: calc(100% - 200px);}
	.product-details .cont-wrap {display: block; padding: 50px 15px 60px;}
	.product-details .cont-wrap:last-child {border-bottom: 0; padding-bottom: 110px;}
	.product-details .title-box {max-width: none; margin-bottom: 25px;}
	.product-details .title-box h5 {font-size: 28px; padding-left: 30px;}
	.product-details .title-box h5 br {display: none;}
	.product-details .title-box h5:before {top: 20px; width: 15px;}
	.product-details .cont-box {width: 100%; flex: auto;}
	.product-details .cont-box .text-box {margin-bottom: 40px;}
	.product-details .cont-box .p-20 {font-size: 18px; margin-bottom: 20px;}
	.product-details .cont-box .p-32 {font-size: 24px; margin-bottom: 35px;} 
	.product-details .cont-box .img-wrap {margin: -5px;}
	.product-details .cont-box .img-wrap li {padding: 5px;}
	.product-details .details-list > li {padding: 25px 0 30px;}
	.product-details .details-list .num {max-width: 60px; font-size: 18px;}
	.product-details .details-list .num:after {margin-top: -8px; height: 16px;}
	.product-details .details-list .text {padding-left: 25px; padding-right: 10px;}
	.product-details .details-list .text h6 {font-size: 22px; margin-bottom: 10px;}
	.product-details .details-list .text h6 span {padding-right: 20px; margin-right: 20px;}
	.product-details .details-list .text ul li {font-size: 18px; padding-left: 14px;}
	.product-details .details-list .text ul li:not(:last-child) {margin-bottom: 6px;}
	.product-details .details-list .text ul li:before {top: 11px;}
	.product-details .details-list .icon {max-width: 130px; height: 120px; background-size: 120px auto;}
	.product-bottom {height: 450px;}
	.product-bottom h4 {font-size: 40px; margin-bottom: 30px;}
	.btn-product-search {width: 230px; height: 60px; font-size: 15px; line-height: 56px; padding-right: 26px; margin-bottom: 10px;}
	.btn-product-search:after {right: 25px;}
	.btn-product-search:hover:after {right: 20px;}
	/* s3-2-1 */
	.suntin .arti01 .title-img-box img {width: 160px;}
	.suntin .arti01 .img-box {padding: 30px 20px 40px; margin-bottom: 10px;}
	.suntin .arti01 .img-box .box:nth-child(1) {padding-right: 20px;}
	.suntin .arti01 .img-box .box:nth-child(1):after {right: 0;}
	.suntin .arti01 .img-box .box:nth-child(2) {padding-left: 20px;}
	.suntin .arti01 .img-box figcaption {font-size: 22px; margin-bottom: 20px;}
	.product-details .text-list {margin: -5px;}
	.product-details .text-list li {width: 50%; padding: 5px;}
	.product-details .text-list li .inner {padding: 30px 20px;}
	.product-details .text-list li b {font-size: 22px; padding-left: 38px; margin-bottom: 15px;}
	.product-details .text-list li b:before {width: 26px; height: 26px; background-size: 26px auto;}
	.product-details .text-list li p {font-size: 18px;}

	.product-details .img-list {display: flex; margin: -5px -5px 20px;}
	.product-details .img-list li {width: 20%; padding: 5px;}
	.product-details .img-list li .inner {padding: 35px 15px 30px;}
	.product-details .img-list li img {margin-bottom: 15px;}
	.product-details .img-list li p {font-size: 18px;}

	.product-details .table-wrap col:nth-child(1) {width: 140px;}
	.product-details .table-wrap col:not(:first-child) {width: calc((100% - 140px) / 7);}
	.product-details .table-wrap tr {height: 50px;}
	.product-details .table-wrap thead th {font-size: 16px;}
	.product-details .table-wrap thead .th-left {text-align: left; padding: 0 15px;}
	.product-details .table-wrap tbody td {font-size: 16px;}
	.product-details .table-wrap tbody .td-left {padding: 0 15px;}
	.product-details .table-caption {margin-top: 20px;}
	.product-details .table-caption .box {max-width: 300px;}
	.product-details .table-caption p {font-size: 15px;}
	/* s3-3 */
	.video-wrap {margin: 0 -5px;}
	.video-wrap li {padding: 0 5px;}

	.product-details .check-list {padding: 30px 20px; margin-bottom: 40px;}
	.product-details .check-list li {font-size: 18px; padding-left: 40px; margin-bottom: 10px;}
	.product-details .check-list li:before {width: 26px; height: 26px;}
	
	.hybrid .arti03 .video-wrap02 {margin: 10px -5px 0;}
	.hybrid .arti03 .video-wrap02 li {padding: 0 5px;}
	.hybrid .arti04 .video-wrap {margin: 10px -5px;}
	.hybrid .arti04 .video-wrap li {padding: 0 5px;}
	/* s3-4-1 차양 제품 검색 - 인트로 */
	.search-intro .items {margin: -30px -5px;}
	.search-intro .item {width: 50%; padding: 30px 5px;}
	.search-intro .item .img-box {margin-bottom: 25px;}
	.search-intro .item .text-box h4 {font-size: 30px; margin-bottom: 6px;}
	.search-intro .item .text-box p {font-size: 18px;}
	/* 차양 제품 검색 - 리스트 */
	.search-list .intro {padding-bottom: 70px;}
	.search-list .intro .title-img-box {margin-bottom: 60px;}
	.search-list .intro .text-box p {font-size: 18px;}
	.search-list .intro .text-box dl {font-size: 18px; margin-top: 25px;}
	.search-list .intro .text-box dt {max-width: 170px;}

	.search-list .design {padding: 23px 0 100px;}
	.search-list .design .items {margin: -5px;}
	.search-list .design .item {padding: 5px;}
	.search-list .design .item .img-box {margin-bottom: 20px;}
	.search-list .design .item h5 {font-size: 30px; margin-bottom: 5px;}
	.search-list .design .item p {font-size: 18px;}
	.search-list .design .col03 .item p {padding-right: 10px;}

	.search-list .list-wrap {padding: 70px 0 120px;}
	.search-list .filter-wrap {padding-bottom: 50px; margin-bottom: 60px;}
	.search-list .filter-wrap .items {padding: 15px 25px; margin-bottom: 30px;}
	.search-list .filter-wrap .item {padding: 10px 0;}
	.search-list .filter-wrap .item-title {max-width: 200px; line-height: 45px; font-size: 16px;}
	.search-list .filter-wrap .radio-wrap {padding-left: 30px;}
	.search-list .filter-wrap .radio-wrap label {max-width: 220px; padding: 3px 0 3px 20px;}
	.search-list .filter-wrap .radio-wrap input[type='checkbox'] {width: 20px; height: 20px;}
	.search-list .filter-wrap .radio-wrap span {font-size: 16px; padding-left: 10px;}
	.search-list .filter-wrap .btn-wrap button {max-width: 250px; line-height: 38px; font-size: 15px;}

	.item-list {margin-bottom: 50px;}
	.item-list ul {margin: -20px -5px;}
	.item-list ul li {width: 25%; padding: 20px 5px;}
	.item-list ul li a .thumb {margin-bottom: 15px;}
	.item-list ul li a .tit {font-size:22px;}
	/* 차양 제품 검색 - 뷰 */
	.search-view:before {width: 100%;}
	.view-wrap > div {padding-top: 120px; padding-bottom: 110px;}
	.view-wrap .thumb-box {position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: 400px; background: transparent; padding: 0;}
	.view-wrap .thumb-box .img-box {margin-bottom: 18px;}
	.view-wrap .thumb-box .text-box h5 {font-size: 20px;}

	.view-wrap .details-box {padding-left: 0;}
	.view-wrap .details-box .title {padding-bottom: 30px; margin-bottom: 30px;}
	.view-wrap .details-box .title small {font-size: 15px; margin: 7px 0 12px;}
	.view-wrap .details-box .title h3 {font-size: 45px; margin-bottom: 11px;}
	.view-wrap .details-box .title p {font-size: 18px;}

	.view-wrap .details-box .thumb-mob-box {height: 500px;}

	.view-arti-title h4 {font-size: 22px; padding-right: 10px;}
	.view-arti-title h4:after {bottom: 4px; right: 0;}
	.details-box .color-tab-menu .view-arti-title {margin-bottom: 15px;}
	.details-box .color-tab-menu .items {flex-wrap: wrap; margin: -10px -5px;}
	.details-box .color-tab-menu .item {width: 20%; padding: 10px 5px;}
	.details-box .color-tab-menu .item .pic {margin-bottom: 8px;}
	.details-box .color-tab-menu .item p {font-size: 13px;}
	.details-box .color-tab-menu .text-box {margin: 40px 0 35px;}
	.details-box .color-tab-menu .text-box p {font-size: 18px;}

	.details-box .spec .view-arti-title {align-items: center; padding: 20px 0 20px;}
	.details-box .spec .view-arti-title .btn-spec {width: 35px; height: 35px;}
	
	.details-box .spec .spec-box {padding: 30px 0;}
	.details-box .spec .spec-box dl {margin-bottom: 15px;}
	.details-box .spec .spec-box dt {max-width: 220px; font-size: 16px;}
	.details-box .spec .spec-box dd {width: calc(100% - 220px); font-size: 16px;}

	.details-box .text-cont {font-size: 16px; padding: 30px 0;}

	.details-box .download {padding: 35px 0;}
	.details-box .download .view-arti-title {max-width: 230px;}
	.details-box .download .file-wrap {margin: -5px;}
	.details-box .download .file-wrap .file {padding: 5px;}
	.details-box .download .file-wrap .file a {width: 220px; height: 50px; padding: 0 40px 0 25px; font-size: 15px; line-height: 48px;}
	.details-box .download .file-wrap .file a:after {right: 20px;}
	/* 5-1 */
	.windowstory .arti01 {padding-bottom: 100px;}
	.windowstory .arti01 .wrap {display: flex;}
	.windowstory .arti01 .img-box {max-width: 400px;}
	.windowstory .arti01 .text-box {padding-top: 10px; padding-left: 40px;}
	.windowstory .arti01 .text-box .logo {padding-bottom: 30px; margin-bottom: 25px;}
	.windowstory .arti01 .text-box .logo img {width: 350px;}
	.windowstory .arti01 .text-box b {font-size: 30px; margin-bottom: 20px;}
	.windowstory .arti01 .text-box p {font-size: 18px; margin-bottom: 25px;}
	.windowstory .arti02 {padding: 100px 0 120px;}
	.windowstory .arti02 .items {margin: -5px;}
	.windowstory .arti02 .item {padding: 5px;}
	.windowstory .arti02 .item .inner {padding: 50px 20px 40px;}
	.windowstory .arti02 .item .icon {width: 51px; height: 50px; margin: 0 auto 24px;}
	.windowstory .arti02 .item dt {font-size: 15px; margin-bottom: 8px;}
	.windowstory .arti02 .item dd {font-size: 18px;}
	.windowstory .arti02 .item dd a {word-break: break-all;}
	.windowstory .arti03 {padding: 100px 0 120px;}
	.windowstory .arti03 table col:nth-child(1) {width: 180px;}
	.windowstory .arti03 table col:nth-child(3) {width: 150px;}
	.windowstory .arti03 table col:nth-child(4) {width: 130px;}
	.windowstory .arti03 table tr {height: 86px;}
	.windowstory .arti03 table th {font-size: 18px; padding: 10px;}
	.windowstory .arti03 table td {font-size: 18px; padding: 10px;}
	.windowstory .arti03 table .td-adr {padding: 10px 10px 10px 20px;}
	.windowstory .arti03 table .td-adr span {margin-right: 15px;}
	.windowstory .arti03 table td .btn-map {width: 76px; line-height: 30px; font-size: 14px; padding: 0 15px;} 
	.windowstory .arti03 table td .btn-map:after {right: 15px;}
	.windowstory .arti03 table td .btn-site {width: 110px; line-height: 38px; font-size: 14px; padding: 0 12px;}
	.windowstory .arti03 table td .btn-site:after {right: 12px;}
	.windowstory .arti04 {padding: 100px 0 120px;}
	.windowstory .arti04 .items {margin: -5px -5px 60px;}
	.windowstory .arti04 .item {width: 33.3333%; padding: 5px 5px;}
	.windowstory .arti04 .item .img-box {padding: 30px 40px 40px;}
	.windowstory .arti04 .item .text-box {height: 70px; padding: 10px;}
	.windowstory .arti04 .item .text-box p {font-size: 18px; margin-right: 15px;}
	.windowstory .arti04 .item .text-box span {width: 23px; height: 30px;}
	/* s5-2 */
	.location {padding: 100px 0 120px; margin-top: 100px;}
	.location .map {margin-bottom: 30px;}
	.location .map iframe {height:400px;}
	/* .location .root_daum_roughmap {width:100% !important; height:400px !important;}
	.location .root_daum_roughmap .wrap_map {height:400px !important;} */
	.location .info {font-size: 18px;}
	.location .info dt {max-width: 100px;}
	.location .info dd {width: calc(100% - 100px);}
	.location .btn-area a {width: 50px; height: 50px;}
}

@media (max-width: 768px) {
	.sub-visual {height: 300px;}
	.sub-visual h2 {font-size: 38px; padding-top: 60px;}

	.lnb-wrap .container {display: block;}
	#lnb ul {margin: 0 -5px;}
	#lnb ul li {padding: 0 5px; flex: 1;}
	#lnb ul li a {justify-content: center; height: 60px; font-size: 15px; text-align: center;}

	.path {margin-top: 15px;}
	.path ul {justify-content: flex-end; flex-wrap: wrap; margin: 0 -12px;}
	.path ul li {font-size: 15px; padding: 0 12px;}

	.sub-cont {padding:110px 0 100px;}

	.page-title {margin-bottom: 40px;}
	.page-title h3 {font-size: 30px; padding-top: 15px; margin-bottom: 15px;}
	.page-title p {font-size: 16px;}

	.arti-title {margin-bottom: 30px;}
	.arti-title h4 {font-size: 28px; }
	.arti-title p {font-size: 20px; margin-top: 25px;}

	/* s1-1 */
	.introduce .arti01 {padding-bottom: 80px;}
	.introduce .arti01 .wrap {display: block;}
	.introduce .arti01 .video-box {max-width: none; margin-bottom: 20px;} 
	.introduce .arti01 .text-box {width: 100%; flex: auto; padding-top: 20px; padding-left: 0;}
	.introduce .arti01 .text-box .logo {padding-bottom: 15px; margin-bottom: 20px;}
	.introduce .arti01 .text-box .logo img {width: 200px;}
	.introduce .arti01 .text-box p {font-size: 16px;}
	.introduce .arti02 {padding: 80px 0;}
	.introduce .arti02 .items {flex-wrap: wrap; margin: -10px;}
	.introduce .arti02 .item {width: 100%; padding: 10px;}
	.introduce .arti02 .item .inner {height: 380px;}
	.introduce .arti02 .item .text-box {padding: 50px 25px 30px;}
	.introduce .arti02 .item .text-box h5 {font-size: 24px; margin-bottom: 15px;}
	.introduce .arti02 .item .text-box p {font-size: 16px;}
	.introduce .arti02 .item .icon {top: 25px; right: 25px; width: 50px; height: 50px;}
	.introduce .arti03 {padding: 80px 0;}
	.introduce .arti03 .arti-title {margin-bottom: 90px;}
	.introduce .arti03 .items {flex-wrap: wrap; margin: -35px -10px;}
	.introduce .arti03 .item {width: 100%; padding: 35px 10px;}
	.introduce .arti03 .item .inner {padding: 110px 20px 40px;}
	.introduce .arti03 .item .icon {top: -50px; margin-left: -50px; width: 100px; height: 100px; background-size: 100px auto;}
	.introduce .arti03 .item .icon:before {bottom: -31px; height: 31px;}
	.introduce .arti03 .item .icon:after {bottom: -36px;}
	.introduce .arti03 .item b {font-size: 20px; margin-bottom: 10px;}
	.introduce .arti03 .item p {font-size: 16px;}
	.introduce .arti04 .text-box {padding: 28px 30px;font-size: 18px;}
	.introduce .arti04 .slick-prev {left: 10px;} 
	.introduce .arti04 .slick-next {right: 10px;}
	/* s2-1 */
	.business .item {flex-wrap:wrap; margin: 0 0 60px;}
	.business .item > div {width: 100%; padding: 0;}
	.business .item .img-box {margin-bottom: 15px;}
	.business .item:nth-child(odd) .text-box .inner {padding: 0;}
	.business .item:nth-child(even) .text-box .inner {padding: 0;}
	.business .item .text-box .icon {width: 78px; height: 57px; background-size: 56px auto; margin-bottom: 5px;}
	.business .item .text-box small {font-size: 15px; margin-bottom: 10px;}
	.business .item .text-box h4 {font-size: 26px; margin-bottom: 15px;}
	.business .item .text-box p {font-size: 16px;}
	.business .slick-prev {left: 10px;} 
	.business .slick-next {right: 10px;}
	/* s3-1 */
	.title-img-box {height: 280px;}
	.title-img-box:before {height: 40px;}
	.title-img-box:after {bottom: 40px; height: 40px;}
	.title-img-box h4 {font-size: 28px; margin-bottom: 14px;}
	.title-img-box p {font-size: 16px; padding-bottom: 17px;}
	.product-details {padding-top: 70px;}
	.product-details:before {height: calc(100% - 200px);}
	.product-details .cont-wrap {display: block; padding: 40px 10px 50px;}
	.product-details .cont-wrap:last-child {border-bottom: 0; padding-bottom: 80px;}
	.product-details .title-box {margin-bottom: 20px;}
	.product-details .title-box h5 {font-size: 24px; padding-left: 22px;}
	.product-details .title-box h5:before {top: 16px; width: 12px;}
	.product-details .cont-box .text-box {margin-bottom: 30px;}
	.product-details .cont-box .p-20 {font-size: 16px; margin-bottom: 15px;}
	.product-details .cont-box .p-32 {font-size: 20px; margin-bottom: 30px;} 
	.product-details .cont-box .img-wrap {margin: -5px;}
	.product-details .cont-box .img-wrap li {padding: 5px;}
	.product-details .details-list > li {flex-wrap: wrap; padding: 20px 5px 25px;}
	.product-details .details-list .num {max-width: none; width: 100%; text-align: left; font-size: 16px; margin-bottom: 10px;}
	.product-details .details-list .num:after {display: none;}
	.product-details .details-list .text {padding-left: 0; padding-right: 10px;}
	.product-details .details-list .text h6 {font-size: 20px; margin-bottom: 10px;}
	.product-details .details-list .text h6 span {padding-right: 20px; margin-right: 0;}
	.product-details .details-list .text ul li {font-size: 16px; padding-left: 14px;}
	.product-details .details-list .text ul li:not(:last-child) {margin-bottom: 4px;}
	.product-details .details-list .text ul li:before {top: 8px;}
	.product-details .details-list .icon {max-width: 100px; height: 100px; background-size: 100px auto;}
	.product-bottom {height: 350px;}
	.product-bottom h4 {font-size: 36px; margin-bottom: 20px;}
	.btn-product-search {width: 210px; height: 50px; font-size: 15px; line-height: 46px; padding-right: 22px; margin-bottom: 10px;}
	.btn-product-search:after {right: 20px;}
	.btn-product-search:hover:after {right: 15px;}
	/* s3-2-1 */
	.suntin .arti01 .title-img-box img {width: 130px;}
	.suntin .arti01 .img-box {display: block; padding: 30px 20px 40px;}
	.suntin .arti01 .img-box .box:nth-child(1) {padding-right: 0; margin-bottom: 40px;}
	.suntin .arti01 .img-box .box:nth-child(1):after {display: none;}
	.suntin .arti01 .img-box .box:nth-child(2) {padding-left: 0;}
	.suntin .arti01 .img-box figcaption {font-size: 20px; margin-bottom: 15px;}
	.suntin .arti01 .img-box figure {text-align: center;}
	.product-details .text-list {flex-wrap: wrap; margin: -5px;}
	.product-details .text-list li {width: 100%; padding: 5px;}
	.product-details .text-list li .inner {padding: 30px 20px;}
	.product-details .text-list li b {font-size: 20px; padding-left: 34px; margin-bottom: 10px;}
	.product-details .text-list li b:before {width: 24px; height: 24px; background-size: 24px auto;}
	.product-details .text-list li p {font-size: 16px;}

	.suntin .arti01 .details-list .icon {background-position: left center;}
	
	.product-details .img-list {flex-wrap: wrap; justify-content: center; margin: -5px -5px 20px;}
	.product-details .img-list li {width: 33.333%; padding: 5px;}
	.product-details .img-list li .inner {padding: 30px 15px 25px;}
	.product-details .img-list li img {margin-bottom: 15px;}
	.product-details .img-list li p {font-size: 16px;}

	.product-details .table-caption {display: block; margin-top: 15px;}
	.product-details .table-caption .box {max-width: none;}
	.product-details .table-caption p {font-size: 15px;}
	/* s3-3 */
	.product-details .check-list {padding: 25px 20px; margin-bottom: 30px;}
	.product-details .check-list li {font-size: 16px; padding-left: 36px; margin-bottom: 10px;}
	.product-details .check-list li:before {width: 24px; height: 24px;}

	.hybrid .arti03 .video-wrap02 {flex-wrap: wrap; margin: 5px -5px -5px;}
	.hybrid .arti03 .video-wrap02 li {width: 100%; padding: 5px;}
	/* s3-4-1 차양 제품 검색 - 인트로 */
	.search-intro .items {margin: -20px -5px;}
	.search-intro .item {width: 50%; padding: 20px 5px;}
	.search-intro .item .img-box {margin-bottom: 20px;}
	.search-intro .item .text-box h4 {font-size: 24px; margin-bottom: 6px;}
	.search-intro .item .text-box p {font-size: 16px;}
	/* 차양 제품 검색 - 리스트 */
	.search-list .intro {padding-bottom: 50px;}
	.search-list .intro .title-img-box {margin-bottom: 40px;}
	.search-list .intro .text-box p {font-size: 16px;}
	.search-list .intro .text-box dl {font-size: 16px; margin-top: 20px;}
	.search-list .intro .text-box dt {max-width: 150px;}

	.search-list .design {padding: 10px 0 80px;}
	.search-list .design .items {flex-wrap: wrap; margin: -20px -5px;}
	.search-list .design .item {padding: 20px 5px;}
	.search-list .design .col04 .item {width: 50%;}
	.search-list .design .item .img-box {margin-bottom: 15px;}
	.search-list .design .item h5 {font-size: 24px; margin-bottom: 5px;}
	.search-list .design .item p {font-size: 16px;}
	
	.s3_4_9 .design .col03 .item {width: 50%;}
	.s3_4_9 .design .col03 .item .text-box {height: 180px;}

	.search-list .list-wrap {padding: 50px 0 100px;}
	.search-list .filter-wrap {padding-bottom: 40px; margin-bottom: 40px;}
	.search-list .filter-wrap .items {padding: 15px 15px; margin-bottom: 20px;}
	.search-list .filter-wrap .item {display: block; padding: 10px 0;}
	.search-list .filter-wrap .item-title {max-width: 100%; line-height: 40px; font-size: 15px; margin-bottom: 12px;}
	.search-list .filter-wrap .radio-wrap {padding-left: 0;}
	.search-list .filter-wrap .radio-wrap label {max-width: 100%; width: 50%; padding: 3px 0 3px 15px;}
	.search-list .filter-wrap .radio-wrap label:nth-child(2n):after {display: none;}
	.search-list .filter-wrap .radio-wrap input[type='checkbox'] {width: 18px; height: 18px;}
	.search-list .filter-wrap .radio-wrap span {font-size: 15px; padding-left: 5px;}
	.search-list .filter-wrap .btn-wrap button {max-width: 100%; width: calc(50% - 5px); line-height: 38px; font-size: 15px;}
	
	.item-list {margin-bottom: 40px;}
	.item-list ul {margin: -20px -5px;}
	.item-list ul li {width: 50%; padding: 20px 5px;}
	.item-list ul li a .thumb {margin-bottom: 10px;}
	.item-list ul li a .tit {font-size:20px;}
	/* 차양 제품 검색 - 뷰 */
	.view-wrap {display: block;}
	.view-wrap > div {padding-top: 100px; padding-bottom: 100px;}
	.view-wrap .thumb-box {max-width: 320px; }
	.view-wrap .thumb-box .img-box {margin-bottom: 12px;}
	.view-wrap .thumb-box .text-box h5 {font-size: 18px;}

	.view-wrap .details-box {width: 100%; flex: auto; padding-left: 0;}
	.view-wrap .details-box .title {padding-bottom: 25px; margin-bottom: 25px;}
	.view-wrap .details-box .title small {font-size: 15px; margin: 7px 0 10px;}
	.view-wrap .details-box .title h3 {font-size: 35px; margin-bottom: 11px;}
	.view-wrap .details-box .title p {font-size: 16px;}

	.view-wrap .details-box .thumb-mob-box {height: 420px;}

	.view-arti-title h4 {font-size: 20px; padding-right: 10px;}
	.details-box .color-tab-menu .view-arti-title {margin-bottom: 10px;}
	.details-box .color-tab-menu .items {white-space:nowrap; flex-wrap: nowrap; margin: -10px -5px; overflow-x:scroll; -webkit-overflow-scrolling: touch;}
	.details-box .color-tab-menu .items::-webkit-scrollbar {width: 10px; height: 10px;}
	.details-box .color-tab-menu .items::-webkit-scrollbar-thumb {background: #ccc; border-radius: 5px; cursor: pointer;}
	.details-box .color-tab-menu .items::-webkit-scrollbar-track {background: #fff; border-radius: 5px;}
	
	.details-box .color-tab-menu .item {width: 100%; max-width:150px; min-width: 100px; padding: 10px 5px 15px;}
	.details-box .color-tab-menu .item .pic {margin-bottom: 3px;}
	.details-box .color-tab-menu .item p {font-size: 13px;}
	.details-box .color-tab-menu .text-box {margin: 40px 0 30px;}
	.details-box .color-tab-menu .text-box p {font-size: 16px;}

	.details-box .spec .view-arti-title {padding: 15px 0;}
	.details-box .spec .view-arti-title .btn-spec {width: 35px; height: 35px;}
	
	.details-box .spec .spec-box {padding: 20px 0;}
	.details-box .spec .spec-box dl {margin-bottom: 12px;}
	.details-box .spec .spec-box dt {max-width: 210px; font-size: 15px;}
	.details-box .spec .spec-box dd {width: calc(100% - 210px); font-size: 15px;}

	.details-box .text-cont {font-size: 15px; padding: 20px 0;}

	.details-box .download {padding: 25px 0;}
	.details-box .download .view-arti-title {max-width: 210px;}
	.details-box .download .file-wrap {margin: -5px;}
	.details-box .download .file-wrap .file {padding: 5px;}
	.details-box .download .file-wrap .file a {width: 220px; height: 50px; padding: 0 40px 0 25px; font-size: 15px; line-height: 48px;}
	.details-box .download .file-wrap .file a:after {right: 20px;}
	/* 5-1 */
	.windowstory .arti01 {padding-bottom: 80px;}
	.windowstory .arti01 .wrap {display: block;}
	.windowstory .arti01 .img-box {max-width: none; margin-bottom: 25px;}
	.windowstory .arti01 .text-box {width: 100%; flex: auto; padding-top: 20px; padding-left: 0;}
	.windowstory .arti01 .text-box .logo {padding-bottom: 20px; margin-bottom: 20px;}
	.windowstory .arti01 .text-box .logo img {width: 260px;}
	.windowstory .arti01 .text-box b {font-size: 24px; margin-bottom: 20px;}
	.windowstory .arti01 .text-box p {font-size: 16px; margin-bottom: 20px;}
	.windowstory .arti02 {padding: 80px 0 100px;}
	.windowstory .arti02 .items {flex-wrap: wrap;}
	.windowstory .arti02 .item {width: 50%;}
	.windowstory .arti02 .item .inner {padding: 40px 20px 30px;}
	.windowstory .arti02 .item .icon {width: 40px; height: 40px; background-size: 40px auto; margin: 0 auto 15px;}
	.windowstory .arti02 .item dt {font-size: 15px; margin-bottom: 8px;}
	.windowstory .arti02 .item dd {font-size: 18px;}
	.windowstory .arti03 {padding: 80px 0 100px;}
	.windowstory .arti03 table {border-top: 0;}
	.windowstory .arti03 table col:nth-child(1) {width: 100%;}
	.windowstory .arti03 table col:nth-child(3) {width: 100%;}
	.windowstory .arti03 table col:nth-child(4) {width: 100%;}
	.windowstory .arti03 table tr {height: auto; border-bottom: 0;}
	.windowstory .arti03 table th {display: block; width: 100%; font-size: 16px; padding: 10px; border-right: 0; border-top: 2px solid #002763;}
	.windowstory .arti03 table td {display: block; width: 100%; font-size: 16px; padding: 5px; border-right: 0;}
	.windowstory .arti03 table td:not(:last-child) {/* border-bottom: 1px solid #ddd; */}
	.windowstory .arti03 table td:last-child {padding-bottom: 10px;}
	.windowstory .arti03 table .td-tel {text-align: left;}
	.windowstory .arti03 table .td-adr {padding: 5px; text-align: left;}
	.windowstory .arti03 table .td-adr span {margin-right: 15px;}
	.windowstory .arti03 table td .btn-map {width: 76px; line-height: 28px; font-size: 14px; padding: 0 15px; text-align: left;} 
	.windowstory .arti03 table td .btn-map:after {right: 15px;}
	.windowstory .arti03 table td .btn-site {width: 110px; line-height: 30px; font-size: 14px; padding: 0 12px; margin: 0 auto 0 0;}
	.windowstory .arti03 table td .btn-site:after {right: 12px;}
	.windowstory .arti03 table td.data-none {padding: 0; margin-top: -1px; border-bottom: 1px solid #fff;} 
	.windowstory .arti04 {padding: 80px 0 100px;}
	.windowstory .arti04 .items {margin: -5px -5px 40px;}
	.windowstory .arti04 .item {width: 50%; padding: 5px 5px;}
	.windowstory .arti04 .item .img-box {padding: 30px 20px;}
	.windowstory .arti04 .item .text-box {height: 60px; padding: 10px;}
	.windowstory .arti04 .item .text-box p {font-size: 15px; margin-right: 5px;}
	.windowstory .arti04 .item .text-box span {width: 18px; height: 22px; background-size: 18px auto;}
	.windowstory .arti04 .nodata {font-size:16px; color:#666; padding:40px 0;}
	/* s5-2 */
	.location {padding: 80px 0 100px; margin-top: 80px;}
	.location .map {margin-bottom: 30px;}
	.location .map iframe {height:250px;}
	/* .location .root_daum_roughmap {width:100% !important; height:250px !important;}
	.location .root_daum_roughmap .wrap_map {height:250px !important;} */
	.location .info-wrap {display: block;}
	.location .info {font-size: 16px;}
	.location .info dt {max-width: 90px;}
	.location .info dd {width: calc(100% - 90px); white-space: normal;}
	.location .btn-area {justify-content: flex-end; margin-top: 20px;}
	.location .btn-area a {width: 50px; height: 50px;}
}

@media (max-width: 480px) {
	/* s2-2 */
	.introduce .arti02 .item .inner {height: 470px;}
	/* s3-1 */
	.product-details .details-list .icon {max-width: none; width: 100%; height: 80px; background-size: 80px auto; background-position: right center; margin-top: 10px;}
	/* s3-2-1 */
	.suntin .arti01 .details-list .text {padding: 0;}
	.suntin .arti01 .details-list .icon {margin-top: 0; margin-bottom: 10px;}
	/* s3-4-1 차양 제품 검색 - 인트로 */
	.search-intro .item {width: 100%;}
	/* 차양 제품 검색 - 리스트 */
	.search-list .intro .text-box dl {display: block;}
	.search-list .intro .text-box dd {width: 100%; flex: auto; padding-left: 10px;}
	.s3_4_9 .design .col03 .item {width: 100%;}
	.s3_4_9 .design .col03 .item .text-box {height: auto; margin-bottom: 15px;}
	/* 차양 제품 검색 - 뷰 */
	.details-box .color-tab-menu .item {min-width: 80px;}
	.details-box .spec .spec-box dl {display: block; margin-bottom: 5px;}
	.details-box .spec .spec-box dt {max-width: none; background: #dfe3e9; color: #002664; padding: 10px 17px;}
	.details-box .spec .spec-box dd {width: 100%; padding: 13px 17px;}
	.details-box .download {display: block;}
	.details-box .download .view-arti-title {max-width: none; margin-bottom: 15px;}
	.details-box .download .file-wrap .file {width: 100%;}
	.details-box .download .file-wrap .file a {width: 100%;}
}