@charset "utf-8";

.sub-visual {height: 560px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.sub-visual01 {background-image: url('../img/sub/sub_visual01.jpg');}
.sub-visual02 {background-image: url('../img/sub/sub_visual02.jpg');}
.sub-visual03 {background-image: url('../img/sub/sub_visual03.jpg');}
.sub-visual04 {background-image: url('../img/sub/sub_visual04.jpg');}
.sub-visual05 {background-image: url('../img/sub/sub_visual05.jpg');}
.sub-visual h2 {display: flex; align-items: center; height: 100%; font-size: 65px; font-weight: 700; line-height: 1.4em; color: #fff; padding-top: 110px;}

.lnb-wrap {height: 80px; border-bottom: 1px solid #ddd;}
.lnb-wrap .container {display: flex; justify-content: space-between; align-items: center;}
#lnb {overflow: hidden;}
#lnb ul {display: flex; margin: 0 -35px;}
#lnb ul li {padding: 0 35px;}
#lnb ul li a {position: relative; display: flex; align-items: center; height: 80px; font-size: 18px; line-height: 1.4em; color: #666; transition: all 0.4s;}
#lnb ul li.active a {font-weight: 600; color: #001f5d;}
#lnb ul li a:hover {font-weight: 600; color: #001f5d;}
#lnb ul li a:before {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; height: 3px; background: #001f5d;}
#lnb ul li.active a:before {width: 100%;}

.path ul {display: flex; align-items: center; margin: 0 -14px;}
.path ul li {position: relative; padding: 0 14px; font-size: 16px; font-weight: 500; line-height: 1.2em; color: #999;}
.path ul li:after {position: absolute; top: 50%; margin-top: -6px; right: -4px; content: ''; width: 8px; height: 13px; background: url('../img/sub/path_icon_arrow.png') no-repeat center center;}
.path ul li:last-child:after {display: none;}
.path ul li.home img {display: block;}

.sub-cont {padding:170px 0 180px;}
.sub-cont.type02 {padding-bottom: 0;}

.page-title {margin-bottom: 90px;}
.page-title h3 {position: relative; font-size: 60px; font-weight: 700; line-height: 1.4em; color: #000; text-align: center; padding-top: 15px; margin-bottom: 47px;}
.page-title h3:before {position: absolute; top: 0; left: 50%; margin-left: -4px; content: ''; width: 8px; height: 8px; background: #001f5d;}
.page-title p {font-size: 22px; line-height: 1.72em; color: #666; text-align: center;}
.page-title p b {font-weight: 600; color: #000;}

.arti-title {margin-bottom: 65px;}
.arti-title h4 {font-size: 55px; font-weight: 600; line-height: 1.4em; color: #000; text-align: center;}
.arti-title p {font-size: 36px; line-height: 1.44em; color: #000; margin-top: 55px; text-align: center;}
.arti-title p b {font-weight: 600; color: #001f5d;}

/* s1-1 */
.introduce .arti01 {padding-bottom: 190px;}
.introduce .arti01 .wrap {display: flex;}
.introduce .arti01 .video-box {max-width: 750px; width: 100%; }
.introduce .arti01 .video-box .box {position: relative; height: 0; padding-bottom: 56.25%;}
.introduce .arti01 .video-box iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;} 
.introduce .arti01 .text-box {width: 1%; flex: 1 1 auto; padding-top: 50px; padding-left: 100px;}
.introduce .arti01 .text-box .logo {padding-bottom: 50px; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
.introduce .arti01 .text-box p {font-size: 20px; line-height: 1.7em; color: #666;}
.introduce .arti02 {padding: 155px 0 190px; background: #f8f8f8;}
.introduce .arti02 .items {display: flex; margin: 0 -10px;}
.introduce .arti02 .item {width: 50%; padding: 0 10px;}
.introduce .arti02 .item .inner {position: relative; width: 100%; height: 470px; overflow: hidden;}
.introduce .arti02 .item .inner:before {position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 100%; background: #001f5d; opacity: 0; transition: all 0.7s; z-index: 2;}
.introduce .arti02 .item .inner:hover:before {opacity: 0.85;}
.introduce .arti02 .item .img-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;	z-index: 1;}
.introduce .arti02 .item:nth-child(1) .img-box {background-image: url('../img/sub/introduce_visioin_img01.jpg');}
.introduce .arti02 .item:nth-child(2) .img-box {background-image: url('../img/sub/introduce_visioin_img02.jpg');}
.introduce .arti02 .item .text-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 38px 70px;}
.introduce .arti02 .item .text-box h5 {font-size: 36px; font-weight: 600; line-height: 1.44em; color: #fff; margin-bottom: 21px;}
.introduce .arti02 .item .text-box p {height: 0; opacity: 0; font-size: 20px; line-height: 1.7em; color: rgba(255,255,255,0.9); transition: all 0.5s;}
.introduce .arti02 .item .inner:hover .text-box p {opacity: 0.9; margin-bottom: 23px; transition: all 0.5s;}
.introduce .arti02 .item:nth-child(1) .inner:hover .text-box p {height: 145px;}
.introduce .arti02 .item:nth-child(2) .inner:hover .text-box p {height: 170px;}
.introduce .arti02 .item .icon {position: absolute; top: 60px; right: 60px; width: 60px; height: 60px; border: 2px solid #fff; border-radius: 50%; background: url('../img/sub/introduce_vision_icon_more.png') no-repeat center center; z-index: 2; transition: all 0.5s;}
.introduce .arti02 .item .inner:hover .icon {background-image: url('../img/sub/introduce_vision_icon_check.png');}
.introduce .arti03 {padding: 153px 0 145px;}
.introduce .arti03 .arti-title {margin-bottom: 130px;}
.introduce .arti03 .items {display: flex; margin: 0 -10px;}
.introduce .arti03 .item {width: 25%; padding: 0 10px;}
.introduce .arti03 .item .inner {position: relative; height: 100%; padding: 148px 40px 64px; background: #f8f8f8; text-align: center;}
.introduce .arti03 .item .icon {position: absolute; top: -70px; left: 50%; margin-left: -70px; width: 140px; height: 140px; background-repeat: no-repeat; background-position: center center;}
.introduce .arti03 .item .icon:before {position: absolute; bottom: -41px; left: 50%; content: ''; width: 1px; height: 41px; background: rgba(0,31,93,0.4);}
.introduce .arti03 .item .icon:after {position: absolute; bottom: -46px; left: 50%; margin-left: -2px; content: ''; width: 5px; height: 5px; background: #001f5d; border-radius: 50%;}
.introduce .arti03 .item:nth-child(1) .icon {background-image: url('../img/sub/introduce_capacity_icon01.png');}
.introduce .arti03 .item:nth-child(2) .icon {background-image: url('../img/sub/introduce_capacity_icon02.png');}
.introduce .arti03 .item:nth-child(3) .icon {background-image: url('../img/sub/introduce_capacity_icon03.png');}
.introduce .arti03 .item:nth-child(4) .icon {background-image: url('../img/sub/introduce_capacity_icon04.png');}
.introduce .arti03 .item b {display: block; font-size: 26px; font-weight: 600; line-height: 1.46em; color: #000; margin-bottom: 14px;}
.introduce .arti03 .item p {font-size: 20px; line-height: 1.7em; color: #666;}
.introduce .arti04 .wrap {position: relative;}
.introduce .arti04 .item {position: relative;}
.introduce .arti04 .text-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: flex-end; padding: 30px 50px;font-size: 26px; font-weight: 600; line-height: 1.3em; color: #fff;}
.introduce .arti04 .slick-arrow {position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(0,31,93,0.8); background-repeat: no-repeat; background-position: center center; font-size: 0; border: 0;}
.introduce .arti04 .slick-prev {left: 40px; background-image: url('../img/sub/introduce_facility_btn_prev.png');} 
.introduce .arti04 .slick-next {right: 40px; background-image: url('../img/sub/introduce_facility_btn_next.png');}
.introduce .arti04 .progress {display: block; width: 100%; height: 4px; overflow: hidden; background-color: #d4d4d4; background-image: linear-gradient(to right, #001f5d, #001f5d); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}

/* s2-1 */
.business .item {display: flex; justify-content: space-between; align-items: center; margin: 0 -20px 100px;}
.business .item:nth-child(even) {flex-direction: row-reverse;}
.business .item:last-child {margin-bottom: 0;}
.business .item > div {width: 50%; padding: 0 20px;}
.business .item .img-box img {/* box-shadow: 0px 10px 25px 0px rgba(112, 112, 112, 0.29); */}
.business .item:nth-child(odd) .text-box .inner {padding: 0 102px 0 60px;}
.business .item:nth-child(even) .text-box .inner {padding: 0 60px 0 100px;}
.business .item .text-box .icon {width: 78px; height: 57px; background-repeat: no-repeat; background-position: left center; margin-bottom: 30px;}
.business .item:nth-child(1) .text-box .icon {background-image: url('../img/sub/business_icon01.png');}
.business .item:nth-child(2) .text-box .icon {background-image: url('../img/sub/business_icon02.png');}
.business .item:nth-child(3) .text-box .icon {background-image: url('../img/sub/business_icon03.png');}
.business .item .text-box small {display: block; font-size: 16px; font-weight: 600; line-height: 1em; color: #001f5d; margin-bottom: 15px;}
.business .item .text-box h4 {font-size: 50px; font-weight: 600; line-height: 1.3em; color: #000; margin-bottom: 30px;}
.business .item .text-box p {font-size: 20px; line-height: 1.7em; color: #666;}
.business .slide-wrap {position: relative;}
.business .slick-arrow {position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(0,31,93,0.8); background-repeat: no-repeat; background-position: center center; font-size: 0; border: 0;}
.business .slick-prev {left: 60px; background-image: url('../img/sub/introduce_facility_btn_prev.png');} 
.business .slick-next {right: 60px; background-image: url('../img/sub/introduce_facility_btn_next.png');}

/* s3-1 */
.title-img-box {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 460px; background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: 0px 10px 25px 0px rgba(112, 112, 112, 0.29); text-align: center;}
.wintec .arti01 .title-img-box {background-image: url('../img/sub/wintec_arti01_title_img.jpg');}
.wintec .arti02 .title-img-box {background-image: url('../img/sub/wintec_arti02_title_img.jpg');}
.wintec .arti03 .title-img-box {background-image: url('../img/sub/wintec_arti03_title_img.jpg');}
.title-img-box:before {position: absolute; bottom: 0; left: 50%; content: ''; width: 1px; height: 60px; background: #fff;}
.title-img-box:after {position: absolute; bottom: 60px; left: 50%; margin-left: -1px; content: ''; width: 3px; height: 60px; background: #fff;}
.title-img-box h4 {font-family: 'montserrat'; font-size: 55px; font-weight: 700; line-height: 1em; letter-spacing: 0.15em; color: #fff; margin-bottom: 17px;}
.title-img-box p {font-size: 22px; font-weight: 500; line-height: 1.4em; color: #fff; padding-bottom: 17px;}
.product-details {position: relative; padding-top: 170px;}
.product-details.arti04 {padding-top: 0;}
.product-details:before {position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: calc(100% - 330px); background: #f8f8f8;}
.product-details .cont-wrap {display: flex; padding: 76px 40px 80px; border-bottom: 1px solid #ddd;}
.product-details .cont-wrap:last-child {border-bottom: 0; padding-bottom: 190px;}
.product-details .title-box {max-width: 500px; width: 100%;}
.product-details .title-box h5 {position: relative; font-size: 36px; font-weight: 600; line-height: 1.44em; color: #000; padding-left: 40px;}
.product-details .title-box h5:before {position: absolute; top: 22px; left: 0; content: ''; width: 20px; height: 3px; background: #001f5d;}
.product-details .cont-box {width: 1%; flex: 1 1 auto;}
.product-details .cont-box .text-box {margin-bottom: 52px;}
.product-details .cont-box .p-20 {font-size: 20px; line-height: 1.7em; color: #666; margin-bottom: 34px;}
.product-details .cont-box .p-32 {font-size: 32px; line-height: 1.5em; color: #000; margin-bottom: 50px;} 
.product-details .cont-box p b {font-weight: 600; color: #000;}
.product-details .cont-box .img-wrap {display: flex; margin: 0 -12px;}
.product-details .cont-box .img-wrap li {padding: 0 12px;}
.product-details .details-list {border-top: 2px solid #001f5e;}
.product-details .details-list > li {display: flex; align-items: center; padding: 35px 0 45px; border-bottom: 1px dashed #ddd;}
.product-details .details-list > li:last-child {border-bottom: 1px solid #ddd;}
.product-details .details-list .num {position: relative; max-width: 120px; width: 100%; font-size: 22px; font-weight: 700; line-height: 1.2em; color: #001f5d; text-align: center;}
.product-details .details-list .num:after {position: absolute; top: 50%; margin-top: -10px; right: 0; content: ''; width: 1px; height: 20px; background: #ddd;}
.product-details .details-list .text {width: 1%; flex: 1 1 auto; padding-left: 50px; padding-right: 10px;}
.product-details .details-list .text h6 {font-size: 26px; font-weight: 700; line-height: 1.4em; color: #000; margin-bottom: 13px;}
.product-details .details-list .text h6 span {position: relative; color: #001f5d; padding-right: 20px; margin-right: 20px;}
.product-details .details-list .text h6 span:after {position: absolute; top: 50%; margin-top: -10px; right: 0; content: ''; width: 1px; height: 20px; background: #ddd;}
.product-details .details-list .text h6 figure {display: inline-block;}
.product-details .details-list .text h6 img {display: inline-block; vertical-align: middle;}
.product-details .details-list .text h6 img:nth-child(1) {margin-left: 10px;}
.product-details .details-list .text ul li {position: relative; font-size: 20px; line-height: 1.4em; color: #666; padding-left: 16px;}
.product-details .details-list .text ul li:not(:last-child) {margin-bottom: 6px;}
.product-details .details-list .text ul li:before {position: absolute; top: 12px; left: 2px; content: ''; width: 4px; height: 4px; background: #666;}
.product-details .details-list .icon {max-width: 170px; width: 100%; height: 140px; background-repeat: no-repeat; background-position: left center;}
.wintec .arti01.product-details .details-list >li:nth-child(1) .icon {background-image: url('../img/sub/wintec_arti01_details_icon01.png');}
.wintec .arti01.product-details .details-list >li:nth-child(2) .icon {background-image: url('../img/sub/wintec_arti01_details_icon02.png');}
.wintec .arti01.product-details .details-list >li:nth-child(3) .icon {background-image: url('../img/sub/wintec_arti01_details_icon03.png');}
.wintec .arti01.product-details .details-list >li:nth-child(4) .icon {background-image: url('../img/sub/wintec_arti01_details_icon04.png');}
.wintec .arti01.product-details .details-list >li:nth-child(5) .icon {background-image: url('../img/sub/wintec_arti01_details_icon05.png');}
.wintec .arti02.product-details .details-list >li:nth-child(1) .icon {background-image: url('../img/sub/wintec_arti02_details_icon01.png');}
.wintec .arti02.product-details .details-list >li:nth-child(2) .icon {background-image: url('../img/sub/wintec_arti02_details_icon02.png');}
.wintec .arti02.product-details .details-list >li:nth-child(3) .icon {background-image: url('../img/sub/wintec_arti02_details_icon03.png');}
.wintec .arti02.product-details .details-list >li:nth-child(4) .icon {background-image: url('../img/sub/wintec_arti02_details_icon04.png');}
.wintec .arti03.product-details .cont-box .p-20 {margin-bottom: 0;}
.wintec .arti03.product-details .cont-box .img-wrap li img {border: 1px solid #ddd;}
.wintec .arti03.product-details .details-list >li:nth-child(1) .icon {background-image: url('../img/sub/wintec_arti03_details_icon01.png');}
.wintec .arti03.product-details .details-list >li:nth-child(2) .icon {background-image: url('../img/sub/wintec_arti03_details_icon02.png');}
.wintec .arti03.product-details .details-list >li:nth-child(3) .icon {background-image: url('../img/sub/wintec_arti03_details_icon03.png');}
.product-bottom {height: 540px; background: url('../img/sub/product_bottom_bg.jpg') no-repeat center center/cover;}
.product-bottom .container {display: flex; flex-direction: column; justify-content: center;}
.product-bottom h4 {font-family: 'montserrat'; font-size: 55px; font-weight: 700; line-height: 1em; color: #fff; margin-bottom: 60px;}
.btn-product-search {position: relative; width: 270px; height: 70px; font-size: 16px; font-weight: 500; line-height: 66px; font-weight: 500; color: #fff; border: 2px solid #fff; border-radius: 35px; text-align: center; padding-right: 32px; margin-bottom: 20px; transition: all 0.5s;}
.btn-product-search:hover {background: rgba(255,255,255,0.3);}
.btn-product-search:after {position: absolute; top: 50%; margin-top: -6px; right: 44px; content: ''; width: 15px; height: 13px; background: url('../img/sub/btn_more_white.png') no-repeat right center; transition: all 0.3s;}
.btn-product-search:hover:after {right: 39px;}

/* s3-2-1 */
.suntin .arti01.product-details {padding-top: 0;}
.suntin .arti01 .title-img-box {background-image: url('../img/sub/suntin_arti01_title_img.jpg');}
.suntin .arti01 .title-img-box img {padding-bottom: 50px;}

.suntin .arti01 .img-box {position: relative; display: flex; justify-content: space-between; padding: 37px 40px 60px; background: #fff; margin-bottom: 20px;}
.suntin .arti01 .img-box .box {display: flex; flex-direction: column; justify-content: space-between;}
.suntin .arti01 .img-box .box:nth-child(1) {position: relative; padding-right: 20px;}
.suntin .arti01 .img-box .box:nth-child(1):after {position: absolute; top: 50%; right: -20px; transform: translateY(-50%); margin-top: 10px; content: ''; width: 1px; height: 86%; background: #ddd;}
.suntin .arti01 .img-box .box:nth-child(2) {padding-left: 20px;}
.suntin .arti01 .img-box figcaption {font-size: 26px; font-weight: 600; line-height: 1.3em; color: #333; margin-bottom: 27px;}

.product-details .text-list {display: flex; margin: 0 -10px;}
.product-details .text-list li {width: 50%; padding: 0 10px;}
.product-details .text-list li .inner {height: 100%; background: #fff; padding: 52px 40px;}
.product-details .text-list li b {position: relative; display: block; font-size: 26px; font-weight: 700; line-height: 1.3em; color: #333; padding-left: 45px; margin-bottom: 18px;}
.product-details .text-list li b:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 30px; border-radius: 50%;}
.product-details .text-list li:nth-child(1) b:before {background: #9a181b url('../img/sub/suntin_arti01_temp_icon_summer.png') no-repeat center center;}
.product-details .text-list li:nth-child(2) b:before {background: #001f5d url('../img/sub/suntin_arti01_temp_icon_winter.png') no-repeat center center;}
.product-details .text-list li p {font-size: 20px; line-height: 1.7em; color: #666;}

.suntin .arti01 .details-list .text {padding-left: 20px;}
.suntin .arti01 .details-list .icon {background-position: left 10px center;}
.suntin .arti01 .details-list >li:nth-child(1) .icon {background-image: url('../img/sub/suntin_arti01_details_icon01.png');}
.suntin .arti01 .details-list >li:nth-child(2) .icon {background-image: url('../img/sub/suntin_arti01_details_icon02.png');}
.suntin .arti01 .details-list >li:nth-child(3) .icon {background-image: url('../img/sub/suntin_arti01_details_icon03.png');}
.suntin .arti01 .details-list >li:nth-child(4) .icon {background-image: url('../img/sub/suntin_arti01_details_icon04.png');}
.suntin .arti01 .details-list >li:nth-child(5) .icon {background-image: url('../img/sub/suntin_arti01_details_icon05.png');}

.product-details .img-list {display: flex; margin: -10px -10px 30px;}
.product-details .img-list li {width: 20%; padding: 10px;}
.product-details .img-list li .inner {height: 100%; background: #fff; padding: 40px 15px; text-align: center;}
.product-details .img-list li img {margin-bottom: 23px;}
.product-details .img-list li p {font-size: 20px; font-weight: 600; line-height: 1.3em; color: #000;}

.product-details .table-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.product-details .table-wrap table {min-width: 700px; width: 100%; table-layout: fixed; border-top: 2px solid #001f5d;}
.product-details .table-wrap col:nth-child(1) {width: 215px;}
.product-details .table-wrap col:not(:first-child) {width: calc((100% - 215px) / 7);}
.product-details .table-wrap tr {height: 60px; border-bottom: 1px solid #ddd;}
.product-details .table-wrap thead th {font-size: 18px; font-weight: 600; line-height: 1.1em; color: #001f5d; background: #ebedf0; border-right: 1px solid #ddd;}
.product-details .table-wrap thead th:last-child {border-right: 0;}
.product-details .table-wrap thead .th-left {text-align: left; padding: 0 20px;}
.product-details .table-wrap tbody td {font-size: 18px; line-height: 1.1em; color: #666; text-align: center; border-right: 1px solid #ddd;}
.product-details .table-wrap tbody td:last-child {border-right: 0;}
.product-details .table-wrap tbody .td-left {text-align: left; padding: 0 20px;}
.product-details .table-wrap tbody .td-bold {font-weight: 600; color: #000;}
.product-details .table-caption {display: flex; margin-top: 27px;}
.product-details .table-caption .box {max-width: 330px; width: 100%;}
.product-details .table-caption p {font-size: 16px; line-height: 1.5em; color: #666;}

/* s3-3 */
.hybrid .arti01 .title-img-box {background-image: url('../img/sub/hybrid_arti01_title_img.jpg');}
.hybrid .arti02 .title-img-box {background-image: url('../img/sub/hybrid_arti02_title_img.jpg');}
.hybrid .arti03 .title-img-box {background-image: url('../img/sub/hybrid_arti03_title_img.jpg');}
.hybrid .arti04 .title-img-box {background-image: url('../img/sub/hybrid_arti04_title_img.jpg');}

.video-wrap {display: flex; margin: 0 -9px;}
.video-wrap li {width: 33.3333%; padding: 0 9px;}
.video-wrap .inner {position:relative; height:0; padding-bottom:177.78%; overflow:hidden; transition:all 0.6s;}
.video-wrap iframe {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}

.product-details .check-list {background: #fff; padding: 50px 47px 60px; margin-bottom: 47px;}
.product-details .check-list li {position: relative; font-size: 20px; line-height: 1.5em; color: #666; padding-left: 48px; margin-bottom: 15px;}
.product-details .check-list li:last-child {margin-bottom: 0;}
.product-details .check-list li:before {position: absolute; top: 0; left: 0; content: ''; width: 30px; height: 30px; background: #001f5d url('../img/sub/product_details_icon_check.png') no-repeat center center; border-radius: 50%;}

.hybrid .arti03 .video-wrap02 {display: flex; margin: 24px -12px 0;}
.hybrid .arti03 .video-wrap02 li {width: 50%; padding: 0 12px;}
.hybrid .arti03 .video-wrap02 .inner {width: 100%; height: 0; padding-top: 56.25%; position: relative;}
.hybrid .arti03 .video-wrap02 .inner iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.hybrid .arti04 .text-box:last-child {margin-bottom: 0;}
.hybrid .arti04 .text-box:last-child .p-20 {margin-bottom: 0;}
.hybrid .arti04 .video-wrap {margin: 24px -12px 0;}
.hybrid .arti04 .video-wrap li {width: 50%; padding: 0 12px;}

/* s3-4-1 차양 제품 검색 - 인트로 */
.search-intro .items {display: flex; flex-wrap: wrap; margin: -45px -10px;}
.search-intro .item {width: 33.3333%; padding: 45px 10px;}
.search-intro .item .img-box {position: relative; overflow: hidden; margin-bottom: 39px;}
.search-intro .item img {transition: all 0.5s;}
.search-intro .item a:hover img {transform: scale(1.06);}
.search-intro .item .img-box .line {position: absolute; background: #001f5d; transition: all 0.5s;}
.search-intro .item .img-box .x-line {width: 0; height: 3px;}
.search-intro .item .img-box .y-line {width: 3px; height: 0;}
.search-intro .item .img-box .x-line.top {top: 0; left: 0;}
.search-intro .item .img-box .x-line.bottom {bottom: 0; right: 0;}
.search-intro .item .img-box .y-line.left {top: 0; left: 0;}
.search-intro .item .img-box .y-line.right {bottom: 0; right: 0;}
.search-intro .item a:hover .img-box .x-line {width: 100%;}
.search-intro .item a:hover .img-box .y-line {height: 100%;}
.search-intro .item .text-box {padding: 0 10px;}
.search-intro .item .text-box h4 {font-size: 36px; font-weight: 600; line-height: 1.4em; color: #000; margin-bottom: 9px; transition: all 0.5s;}
.search-intro .item .text-box p {font-size: 20px; line-height: 1.7em; color: #666; transition: all 0.5s;}
.search-intro .item a:hover .text-box h4 {color: #001f5d;}
.search-intro .item a:hover .text-box p {color: #000;}

/* 차양 제품 검색 - 리스트 */
.search-list .intro {padding-bottom: 87px;}
.search-list .intro .title-img-box {margin-bottom: 71px;}
.search-list .intro .title-img-box:before {display: none;}
.search-list .intro .title-img-box:after {display: none;}
.s3_4_2 .intro .title-img-box {background-image: url('../img/sub/silver_title_img.jpg');}
.s3_4_3 .intro .title-img-box {background-image: url('../img/sub/metal_title_img.jpg');}
.s3_4_4 .intro .title-img-box {background-image: url('../img/sub/copper_title_img.jpg');}
.s3_4_5 .intro .title-img-box {background-image: url('../img/sub/suntin_title_img.jpg');}
.s3_4_6 .intro .title-img-box {background-image: url('../img/sub/roll_title_img.jpg');}
.s3_4_7 .intro .title-img-box {background-image: url('../img/sub/combi_title_img.jpg');}
.s3_4_8 .intro .title-img-box {background-image: url('../img/sub/eco_title_img.jpg');}
.s3_4_9 .intro .title-img-box {background-image: url('../img/sub/aluminum_title_img.jpg');}
.s3_4_10 .intro .title-img-box {background-image: url('../img/sub/honeycom_title_img.jpg');}
.s3_4_11 .intro .title-img-box {background-image: url('../img/sub/wood_title_img.jpg');}
.s3_4_12 .intro .title-img-box {background-image: url('../img/sub/luminary_title_img.jpg');}
.search-list .intro .text-box p {font-size: 22px; line-height: 1.7em; color: #666;}
.search-list .intro .text-box dl {display: flex; font-size: 22px; color: #000; margin-top: 37px;}
.search-list .intro .text-box dt {max-width: 210px; width: 100%; font-weight: 600;}
.search-list .intro .text-box dt span {color: #ff0249;}
.search-list .intro .text-box dd {width: 1%; flex: 1 1 auto;}
.search-list .design {padding: 23px 0 140px;}
.search-list .design .items {display: flex; margin: -10px;}
.search-list .design .item {padding: 10px; text-align: center;}
.search-list .design .col03 .item {width: 33.3333%;}
.search-list .design .col04 .item {width: 25%;}
.search-list .design .item .img-box {margin-bottom: 35px;}
.search-list .design .item h5 {font-size: 36px; font-weight: 600; line-height: 1.4em; color: #000; margin-bottom: 9px;}
.search-list .design .item p {font-size: 20px; line-height: 1.7em; color: #666;}
.search-list .design .col03 .item p {padding: 0 45px;}
.s3_4_9 .design .text-box {text-align: left; height: 193px;}
.s3_4_9 .design .col03 .item p {padding: 0; padding-right: 10px;}

.search-list .list-wrap {padding: 90px 0 170px; background: #f8f8f8;}
.search-list .filter-wrap {padding-bottom: 70px; border-bottom: 1px solid #ddd; margin-bottom: 80px;}
.search-list .filter-wrap .items {background: #fff; padding: 18px 30px; margin-bottom: 40px; }
.search-list .filter-wrap .item {display: flex; align-items: center; padding: 12px 0; border-bottom: 1px dashed #ddd;}
.search-list .filter-wrap .item:last-child {border-bottom: 0;}
.search-list .filter-wrap .item-title {max-width: 270px; width: 100%; line-height: 55px; font-size: 18px; font-weight: 700; color: #fff; background: #001f5d; border-radius: 5px; text-align: center;}
.search-list .filter-wrap .radio-wrap {display: flex; flex-wrap: wrap; width: 100%; padding-left: 70px;}
.search-list .filter-wrap .radio-wrap label {position: relative; max-width: 295px; width: 100%; padding: 5px 0 5px 30px;}
.search-list .filter-wrap .radio-wrap label:after {position: absolute; top: 50%; margin-top: -8px; right: 0; content: ''; width: 1px; height: 16px; background: #ddd;}
.search-list .filter-wrap .radio-wrap label:nth-child(4):after,
.search-list .filter-wrap .radio-wrap label:last-child:after {display: none;}
.search-list .filter-wrap .radio-wrap input[type='checkbox'] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 25px; height: 25px; border: 2px solid #888; border-radius: 3px; outline: none; cursor: pointer;}
.search-list .filter-wrap .radio-wrap input[type='checkbox']:checked {background: #001f5d url('../img/sub/radio_checked.png') no-repeat center center; border: 2px solid #001f5d;}
.search-list .filter-wrap .radio-wrap span {font-size: 18px; font-weight: 600; line-height: 1.3em; color: #888; padding-left: 14px; cursor: pointer;}
.search-list .filter-wrap .btn-wrap {display: flex; justify-content: space-between;}
.search-list .filter-wrap .btn-wrap button {max-width: 330px; width: 100%; line-height: 48px; font-size: 16px; font-weight: 700; color: #fff; border-radius: 5px; border: 0; transition: all 0.4s;}
.search-list .filter-wrap .btn-wrap .btn-search {background: #000; border: 1px solid #000;}
.search-list .filter-wrap .btn-wrap .btn-reset {background: #bfbfbf; border: 1px solid #bfbfbf;}
.search-list .filter-wrap .btn-wrap .btn-search:hover {color: #000; background: transparent;}
.search-list .filter-wrap .btn-wrap .btn-reset:hover {color: #bfbfbf; background: transparent;}

.item-list {margin-bottom: 70px;}
.item-list ul {display:flex; flex-wrap:wrap; margin: -25px -10px;}
.item-list ul li {width: 20%; padding: 25px 10px;}
.item-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.item-list ul li a {display:block; transition:all 0.6s;}
.item-list ul li a .thumb {overflow:hidden; position:relative; margin-bottom: 20px;}
.item-list ul li a .thumb .notice_icon {position:absolute; top:20px; left:20px; z-index:1; width:84px; text-align:center; line-height:34px; border:1px solid #000; color:#000; font-size:14px; font-weight:600; background:#fff;}
.item-list ul li a .thumb .pic {position:relative; padding-bottom:100%; overflow:hidden; transition:all 0.6s;}
.item-list ul li a .thumb .pic img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.item-list ul li a .tit {font-size:26px; font-weight: 600; line-height: 1.5em; color:#000; text-align: center; height:calc(1.5em * 1 * 1); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition:all 0.6s;}
.item-list ul li a:hover .tit {color:#001f5d;}

/* 차양 제품 검색 - 뷰 */
.search-view {position: relative;}
.search-view:before {position: absolute; top: 0; right: 0; content: ''; width: 980px; height: 100%; background: #f8f8f8; z-index: -1;}
.view-wrap {position: relative; display: flex; justify-content: space-between;}
.view-wrap > div {position: relative; padding-top: 110px; padding-bottom: 180px;}
.view-wrap .thumb-box {max-width: 780px; width: 100%; padding-right: 140px; background: #fff; z-index: 2;} 
.view-wrap .thumb-box .items {position: sticky; top: 110px; align-self: flex-start;}
.view-wrap .thumb-box .img-box {margin-bottom: 32px;}
.view-wrap .thumb-box .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden; border: 1px solid #ddd; transition:all 0.6s;}
.view-wrap .thumb-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.view-wrap .thumb-box .text-box h5 {font-size: 26px; font-weight: 600; line-height: 1.4em; color: #000; text-align: center;}

.view-wrap .details-box {width: 1%; flex: 1 1 auto; padding-left: 110px;}
.view-wrap .details-box .title {padding-bottom: 43px; margin-bottom: 44px; border-bottom: 1px solid #ddd;}
.view-wrap .details-box .title small {display: block; font-size: 16px; font-weight: 700; line-height: 1.3em; color: #001f5d; margin: 7px 0 12px;}
.view-wrap .details-box .title h3 {font-family: 'montserrat'; font-size: 60px; font-weight: 700; line-height: 1.1em; color: #000; margin-bottom: 11px;}
.view-wrap .details-box .title p {font-size: 20px; line-height: 1.5em; color: #333;}

.view-arti-title h4 {position: relative; display: inline-block; font-size: 26px; font-weight: 500; line-height: 1.2em; color: #000; padding-right: 10px;}
.view-arti-title h4:after {position: absolute; bottom: 6px; right: 0; content: ''; width: 4px; height: 4px; background: #001f5d;}
.details-box .color-tab-menu .view-arti-title {margin-bottom: 21px;}
.details-box .color-tab-menu .items {display: flex; margin: -5px; flex-wrap: wrap;}
.details-box .color-tab-menu .item {width: 12.5%; padding: 5px; text-align: center;}
.details-box .color-tab-menu .item .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden; margin-bottom: 13px; transition:all 0.6s;}
.details-box .color-tab-menu .item .pic:after {opacity: 0; position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; border: 2px solid #001f5d; transition: all 0.4s;}
.details-box .color-tab-menu .item.active .pic:after {opacity: 1;}
.details-box .color-tab-menu .item .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.details-box .color-tab-menu .item p {position: relative; display: inline-block; font-size: 14px; line-height: 1.3em; color: #666; text-align: center; transition:all 0.4s;}
.details-box .color-tab-menu .item.active p {font-weight: 600; color: #001f5d;}
.details-box .color-tab-menu .item a:hover p {color: #001f5d;}
.details-box .color-tab-menu .item p:after {position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%); content: ''; width: 0; height: 1px; background: #001f5d; transition: all 0.4s;}
.details-box .color-tab-menu .item.active p:after {width: 100%;}
.details-box .color-tab-menu .text-box {margin: 53px 0 45px;}
.details-box .color-tab-menu .text-box p {font-size: 20px; line-height: 1.5em; color: #666;}

.details-box .spec .view-arti-title {display: flex; justify-content: space-between; padding: 35px 0 30px; border-top: 1px solid #000; border-bottom: 1px solid #ddd;}
.details-box .spec .view-arti-title .btn-spec {width: 35px; height: 35px; border-radius: 50%; background: #002664 url('../img/sub/search_view_btn_close.png') no-repeat center center; border: 0; }
.details-box .spec .view-arti-title .btn-spec.close {transform: rotate(180deg);}
.details-box .spec .spec-box {padding: 45px 0; border-bottom: 1px dashed #ddd;}
.details-box .spec .spec-box dl {display: flex; margin-bottom: 15px;}
.details-box .spec .spec-box dl:last-child {margin-bottom: 0;}
.details-box .spec .spec-box dt {max-width: 255px; width: 100%; font-size: 18px; font-weight: 600; line-height: 1.4em; color: #333;	}
.details-box .spec .spec-box dd {width: calc(100% - 255px); font-size: 18px; line-height: 1.4em; color: #888;}

.details-box .text-cont {font-size: 18px; line-height: 1.4em; color: #888; padding: 40px 0; border-bottom: 1px dashed #ddd;}

.details-box .download {display: flex; padding: 50px 0; border-bottom: 1px solid #ddd;}
.details-box .download .view-arti-title {max-width: 248px; width: 100%;}
.details-box .download .file-wrap {display: flex; flex-wrap: wrap; margin: -10px;}
.details-box .download .file-wrap .file {padding: 10px;}
.details-box .download .file-wrap .file a {position: relative; width: 220px; height: 60px; border-radius: 30px; border: 1px solid #ddd; padding: 0 55px 0 35px; font-size: 16px; line-height: 58px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s;}
.details-box .download .file-wrap .file a:after {position: absolute; top: 50%; margin-top: -8px; right: 35px; content: ''; width: 17px; height: 15px; background: url('../img/sub/search_view_icon_download.png') no-repeat center center; transition: all 0.5s;}
.details-box .download .file-wrap .file a:hover {color: #002664; border: 1px solid #002664;}
.details-box .download .file-wrap .file a:hover:after {background-image: url('../img/sub/search_view_icon_download_active.png');}

/* 5-1 */
.windowstory .arti01 {padding-bottom: 190px;}
.windowstory .arti01 .wrap {display: flex;}
.windowstory .arti01 .img-box {max-width: 750px; width: 100%;}
.windowstory .arti01 .img-box img {box-shadow: 0px 10px 25px 0px rgba(112, 112, 112, 0.29);}
.windowstory .arti01 .text-box {width: 1%; flex: 1 1 auto; padding-top: 21px; padding-left: 100px;}
.windowstory .arti01 .text-box .logo {padding-bottom: 49px; margin-bottom: 42px; border-bottom: 1px solid #ddd;}
.windowstory .arti01 .text-box b {display: block; font-size: 36px; font-weight: 600; line-height: 1.4em; color: #000; margin-bottom: 24px;}
.windowstory .arti01 .text-box p {font-size: 20px; line-height: 1.7em; color: #666; margin-bottom: 34px;}
.windowstory .arti01 .text-box p:last-child {margin-bottom: 0;}
.windowstory .arti02 {padding: 156px 0 190px; background: #f8f8f8;}
.windowstory .arti02 .items {display: flex; margin: -10px;}
.windowstory .arti02 .item {width: 25%; padding: 10px;}
.windowstory .arti02 .item .inner {height: 100%; padding: 68px 35px 53px; background: #fff; text-align: center;}
.windowstory .arti02 .item .icon {width: 51px; height: 50px; background-repeat: no-repeat; background-position: center top; margin: 0 auto 24px;}
.windowstory .arti02 .item:nth-child(1) .icon {background-image: url('../img/sub/windowstory_arti02_icon01.png');}
.windowstory .arti02 .item:nth-child(2) .icon {background-image: url('../img/sub/windowstory_arti02_icon02.png');}
.windowstory .arti02 .item:nth-child(3) .icon {background-image: url('../img/sub/windowstory_arti02_icon03.png');}
.windowstory .arti02 .item:nth-child(4) .icon {background-image: url('../img/sub/windowstory_arti02_icon04.png');}
.windowstory .arti02 .item dt {font-size: 16px; font-weight: 700; line-height: 1.3em; color: #001f5d; margin-bottom: 9px;}
.windowstory .arti02 .item dd {font-size: 22px; font-weight: 600; line-height: 1.36em; color: #000;}
.windowstory .arti02 .item dd a {word-break: break-all;}
.windowstory .arti03 {padding: 156px 0 190px;}
.windowstory .arti03 table {width: 100%; border-top: 2px solid #002763;}
.windowstory .arti03 table col:nth-child(1) {width: 265px;}
.windowstory .arti03 table col:nth-child(3) {width: 275px;}
.windowstory .arti03 table col:nth-child(4) {width: 290px;}
.windowstory .arti03 table tr {height: 90px; border-bottom: 1px dashed #ddd;}
.windowstory .arti03 table tr:last-child {border-bottom: 1px solid #ddd;}
.windowstory .arti03 table th {font-size: 20px; font-weight: 700; line-height: 1.4em; color: #002763; background: #f2f4f7; border-right: 1px solid #ddd; padding: 10px;}
.windowstory .arti03 table td {font-size: 20px; line-height: 1.6em; color: #666; border-right: 1px solid #ddd; padding: 10px;}
.windowstory .arti03 table td:last-child {border-right: 0;}
.windowstory .arti03 table .td-tel {font-weight: 500; color: #333; text-align: center;}
.windowstory .arti03 table .td-adr {padding: 10px 20px 10px 60px;}
.windowstory .arti03 table .td-adr span {display: inline; margin-right: 20px;}
.windowstory .arti03 table td .btn-map {position: relative; display: inline-block; width: 90px; line-height: 38px; border: 1px solid #999; border-radius: 20px; font-size: 14px; font-weight: 500; background: #fff; color: #999; padding: 0 21px; transition: all 0.4s;} 
.windowstory .arti03 table td .btn-map:after {position: absolute; top: 50%; margin-top: -5px; right: 20px; content: ''; width: 10px; height: 11px; background: url('../img/sub/windowstory_arti03_btn_map.png') no-repeat center center; transition: all 0.4s;}
.windowstory .arti03 table td .btn-map:hover {border: 1px solid #001f5d; background: #001f5d; color: #fff;}
.windowstory .arti03 table td .btn-map:hover:after {background-image: url('../img/sub/windowstory_arti03_btn_map_active.png');}
.windowstory .arti03 table td .btn-site {position: relative; width: 150px; line-height: 46px; border: 1px solid #000; border-radius: 5px; font-size: 14px; font-weight: 500; color: #000; padding: 0 26px; margin: 0 auto; transition: all 0.4s;}
.windowstory .arti03 table td .btn-site:after {position: absolute; top: 50%; margin-top: -6px; right: 26px; content: ''; width: 15px; height: 13px; background: url('../img/sub/windowstory_arti03_btn_site.png') no-repeat center center; transition: all 0.4s;}
.windowstory .arti03 table td .btn-site:hover {background: #001f5d; color: #fff; border: 1px solid #001f5d;}
.windowstory .arti03 table td .btn-site:hover:after {background-image: url('../img/sub/windowstory_arti03_btn_site_active.png');}
.windowstory .arti04 {padding: 158px 0 180px; background: #f8f8f8;}
.windowstory .arti04 .items {display: flex; flex-wrap: wrap; margin: -10px -10px 80px;}
.windowstory .arti04 .item {width: 25%; padding: 10px;}
.windowstory .arti04 .item a {border: 1px solid #fff; transition: all 0.5s;}
.windowstory .arti04 .item .img-box {background: #fff; padding: 50px 60px 60px;}
.windowstory .arti04 .item .img-box .pic {position:relative; height:0; padding-bottom:141.95%; overflow:hidden; transition:all 0.6s;}
.windowstory .arti04 .item .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:auto !important; height:100% !important; max-width:100%; min-height:100%; object-fit:contain; transition:0.3s;}
.windowstory .arti04 .item .text-box {display: flex; justify-content: center; align-items: center; height: 80px; padding: 10px; border-top: 1px solid #ddd; background: #fff; transition: all 0.5s;}
.windowstory .arti04 .item .text-box p {font-size: 20px; font-weight: 600; line-height: 1.5em; color: #666; text-align: center; margin-right: 15px; transition: all 0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s;}
.windowstory .arti04 .item .text-box span {display: inline-block; width: 23px; height: 30px; background: url('../img/sub/windowstory_arti04_icon_down.png') no-repeat center center; transition: all 0.5s;}
.windowstory .arti04 .item a:hover {border: 1px solid #002664;}
.windowstory .arti04 .item a:hover .text-box {background: #f2f4f7; border-top: 1px solid #002664;}
.windowstory .arti04 .item a:hover .text-box p {color: #002664;}
.windowstory .arti04 .item a:hover .text-box span {background-image: url('../img/sub/windowstory_arti04_icon_down_active.png')}
.windowstory .arti04 .nodata {width: 100%; text-align:center; font-size:18px; color:#666; padding:60px 0;}
/* s5-2 */
.location {padding: 158px 0 160px; margin-top: 190px; background: #f8f8f8;}
.location .map {margin-bottom: 34px;}
.location .map iframe {width:100%; height:500px; box-shadow: 0px 10px 25px 0px rgba(112, 112, 112, 0.29);}
/* .location .root_daum_roughmap {width:100% !important; height:500px !important;}
.location .root_daum_roughmap .wrap_map {height:500px !important;}
.location .root_daum_roughmap .border1,
.location .root_daum_roughmap .border2 {border: none;}
.location .root_daum_roughmap .border3, 
.location .root_daum_roughmap .border4 {background-color: transparent;} */

.location .info-wrap {display: flex; justify-content: space-between;}
.location .info {font-size: 20px; line-height: 1.5em;}
.location .info dl {display: flex; margin-bottom: 4px;}
.location .info dt {max-width: 120px; width: 100%; font-weight: 600; color: #000; padding-left: 10px;}
.location .info dd {width: calc(100% - 120px); color: #666; white-space:nowrap;}
.location .btn-area {display: flex; margin-top: 5px;}
.location .btn-area a {display: flex; justify-content: center; align-items: center; width: 56px; height: 56px; transition: all 0.5s;}
.location .btn-area .btn-search {background: #001f5d; margin-right: 8px;}
.location .btn-area .btn-print {background: #000;}
.location .btn-area img {transition: all 0.5s;}
.location .btn-area a:hover img {transform: rotate(-15deg);}