/*매거진*/
.Magazine{padding-bottom:60px}
.Magazine.sub h3.pageTitle{text-align:left}
.magazineList article > div{display:inline-block;width:100%}
.magazineList .list{display:inline-block;width:100%;height:100%}
.magazineList .list > li{float:left;margin-right:3.2%;width:31.2%;position:relative}
.magazineList .list > li:nth-child(3n){margin-right:0}
.magazineList .list > li > a{display:block}
.magazineList .list > li:hover .info .name{text-decoration: underline;}
.magazineList .list > li:hover .imgPhoto{transform:scale(1.05);transition:.5s}
.magazineList .list .imgPhoto{background-repeat:no-repeat;background-size:cover;background-position:center;height:300px;transition:.5s;border-radius:30px;margin-bottom:34px}
/*BSY 1017 추가*/
.magazineList .list .imgPhoto i.new{position:absolute;right:10px;top:10px;width:48px;line-height:48px;border-radius:100%;display:block;background:#f93a30;color:#fff;text-align:center;font-family:'Louis George Café';font-weight:bold}
/*-------------*/
.magazineList .list .imgPhoto img{width:100%}
.magazineList .list .info .cate{font-size:16px;margin-bottom:17px;font-weight:bold;color:#5143d4;font-family:'Louis George Café'}
.magazineList .list .info .name{display:inline-block;font-size:24px;font-weight:500;margin-bottom:35px;line-height:29px;height:55px;border-bottom:1px solid transparent}
/*bsy 1006 수정*/
.magazineList .list .info .name span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/*------------*/
.magazineList .list .info .tag{font-size:16px;margin-bottom:120px}
.magazineList .list .info .tag span{display:inline-block;margin-right:12px;padding:0 12px;line-height:32px;border-radius:32px;background:#f5f6fa;margin-bottom:5px}
/*매거진(No Data)*/
.magazineList .noResult{text-align:center;padding-top:78px;padding-bottom:185px}
.magazineList .noResult span{display:block;font-size:18px;margin-top:40px}
/*매거진(Detail)*/
/*BSY 1017 수정*/
.magazineDetail > article{position:relative;}
.magazineDetail .share{padding-bottom:9px;display:inline-block;position:absolute;right:20px;top:240px}
/*-------------*/
.magazineDetail .share img{width:18px}
.magazineDetail .share span{display:inline-block;margin-left:10px;vertical-align:middle;font-family: 'Louis George Café';font-weight:bold}
.magazineDetail .btn a.more{display:inline-block;width:202px;line-height:60px;text-align:center;background:#101010;color:#fff;font-size:18px}
.magazineDetail .moBanner{display:none}
.magazineDetail .banner{margin-top:60px}
.magazineDetail .banner img{max-width:100%}
.magazineDetail .recommendSlide{position:relative;margin-top:60px;overflow:hidden;}
.magazineDetail .recommendSlide .slideWrap{overflow:hidden}
/*bsy 1006 수정*/
.magazineDetail .recommendSlide .swiper-wrapper{margin-bottom:90px}
/*------------*/
.magazineDetail .recommendSlide .moSlideWrap{display:none}
.magazineDetail .recommendSlide h5{font-size:24px;font-weight:500;margin-bottom:34px}
.magazineDetail .recommendSlide .ctrl{position:absolute;right:0;top:0;width:90px}
.magazineDetail .recommendSlide .ctrl .button a{position:absolute}
.magazineDetail .recommendSlide .ctrl .button a.prev{left:0}
.magazineDetail .recommendSlide .ctrl .button a.next{right:0}
.magazineDetail .recommendSlide .swiper-slide > div{float:left;width:31.2%;margin-right:3.2%}
.magazineDetail .recommendSlide .swiper-slide > div:last-child{margin-right:0}
.magazineDetail .recommendSlide .thumb{transition:.5s;width:100%;height:300px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:32px}
.magazineDetail .recommendSlide i{display:block;font-size:16px;margin:34px 0 24px;color:#5143d4;font-family: 'Louis George Café';font-weight:bold}
.magazineDetail .recommendSlide .tit{overflow:hidden;font-size:24px;font-weight:500;line-height:29px;height:58px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.magazineDetail .recommendSlide .tag{margin-top:35px}
.magazineDetail .recommendSlide .tag span{display:inline-block;font-size:16px;margin-right:12px;padding:0 12px;line-height:32px;border-radius:32px;background:#f5f6fa;margin-bottom:5px}
.magazineDetail .swiper-pagination{bottom:inherit!important;width:84%!important;left:50%!important;transform: translateX(-50%);line-height:15px}
.magazineDetail .swiper-pagination span{display:inline-block;background:none;width:auto;height:auto;margin:0;opacity:1;font-family: 'Louis George Café';font-weight:bold}
.magazineDetail .swiper-pagination-bullet-active{color:#767676}
.magazineDetail .swiper-pagination span::after{content:'/';padding-left:5px;color:#767676}
.magazineDetail .swiper-pagination span:last-child::after{display:none}
.endLayerPop .layerPopData{width:300px;text-align:center}
.endLayerPop .layerPopData h5{font-size:18px;font-weight:500;line-height:22px;margin-bottom:29px}
.endLayerPop .layerPopData .btn a{display:inline-block;width:162px;line-height:50px;color:#fff;font-size:18px;background:#5143d4}
/*이벤트,공지사항*/
.EventNNotice.sub h3.pageTitle{text-align:left}
/*이벤트,공지 > 공지사항(Detail)*/
.noticeDetail .commonBoardView tbody{border-bottom:1px solid #e0e0e0}
.noticeDetail .commonBoardView td{text-align:left;padding:60px 30px}
.noticeDetail .commonBoardView .cate{color:#5143d4}
.noticeDetail .commonBoardView .text{margin-top:0}
/*bsy 1006 수정*/
.noticeDetail .btn{margin-top:95px}
/*------------*/
/*이벤트,공지 > 공지사항(No Data) */
.notice_blank ul{display: flex;flex-direction: column;align-items: center;padding: 70px 0 180px 0}
.notice_blank ul>li:last-child{padding-top: 40px; font-size: 18px; color: #101010}
/*이벤트,공지 > 보도자료(List) */
.newsList table tr{display:table-row}
.newsList td{text-align:center}
.newsList td.cate{color:#5143d4;font-size:16px}
/*ID.IM*/
.IdIm.sub{padding-bottom:0}
.IdIm section{position:relative;height:100vh}
.IdIm article{height:100%}
.IdIm .blank{position:absolute;width:100%;height:100%;z-index:1}
.IdIm .blank div{position:absolute;width:100%;height:100%;z-index:1}
.IdIm .blank div.removeBlank{top:-100%}
.IdIm .blank .blank1{z-index:3}
.IdIm .blank .blank2{z-index:2}
.IdIm .blank .blank3{z-index:1}
.IdIm .fixText{position:fixed;width:100%;height:100%;display:flex;align-items:center;z-index:2;}
.IdIm .fixText ul{width:100%;margin:auto;position:relative}
.IdIm .fixText li{position:absolute;font-size:42px;color:#fff}
.IdIm .fixText .leftFixText{left:-100%}
.IdIm .fixText .rightFixText{right:-100%}
.IdIm .idimIntro{background:url(../images/banner.jpg)no-repeat center;background-size:cover}
.IdIm .fixText.removeHt{top:50%;transform:translateY(-50%);height:auto}
.IdIm .fixText.removeHt ul{width:1280px}
.IdIm .changeText{position:relative;height:100%;display:flex;align-items:center;text-align:center;justify-content:center;flex-direction:column}
.IdIm .changeText b{position:absolute;bottom:-100%}
.IdIm .changeText span{position:absolute;bottom:-100%}
/*R&D 연구영역*/
.subPageTop .subTitle{font-size:42px;font-weight:500;text-align:center;margin-bottom:30px;padding-top:40px}
.subPageTop p{font-size:18px;text-align:center;margin-bottom:80px;padding-bottom:80px;border-bottom:1px solid #101010;line-height:23px}
.RnD .listBoard dl:hover dd .tit{text-decoration:underline}
.RnD .listBoard dt{position:relative}
.RnD .listBoard dt .link{position:absolute;overflow:hidden;right:10px;top:10px;width:48px;height:48px;border-radius:100%;background:rgba(0,0,0,0.72);display:flex;align-items:center;justify-content:center}
.RnD .listBoard dt .link i{position:absolute;background:url(../images/rnd_arrow.png)no-repeat center;width:13px;height:12px;transition:0.3s}
.RnD .listBoard dt .link i.on{transform: translate3d(-26px, 26px, 0)}
.RnD .listBoard dl:hover dt .link{transform:scale(1)}
.RnD .listBoard dt .link:hover{background:#dbdbdb}
.RnD .listBoard dt .link:hover i.off{transform:translate3d(26px, -26px, 0)}
.RnD .listBoard dt .link:hover i.on{transform: translate3d(0, 0, 0);filter:grayscale(100%) brightness(0);}
.RnD .listBoard dd{margin-top:25px;display:flex;flex-direction:column}
.RnD .listBoard dd .type{font-size:16px;color:#5143d4}
.RnD .listBoard dd .tit{font-size:18px;font-weight:500;margin-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:22px;}
/*R&D 팝업*/
.rndLayerPop .layerPopData{width:900px;height:calc(100% - 20%);padding-right:28px;padding-left:28px}
.rndLayerPop .rndCntn{height:100%;overflow:hidden;overflow-y:auto;border-top:none;}
.rndLayerPop .rndCntn::-webkit-scrollbar {width:8px}
.rndLayerPop .rndCntn::-webkit-scrollbar-thumb{background:#dadada;border-radius:8px}
.rndLayerPop .rndCntn table{width:787px;margin:auto;border-top:1px solid #101010}
.rndLayerPop .commonBoardView th{padding:38px 0}
.rndLayerPop .commonBoardView th .cate{font-weight:400;padding-bottom:23px}
.rndLayerPop .commonBoardView th .name{font-size:28px;padding-bottom:0}
/*R&D 연구서포터즈*/
.rndSupport .subPageTop p{border-bottom:none}
.rndSupport div table{border-top:1px solid #101010;border-bottom:1px solid #101010}
.rndSupport div th{text-align:left;width:290px;padding:59px 0 60px;border-bottom:1px solid #e0e0e0}
.rndSupport div th div{border-radius:30px}
.rndSupport div td{text-align:left;padding:59px 0 60px 80px;border-bottom: 1px solid #e0e0e0}
.rndSupport div td .interview{font-size:18px;font-weight:500;padding-left:26px;position:relative;margin-bottom:32px}
.rndSupport div td .interview::after{content:'';position:absolute;left:0;background:url(../images/rndSupport_unit.png)no-repeat left center;height:14px;width:16px;top:-4px}
.rndSupport div td .interview br.mo{display:none}
.rndSupport div td .name{font-size:18px;font-weight:500;margin-bottom:14px}
.rndSupport div td .name i{font-size:28px;padding-right:10px}
.rndSupport div td .solution{font-size:16px}
.rndSupport div td .solution br.mo{display:none}
.rndSupport div tr:last-child th{border-bottom:none}
.rndSupport div tr:last-child td{border-bottom:none}
/*R&D IT innovation*/
.rndIT div li{display:flex;align-items:center;flex-direction:row}
.rndIT div li .thumb{width:700px}
.rndIT div li .thumb img{width:100%;max-height:540px}
.rndIT div li .text{width:calc(100% - 700px)}
.rndIT div li .text h6{font-size:42px;font-weight:500;margin-bottom:24px}
.rndIT div li .text p{font-size:18px;color:#505050;line-height:24px}
.rndIT div li.other{flex-direction:row-reverse;margin:120px 0}
.rndIT div li.other .text{padding-right:20px}
.rndIT div li:not(.other) .text{padding-left:11.7%}
/*제품*/
.skinType .prdDesc{margin:120px 0}
.skinType .prdDesc li{display:flex;align-items:center;flex-direction:row}
.skinType .prdDesc .thumb{width:700px}
.skinType .prdDesc .thumb img{width:100%;max-height:540px}
.skinType .prdDesc .text{width:calc(100% - 700px)}
.skinType .prdDesc .text h6{font-size:42px;font-weight:500;margin-bottom:24px}
.skinType .prdDesc .text p{font-size:18px;color:#505050;line-height:24px}
.skinType .prdDesc li.other{flex-direction:row-reverse;margin:120px 0}
.skinType .prdDesc li:not(.other) .text{padding-left:7.9%}
.prdSolution .skinType > article.prdAppDown{width:100%;height:560px;background:url(../images/prdSolution_skinType_bg.jpg)no-repeat center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center}
.skinType .prdAppDown h5{font-size:42px;font-weight:500;line-height:50px;color:#fff;text-align:center}
.skinType .prdAppDown h5 br.mo{display:none}
.skinType .prdAppDown a{font-size:18px;color:#fff;display:flex;flex-direction:row;align-items:center;margin-top:59px}
.skinType .prdAppDown a i{margin-left:20px;width:50px;height:50px;border-radius:100%;background:#5143d4;display:flex;align-items:center;justify-content:center}
.skinType .skinPrd{margin-top:120px}
.skinType .skinPrd .swiper-wrapper{z-index:0;flex-flow:wrap;margin-bottom:96px}
.skinType .skinPrd .swiper-slide{width:33.3%}
.skinType .skinPrd .swiper-slide:not(:nth-child(3n+2)){padding-top:100px}
.skinType .skinPrd .slidData{display:flex;flex-direction:column;align-items:center;margin-right:40px}
.skinType .skinPrd .slidData:nth-child(3n){margin-right:0;}
.skinType .skinPrd .img{height:470px;width:100%;display:flex;align-items:center;justify-content:center}
.skinType .skinPrd .img img{max-height:100%;max-width:100%}
.skinType .skinPrd .prdName{font-size:28px;font-weight:bold;margin-top:24px}
.skinType .skinPrd .text{color:#505050;font-size:16px;margin-top:14px;line-height:24px;text-align:center}
/*이용방법*/
.method.sub{padding-bottom:0;}
.method .subPageTop{line-height:50px}
.method .subPageTop .subTitle br.mo{display:none}
.method .proce{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:80px 0 120px;flex-flow: wrap}
.method .proce li{display:flex;flex-direction:column;align-items:center;padding-right:68px;background:url(../images/proce_arrow.png)no-repeat calc(100% - 28px) 62px}
.method .proce li:last-child{padding-right:0;background:none}
.method .proce div{width:148px;line-height:148px;background:#f9f9f9;border-radius:100%;text-align:center}
.method .proce b{margin-top:26px;color:#5143d4;font-family:'Louis George Café';font-size:16px}
.method .proce span{font-size:18px;margin-top:15px}
.method .detail li{display:flex;align-items:center;flex-direction:row}
.method .detail li .thumb{width:700px}
.method .detail li .thumb img{width:100%;max-height:540px}
.method .detail li i{color:#5143d4;font-size:18px;font-family:'Louis George Café';font-weight:bold;margin-bottom:15px;display:block}
.method .detail li .text{width:calc(100% - 700px)}
.method .detail li .text h6{font-size:42px;font-weight:500;margin-bottom:24px}
.method .detail li .text p{font-size:18px;color:#505050;line-height:24px}
.method .detail li .text p br.mo{display:none}
.method .detail li.other{flex-direction:row-reverse;margin:120px 0}
.method .detail li.other .text{padding-right:20px}
.method .detail li:not(.other) .text{padding-left:9.4%}
.method .detail .appStore{display:flex;flex-direction:row;margin-top:60px}
.method .detail .appStore .qrCode{margin-right:36px}
.method .detail .appStore .store a{display:flex;flex-direction:row;justify-content:center;align-items:center;width:194px;height:60px;background:#101010;border-radius:60px;font-size:16px;font-weight:bold;color:#fff;font-family:'Louis George Café'}
.method .detail .appStore .store a i{margin-bottom:0;margin-right:14px}
.method .detail .appStore .store a.apple{margin-bottom:10px}
.method .detail .appStore .store a.apple img{filter:brightness(0) invert(1)}
.method .proceFaq{width:100%;margin-top:120px;background:#f8f9fa}
.method .proceFaq > div{width:1280px;margin:auto;padding-top:120px}
.method .proceFaq > div > div{border-top:1px solid #101010}
.method .proceFaq h5{font-size:42px;font-weight:500;text-align:center;margin-bottom:80px}
.method .proceFaq dl{border-bottom:1px solid #e0e0e0}
.method .proceFaq dt{position:relative;padding:40px 35px 37px;cursor:pointer}
.method .proceFaq dt::after{content:'';position:absolute;right:36px;top:50%;background: url(../images/proce_faq_arrow.png)no-repeat right center;width:16px;height:8px;transition:all .4s}
.method .proceFaq dt a{font-size:18px;font-weight:500;display:block;max-width:95%}
.method .proceFaq dt a:hover{text-decoration:underline;text-underline-offset:4px}
.method .proceFaq dd{padding:4px 35px 40px;color:#505050;font-size:16px;line-height:20px;display:none}
.method .proceFaq dl.on dt::after{transform:rotate(180deg)}
.method .proceFaq .btn{padding-top:96px;padding-bottom:120px}

@media (max-width :1280px) {
    /*매거진(Detail)*/
    .magazineDetail .recommendSlide .ctrl{right:20px}
    /*R&D*/
    .rndIT div li .thumb{width:56.5%}
    .rndIT div li .text{width:calc(100% - 56.5%)}
    .rndIT div li:not(.other) .text{padding-left:5%}
    /*제품*/
    .skinType .prdDesc .thumb{width:60%}
    .skinType .prdDesc .text{width:40%;padding-left: 50px}
    .skinType .prdDesc li.other{margin-top:100px}
    /*이용방법*/
    .method .detail li .thumb{width:56.5%}
    .method .detail li .text{width:calc(100% - 56.5%)}
    .method .detail li:not(.other) .text{padding-left:5%}
    .method .proceFaq > div{width:100%;margin:auto;padding:120px 20px 0}
    .method .proceFaq .btn{padding-bottom:250px}
}
@media (max-width :1060px) {
    /*이용방법*/
    .method .proce li{width:33.3%;margin-bottom:50px;}
    .method .proce li:nth-child(3){background:none;padding-right:0}
}
@media (max-width :1000px) {
    /*매거진*/
    .magazineList .list .imgPhoto{height:220px}
    .magazineList .list .info .tag{margin-bottom:90px}
    .magazineList .list .info .name{font-size:22px}
    /*매거진(Detail)*/
    .magazineDetail .recommendSlide .thumb{height:170px}
    .magazineDetail .recommendSlide i{margin:24px 0 14px}
    .magazineDetail .recommendSlide .tit{font-size:20px}
    /*R&D 팝업*/
    .rndLayerPop .layerPopData{width:calc(100% - 40px)}
    .rndLayerPop .rndCntn table{width:calc(100% - 56px)}
    .rndIT div li .text h6{font-size:38px}
    .rndIT div li .text p{font-size:16px}
    /*제품*/
    .RnD.sub{padding-bottom:230px}
    .prdSolution.sub{padding-bottom:230px}
    .skinType .prdDesc .text{padding-left:20px}
    .skinType .prdDesc li.other{margin-top:80px}
    .skinType .prdDesc li:not(.other) .text{padding-left:3%}
    .skinType .prdDesc .text h6{font-size:38px}
    .skinType .prdDesc .text p{font-size:16px}
    .skinType .skinPrd .swiper-wrapper{margin-bottom:70px;}
    .skinType .skinPrd .img{height:370px}
    .skinType .skinPrd .text{padding:0}
    .skinType .skinPrd .swiper-slide:not(:nth-child(3n+2)){padding-top:80px}
    /*이용방법*/
    .method .detail li .text h6{font-size:38px}
    .method .detail li .text p{font-size:16px}
    .method .detail .appStore{display:none}
}
@media (max-width :720px) {
    /*매거진*/
    .Magazine{padding-bottom:6rem}
    .Magazine.sub h3.pageTitle{text-align:center}
    .Magazine.sub .subTop{margin-bottom:25.7rem}
    .magazineList article{margin-bottom:0}
    .magazineList li > a{display:block}
    .magazineList .list > li{width:100%;margin-right:0}
    .magazineList .list .imgPhoto{height:42rem;border-radius:3.2rem;margin-bottom:4.3rem}
    .magazineList .list > li:hover .imgPhoto{transform:scale(1)}
    /*BSY 1017 추가*/
    .magazineList .list .imgPhoto i.new{right:1.4rem;top:1.4rem;width:8rem;line-height:8rem;font-size:2.4rem}
    /*-------------*/
    .magazineList .info{padding-left:0;margin-top:4.3rem}
    .magazineList .list .info .cate{font-size:2.4rem;margin-bottom:2.3rem}
    /*bsy 1006 수정*/
    .magazineList .list .info .name{font-size:3.4rem;margin-bottom:3.8rem;line-height:3.8rem;height:6.6rem}
    /*--------*/
    .magazineList .list .info .text{font-size:2.6rem;line-height:3.6rem;margin-bottom:6.1rem;-webkit-line-clamp:8}
    .magazineList .list .info .cate br{display:none}
    .magazineList .list .info .tag{font-size:2.4rem;margin-bottom:12rem}
    .magazineList .list .info .tag span{margin-right:1.4rem;padding:0 1.8rem;line-height:4.2rem;border-radius:4.2rem;margin-bottom:0.5rem}
    .magazineList .noResult{padding-top:12.8rem;padding-bottom:21.5rem}
    .magazineList .noResult img{width:8rem}
    .magazineList .noResult span{font-size:2.8rem;margin-top:6rem}
    /*매거진(Detail)*/
    .magazineDetail .share{padding-bottom:2rem;right:4rem;top:-5rem}
    .magazineDetail .share img{width:4rem}
    .magazineDetail .share span{font-size:2.4rem;margin-left:2rem}
    .magazineDetail .btn a.more{width:24.2rem;line-height:8.2rem;font-size:2.4rem}
    .magazineDetail .banner{display:none}
    .magazineDetail .moBanner{display:block;margin-top:8rem}
    .magazineDetail .moBanner img{max-width:100%}
    .magazineDetail .recommendSlide{margin-top:8rem;padding-right:0}
    .magazineDetail .recommendSlide .pc{display:none}
    .magazineDetail .recommendSlide .moSlideWrap{display:block;overflow:hidden}
    /*bsy 1006 수정*/
    .magazineDetail .recommendSlide .swiper-wrapper{margin-bottom:14rem}
    /*---------*/
    .magazineDetail .recommendSlide h5{font-size:3.4rem;margin-bottom:4.1rem}
    .magazineDetail .recommendSlide .swiper-slide > div{width:44%;margin-right:6%;float:none;display:inline-block;}
    .magazineDetail .recommendSlide .thumb{height:28rem;border-radius:3rem}
    .magazineDetail .recommendSlide i{font-size:2.4rem;margin:4rem 0 2.8rem}
    .magazineDetail .recommendSlide .tit{font-size:2.8rem;line-height:3.6rem;height:6.6rem}
    .endLayerPop .layerPopData h5{font-size:3.4rem;line-height:4.2rem;margin-bottom:4rem}
    .endLayerPop .layerPopData{width:56rem}
    .endLayerPop .layerPopData .btn a{width:24.2rem;line-height:8.2rem;font-size:2.4rem}
    /*이벤트,공지*/
    .EventNNotice.sub h3.pageTitle{text-align:center}
    .EventNNotice.sub .subTab{text-align:center}
    /*이벤트,공지 > 공지사항*/
    .noticeDetail .commonBoardView thead{border-bottom:1px solid #e0e0e0}
    .noticeDetail .commonBoardView td{padding:8rem 0}
    .noticeDetail .btn{margin-top:13.8rem}
    /*이벤트,공지 > 공지사항(No Data)*/
    .notice_blank ul{padding:15rem 0 39.5rem 0}
    .notice_blank ul>li>img{width:9.5rem}
    /*bsy 1006 수정*/
    .notice_blank ul>li:last-child{font-size:2.8rem;padding-top:6rem}
    /*이벤트,공지> 공지사항(Detail)*/
    .noticePost article{padding: 0 40px;}
    .noticePost .commonBoardView th{padding: 100px 0;}
    .noticePost .commonBoardView th .name{font-size:4.4rem;line-height: 1.5; padding-bottom:6.5rem}
    .noticePost .commonBoardView th .date{font-size: 2.4rem;}
    .noticePost .commonBoardView td{padding:80px 0}
    .noticePost .commonBoardView .text{font-size:2.4rem;}
    .noticePost .btn a.list{line-height:8rem;font-size:2.4rem;margin-top: 10rem;}
    /*이벤트,공지 > 보도자료(List) */
    .newsList table tr{display:block}
    .newsList td.cate{font-size:2.4rem;margin-bottom:1.8rem}
    /*R&D*/
    .subPageTop .subTitle{font-size:5.2rem;margin-bottom:4rem;padding-top:0}
    .subPageTop p{font-size:2.8rem;margin-bottom:4rem;padding-bottom:4rem;line-height:3.4rem;border-bottom:none}
    .RnD.sub{padding-bottom:24rem}
    /*R&D 영역*/
    .RnD .listBoard dt .link{right:2rem;top:2rem;width:5rem;height:5rem}
    .RnD .listBoard dt .link i{width:1.3rem;height:1.3rem;background-size:100%}
    .RnD .listBoard dt .link i.on{transform: translate3d(-26px, 26px, 0)}
    .RnD .listBoard dt .link:hover i.off{transform:translate3d(26px, -26px, 0)}
    .RnD .listBoard dd{margin-top:4rem}
    .RnD .listBoard dd .type{font-size:2.4rem}
    .RnD .listBoard dd .tit{font-size:3.4rem;margin-top:2.7rem;line-height:3.6rem}
    /*R&D 팝업*/
    .rndLayerPop .layerPopData{width:calc(100% - 8rem);height:calc(100% - 36rem);padding-top:12rem;padding-right:2rem;padding-left:2rem;top:46%}
    .rndLayerPop .rndCntn::-webkit-scrollbar {width:0.5rem}
    .rndLayerPop .rndCntn::-webkit-scrollbar-thumb{border-radius:0.5rem}
    .rndLayerPop .rndCntn table{width:calc(100% - 4rem)}
    .rndLayerPop .commonBoardView th{padding:6rem 0;border-bottom:1px solid #e0e0e0}
    .rndLayerPop .commonBoardView th .cate{padding-bottom:23px}
    .rndLayerPop .commonBoardView th .name{font-size:3.4rem;line-height:3.6rem}
    /*R&D 연구서포터즈*/
    .rndSupport div tr{display:flex;flex-direction:column;width:100%;position:relative}
    .rndSupport div th{width:100%;padding:8rem 0 0;border-bottom:none}
    .rndSupport div th div{border-radius:3rem;width:29rem;height:30rem}
    .rndSupport div th img{width:100%}
    .rndSupport div td{padding:4rem 0 8rem}
    .rndSupport div td .interview br.mo{display:block}
    .rndSupport div td .interview{font-size:2.4rem;padding-left:0;margin-bottom:0;position:absolute;top:15.5rem;right:4.3rem;line-height:2.8rem}
    .rndSupport div td .interview::after{height:1.6rem;width:1.8rem;top:-0.7rem;left:-2rem;background-size:100%}
    .rndSupport div td .name{font-size:2.4rem;margin-bottom:2.3rem}
    .rndSupport div td .name i{font-size:3.4rem;padding-right:1.5rem}
    .rndSupport div td .name i.louisGeorgeCafe{display:block;margin-bottom:1.1rem}
    .rndSupport div td .solution br.mo{display:block}
    .rndSupport div td .solution{font-size:2.8rem;line-height:3rem;text-indent:-1.5rem;padding-left:1.5rem}
    /*R&D IT innovation*/
    .rndIT div li{flex-direction:column;margin-bottom:6rem}
    .rndIT div li:last-child{margin-bottom:0}
    .rndIT div li .thumb{width:100%}
    .rndIT div li .thumb img{max-height:50rem}
    .rndIT div li .text{width:100%;text-align:center;margin:6rem 0}
    .rndIT div li .text h6{font-size:5.2rem;margin-bottom:4rem}
    .rndIT div li .text p{font-size:2.8rem;line-height:4rem}
    .rndIT div li.other{flex-direction:column;margin:0 0 6rem}
    .rndIT div li.other .text{padding-right:0}
    .rndIT div li:not(.other) .text{padding-left:0}
    /*제품*/
    .prdSolution.sub{padding-bottom:18rem}
    .prdSolution .skinType > article:not(.skinPrd){padding:0 4rem}
    .skinType .prdDesc{margin:0rem 0 6rem}
    .skinType .prdDesc li{flex-direction:column;margin-bottom:6rem}
    .skinType .prdDesc .thumb{width:100%;height:50rem}
    .skinType .prdDesc .thumb img{height:100%;max-height:50rem}
    .skinType .prdDesc .text{width:100%;padding-left:0;text-align:center;margin:6rem 0}
    .skinType .prdDesc .text h6{font-size:5.2rem;margin-bottom:4rem}
    .skinType .prdDesc .text p{font-size:2.8rem;line-height:3.5rem}
    .skinType .prdDesc li.other{flex-direction:column;margin:0 0 6rem}
    .skinType .prdDesc li:not(.other) .text{padding-left:0}
    .prdSolution .skinType > article.prdAppDown{height:56rem}
    .skinType .prdAppDown h5{font-size:5.2rem;line-height:6.2rem}
    .skinType .prdAppDown h5 br.mo{display:block}
    .skinType .prdAppDown a{font-size:2.8rem;margin-top:3.3rem}
    .skinType .prdAppDown a i{margin-left:4rem;width:7rem;height:7rem}
    .skinType .prdAppDown a i img{width:2.3rem}
    .skinType .skinPrd{margin-top:12rem;padding-right:0}
    .skinType .skinPrd .prdSlider{overflow:hidden}
    .skinType .skinPrd .swiper-wrapper{margin-bottom:0;flex-flow:inherit}
    .skinType .skinPrd .swiper-slide:not(:nth-child(3n+2)){padding-top:0}
    .skinType .skinPrd .slidData{margin-right:0}
    .skinType .skinPrd .slidData:nth-child(3n){margin-right:0}
    .skinType .skinPrd .img{height:42rem;padding:0}
    .skinType .skinPrd .prdName{font-size:3.8rem;margin-top:3.6rem}
    .skinType .skinPrd .text{font-size:2.4rem;margin-top:2.8rem;line-height:3.8rem;padding:0 4rem}
    .skinType .skinPrd .text br{display:none}
    .skinType .skinPrd .btn{display:none}
    /*이용방법*/
    .method .subPageTop .subTitle br.mo{display:block}
    .method .subPageTop .subTitle{font-size:3.4rem;line-height:3.7rem}
    .method .proce{margin:8rem 0 6rem;flex-flow:wrap}
    .method .proce li{width:auto;padding-right:6.5rem;background-position:calc(100% - 14%) 6rem;background-size:1.4rem;margin-bottom:6rem}
    .method .proce div{width:14.8rem;line-height:14.8rem}
    .method .proce div img{height:5rem}
    .method .proce b{margin-top:2.6rem;font-size:2.4rem}
    .method .proce span{font-size:2.4rem;margin-top:2rem}
    .method .detail li{flex-direction:column;margin-bottom:6rem}
    .method .detail li:last-child{margin-bottom:0}
    .method .detail li .thumb{width:100%}
    .method .detail li .thumb img{max-height:50rem}
    .method .detail li i{font-size:2.8rem;margin-bottom:2.7rem}
    .method .detail li .text{width:100%;text-align:center;margin:6rem 0}
    .method .detail li .text h6{font-size:5.2rem;margin-bottom:4rem}
    .method .detail li .text p br.mo{display:block}
    .method .detail li .text p br.pc{display:none}
    .method .detail li .text p{font-size:2.8rem;line-height:4rem}
    .method .detail li.other{flex-direction:column;margin:0 0 6rem}
    .method .detail li.other .text{padding-right:0}
    .method .detail li:not(.other) .text{padding-left:0}
    .method .proceFaq{margin-top:6rem}
    .method .proceFaq > div{padding:6rem 0 0}
    .method .proceFaq h5{font-size:5.2rem;margin-bottom:8rem}
    .method .proceFaq dt{padding:5.5rem 1rem 5.7rem;line-height:3.5rem}
    .method .proceFaq dt::after{right:1.2rem;width:2.2rem;height:1.2rem;background-size:100%;top:6.5rem}
    .method .proceFaq dt a{font-size:2.8rem}
    .method .proceFaq dt a:hover{text-underline-offset:0.4rem}
    .method .proceFaq dd{padding:0 1rem 5.5rem;font-size:2.8rem;line-height:4rem}
    .method .proceFaq .btn{padding-top:12rem;padding-bottom:24rem}




}