@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');
/* LATO FONT */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,700&display=swap');

.clearfix:after{content:'';display: block;clear:both;}
.fll{float: left;}
.flr{float: right;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nanum_sq{font-family: 'NanumSquare','Noto Sans Korean', "µ¸¿ò","dotum", sans-serif;}
/* content show animation */
/*
.ty_down {opacity: 1;transform: translateY(0);transition: 1.8s;}
.ready.ty_down {transform: translateY(-100%); opacity: 0;}
.ty_left {opacity: 1;transform: translateX(0%);transition: 1.8s;}
.ready.ty_left {left: 0;opacity: 0;transform: translateX(-30%)}
.ty_right {opacity: 1;transform: translateX(0%);transition: 1.8s;}
.ready.ty_right {left: 0;opacity: 0;transform: translateX(30%)}
*/
.ty_down {opacity: 1;transform: translateY(0);transition: 1.3s;}
.ready.ty_down {transform: translateY(-30%); opacity: 0;}
.ty_top {opacity: 1;transform: translateY(0);transition: 1.3s;}
.ready.ty_top {transform: translateY(30%); opacity: 0;}
.ty_left {opacity: 1;transform: translateX(0%);transition: 1.3s;}
.ready.ty_left {left: 0;opacity: 0;transform: translateX(-30%)}
.ty_right {opacity: 1;transform: translateX(0%);transition: 1.3s;}
.ready.ty_right {left: 0;opacity: 0;transform: translateX(30%)}
.ty_show {opacity: 1;transition: 1.3s;}
.ready.ty_show {opacity: 0;}


.header_b #header #lnb > .btnOpenMenu > span {background-color: #000;}
.header_b #header #lnb > .lnb > li > a{color:#555;}

img {width: 100%;border: 0px;vertical-align: middle;}

.nation_wrap{margin-top:166px;_margin-top: 3.5vw;overflow: hidden;}
.nation_wrap *{line-height:1.5;letter-spacing:-0.025em;color:#000;font-size:16px;}
.nation_video{position: relative;overflow: hidden;width: 50%;height: 29.5vw;}
.nation_video:after{content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(43,106,177,0.2);}
.nation_video video{position: absolute;top: 50%;left: 50%;height: 100%;transform:translate(-50%, -50%);}
.nation_wrap .sec01 .info_area{position:relative;padding-left: 4.3vw;width: 50%;}
.nation_wrap .sec01 .title{margin-top: 5vw;max-width:1005px;width: 40vw;transition-delay:1.2s;}
.nation_wrap .sec01 .text_area{margin-top: 5vw;padding-left: 4.5vw;transition-delay:1.6s;}
.nation_wrap .sec01 .text_area .tit{_font-size: 36px;font-size:2.25em;font-weight: 800;}
.nation_wrap .sec01 .text_area .txt{margin-top: 40px;_font-size: 20px;font-size:1.25em;}
.nation_wrap .sec02{margin-top: 4vw;_margin-top: 100px;width: 100%;height: 640px;background: url('../../img/nation_bg.jpg') center center no-repeat;background-attachment: fixed;}

.nation_wrap .sec03{margin: 150px auto 120px; position: relative;clear: both;max-width:1643px;float: right;}

.nation_wrap .sec03 .tit{position: absolute;z-index: 99;top: -67px;left: -3.9vw;width:460px;font-size: 60px;font-weight: 600;}
/* .nation_wrap .sec03 .tit:before{content:'';position: absolute;z-index:-1;bottom: 10px;left: -10px;width: 105%;height: 30px;background-color: rgba(0,122,255,0.8);} */
.nation_wrap .sec03 .tit:before {content: '';position: absolute;z-index: -1;bottom: 6px;left: -10px;width: 105%;height: 30px;background-color: rgb(222,255,0,0.8);}

.nation_wrap .sec03 .rolling_wrap{width: calc(100% - 193px);}
.nation_wrap .sec03 .rolling{width: 200%;}
/* .nation_wrap .sec03 .swiper-slide{_width: 40vw!important;cursor: pointer;width:1040px;} */
.rolling ul li{width: 1080px;}
.nation_wrap .sec03 .swiper-slide.swiper-slide-active {padding: 0;}
.nation_wrap .sec03 .swiper-pagination {background-color: #ddd;position: absolute;z-index: 9;top:inherit!important;left: 0;bottom: -36px;width: 65.5%;height: 2px;_margin-left: 18.4%;}
.nation_wrap .sec03 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #222;}


/*
 R&D¼¾ÅÍ 
*/

/* R&D¼¾ÅÍ °øÅë */
img{display: block;vertical-align: middle;}
.pc_none{display: none!important;}
.m_none{display: block!important;}
.rnd_wrap{margin:0 auto 240px;max-width:2560px;}
.rnd_wrap .inner{position:relative;margin: 0 auto;max-width: 1200px;}
.rnd_wrap section .tit{font-size: 54px;font-weight:500;letter-spacing: -0.045em;line-height: 1.2;}
.sec02 .text_box i{display: inline-block;width: 57px;height: 6px;background-color: #000;}
.sec02 .text_area p.sm_txt{margin-top:30px;font-size: 18px;font-weight:300;}
.rnd_wrap .text_box p{margin-bottom:2px;font-size: 21px;font-weight:400;letter-spacing: -0.06em;line-height: 1.5;word-break:keep-all;}
.visual .text_box .text_area p{color: #fff;font-weight: 300;word-break:keep-all;}
.visual{overflow: hidden;position:relative;width: 100%;max-width:2560px;height: 835px;}
.visual::before{content:'';position:absolute;top:0;left:0;width: 100%;max-width:2560px;height: 835px;transform: scale(1.5);transition:all 3.5s;}
.visual_03:before{background: url('../../img/rnd_visual_03-1.jpg') left center;background-size: cover;}
.visual.on:before{transform: scale(1);transition:all 3.5s;}
.visual .text_box{padding-top: 344px;transition-timing-function: ease-in-out;}
.visual .text_box .tit{color:#fff;font-size: 48px;font-weight:400;letter-spacing: -0.04em;line-height: 1.5;}
.visual .text_box .text_area{margin-top: 30px;}
/* R%D¼¾ÅÍ ¸ÞÀÎ */
.visual_01:before{background: url('../../img/rnd_visual_01-1.jpg') left center;background-size: cover;}
.visual_01 .text_box .tit{line-height: 1.3;}
.visual_01 .text_box .tit strong{font-weight: 700;}
.rnd_center .sec02{margin-top: 145px;}
.rnd_center .sec02 .video_wrap{position: relative;overflow: hidden;margin:0 auto;_padding:12.5vw;width:100%;height: 25vw;}
.rnd_center .sec02 video{position: absolute;z-index: 9;top: 50%;left: -2px;min-width: 100%;width: auto;height: auto;transform: translateY(-50%);}
.rnd_center .sec02 .video_wrap:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.2);z-index: 10;}
.rnd_center .sec03{position: relative;margin-top: 350px;}
.rnd_center .sec03 .cont_list{max-width:80vw;min-height: 510px;margin: 0 auto 12%;position: relative;z-index:9;}
.rnd_center .sec03 .cont_list:last-child{margin-bottom: 0;}
.rnd_center .sec03 .cont{position: relative;max-width: 960px;width: 100%;margin: 0 auto;*zoom: 1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.rnd_center .inner{min-height: 470px;}
.rnd_center .sec03 .thumb{overflow: hidden;position: absolute;z-index:1;left: 0;top: 0;width: 58%;max-width: 1080px;}
.rnd_center .sec03 .right .thumb{left: inherit;right: 0;}
.rnd_center .sec03 .thumb img{transition:0.6s;}
.rnd_center .sec03 .thumb.on:before{width:100%;height:100%;background-color:rgba(43, 106, 177, 0.4);transition:0.3s;}
.rnd_center .sec03 .thumb.on img{transform:scale(1.1);transition:0.6s;}
.rnd_center .sec03 .tit{_margin-top:120px;margin-top:4.3vw;font-size: 48px;}
.rnd_center .sec03 .text_box{text-align: right;}
.rnd_center .sec03 .right .text_box{text-align: left;}
.rnd_center .tit_num{position:absolute;top: 0;right: 0;width: 8.6vw;height: 8.5vw;font-size: 0;}
.rnd_center .right .tit_num{left: 0;right: inherit;}
.rnd_center .list1 .tit_num{background: url('../../img/rnd_num_01.png') no-repeat;background-size: 100%;}
.rnd_center .list2 .tit_num{width:11.5vw;background: url('../../img/rnd_num_02.png') no-repeat;background-size: 100%;}
.rnd_center .list3 .tit_num{width:11.5vw;background: url('../../img/rnd_num_03.png') no-repeat;background-size: 100%;}
.rnd_center .list4 .tit_num{width:11.5vw;background: url('../../img/rnd_num_04.png') no-repeat;background-size: 100%;}
.rnd_center .sec03 .text_box .text_area p{margin-bottom:5px;font-size: 24px;}
.rnd_center .sec03 .text_area{_margin-top: 110px;margin-top: 4.3vw;}
.rnd_center .text_box .more{display: inline-block;margin-top: 3.5vw;  width: 80px;height: 80px;background: url('../../img/btn_move.png') no-repeat;background-size: 100%;}
/* Áٱ⼼Æ÷ ¿¬±¸¼Ò */
.visual_02:before{background: url('../../img/rnd_visual_02-1.jpg') left center;background-size: cover;}
.rnd_stem_cell .sec02{height: 1183px;background: url('../../img/rnd_02_01-1.jpg') center top no-repeat; background-size:cover;}
.rnd_stem_cell .sec02 .tit_area{padding-top:152px;position: relative;}
.rnd_stem_cell .sub_tit{font-size: 35px;font-weight: 300;letter-spacing: -0.045em;}
.rnd_stem_cell section .tit{margin-top:30px;font-size: 52px;letter-spacing: -0.08em;}
.rnd_stem_cell .sec02 .tit_area .tit::before{content: '';position: absolute;right: 90px;bottom:24px;width: 680px;height: 2px;background-color: #000;}
.rnd_stem_cell .sec02 .tit_area .tab_list{position: absolute;bottom: 10px;right: 0;}
.rnd_stem_cell .tab_list li{display: inline-block;font-size: 21px;font-weight: bold;font-style: italic;}
.rnd_stem_cell .tab_list li+li{margin-left: 12px;}
.rnd_stem_cell .tab_list li a{color: #e6e6e6;letter-spacing: -0.04em;}
.rnd_stem_cell .tab_list li .active{color:#000;}
.rnd_stem_cell .sec02 .cont{margin-top: 115px;background-color: #fff;}
.rnd_stem_cell .tab_cont .thumb{position: relative;}
.rnd_stem_cell .tab_cont .mask{position: absolute;z-index:1;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.6);}
.rnd_stem_cell .tab_cont.active .mask{display: none;}
.rnd_stem_cell .tab_cont .text_area{padding: 36px 0 0 80px;}
.rnd_stem_cell .tab_cont .tit_num{color:#e6e6e6;font-size: 40px;font-style: italic;}
.rnd_stem_cell .tab_cont .tit_num .tit_txt{margin-left: 18px; font-size: 34px;font-style: normal;letter-spacing: -0.045em;}
.rnd_stem_cell .tab_cont.active .tit_num .tit_txt{color:#000;}
.rnd_stem_cell .tab_cont .txt{margin-top:4px;color:#e6e6e6;font-size: 24px;letter-spacing: -0.045em;}
.rnd_stem_cell .tab_cont.active .txt{color: #000;}
.rnd_stem_cell .tab_cont.active .tit_num{color:#7c7c7c;}
.rnd_stem_cell .tab_cont .thumb{overflow: hidden;width: 299px;}
.rnd_stem_cell .tab_cont .thumb img{transition: all 0.6s;}
.rnd_stem_cell .tab_cont.active .thumb img{transform:scale(1.1);transition: all 0.6s;}
.rnd_stem_cell .tab_cont .thumb .plus{position: absolute;z-index:2;top: 50%;left: 50%;width:76px;height:76px;background:url('../../img/btn_plus.png') no-repeat;background-size:100%;transform: translate(-50%, -50%);}
.rnd_stem_cell .tab_cont.active .thumb .plus{display: none;}
.rnd_stem_cell .sec03{height: 434px;background: url('../../img/rnd_02_04-1.jpg') center top no-repeat; background-size:cover;}
.rnd_stem_cell .sec03 .tit{position:relative;margin-top:0;padding-top:140px;color: #fff;letter-spacing: -0.08em;}
.rnd_stem_cell .sec03 .tit:before{content:'';position:absolute;left:200px;bottom:24px;width:600px;height:2px;background-color: #fff;}.rnd_stem_cell .sec03 .text_area{margin-top: 50px;}
.rnd_stem_cell .sec03 .txt{color: #fff;font-size: 24px;letter-spacing: -0.045em;font-weight:300;}
.rnd_stem_cell .sec04{margin-top: 140px;}
.rnd_stem_cell .sec04 .line{margin-top: 66px;display: inline-block;width: 57px;height: 5px;background-color: #000;}
.rnd_stem_cell .sec04 .list_wrap{margin-top: 70px;}
.rnd_stem_cell .sec04 .list{display:table;width:358px;height:328px;border:3px solid #1978a1;text-align: center;}
.rnd_stem_cell .sec04 .list .text_area{display: table-cell;vertical-align: middle;}
.rnd_stem_cell .sec04 .list+.list{margin-left: 50px;}
.rnd_stem_cell .sec04 .list:nth-child(4){margin-left: 0;}
.rnd_stem_cell .sec04 .list:nth-child(3)~.list{margin-top: 40px;}
.rnd_stem_cell .sec04 .list .num{display:inline-block;width: 58px;height: 58px;background-color: #1978a1;color: #fff;font-size:25px;font-weight:bold;letter-spacing:-0.04em;border-radius: 58px;line-height: 58px;text-align: center;}
.rnd_stem_cell .sec04 .list .txt{margin-top: 12px;font-size: 20px;}
/* Á¦Çü¿¬±¸¼Ò */
.formulation .sec02{position:relative;margin-top: 144px;}
.formulation .sec02:before{content:'';position:absolute;top:0;left:0;width: 100%;max-width:2560px;max-height:624px;height:40vw;background: url('../../img/rnd_03_01-1.jpg') no-repeat;background-size:cover;}
.formulation .sec02 .text_box{padding-top: 590px;}
.formulation .sec02 .text_box .tit{margin-bottom:18px;font-size: 54px;font-weight:400;letter-spacing: -0.045em;}
.formulation .sec02 .text_area.ty_down{margin-top:77px;transition-delay: 0.3s;}
.formulation .sec03{margin-top: 214px;}
.formulation .sec03 .thumb{max-width: 1279px;width: 60vw;max-height: 625px;height:29vw;background: url(../../img/rnd_03_02-1.jpg) no-repeat;background-size: 100%;}
.formulation .sec03 .text_box{padding: 160px 0 0 58px;}
.formulation .sec03 .text_area{padding: 50px 0 0 4px;}
.formulation .sec03 .text_area p{font-size: 28px;}
.formulation .sec04{margin-top: 316px;}
.formulation .sec04 .fll, .formulation .sec05 .fll{width: 50%;}
.formulation .sec04 .thumb{max-width: 599px;max-height: 1019px;width: 100%;height: 70vw;background: url(../../img/rnd_03_03.jpg) no-repeat center center;background-size: cover;}
.formulation .sec04 .text_box{padding: 210px 0 0 58px;}
.formulation tspan {paint-order: stroke;stroke: #000;stroke-width: 1.5px;stroke-linecap: butt;stroke-linejoin: miter;fill: rgba(255, 255, 255, 0);letter-spacing: -4px;}
.formulation .sec04 .text_area{margin-top: 76px;}
.formulation .sec04 .tit{font-size: 70px;}
.formulation .sec04 .text_area p{margin-bottom:4px;font-size: 24px;}
.formulation .sec05{margin-top: 95px;}
.formulation .sec05 .slide{position:relative;max-width: 598px;width:100%;}
.formulation .sec05 .slide .swiper-button-next{right:28px;width: 62px;height: 62px;background: url('../../img/arr_circle_right.png') no-repeat;}
.formulation .sec05 .slide .swiper-button-prev{left:28px;width: 62px;height: 62px;background: url('../../img/arr_circle_left.png') no-repeat;}
.formulation .sec05 .text_box{padding:85px 0 0 57px;}
.formulation .sec05 .tit{position:relative;margin-bottom:46px;padding-bottom:28px;font-size: 43px;font-weight:400;}
.formulation .sec05 .tit:before{content:'';position:absolute;bottom:0;left:0;width:488px;height:1px;background-color:#000;}
.formulation .sec05 .text_box .text_area p{font-size:24px;font-weight: 300;}
/*.formulation .sec05 .right_area .slide_thumb{position: absolute;bottom: 0;left: 598px;height: 257px;}*/
.formulation .sec05 .right_area .slide_thumb{height: 257px;width: 602px;margin-top: 68px;margin-left: -2px;}
.formulation .sec06{margin-top: 214px;}
.formulation .sec06 .text_box .text_area{margin-top: 23px;}
.formulation .sec06 .text_box .text_area p{font-size: 36px;}
.formulation .sec06 .thumb{margin-top: 46px;}

/* ÇǺÎÀÓ»ó ¿¬±¸¼Ò */
.visual_05:before{background: url('../../img/rnd_visual_05.jpg') left center;background-size: cover;}
.skin section:not(.rnd_visual){position:relative;margin-top: 220px;}
i.line_top{content:'';position: absolute;top: 0;left:12.1vw;width: 36vw;height: 1px;background-color: #c9c9c9;}
i.line_bottom{content:'';position: absolute;bottom: 0;left:12.1vw;width: 36vw;height: 1px;background-color: #c9c9c9;}
.skin .sec02 .text_box{margin-top:150px;width:580px;}
.skin .sec02 .tit{margin-bottom: 42px;letter-spacing: -0.08em;}
.skin .sec02 .text_area{margin-top: 35px;}
.skin .sec02 .txt{font-size: 28px;letter-spacing: -0.08em;}
.skin .sec02 .text_area .sm_txt{margin-top: 46px;line-height:1.7;}
.skin .sec03 .line_bottom, .skin .sec03 .line_top{left:inherit;right:12.1vw;}
.skin .sec03 .text_box{padding: 225px 0 0 58px;width: calc(50% - 5px);}
.skin .sec03 .tit{letter-spacing: -0.08em;line-height: 1.3;}
.skin .sec03 .text_area {padding: 64px 0 0 4px;}
.skin .sec03 .text_area p{font-size: 28px;}
.skin .sec04 .tit:before{content:'';position: absolute;top: 18px;left: -223px; width: 168px;height: 7px;background-color: #000;}
.skin .sec04 .thumb_wrap{margin-top: 116px;}
.skin .sec04 .text_box{display: table;width: calc(50% - 5px);height: 414px;background-color: #c4b9ad;}
.skin .sec04 .text_area{display: table-cell;padding: 0 10%;vertical-align: middle;}
.text_box i.line{display:inline-block;width: 45px;height: 1px;background-color: #fff;}
.skin .sec04 .text_box p{margin: 22px 0 0;color: #fff;font-size: 24px;font-weight: 300;}
.skin section.sec05{position:relative;margin-top:420px;height:27.5vw;background: url('../../img/rnd_05_05.jpg') no-repeat;background-size: 100%;}
.skin .sec05 .text_box{text-align: right;}
.skin .sec05 h2.tit{position: absolute;top: -108px;right: 0;}
.skin .sec05 .text_area{padding:48px 48px 0 0;}
.skin .sec05 .text_box h3{color: #fff; text-align: left;font-weight: 300;line-height: 1.3;}
.skin .sec05 .text_box strong{font-weight: 500;}
.skin .thumb+.thumb{margin-top: 20px;}
/* µðÀÚÀÎ ¿¬±¸¼Ò */
.noto{font-family: 'Noto Sans Korea', "µ¸¿ò","dotum", sans-serif;}
.visual_04:before{background: url('../../img/rnd_visual_04.jpg') center center;background-size: cover;}
.visual_04 .text_box .tit, .visual_04 .text_box .text_area p{color: #000;}
.design .sec02{margin-top: 260px;}
.design section:nth-child(2)~section{margin-top: 110px;}
.design section .tit{font-size: 48px;font-weight:800;letter-spacing:-0.055em;}
.design section .list_wrap{margin-top: 48px;}
.design section .list{width:47.5%;max-width: 377px;height: 455px;}
.design section .list{margin-left: 34px;}
.design section .list:nth-child(3n+1){margin-left: 0;}
.design section .list .txt{color:#3d3d3d;font-size: 28px;font-weight:bold;letter-spacing: -0.045em;}
.design section .text_area{margin-top: 36px;}
.design section .text_area .sm_txt{margin-top:2px;color:#3d3d3d;font-size: 19px;font-weight: 300;letter-spacing: -0.055em;}


@media screen and (max-width:1920px) {
.nation_wrap .sec03{max-width:1457px;}
}


@media screen and (max-width:1680px) {
.nation_wrap *{font-size:0.8rem;}
.nation_wrap .sec01 .info_area{padding-left: 3.8vw;width: 100%;padding-right: 3.8vw;}
.nation_wrap .sec01 .title{margin-top: 3vw;}
.nation_wrap .sec01 .text_area{margin-top: 4vw;padding-left: 2.8vw;}
.nation_wrap .sec01 .text_area .txt{margin-top: 22px;}
.nation_wrap .sec03{margin-top:150px;max-width:1127px;}
.nation_wrap .sec03 .rolling_wrap{width: 100%;}
.nation_wrap .sec03 .rolling{width: 150%;}
.rolling ul li{width: 54.76195vw;}
.nation_wrap .sec01 .text_area .txt{margin-top: 22px;}


    .rnd_wrap{margin-bottom: 80px;}
    .formulation .sec02{margin-top: 64px;}
    .formulation .sec02:before{height: 34vw;}
    .formulation .sec02 .text_box {padding-top: 32vw;}
    .formulation .sec02 .text_area.ty_down{padding-top: 47px;}
    .sec02 .text_area p.sm_txt{margin-top: 20px;}
    .formulation .sec03{margin-top: 134px;}
    .formulation .sec03 .text_box{padding-top:70px;}
    .formulation .sec04{margin-top: 206px;}
    .formulation .sec06{margin-top: 250px;}
}
@media screen and (max-width:1200px) {
.nation_wrap .fll{float: none;width: auto;}
.nation_video{height: 56.2vw;}
.nation_wrap .sec01 .title{margin-top: 9vw;width: 80vw;}
.nation_wrap .sec01 .text_area{padding-left: 0;}
.nation_wrap .sec02{margin-top:10vw;height: 56vw;background-size:contain;background-attachment: scroll;}
.nation_wrap .sec03{margin-top:100px;max-width:75vw;}

.nation_wrap .sec03 .tit{top: -5.8vw;left: -6.2vw;width: 340px;}
.nation_wrap .sec03 .tit:before{height: 23px;bottom: 15px;}

.rnd_wrap .fll, .rnd_wrap .flr{float: none;}
.rnd_wrap .inner{margin: 0 30px;}
.formulation .sec04 .fll, .formulation .sec05 .fll{width: auto;}
.rnd_wrap .inner{max-width: inherit;}
.visual .text_box{padding-top: 50vw;}
.visual_03:before{background-position: 80% center;}
.formulation .sec03 .thumb{width: 100%;}
.formulation .sec05 .right_area .slide_thumb{position:inherit;left: inherit;}

.design .fll{float: left;}
.design .flr{float: right;}
.design section .list:nth-child(3n+1){margin-left: 34px;}
.design section .list:nth-child(odd){margin-left: 0;}

.rnd_stem_cell .fll{float: left;}
.rnd_stem_cell .flr{float: right;}
.rnd_stem_cell .sec02 .tit_area .tit::before{width: 490px;}
.rnd_stem_cell .tab_cont .text_area {padding: 36px 30px;width: calc(100% - 300px);}
.rnd_stem_cell .tab_cont .txt{font-size: 20px;letter-spacing: -0.06em;line-height: 1.5;}
.rnd_stem_cell .sec04 .list{width: 31.5%;}
.rnd_stem_cell .sec04 .list+.list{margin-left: 25px;}
.rnd_stem_cell .sec04 .list:nth-child(4){margin-left: 0;}


.skin section:not(.rnd_visual){margin-top: 150px;}
i.line_top{display: none;}
.skin .thumb{margin-top: 52px;}
.skin .sec03 .text_box{padding: 0;}
.skin .sec04 .text_box{width: 100%;}
.skin .sec04 .thumb_wrap{margin-top: 84px;}
.skin section.sec05{margin-top: 250px;}


.rnd_center .fll{float: left;}
.rnd_center .flr{float: right;}
.rnd_center .sec03{margin-top: 180px;}
.rnd_center .sec03 .cont_list{max-width: inherit;}
.rnd_center .sec03 .text_box .text_area p{font-size: 20px;}
.rnd_center .sec03 .tit{margin-top:2.5vw;font-size: 40px;}


}
@media screen and (max-width:1024px) {
.nation_wrap {margin-top:86px;}
.nation_wrap .sec03{max-width:68vw;}
.nation_wrap .sec03 .tit{top: -4.5vw;width: 36vw;font-size: 32px;}
.nation_wrap .sec03 .tit:before{bottom:7px;height:15px;}
/* R&D ¼¾ÅÍ ¸ÞÀÎ (visual_01)ÀÇ ¸ð¹ÙÀÏ ¹è°æ À̹ÌÁö ¼³Á¤ ÄÚµå Ãß°¡ */ .visual_01:before { /* 👈 ÀÌ ºÎºÐÀÌ Ã·ºÎÇϽŠDNA À̹ÌÁö¸¦ ºÒ·¯¿À´Â ºÎºÐÀÔ´Ï´Ù. */ background: url('../../img/m_rnd_visual_02.jpg') center center no-repeat; /* ¼¼·Î À̹ÌÁö¿¡ ¸ÂÃç¼­ ¹è°æ À̹ÌÁö°¡ ¿µ¿ªÀ» ²Ë ä¿ìµµ·Ï ¼³Á¤ */ background-size: cover; /* À̹ÌÁöÀÇ »óÀ§ ¿ä¼Ò ³ôÀ̸¦ 100%·Î ¼³Á¤ÇÏ¿© À̹ÌÁö°¡ º¸À̵µ·Ï ÇÔ */ height: 100%; /* Ȥ½Ã³ª display:noneÀÌ °É·ÁÀÖ´Ù¸é blockÀ¸·Î °­Á¦ º¯°æÇÏ¿© º¸À̵µ·Ï ÇÔ */ display: block; } /* »ó´Ü ºñÁÖ¾ó ¿µ¿ªÀÇ °ËÀº ¿À¹ö·¹ÀÌ(video_wrap:after)µµ Ȥ½Ã ¸ô¶ó ¿ÏÀüÈ÷ Á¦°Å */ .rnd_center .visual_01 .video_wrap:after { display: none; }
/* 👈 ÀÌ ºÎºÐÀ» Ãß°¡ÇÕ´Ï´Ù. */ .visual_01:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* ¹ÝÅõ¸íÇÑ °ËÀº»ö ¿À¹ö·¹ÀÌ ¼³Á¤ (rgbaÀÇ ¸¶Áö¸· °ª(0.3)À» Á¶Á¤ÇÏ¿© ¿øÇÏ´Â ¸¸Å­ ¾îµÓ°Ô ¸¸µå¼¼¿ä) */ background-color: rgba(0, 0, 0, 0.3); z-index: 5; /* ÅؽºÆ®(z-index: 99) ¾Æ·¡, ¹è°æ À̹ÌÁö À§¿¡ À§Ä¡Çϵµ·Ï z-index ¼³Á¤ */ } 

body {min-width:360px;}
p,div,ul,li,dl,dt,dd,ol,em,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,button{font-size: 1em;}
.pc_none{display: block!important;}
.m_none{display: none!important;}
.visual{height: 80vh;}
.visual::before{transform: scale(1.5);transition:all 8s;}
.visual.on:before{transform: scale(1);transition:all 8s;}
.rnd_wrap .text_box p{font-size: 1.3em;font-weight:300;}


.visual_02:before{height:100%;background: url('../../img/m_rnd_visual_02-1.jpg') 50% 90%;background-size: cover;}
.visual_03:before{height:100%;background: url(../../img/m_rnd_visual_03-1.jpg) right center;background-size:cover;}
.visual_04:before{height:100%;background: url(../../img/m_rnd_visual_04.jpg) right center;background-size:cover;}
.visual_05:before{height:100%;background: url(../../img/m_rnd_visual_05.jpg) 50% 70%;background-size:cover;}
.visual .text_box{padding-top: 34vh;}
.visual .text_box .tit{font-size:2.5em;font-weight: bold;}
.visual_01 .text_box .tit{font-weight: 400;}
/* R&D¼¾ÅÍ ¸ÞÀÎ */
.rnd_center .fll, .rnd_center .flr{float: none;}
.rnd_center .visual_01 .video_wrap{position: relative;overflow: hidden;margin:0 auto;width:100%;height: 100%;}
.rnd_center .visual_01 video{position: absolute;z-index: 9;top: 50%;left: 50%;min-width: 100%;width: auto;height: 188vw;transform: translate(-50%, -50%);}
.rnd_center .visual_01 .video_wrap:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0; background-color: rgba(0,0,0,0.0);z-index: 10;}
.rnd_center .visual_01 .inner{position: absolute;top: 0;z-index: 99;}
.rnd_center .sec03{margin-top: 84px;}
.rnd_center .sec03 .cont_list{min-height: 350px;max-width: inherit;}
.rnd_center .sec03 .inner{min-height:inherit;}
.rnd_center .sec03 .thumb{position:static;}
.rnd_center .tit_num{width: 20.5vw;height: 20.5vw;}
.rnd_center .list2 .tit_num{width: 33.5vw;height: 24vw;}
.rnd_center .list3 .tit_num{width: 33.5vw;height: 24vw;}
.rnd_center .list4 .tit_num{width: 33.5vw;height: 24vw;}
.rnd_center .sec03 .tit{margin-top:10vw;padding-top:11vw;font-size: 2.5em;}
.rnd_center .sec03 .text_area{margin-top: 9vw;}
.rnd_center .sec03 .text_box .text_area p{font-size: 1.3em;}
.rnd_center .text_box .more{margin-top:6vw;width: 50px;height: 50px;}
/* Áٱ⼼Æ÷ ¿¬±¸¼Ò */
.rnd_stem_cell .sec02{height:auto;background: url('../../img/m_rnd_02_01-1.jpg') center top no-repeat; background-size:100%;}
.rnd_stem_cell .sec02 .tit_area{padding-top: 84px;}
.rnd_stem_cell .sub_tit{font-size: 1.8em;}
.rnd_stem_cell section .tit{margin-top:4px;font-size: 2.5em;font-weight: 400;}
.rnd_stem_cell .sec02 .tit_area .tit::before{right: inherit;left: 0;bottom:-37px;width: 80vw;height:1px;}
.rnd_stem_cell .sec02 .tit_area .tab_list{bottom: -50px;}
.rnd_stem_cell .tab_list li{font-size: 1.25em;}
.rnd_stem_cell .tab_list li+li{margin-left: 10px;}
.rnd_stem_cell .tab_list li a{color: #000;}
.rnd_stem_cell .sec02 .cont_wrap{margin-top: 115px;}
.rnd_stem_cell .sec02 .cont{margin-top: 0;background-color: inherit;}
.rnd_stem_cell .sec02 .cont+.cont{margin-top: 84px;}
.rnd_stem_cell .sec02 .text_area{margin-top: 32px;}
.rnd_stem_cell .sec02 .tit_num{color:#7c7c7c;font-size: 2.5em;font-style: italic;}
.rnd_stem_cell .sec02 .tit_num .tit_txt{margin-left: 8px; font-size: 22px;font-style: normal;color: #000;letter-spacing: -0.045em;}
.rnd_stem_cell .sec02 .txt{margin-top:6px;font-size: 1.125em;letter-spacing: -0.06em;line-height: 1.5;font-weight:300;word-break: keep-all;}
.rnd_stem_cell .sec03 {margin-top:124px;height: 50vh;max-height:560px;background: url(../../img/m_rnd_02_04-1.jpg) 0 0 no-repeat;background-size: 100%;}
.rnd_stem_cell .sec03 .tit:before{display: none;}
.rnd_stem_cell .sec03 .tit:after{content: '';display: inline-block;margin-left: 20px;width: calc(100% - 160px);height: 1px;background-color: #fff;vertical-align: middle;}
.rnd_stem_cell .sec03 .tit{padding-top:28vw;font-size: 2em;}
.rnd_stem_cell .sec03 .text_area{margin-top: 26px;}
.rnd_stem_cell .sec03 .txt{font-size: 1.3em;font-weight: 300;letter-spacing: -0.06em;line-height: 1.5;}
.rnd_stem_cell .sec04{margin-top: 64px;}
.rnd_stem_cell section .tit{font-size: 2em;}
.rnd_stem_cell .sec04 .line{margin-top: 26px;width: 54px;height: 4px;}
.rnd_stem_cell .sec04 .list_wrap{margin-top: 38px;}
.rnd_stem_cell .sec04 .list{float: left;width: calc(50% - 10px);height:280px;border-width: 2px;}
.rnd_stem_cell .sec04 .list+.list{margin-left: 0;}
.rnd_stem_cell .sec04 .list:nth-child(2)~.list{margin-top: 20px;}
.rnd_stem_cell .sec04 .list:nth-child(even){margin-left: 20px;}
.rnd_stem_cell .sec04 .list .txt{font-size: 1.125em;font-weight: 300;letter-spacing:-0.06em;line-height:1.5;word-break: keep-all;}
.rnd_stem_cell .sec04 .list .num{width: 38px;height: 38px;font-size:15px;border-radius: 38px;line-height: 38px;}
.rnd_stem_cell .sec04 .list .text_area{padding: 0 10px;}
.rnd_stem_cell .fll, .rnd_stem_cell .flr{float: none;}
/* Á¦Çü ¿¬±¸¼Ò */
    .formulation .sec02:before{max-height: inherit;height: 50vh;background:url('../../img/m_rnd_03_01-1.jpg') center 70% no-repeat;background-size:cover;}
    .formulation .sec02 .text_box{padding-top: 56vw;}
    .rnd_wrap .sec02 .text_box p{font-size:1.125em;font-weight:300;}
    .rnd_wrap .sec02 .text_box .m_big_txt{margin-top: 20px;font-size:1.3em;font-weight: 500;}
    .formulation .sec03{margin-top: 64px;}
    .formulation .sec03 .thumb{height: 49vw;}
    .formulation .sec03 .text_box{padding: 45px 30px 0;}
    .rnd_wrap section .tit{font-size: 2em;}
    .formulation .sec03 .text_area{padding: 20px 0 0;}
    .formulation .sec03 .text_area p{font-size:1.3em;font-weigt:300;}
    .formulation .sec04{margin-top:84px;}
    .formulation .sec04 .inner{margin: 0;}
    .formulation .sec04 .thumb{max-width: inherit;width: 100vw;height: 60vh;background: url(../../img/m_rnd_03_03.jpg) no-repeat center center;background-size: cover;}
    .formulation .sec04 .text_box{position:relative;margin-top:-8.2vw;padding: 0 0 0 28px;}
    .formulation .sec04 .tit{font-size:3em;}
    .formulation svg{width:240px;height:54px;}
    .formulation tspan{stroke-width:1px;}
    .formulation .sec04 .text_area{margin-top: 20px;}
    .formulation .sec04 .text_area p{font-size: 1.3em;}
    .formulation .sec05{margin-top: 84px;}
    .formulation .sec05 .inner{margin: 0 auto;}
    .formulation .sec05 .slide{margin:auto;max-width: inherit;max-width:600px;width: 80%;}
    .formulation .sec05 .text_box{padding: 5% 10%;}
    .formulation .sec05 .tit{margin-bottom: 15px;padding-bottom: 15px;font-size:2em;font-weight:500;}
    .formulation .sec05 .tit:before{width: 300px;}
    .formulation .sec05 .right_area .slide_thumb{height: auto;}
    .formulation .sec05 .text_box .text_area p{font-size: 1.3em;}
    .formulation .sec05 .right_area .slide_thumb{width: 100%;}
    .formulation .sec06{margin-top: 84px;}
    .formulation .sec06 .text_box .text_area{margin-top: 13px;}
    .formulation .sec06 .text_box .text_area p{font-size: 1.3em;font-weight:300;}
    .formulation .sec06 .thumb{margin: 35px -30px 0;}
/* ÇǺÎÀÓ»ó ¿¬±¸¼Ò */
    .skin section:not(.rnd_visual){margin-top: 84px;}
    .skin .sec02 .text_box{margin-top:0;width: inherit;}
    i.line_bottom, i.line_top{display: none;}
    .skin .sec02 .tit{margin-bottom:35px;font-weight: 300;}
    .sec02 .text_box i{height: 4px;}
    .skin section .text_box .txt{font-size:1.3em;}
    .skin .sec02 .text_area .sm_txt{font-weight: 400;}
    .skin .thumb_wrap{margin-top: 64px;}
    .skin .sec03 .text_box{padding: 0;width: inherit;}
    .skin .sec03 .text_area{margin-top:32px;padding: 0;}
    .skin .sec03 .text_area p{font-size: 1.3em;}
    .skin .thumb{margin-top: 52px;}
    .skin section.sec04{margin-top: 110px;}
    .skin .sec04 .tit:before{top:-25px;left:5px;width: 60px;height: 5px;}
    .skin .sec04 .text_box{float: none;width: 100%;height:280px;}
    .skin .sec04 .thumb_wrap{margin-top: 35px;}
    .skin .sec04 .text_area{padding:0 5%;}
    .skin section.sec05{margin-top: 130px;height:400px;background-size: cover;}
    .skin .sec05 h2.tit{top: -62px;font-weight: 400;}
    .skin .sec05 .text_area{float: right;padding: 28px 30px 0 0;}
/* µðÀÚÀÎ ¿¬±¸¼Ò */
.visual_04 .text_box .text_area p{font-size: 1.2em;line-height: 1.6;}
.m_design .fll{float: left;}
.m_design .flr{float: right;}
.m_design .visual_04 .text_box .tit, .m_design .visual_04 .text_box .text_area p{color: #414042;}
.m_design .rnd_visual{margin-top: 0;}
.m_design section{margin-top: 84px;}
.m_design section .tit{font-size:2.5em;font-weight: 800;}
.m_design section .txt{font-size: 1.7em;font-weight: bold;}
.m_design .sec01 .list{margin-top: 32px;}
.m_design .sec01 .list+.list{margin-top: 62px;}
.m_design .sec01 .text_area p.sm_txt{margin-top: 8px;margin-bottom:24px;font-size: 1.3em;font-weight: 300;}
.m_design .sec01 .list img{width: 80vw;max-width: 520px;}
.m_design .sec01 .flr{text-align: right;}
.m_design .sec02{margin-top: 120px;}
.m_design .slide{position: relative;max-height: 920px;}
.m_design .sec02 .list{height: 90vh;}
.m_design .sec02 .list1{background:url('../../img/m_rnd_04_04.jpg') no-repeat center center;background-size: cover;}
.m_design .sec02 .list2{background:url('../../img/m_rnd_04_03.jpg') no-repeat center center;background-size: cover;}
.m_design .sec02 .list3{background:url('../../img/m_rnd_04_05.jpg') no-repeat center center;background-size: cover;}
.m_design .sec02 .list4{background:url('../../img/m_rnd_04_06.jpg') no-repeat center center;background-size: cover;}
.m_design .sec02 .list5{background:url('../../img/m_rnd_04_07.jpg') no-repeat center center;background-size: cover;}
.m_design .sec02 .text_area{position: absolute;top: 18vw;left:30px;}
.m_design .sec02 .text_area .txt{color:#fff;font-size: 2.5em;word-break: keep-all;}
.m_design .sec02 .text_area p.sm_txt{margin-top:10px;color: #fff;font-size: 1.3em;word-break: keep-all;}
.m_design .sec02 .swiper-button-next{top:inherit;bottom:17vw;left:17vw;width: 10vw;height: 10vw;max-width:75px;max-height:75px;background: url('../../img/arr_right.png') no-repeat;background-size: 100%;}
.m_design .sec02 .swiper-button-prev{top:inherit;bottom:17vw;left:30px;width: 10vw;height: 10vw;max-width:75px;max-height:75px;background: url('../../img/arr_left.png') no-repeat;background-size: 100%;}
.m_design .prd_slide{margin-top: -220px;}
.m_design .prd_slide_wrap{padding-top:64px;margin-top:220px;padding-bottom:120px;padding-left: 90px;background-color: #f4f4f4;}
.m_design .prd_list{width: 340px;}
.m_design .prd_slide .swiper-container{height: 500px;}
.m_design .prd_slide .swiper-container .prd_list_wrap{height: auto;}
.m_design .prd_slide .text_area{margin-top: 38px;}
.m_design .prd_slide .text_area p.sm_txt{margin-top:8px;font-size: 1.3em;font-weight:300;word-break: keep-all;letter-spacing: -0.045em;}

}
@media screen and (max-width:480px) {
.nation_wrap .sec01 .title{margin-top: 12.5vw;transition-delay:0.6s;}
.nation_wrap .sec01 .text_area{margin-top: 7vw;transition-delay:1.5s;}
.nation_wrap .sec01 .text_area .tit{font-size: 1.75em;}
.nation_wrap .sec01 .text_area .txt{margin-top: 18px;}
.nation_wrap .sec02{margin-top: 15vw;}
.nation_wrap .sec03{float: inherit;margin:60px auto;max-width: 80vw;}

.nation_wrap .sec03 .tit {font-size: 16px;left: -5.4vw;width: 48vw;}
.nation_wrap .sec03 .tit:before {left: -5px;bottom: -5px;height: 13px;}
.rolling ul li{width: 74vw;}
.nation_wrap .sec03 .swiper-pagination{width:92%}
.rnd_wrap .inner{margin: 0 15px;}
.visual .text_box{padding-top: 29vh;}
.rnd_center .sec03 .tit{font-size: 2em;}
.rnd_center .tit_num{width: 25.5vw;height: 25.5vw;}
/* Áٱ⼼Æ÷ ¿¬±¸¼Ò */
.rnd_stem_cell .sec02 .tit_area .tit::before{width: 74vw;}
.rnd_stem_cell .tab_list li+li {margin-left: 7px;}
.rnd_stem_cell .sec02 .tit_area{padding-top:54px;}
.rnd_stem_cell .sec02 .cont_wrap{margin-top: 90px;}
.rnd_stem_cell .sec03{height: 46vh;}
.rnd_stem_cell .sec04 .list{width: calc(50% - 5px);height: 200px;border-width: 1px;}
.rnd_stem_cell .sec04 .list:nth-child(even){margin-left: 10px;}
.rnd_stem_cell .sec04 .list:nth-child(2)~.list{margin-top: 10px;}
.rnd_stem_cell .sec03 .tit:before{width: 50vw;}
/* Á¦Çü ¿¬±¸¼Ò */
.formulation .sec02:before{height: 37vh;}
    .formulation .sec03 .text_box{padding: 45px 15px 0}
    .formulation .sec04 .text_box{margin-top: -15.5vw;padding-left:15px;}
    .formulation .sec05 .slide{width: 90%;}
    .formulation .sec05 .slide .swiper-button-next{right:8px;width: 40px;height: 40px;background-size: 40px;}
    .formulation .sec05 .slide .swiper-button-prev{left:8px;width: 40px;height: 40px;background-size: 40px;}
    .formulation .sec05 .text_box{padding: 5%;}
    .formulation .sec06 .thumb{margin: 24px -15px 0;}
    .formulation .sec05 .tit:before{width: 250px;}
    .skin section.sec05{height: 250px;}

/* µðÀÚÀÎ ¿¬±¸¼Ò */
.m_design .sec02 .text_area{left: 15px;}
.m_design .sec02 .swiper-button-prev{left: 15px;}
.m_design .prd_slide_wrap{padding-top: 64px;margin-top: 160px;padding-bottom: 60px;padding-left: 45px;}
.m_design .prd_list{width: 210px;}
.m_design .prd_slide{margin-top: -170px;}
.m_design .prd_slide .swiper-container {height: 400px;}

}