.col1{margin-top:130px;padding:70px 0 100px}.template.youtube .video-area{display:flex;flex-direction:column;gap:50px}.template.youtube i.view-type-add{width:90px;height:90px}.template.youtube .temp-img-upload{width:700px;height:100%;position:relative;border:1px solid #ddd;overflow:hidden;background-color:#f8f9fb}.template.youtube .temp-img-upload .embed-container{width:100%;height:100%}.template.youtube .temp-img-upload iframe{height:100%}.template.youtube .main-wrap{display:flex;gap:80px}.template.youtube .main-wrap .temp-img-upload{min-width:700px;height:392px}.template.youtube .main-wrap .logo-area{display:flex;flex-direction:column;justify-content:center;gap:60px}.template.youtube .main-wrap .logo-area .youtube-logo{width:256px;height:56px;background:url(/resources/images/common/Icon_subPage_youtube.svg) no-repeat center center}.template.youtube .main-wrap .text-area{display:flex;flex-direction:column;gap:24px}.template.youtube .main-wrap .logo-area span{font-size:2rem}.template.youtube .main-wrap .logo-area p{font-size:var(--font-size-big)}.template.youtube .video-area ul{display:flex}.template.youtube .video-area li{width:285px;display:flex;flex-direction:column;cursor:pointer;position:relative}.template.youtube li .temp-img-upload{width:100%;height:158px}.template.youtube .video-area button{width:100%;height:100%;display:inline-block;position:absolute;top:0}.template.youtube i.view-type-add.small-size{width:40px;height:40px}.template.youtube .video-area .text-area{text-align:left}.template.youtube .video-area li .text-area{display:flex;flex-direction:column;gap:12px;border:solid 1px #f6f6f6;background-color:#fcfdfe;padding:20px;min-height:160px}.template.youtube .video-area span{font-size:var(--font-size-regular1);font-weight:var(--font-weight-regular);color:#999;line-height:var(--line-height-base);word-break:initial}.template.youtube .video-area p{font-size:2rem;font-weight:var(--font-weight-bold);color:#333;line-height:var(--line-height-base)}.template.ver-card .ver-card{width:360px;height:auto;display:flex;flex-direction:column}.template.ver-card .ver-card img{width:100%;height:400px;border:1px solid #eee}.template.ver-card .ver-card .card-txt{display:flex;flex-direction:column;text-align:center;padding:40px 0;min-height:170px}.template.ver-card .ver-card .card-txt p{font-weight:var(--font-weight-bold);color:#121212}.template.ver-card .ver-card .card-txt span{color:#555;font-weight:var(--font-weight-regular)}@media(max-width:1199px){.col1{margin-top:60px;padding:40px 0 80px}.col1 .container{padding:0}.template.youtube .main-wrap{flex-direction:column-reverse;gap:24px;padding:0 20px}.template.youtube .swiper-container{padding-left:20px}.template.youtube .main-wrap .logo-area .youtube-logo{width:160px;height:35px;background-size:contain}.template.youtube .main-wrap .logo-area{gap:30px}.template.youtube .main-wrap .logo-area span{font-size:var(--font-size-regular1)}.template.youtube .main-wrap .text-area{gap:10px}.template.youtube .main-wrap .logo-area p{font-size:var(--font-size-regular3)}.template.youtube .main-wrap .temp-img-upload{min-width:100%;width:100%;height:auto}.template.youtube li .temp-img-upload{height:auto}.template.youtube .temp-img-upload .embed-container{position:relative;padding-bottom:56.25%}.template.youtube .temp-img-upload iframe{vertical-align:middle;position:absolute;width:100%;height:100%;left:0;top:0}.template.youtube .video-area span{font-size:var(--font-size-regular)}.template.youtube .video-area p{font-size:var(--font-size-regular2)}.template.ver-card{padding-left:20px}.template.ver-card .ver-card figure{padding-bottom:111.11%}.template.ver-card .ver-card img{vertical-align:middle;position:absolute;width:100%;height:100%;left:0;top:0}.template.ver-card .ver-card .card-txt{padding:20px 0}}.blog-page{padding:70px 0 180px}.blog{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1240px;padding:0 20px}.blog .header{display:flex;flex-direction:column;align-items:center;gap:10px}.blog .title{font-size:var(--font-size-big);font-weight:var(--font-weight-bold);line-height:var(--line-height-base);color:#111}.blog .sub-title{font-size:var(--font-size-regular3);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:#333}.blog .body{display:flex;flex-direction:column;gap:40px;width:100%}.blog .categories{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.blog .category{padding:8px 20px;border:1px solid #ddd;border-radius:8px;background-color:#fff;font-size:var(--font-size-regular1);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:#333;cursor:pointer}.blog .category.active{background-color:#111;color:#fff}.blog .category:hover{border-color:#aaa}.blog .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:80px 60px;width:100%}.blog .post{display:flex;flex-direction:column;gap:20px;width:100%;max-width:360px;cursor:pointer}.blog .hidden{display:none}.blog .post:hover .thumbnail img{transform:scale(1.02);transition:transform .3s ease-in-out}.blog .thumbnail{width:100%;aspect-ratio:3 / 2;margin:0;border-radius:12px;overflow:hidden}.blog .thumbnail img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-drag:none}.blog .thumbnail.no-image{display:flex;justify-content:center;align-items:center;background-color:#f8f8f8}.blog .thumbnail.no-image img{width:auto;height:15px}.blog .contents{display:flex;flex-direction:column;gap:15px;padding:0 10px}.blog .post-title{font-size:2rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-base);color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog .post-content{font-size:var(--font-size-regular1);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:#555;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.blog .post-date{font-size:var(--font-size-regular1);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:#777}.related-posts{display:flex;flex-direction:column;gap:30px;align-items:center;padding:60px 0;background-color:#f4f6fa}.related-posts-caption{width:100%;max-width:1240px;padding:0 20px;font-size:var(--font-size-regular5);font-weight:var(--font-weight-bold);line-height:var(--line-height-base);color:#111}@media(max-width:1199px){.blog-page{padding:40px 0 120px}.col1 .container.blog{padding:0 20px}.blog .title{font-size:var(--font-size-regular5)}.blog .sub-title{font-size:var(--font-size-regular)}hr{height:0;margin:20px 0}.blog .body{gap:20px}.blog .category{font-size:14px}.blog .posts{grid-template-columns:repeat(2,1fr);gap:40px 20px}.blog .post{gap:15px;max-width:100%}.blog .contents{gap:10px}.related-posts{gap:20px;padding:40px 0}.related-posts-caption{font-size:var(--font-size-regular3)}}@media(max-width:767px){.blog .posts{grid-template-columns:1fr;gap:40px}}