@charset "utf-8";

/******* font *******/
@import url("https://use.typekit.net/ucc5utx.css");
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.cdnfonts.com/css/neue-haas-grotesk-display-pro');


/******* common *******/
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td {font-family:'Roboto','Noto Sans KR',굴림,Gulim,돋움,Dotum, Sans-serif;}

.pageTit {display:block;font-size:160px;color:#111;} 
.pageTit>span {display:block;font-size:inherit;font-weight:inherit;}


.reN_2026 header{background:#fff;}

/******* layout *******/
/* header */
.reN_2026 header{height:60px;transition:none;mix-blend-mode:unset;}
.reN_2026 #header{position:relative;width:100%;height:100%;max-width:1860px;margin:0 auto;padding:0 30px;box-sizing:border-box;transition:none;}
.reN_2026 header h1{left: 30px;top: 18px;}
.reN_2026 header h1 a{width:50px;height:28px;background-image: url(../../images/logo.svg);margin:0;display:block;}
.reN_2026 header #gnb{right:26px;height:60px;top:0;}
.reN_2026 header #gnb ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:32px;height:100%;}
.reN_2026 header #gnb ul li{float:unset;opacity:1;margin:0;color:#000;font-size:16px;font-weight:500;line-height:150%;font-family:'Neue Haas Grotesk Display Pro', sans-serif;width:auto !important;height:auto !important;overflow:unset !important;}
.reN_2026 header #gnb ul li a{text-indent:0;font-size:inherit;color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;line-height:inherit;background:none !important;position:relative;}
.reN_2026 header #gnb ul li a::before {content:'';position:absolute;right:0;bottom:4px;display:block;width:100%;height:1px;background:#111;transition:all 0.3s cubic-bezier(0.71, 0.65, 0.43, 0.85);transform-origin:left;transform: scaleX(0);opacity:0;}
.reN_2026 header #gnb ul li a:hover::before {transform-origin: left;transform: scaleX(1);opacity: 1;}
.reN_2026 header #gnb ul::before,
.reN_2026 header #gnb ul::after{display:none;}
.reN_2026 header.fix{height:60px;}
.reN_2026 header.fix h1{top:15px;}
.reN_2026 header.fix h1 a{background-image:url(../../images/logo.svg);}
.reN_2026 header.fix{background:#fff;}
.reN_2026 header.fix #gnb{top:0;}
/* //header */


/* content */
.reN_2026 article {overflow:hidden;}
.reN_2026 #container {max-width:1920px;margin:0 auto;padding-top:82px;}
.reN_2026 #contents {position:relative;width:100%;max-width:1860px;min-height:500px;margin:0 auto;box-sizing:border-box;padding:0 30px;}
/* //content */

/* footer */
.reN_2026 footer {padding:115px 0 45px;background:#fff;position:relative;}
.reN_2026 footer .footer {max-width:1860px;padding:0 30px;margin:0 auto;box-sizing:border-box;font-size:0;}
.reN_2026 footer .footer .f_info {display:inline-block;width:50%;vertical-align:top;font-size:0;overflow:hidden;}
.reN_2026 footer .footer .f_info address {display:inline-block;padding-right:76px;vertical-align:top;font-size:13px;font-style:normal;line-height:1.6em;transition:.3s all;color:#111;font-weight:400;font-family: 'Pretendard', sans-serif;}
.reN_2026 footer .footer .f_info address br {display:none;}
.reN_2026 footer .footer .f_info .contact {display:inline-block;vertical-align:top;color:#111;}
.reN_2026 footer .footer .f_info .contact>span {display:inline-block;margin-right:5px;font-size:13px;line-height:1.6em;color:#111;font-weight:400;font-family: "neue-haas-grotesk-text", sans-serif;vertical-align: top;}
.reN_2026 footer .footer .f_info2 {display:inline-block;width:50%;vertical-align:top;font-size:0;overflow:hidden;}
.reN_2026 footer .footer .f_info2 .link {float:left;padding-left:315px;padding-bottom:2px;transition:.3s all;}
.reN_2026 footer .footer .f_info2 .link>a {position:relative;display:inline-block;vertical-align:top;font-size:13px;color:#111;font-weight:400;font-family: "neue-haas-grotesk-text", sans-serif;}
.reN_2026 footer .footer .f_info2 .link>a span {font-weight:inherit;font-family: inherit;}
.reN_2026 footer .footer .f_info2 .link>a:before {content:'';position:absolute;left:0;bottom:-2px;display:block;width:100%;height:1px;background:#111;display:none;}
.reN_2026 footer .footer .f_info2 .link>a+a {margin-left:50px;}
.reN_2026 footer .footer .f_info2 .copyR {float:right;font-size:13px;color:#111;font-weight:400;font-family: "neue-haas-grotesk-text", sans-serif;}
.reN_2026 footer .footer .f_info2 .link>a:nth-child(1){display:none !important;}
/* //footer */

/* 20240108 */
.reN_2022 footer .footer .f_info .contact>span {width:auto !important;height:auto !important;}
.reN_2022 footer .footer .f_info .contact>span>a {font-size:13px !important;text-indent: 0 !important;background:none !important;}

.reN_2022 footer .footer .f_info address {width:auto !important;height:auto !important;font-size:13px !important;text-indent: 0 !important;background:none !important;}

.reN_2022 footer .footer .f_info2 .link>a {font-size:13px !important;text-indent: 0 !important;background:none !important;width:auto !important;height:auto !important;}
.reN_2022 footer .footer .f_info2 .copyR {width:auto !important;height:auto !important;font-size:13px !important;text-indent: 0 !important;background:none !important;}

/* sub */
.reN_2022_sub {padding-top:110px;}
.reN_2022_sub.reN_2022 header #gnb ul li a {color:#111;} 
/* .reN_2022_sub.reN_2022 header {position:relative;} */
/* .reN_2022_sub.reN_2022 header.fix {position:fixed} */
.reN_2022_sub.reN_2022 article {padding-top:0px;}
.reN_2022_sub .view_titAea {position:relative;padding-top:60px;margin-bottom:60px;}
.reN_2022_sub .view_titAea .inner {position:relative;width:100%;height:100%;max-width:1860px;margin:0 auto;padding:0 30px;box-sizing:border-box;}
.reN_2022_sub .view_titAea .tit {position:relative;padding-right:500px;display:block;left:-5px;}
.reN_2022_sub .view_titAea .tit p {display:block;font-size:120px;color:#111;font-weight:500;line-height:140px;transition:.3s all;}
.reN_2022_sub .view_titAea .tit p+p {margin-top:-15px;}
.reN_2022_sub .view_titAea .tit p span {display:block;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;;font-family: "neue-haas-grotesk-text", sans-serif;letter-spacing: -6px;}
.reN_2022_sub .view_titAea .awardArea {position:absolute;right:200px;bottom:0;transition:.5s all;}
.reN_2022_sub .view_titAea .awardArea .awardTit {font-size:20px;font-weight:400;color:#111;font-family: "miller-banner", serif;font-style: italic;}
.reN_2022_sub .view_titAea .awardArea .awardName {margin-top:30px;font-size:24px;font-weight:400;color:#111;font-family: "neue-haas-grotesk-text", sans-serif;letter-spacing: -.5px;}

.reN_2022_sub .ver_cuk .experience_visual .ex_bg {background-attachment:inherit;}
.reN_2022_sub .experience_visual .ex_visual:after {display:none;}
.reN_2022_sub .experience_visual .ex_bg {animation:none}
.reN_2022_sub .experience_visual {height:auto;}
.reN_2022_sub .experience_visual .big_thum {font-size:0;text-align:center;}
.reN_2022_sub .experience_visual .big_thum .m_img {display:none;}

.overview_area {padding:57px 0 150px 0;min-height:455px;box-sizing:border-box;}
.overview_area .inner {position:relative;width:100%;height:100%;max-width:1860px;margin:0 auto;padding:0 30px;box-sizing:border-box;font-size:0;;}
.overview_area .inner>div {display:inline-block;vertical-align:top;}
.overview_area .inner>div .tit {margin-bottom:28px;font-size:20px;color:#111;font-weight:400;font-family: "miller-banner", serif;font-style: italic;}
.overview_area .inner>div p {font-size:24px;color:#111;font-weight:400;}
.overview_area .inner>div ul li {font-size:24px;color:#111;font-weight:400;font-family: "neue-haas-grotesk-text", sans-serif;letter-spacing: -.5px;}
.overview_area .inner>div ul li+li {margin-top:7px;}
.overview_area .inner>div.client {padding-right:105px;}
.overview_area .inner>div.overview {position:absolute;right:50px;top:0;max-width:850px;}
.overview_area .inner>div.overview .info {font-size:22px;letter-spacing:-.5px;}
.overview_area .inner>div.overview .info .indent {display:block;text-indent:150px;font-size:inherit;font-weight:inherit;letter-spacing:inherit;}
.overview_area .inner>div.overview .link {margin-top:50px;}
.overview_area .inner>div.overview .link a {position:relative;display:inline-block;font-size:24px;color:#111;font-weight:400;vertical-align:top;font-family: "miller-banner", serif;font-style: italic;}
.overview_area .inner>div.overview .link a:before {content:'';position:absolute;left:1px;bottom:3px;display:block;width:100%;height:1px;background:#111;}

/******* contents *******/

/* work_llist */
.page_work {overflow:hidden;}
.page_work .top_infoTxt {position:relative;padding-top:38px;font-size:0;text-align:right;}
.page_work .top_infoTxt>span {position:absolute;top:36px;display:inline-block;vertical-align:top;font-size:14px;font-weight:400;color:#111;font-family: "neue-haas-grotesk-text", sans-serif;}
.page_work .top_infoTxt>p {display:inline-block;vertical-align:top;font-size:60px;font-weight:400;}
.page_work .top_infoTxt>p>span {display:block;width:900px;font-size:inherit;font-weight:inherit;line-height:60px;color:#111;}
.page_work .top_infoTxt>p>span+span {text-align:left;font-family: "miller-banner", serif;font-style: italic;}
.millerTxt {font-family: "miller-banner", serif !important;font-style: italic !important;}
.page_work .btnArea {margin-top:85px;text-align:center;}
.page_work .btn_more {width:80px;height:80px;border:1px solid #111;box-sizing:border-box;border-radius:50%;background:#fff url(../../images/reN2022/workList/btn_plus.png) no-repeat center;font-size:2px;text-indent:-999px;overflow:hidden;transition:.5s all ease-out;}
.page_work .btn_more:hover {background:#111 url(../../images/reN2022/workList/btn_plus_white.png) no-repeat center;}

.projectList {margin-top:97px;}
.project_tit {padding-bottom:20px;border-bottom:1px solid #272624;font-size:38px;font-weight:400;letter-spacing:-.6px;color:#111;}

.thum_list_wrap {margin-top:20px;}
.thum_list_wrap>ul {width:calc(100% + 20px);margin-left:-20px;font-size:0;}
.thum_list_wrap>ul>li {display:inline-block;width:calc(33.333% - 20px);margin-left:20px;vertical-align:top;}
.thum_list_wrap>ul>li .thum {position:relative;overflow:hidden;}
.thum_list_wrap>ul>li a {display:block;overflow:hidden;}
.thum_list_wrap>ul>li a img {max-width:inherit;transition:.8s all;transform: scale(1);}
.thum_list_wrap>ul>li a:hover img {transition:.8s all;transform: scale(1.1);}
.thum_list_wrap>ul>li .thum .m_img {display:none;}
.thum_list_wrap>ul>li:nth-child(n+4) {margin-top:40px;}
.thum_list_wrap>ul>li .name {margin-top:17px;font-size:24px;font-weight:600;color:#111;font-family: 'Pretendard', sans-serif;}
.thum_list_wrap>ul>li .strategy {padding-bottom:3px;margin-top:7px;font-size:16px;color:#111;font-weight:400}
.thum_list_wrap>ul>li p span {position:relative;display:inline-block;font-size:inherit;font-weight:inherit;color:inherit;vertical-align:top;font-family: inherit;}
.thum_list_wrap>ul>li p.strategy span {font-family: "neue-haas-grotesk-text", sans-serif;}
.thum_list_wrap>ul>li a p span::before {content:'';position:absolute;right:0;bottom:-3px;display:block;width:100%;height:1px;background:#111;transition: all 0.4s cubic-bezier(0.71, 0.65, 0.43, 0.85);transform-origin: left;transform: scaleX(0);opacity:0;}
.thum_list_wrap>ul>li a:hover p span::before {transform-origin: left;transform: scaleX(1);opacity:1;}
.thum_list_wrap>ul>li .markArea {position:absolute;right:20px;bottom:20px;z-index: 10;}

.txt_list_wrap {margin-top:130px;}
.txt_list_wrap ul {position:relative;}
.txt_list_wrap ul:before {content:'';position:absolute;left:0;bottom:0;display:block;width:100%;height:3px;background:#fff;z-index:10;}
.txt_list_wrap ul li {display:none;height:100px;border-bottom:1px solid #111;box-sizing:border-box;font-size:0;}
.txt_list_wrap ul li.on {display:block;}
.txt_list_wrap ul li.on:last-of-type {border-bottom:none;}
.txt_list_wrap ul li>a {position:relative;display:block;font-size:0;line-height:100px;color:#111;}
.txt_list_wrap ul li>a>p {transition:.5s all;}
.txt_list_wrap ul li>a>p>span:before {content:'';position:absolute;left:0;bottom:-2px;display:block;width:100%;height:1px;background:#111;transition: transform 0.4s cubic-bezier(0.71, 0.65, 0.43, 0.85);transform-origin: left;transform: scaleX(0);}
.txt_list_wrap ul li>a:hover>p>span:before {transform-origin: left;transform: scaleX(1);width:100%;}
.txt_list_wrap ul li>a::before {content:'';position:absolute;right:0;top:50%;margin-top:-5.5px;display:block;width:81px;height:11px;background:url(../../images/reN2022/workList/thum_hov_arrR.png) no-repeat;transition: all 0.4s cubic-bezier(0.71, 0.65, 0.43, 0.85);transform-origin: left;transform: scaleX(0);opacity:0;}
.txt_list_wrap ul li>a:hover:before  {transform-origin: left;transform: scaleX(1);opacity:1;}
.txt_list_wrap ul li>a>p {display:inline-block;vertical-align:top;font-size:24px;font-weight:400;color:#111;}
.txt_list_wrap ul li>a>p>span {position:relative;font-size:inherit;font-weight:inherit;font-family: inherit;}
.txt_list_wrap ul li>a>p.name {width:calc(100% - 800px);font-family: 'Pretendard', sans-serif;font-weight: 600;}
.txt_list_wrap ul li>a>p.kind {width:500px;font-size:16px;}
.txt_list_wrap ul li>a>p.year {width:300px;font-size:16px;}/*0129 주미숙 추가*/
/* .txt_list_wrap ul li>a>p.strategy {width:600px;font-size:16px;} 0129 주미숙*/
.txt_list_wrap ul li>a.no_url {cursor:inherit}
.txt_list_wrap ul li>a.no_url>p>span:before {display:none;}
.txt_list_wrap ul li>a.no_url:before {display:none;}

/* career */
.reN_2022 .marketing_view_wrap .inner_wrap {padding-top:200px;}
.reN_2022 .marketing_view_wrap .con_ttl {font-weight:400}
.reN_2022 .marketing_view_wrap .ttl .sub_p {font-family:'Roboto','Noto Sans KR',굴림,Gulim,돋움,Dotum, Sans-serif;}
.reN_2022 .carreers .form_col02 > div.right_wrap .info_p {font-family:'Roboto','Noto Sans KR',굴림,Gulim,돋움,Dotum, Sans-serif;}
.reN_2022 .carreers .chk_ttl {font-family:'Roboto','Noto Sans KR',굴림,Gulim,돋움,Dotum, Sans-serif;}
.reN_2022 .carreers .form_col02 > div.left_wrap button {font-family:'Roboto','Noto Sans KR',굴림,Gulim,돋움,Dotum, Sans-serif;font-weight:400;}
.reN_2022 .carreers .form_col02 > div.right_wrap .checkLable * {color:#fff}
.reN_2022 .carreers input.styled {visibility: visible;margin-right:0;}

/* Team */
.reN_2022 #container.typeNoSpace {background-color: #fff;}
.reN_2022 #container.typeNoSpace #contents {max-width:100%;padding:0;}
.reN_2022 #container.typeNoSpace #contents .pageTit>span {max-width:1860px;padding:0 30px;color:#fff;}
.reN_2022 .blogWrap {position:relative;margin-top:-165px;z-index:1;cursor:grab;}
.reN_2022 .blogWrap .swiper-slide {width:auto !important;min-width:430px;max-width:590px;overflow:hidden;font-size:0;transition:.3s all;}
.reN_2022 .blogWrap .swiper-slide .imgArea {width:100%;}
.reN_2022 .blogWrap .swiper-slide .videoArea {position:relative;width:590px;height:460px;max-width:100%;overflow:hidden;}
.reN_2022 .blogWrap .swiper-slide .videoArea.type2 {width:436px;height:588px;}
.reN_2022 .blogWrap .swiper-slide .videoArea video {width:100%;height:100%;object-fit:cover;}
.reN_2022 .blogWrap .swiper-slide .info {margin-top:7px;}
.reN_2022 .blogWrap .swiper-slide .info span {color:#000;font-weight:400;font-size:14px;}
.reN_2022 .swiper-wrapper {align-items:center;}
.reN_2022 .pageTit {position:relative;z-index:2;}
.reN_2022 .blogWrap .non-swiper-slide {display:none;}
#mouse-cursor {position: absolute;width: 80px;height: 80px;background: #000;border-radius: 999px;mix-blend-mode: overlay;pointer-events: none;z-index: 999;transition: .1s transform;transform:scale(0)}
#mouse-cursor.link:before {display:none;}
#mouse-cursor.link>span {display:flex;}
#mouse-cursor>span {display:flex;width:100%;height:100%;color:#fff;font-size: 16px;font-family: "miller-banner", serif;justify-content: center;align-items: center;font-style: italic;display:none;}
#mouse-cursor.active {opacity:0;}
#mouse-cursor:before {content:'';position:absolute;left:50%;top:50%;margin-top:-5px;margin-left:-25px;display:block;width:50px;height:10px;background:url(../../images/reN2022/team/ico_mouseover.png) no-repeat center;}
.reN_2022 .blogWrap .blogList .swiper-slide:nth-child(1) {padding-left:40px;}
.reN_2022 .blogWrap.ani2 .blogList .swiper-slide:nth-child(1) {padding-left:0px;}

.reN_2022 .blogWrap .blogList .swiper-slide {opacity:0;transform:translateY(100px);transition:1s all;}
.reN_2022 .blogWrap .blogList .swiper-slide:nth-child(1) {transition-delay: .2s;}
.reN_2022 .blogWrap .blogList .swiper-slide:nth-child(2) {transition-delay: .3s;}
.reN_2022 .blogWrap .blogList .swiper-slide:nth-child(3) {transition-delay: .4s;}
.reN_2022 .blogWrap .blogList .swiper-slide:nth-child(4) {transition-delay: .5s;}
.reN_2022 .blogWrap .blogList .swiper-slide:nth-child(5) {transition-delay: .6s;}
.reN_2022 .blogWrap .blogList .swiper-slide:nth-child(6) {transition-delay: .7s;}

.reN_2022 .blogWrap.ani .blogList .swiper-slide {opacity:1;transform:translateY(0px);}
.reN_2022 .blogWrap.reset .blogList .swiper-slide {opacity:0;transform:translateY(100px);transition:0s all;}
.reN_2022 .blogWrap.resetAni .blogList .swiper-slide:not(.non-swiper-slide)  {opacity:1;transform:translateY(0px);transition:1s all;}
.reN_2022 .blogWrap.resetAni .blogList .swiper-slide:not(.non-swiper-slide) :nth-child(1) {transition-delay: .2s;}

.reN_2022 .blogWrap .blogList .mmca {position:relative;}
.reN_2022 .blogWrap .blogList .mmca .videoArea:before {content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.4);position:absolute;left:0;top:0;}
.reN_2022 .blogWrap .blogList .mmca .topTxt {position:absolute;top:15px;left:50%;transform: translateX(-50%);}
.reN_2022 .blogWrap .blogList .mmca .centerTxt {position:absolute;top:195px;left:70px;}

.reN_2022 .culture_filter {margin-top:56px;padding-bottom:5px;text-align:center;}
.reN_2022 .culture_filter ul {position:relative;width:485px;height:42px;margin:0 auto;border:1px solid #000;box-sizing:border-box;border-radius:50px;font-size:0;}
.reN_2022 .culture_filter ul li {position:absolute;display:inline-block;width:170px;height:36px;transition:.3s all;vertical-align:top;}
.reN_2022 .culture_filter ul li:first-child {left:2px;top:2px;}
.reN_2022 .culture_filter ul li:nth-child(2) {left:155px;top:2px;}
.reN_2022 .culture_filter ul li:nth-child(3) {right:2px;top:2px;}
.reN_2022 .culture_filter ul li:before {content:'';position:absolute;left:0px;top:0px;display:block;width:100%;height:100%;background:#000;border-radius:50px;z-index:0;transition:.7s all;opacity:0;}
.reN_2022 .culture_filter ul li.on:before {opacity:1;}
.reN_2022 .culture_filter ul li>a {position:relative;display:block;font-size:16px;color:#000;line-height:36px;transition:.3s all;font-weight:400;font-family: "neue-haas-grotesk-text", sans-serif;}
.reN_2022 .culture_filter ul li.on>a {color:#fff;font-style: italic;font-family: "miller-banner", serif;}

/* Career */
.reN_2022 #contents.career {padding:0;max-width:100%;}
.reN_2022 #contents.career .limit {max-width: 1860px;padding:0 30px;margin:0 auto;box-sizing: border-box;}

.career .page_work .small_txt{font-size:14px;font-weight:400;color:#111;line-height:1.4;text-align:left;padding-top:50px;;display:inline-block;font-family: "neue-haas-grotesk-text", sans-serif;}
.career .page_work .rightTxt {margin-top:-60px;font-size:120px;font-weight:400;color:#111;text-align:left;text-align: right;letter-spacing: -1px;font-family: "neue-haas-grotesk-text", sans-serif;}
.career .page_work .rightTxt br {display:none;}
.career .scroll_container {position:relative;margin-top:100px;}
.career .scroll_container .bgArea {position:absolute;left:0;top:0;width:100%;height:100%;}
.career .scroll_container .bgArea .bgWrap {position:relative;width:100%;height:100vh;}
.career .scroll_container .bgArea .bg {position:absolute;left:0;top:0;opacity:0;transition: 2s all;width:100%;height:100vh;overflow: hidden;}
.career .scroll_container .bgArea .bg>span {display: none;}
.career .scroll_container .bgArea .bg img {width:100%;height:100%;object-fit: cover;transition:2s all;}
.career .scroll_container .bgArea .bg.active {opacity: 1;}
.career .scroll_container .career_cont {position:relative;display:flex;justify-content: center;align-items: center;height:100vh;z-index: 1;}
.career .scroll_container .career_cont .inner {display:flex;align-items:flex-end;justify-content: space-between;width: 100%;padding:0 60px;margin:0 auto;box-sizing: border-box;}
.career .scroll_container .career_cont .inner .dots {position:relative;padding-left:25px;font-size:24px;font-weight: 500;color:#fff;font-family: "neue-haas-grotesk-text", sans-serif;}
.career .scroll_container .career_cont .inner .dots:before {content:'';position:absolute;left:0;top:8px;display:block;width:15px;height:15px;background:#fff;border-radius: 50%;}
.career .scroll_container .career_cont .inner .txtB {position:relative;top:35px;font-size: 173px;font-weight: 500;color:#fff;letter-spacing: -2px;font-family: "neue-haas-grotesk-text", sans-serif;letter-spacing: -6px;}
.career .scroll_container .career_cont .inner .txtM.mb {display:none;}
.career .scroll_container .career_cont .inner .txtM span {display:block;font-family: 'Pretendard', sans-serif; font-weight: 400;font-size: 20px;line-height: 30px;color:#fff;}
.career .scroll_container .career_cont .inner .txtM span:first-child {padding-left:75px}
.career .benefit  {margin-top:156px !important;}
.career .benefit>.tit  {padding-bottom:31px;font-size:70px;font-weight: 500;color:#111;font-family: "miller-banner", serif;font-style: italic;}
.career .benefit>ul>li {position:relative;display:flex;padding-bottom:200px;padding-top:45px;border-top:1px solid #000}
.career .benefit>ul>li:last-child {padding-bottom: 110px;}
.career .benefit>ul>li .titArea {display:flex;width:456px;}
.career .benefit>ul>li .titArea .num {margin-right:30px;font-size: 20px;}
.career .benefit>ul>li .titArea .tit {margin-top:-5px;font-size: 40px;color:#111;font-family: "neue-haas-grotesk-text", sans-serif;}
.career .benefit>ul>li .contArea {display:flex;}
.career .benefit>ul>li .contArea .cont .cont_tit {margin-bottom:30px;font-family: 'Pretendard', sans-serif;font-weight: 600;font-size: 40px;font-weight: 600;color:#111;}
.career .benefit>ul>li .contArea .ico {width:445px;font-size: 0;}
.career .benefit>ul>li .contArea .cont .list_dotBlack>li {position:relative;padding-left:10px;font-family: 'Pretendard', sans-serif;;font-size: 22px;color:#111;}
.career .benefit>ul>li .contArea .cont .list_dotBlack>li+li {margin-top:18px;}
.career .benefit>ul>li .contArea .cont .list_dotBlack>li:before {content:'';display:block;width:3px;height:3px;background:#111;position:absolute;left:0;top:11px;border-radius: 50%;}


/* culture (상세) */
.page_culture {display:flex;justify-content: space-between;flex-wrap: wrap;}
.page_culture .culture_head {position:relative;min-height:813px;display:flex;flex-direction: column;height:100%;margin-right: 48px;z-index: 1600;position: sticky;top:70px;width:560px;}
.page_culture .culture_head .tit {font-family: 'Pretendard', sans-serif;font-size: 96px;font-weight: 600;line-height: 108px;color:#000;}
.page_culture .culture_head .tit p,
.page_culture .culture_head .tit span {font-family: inherit;font-size: inherit;font-weight: inherit;line-height: inherit;color:inherit}
.page_culture .culture_head .tit p {overflow: hidden;}
.page_culture .culture_head .head_footer {position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #000;display:flex;justify-content: space-between;font-family: 'Pretendard', sans-serif;padding-top:5px;}
.page_culture .culture_head .head_footer>p {font-family: 'Neue Haas Grotesk Display Pro', sans-serif;;font-size: 16px;color:#111;font-weight: 500;}
.page_culture .culture_info {font-family: 'Pretendard', sans-serif;font-size: 24px;font-weight: 500;line-height: 36px;margin-top:40px;color:#111;}
.page_culture .culture_head .tagArea {font-size: 0;margin-top:34px;}
.page_culture .culture_head .tagArea span {display: inline-block;vertical-align: bottom;font-weight: 500;font-size: 15px;margin-right: 5px;color:#111;}
.page_culture .cutrue_img {width:calc(100% - 608px)}
.page_culture .cutrue_img>ul>li:first-child img {}
.page_culture .cutrue_img>ul>li {font-size: 0;display:flex;justify-content: space-between;align-items: flex-start;gap:50px;}
.page_culture .cutrue_img>ul>li:nth-child(odd) {text-align: right;justify-content: flex-end;}
.page_culture .cutrue_img>ul>li+li {margin-top:210px;}
.page_culture .video {width:448px;height:557px;}
.page_culture .video.big {width:574px;height:720px;}
.page_culture .video.big video {object-position: bottom;}
.page_culture .video video {width:100%;height:100%;object-fit: cover;filter: saturate(0.7)}
.reN_2022.typeCultureSub #container article {overflow: inherit;}

.page_culture .culture_head .tit span {display:block;animation:slideUp .7s ease-in-out forwards;animation-delay: .1s;transform: translateY(110%)}
.page_culture .culture_info {transform: translateY(100px);opacity: 0;animation:fadeUp .7s ease-in-out forwards;animation-delay: .1s;}
.page_culture .tagArea {transform: translateY(100px);opacity: 0;animation:fadeUp .7s ease-in-out forwards;animation-delay: .2s;}

.page_culture .cutrue_img>ul>li:first-child {opacity: 0;animation-delay: .4s;transform: none !important;}
.page_culture .cutrue_img>ul>li {transform: translateY(100px);opacity: 0;transition:1.2s all;}
.page_culture .cutrue_img>ul>li.ani {transform: translateY(0);opacity: 1;}
.page_culture .cutrue_img>ul>li.contL {justify-content: flex-start;}

.btnCirArea {margin-top:110px;width:100%;}
.btnCirArea .btnCircle {display:table;width:120px;height:120px;margin:0 auto;border-radius:50%;background:#fff;color:#111;font-size:16px;text-align:center;transition:.5s all;border:1px solid #111;box-sizing:border-box;}
.btnCirArea .btnCircle:hover {background:#111;color:#fff;}
.btnCirArea .btnCircle span {display:table-cell;vertical-align:middle;border-bottom:none;font-family: "miller-banner", serif;font-style: italic;font-size: 16px;}


@keyframes slideUp {
    0% {transform: translateY(110%)}
    100% {transform: translateY(0px)}
}
@keyframes fadeUp {
    0% {transform: translateY(100px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}
@keyframes fade {
    0% {opacity: 0;}
    100% {opacity: 1;}
}


@media all and (max-width:1880px) {
    .thum_list_wrap>ul>li a img {max-width:100%;}

}

@media all and (max-width:1750px) {
    .page_culture .culture_head {min-height: calc(100vh - 100px);}
    .page_culture .culture_head .tit {font-size: 75px;line-height:85px}
    .page_culture .culture_info {font-size: 20px;line-height: 30px;}

    .page_culture .cutrue_img>ul>li.multi img:nth-child(1) {max-width: 300px;}
    .page_culture .cutrue_img>ul>li.multi img:nth-child(2) {max-width: 450px;}

    .page_culture .video.big {width:400px;height:500px}
    .page_culture .video.big+img {width:310px}
    
}

@media all and (max-width:1680px) {
    /******* contents *******/
    .reN_2022_sub .view_titAea .tit {padding-right:360px;}
    .reN_2022_sub .view_titAea .awardArea {right:60px;}

    .career .scroll_container .career_cont .inner {flex-wrap: wrap;}
    .career .scroll_container .career_cont .inner .txtB {font-size: 150px;;}
    .career .scroll_container .career_cont .inner .dots {width:100%;}

    .career .benefit>ul>li .titArea {width:356px;}

}

@media all and (max-width:1500px) {
     /******* layout *******/
    .reN_2022 footer .footer .f_info2 .link {padding-left:105px;}
    

    /******* contents *******/
    .reN_2022_sub .view_titAea .tit {padding-right:350px;}
    .reN_2022_sub .view_titAea .tit p {font-size:90px;line-height:105px;}
    
    .overview_area {min-height:inherit;}
    .overview_area .inner>div.overview {position:inherit;left:0;top:0;display:block;margin-top:110px;max-width:100%;}
    .overview_area .inner>div.overview .info br {display:none;}
    .overview_area .inner>div.overview .info .indent {display:inline;text-indent:0;}

    /* word_list */
    .txt_list_wrap ul li>a>p.name {width:calc(100% - 700px)}
    .txt_list_wrap ul li>a>p.year {width:300px;}
    .txt_list_wrap ul li>a>p.kind {width:250px;}

    .career .scroll_container .career_cont .inner .txtM {width:100%;margin-top:50px;text-align: right;}

    .career .benefit>ul>li .titArea {width:286px;}
    .career .benefit>ul>li .contArea .ico {width:370px;}

    .page_culture .culture_head {width:420px;}
    .page_culture .cutrue_img {width:calc(100% - 468px)}
    .page_culture .cutrue_img>ul>li+li {margin-top:100px;}
}

@media all and (max-width:1350px) {
    /* layout */

    /******* contents *******/
    .txt_list_wrap ul li>a>p {font-size:21px;}
    .txt_list_wrap ul li>a>p.kind {width:200px;}
    .txt_list_wrap ul li>a>p.year {width:250px;}
    .txt_list_wrap ul li>a>p.name {width:calc(100% - 530px)}

    .reN_2022_sub .view_titAea .tit p+p {margin-top:0;}

    .reN_2022 .blogWrap .swiper-slide {max-width:450px;min-width:300px;}
    .reN_2022 .blogWrap .swiper-slide.typeVideo {max-width:590px;}  
    .career .scroll_container .career_cont .inner {display:block}

    .career .page_work .rightTxt {margin-top: 10px;font-size: 100px;}

    .page_culture .culture_head {width:310px;}
    .page_culture .cutrue_img {width:calc(100% - 358px)}
    .page_culture .culture_head .tit {font-size: 55px;line-height: 65px;}
    .page_culture .cutrue_img>ul>li.multi img:nth-child(1) {max-width: 240px;}
    .page_culture .cutrue_img>ul>li.multi img:nth-child(2) {max-width: 300px;}
    .page_culture .video {width:300px;height:376px}
    .page_culture .culture_info br {display:none;}
}

@media all and (max-width:1180px) {
     /******* layout *******/
    .reN_2022 footer .footer .f_info2 .link {padding-left:65px;}
    .reN_2022 footer .footer .f_info address {padding-right:60px;}
    .reN_2022 footer .footer .f_info2 .link>a+a {margin-left:30px;}
}

/******* tablet *******/
@media all and (max-width:1041px) {
    /******* common *******/
    .pageTit {font-size:100px;}
    
    .reN_2026{position:relative;}
    .reN_2022 footer .footer .f_info2 .link>a:nth-child(n+1) {margin-top:0 !important;margin-right:15px !important;padding-right: 0 !important;}
    /******* layout *******/
    .reN_2026 header,
    .reN_2026 header.fix {height:52px;}
    .reN_2026:before {display:none;}
    .reN_2026 header #header {padding:0 16px;max-width:100%;}
    .reN_2026 header h1 {top:25px;left:30px;}
    .reN_2026 header #btn_menu {background-image:url(../../images/btn_menu_black.png);background-size:30px auto;position:absolute;right:16px;top:0;}
    .reN_2026 header #btn_close {top:25px;right:30px;width:35.5px;height:35.5px;background:url(../../images/btn_close_m.png) no-repeat center;background-size:35.5px auto;;}
    .reN_2026 header #sideNav {background:#fff;}
    .reN_2026 header #sideNav ul {padding-top:160px;}
    .reN_2026 header #sideNav ul li a {color:#111;font-size:60px;font-family: "miller-banner", serif;font-style: italic;}
    .reN_2026 header #sideNav .link {padding:70px 30px 0 30px;}
    .reN_2026 header #sideNav .link>a {display:block;font-size:20px;font-weight:400;}
    .reN_2026 header #sideNav .link>a+a {margin-top:27px;}
    .reN_2026 header #sideNav .link>a span {position:relative;display:inline-block;font-size:inherit;font-weight:inherit;}
    .reN_2026 header #sideNav .link>a span:before {content:'';position:absolute;left:0;bottom:-2px;width:100%;height:1px;display:block;background:#111;}
    .reN_2026 header #sideNav .copyR {position:absolute;bottom:30px;padding:0 30px;font-weight:400;}
    .reN_2026 header{background:#fff;}
    .reN_2026 header h1{left:30px;top:16px;}
    .reN_2026 header h1 a{background-image: url(../../images/logo.svg);width:39px;height:22px;background-size:100% auto;}
    .gnbActive.reN_2026 header h1 a{background: url(../../images/logo.svg) no-repeat center center/ 100% auto;}
    
    .reN_2022 footer {padding:40px 0 25px 0;}
    .reN_2022 footer .footer .f_info {width:100%;}
    .reN_2022 footer .footer .f_info address {width:50%;padding-right:20px;box-sizing:border-box;}
    .reN_2022 footer .footer .f_info .contact {width:50%;}
    .reN_2022 footer .footer .f_info2 {width:100%;margin-top:20px;}
    .reN_2022 footer .footer .f_info2 .link {float:inherit;padding-left:0;font-size:0;}
    .reN_2022 footer .footer .f_info2 .link>a+a {margin-left:0;}
    .reN_2022 footer .footer .f_info2 .link>a {width:50%;}
    .reN_2022 footer .footer .f_info2 .link>a:nth-child(n+3) {margin-top:10px;}
    .reN_2022 footer .footer .f_info2 .link>a:before {width:100px;}
    .reN_2022 footer .footer .f_info2 .link>a:first-child {padding-right:20px;box-sizing:border-box;}
    .reN_2022 footer .footer .f_info2 .link>a:first-child:before {width:103px;}
    .reN_2022 footer .footer .f_info2 .link>a:last-child:before {width:45px;}
    .reN_2022 footer .footer .f_info2 .copyR {float:inherit;margin-top:20px;}

    .reN_2026 footer .footer{padding:0 30px;}

    /******* contents *******/
    .reN_2022_sub .view_titAea {padding-top:38px;margin-bottom:30px;}
    .reN_2022_sub .view_titAea .tit {padding-right:0;}
    .reN_2022_sub .view_titAea .tit p {font-size:60px;line-height:65px;}
    .reN_2022_sub .view_titAea .awardArea {position:inherit;left:0;top:0;margin-top:40px;}
    .reN_2022_sub .view_titAea .awardArea .awardName {margin-top:10px;font-size:20px;}

    .reN_2022_sub .experience_visual .big_thum .m_img {display:block;} 
    .reN_2022_sub .experience_visual .big_thum .m_img img {width:100%;}
    .reN_2022_sub .experience_visual .big_thum>img {display:none;}

    .overview_area {padding:40px 0 100px 0;}
    .overview_area .inner>div .tit {margin-bottom:20px;}
    .overview_area .inner>div p {font-size:20px;}
    .overview_area .inner>div ul li {font-size:20px;}
    .overview_area .inner>div.overview {margin-top:80px;}
    .overview_area .inner>div.overview .info {font-size:18px;}
    .overview_area .inner>div.overview .link a {font-size:20px;}

    .typeNoSpace .pageTit {mix-blend-mode: normal !important;}


    /* word_list */
    .page_work .top_infoTxt {text-align:left;}
    .page_work .top_infoTxt>span {position:inherit;top:0;display:block;margin-bottom:25px;text-align:left;}
    .page_work .top_infoTxt>p>span {font-size:40px;text-align:left;line-height:48px;}
    .page_work .btn_more:hover {background:#fff url(../../images/reN2022/workList/btn_plus.png) no-repeat center;}

    .thum_list_wrap>ul>li {width:calc(50% - 20px);}
    .thum_list_wrap>ul>li:nth-child(n+3) {margin-top:40px;}

    .txt_list_wrap {margin-top:60px;}
    .txt_list_wrap ul li {padding:20px 0;height:auto;}
    .txt_list_wrap ul li>a {line-height:inherit;}
    .txt_list_wrap ul li>a::before {display:none;}
    .txt_list_wrap ul li>a:hover>p>span:before {display:none;}
    .txt_list_wrap ul li>a>p {display:block;width:100% !important;}
    .txt_list_wrap ul li>a>p.name {margin-bottom:10px;font-size:24px;}
    .thum_list_wrap>ul>li {animation: ani_opacity .6s forwards ease .8s;}
    
    .page_work .btnArea {margin-top:50px;margin-bottom:60px;}

    .reN_2022 #container.typeNoSpace #contents .pageTit>span {padding:0 15px;}
    .reN_2022 .blogWrap {padding-bottom:50px;margin-top:35px;;}
    .reN_2022 .blogWrap .swiper-slide {max-width:350px;min-width:200px;}
    .reN_2022 .blogWrap .swiper-slide.typeVideo {max-width:530px;max-height:350px;}
    .reN_2022 .blogWrap .swiper-slide .videoArea {width:100%;height:100%;}
    .reN_2022 .blogWrap .swiper-slide .videoArea.type2 {width:100%;height:100%;}

    .career .page_work .rightTxt {font-size: 60px;margin-top:-25px;}
    .career .scroll_container {margin-top:70px;}
    .career .scroll_container .career_cont .inner {padding:0 30px;}
    .career .scroll_container .career_cont .inner .txtB {font-size: 90px;margin-top:50px;}
    .career .scroll_container .career_cont .inner .txtM {margin-top:50px;}

    .career .benefit>ul>li .contArea {display:block;padding-left:50px;}
    .career .benefit>ul>li .contArea .cont {margin-top:50px;}
    .career .benefit>ul>li .contArea .cont .cont_tit {font-size:30px;}
    .career .benefit>ul>li .contArea .cont .list_dotBlack>li {font-size:18px;}
    .career .benefit>ul>li .contArea .cont .list_dotBlack>li+li {margin-top:15px;}

    .page_culture {display:block;position: relative;top:0;}
    .page_culture .culture_head {top:0;width:100%;margin-right: 0;min-height: inherit;position:relative;}
    .page_culture .culture_head .tit {font-size:60px;line-height: 72px;}
    .page_culture .culture_info br {display:none;}
    .page_culture .culture_head .head_footer {position:relative;margin-top:100px;margin-top:70px;}
    .page_culture .cutrue_img {margin-top:24px;}
    .page_culture .cutrue_img>ul>li {display:block;}
    .page_culture .cutrue_img>ul>li+li {margin-top:60px;}
    .page_culture .cutrue_img>ul>li img {max-width: 100% !important;width:100% !important}
    .page_culture .cutrue_img>ul>li img+img {margin-top:60px !important}
    .page_culture .video {position:relative;width:100% !important;height:auto;}
    .page_culture .video::after {content:'';display:block;padding-top:110%;position:absolute;}
    .page_culture img+.video {margin-top:60px;}
    .page_culture .video+img {margin-top:60px;}

    .btnCirArea {margin-bottom: 30px;margin-top:60px;}
    .page_culture .culture_head {z-index: 10;}
    .page_culture .cutrue_img {width:100%}
    
    .page_culture .video.big {height:auto;}
}

@media all and (max-width:850px) {
    .career .benefit>ul>li {display:block;padding-bottom: 100px;}
    .career .benefit>ul>li .contArea {padding-left:0;}
    .career .benefit>ul>li .contArea .ico {width:100%;text-align: center;}
    .career .benefit>ul>li .titArea {width:100%;margin-bottom:30px;}
}

@media all and (max-width:768px) {
    /******* common *******/
    .pageTit {font-size:50px;}
    
    /******* layout *******/
    .reN_2026 header {height:52px;}
    .reN_2026 header.fix {height:52px;}
    .reN_2026 header h1{left:16px;top:16px;}
    .reN_2022 header #btn_menu {background:url(../../images/reN2022/btn_menu_m.svg) no-repeat right 0 top 50%;background-size:30px auto;width:60px;height:52px;right:0;top:0;background-position:center center;}
    .reN_2022 header #sideNav ul {padding-left:15px;padding-right:15px;}
    .reN_2022 header #btn_close {top:10px;right:10px;background:url(../../images/reN2022/btn_menu_close_m.svg) no-repeat;background-position: left -12px top 0;}

    .reN_2022 #contents {padding:0 15px;}
    .reN_2022 #container {padding-top:80px;}

    .reN_2022 header #sideNav ul {padding-top:120px;}
    .reN_2022 header #sideNav .link {padding-left:15px;padding-right:15px;}
    .reN_2022 header #sideNav .copyR {padding:0 15px;}

    .reN_2022 footer .footer {padding:0 15px;}
    .reN_2022 footer .footer .f_info address {font-size:13px;}
    .reN_2022 footer .footer .f_info address br {display:block;}
    .reN_2022 footer .footer .f_info .contact>span {display:block;font-size:13px;}
    .reN_2022 footer .footer .f_info2 .link>a {font-size:13px;}
    .reN_2022 footer .footer .f_info2 .copyR {font-size:13px;}
    .reN_2022 footer .footer .f_info2 .link>a:before {width:93px;}
    .reN_2022 footer .footer .f_info2 .link>a:first-child:before {width:96px;}
    .reN_2022 footer .footer .f_info2 .link>a:last-child:before {width:41px;}

    .reN_2022 footer .footer .f_info address {width: 60%;height: 37px;background: url(../../images/reN2023/address_m.svg) no-repeat;}
    .reN_2022 footer .footer .f_info address br {display: none;}
    .reN_2022 footer .footer .f_info .contact {width: 40%;}
    .reN_2022 footer .footer .f_info2 .link>a:nth-child(1) {width: 60%;}
    .reN_2022 footer .footer .f_info2 .link>a:nth-child(2) {width: 40%;}
    .reN_2022 footer .footer .f_info2 .link>a:nth-child(3) {width: 60%;}

    .reN_2026 footer .footer .f_info2 .link>a:nth-child(n+2){margin-left:0 !important;}
    .reN_2026 footer .footer{padding:0 16px;}
    

    /******* contents *******/
    .reN_2022_sub {padding-top:70px;}
    .reN_2022_sub .view_titAea {margin-bottom:18px;}
    .reN_2022_sub .view_titAea .inner {padding:0 15px;}
    .reN_2022_sub .view_titAea .tit {left:0;}   
    .reN_2022_sub .view_titAea .tit p {font-size:40px;line-height:42px;}
    .reN_2022_sub .view_titAea .awardArea {margin-top:25px;}
    .reN_2022_sub .view_titAea .awardArea .awardTit {font-size:14px;}
    .reN_2022_sub .view_titAea .awardArea .awardName {margin-top:5px;}

    .overview_area {opacity:1 !important;top:0 !important;}
    .overview_area.ani {animation:none !important}

    .overview_area {padding:25px 0 80px 0;}
    .overview_area .inner {padding:0 15px;}
    .overview_area .inner>div .tit {margin-bottom:18px;font-size:15px;}
    .overview_area .inner>div p {font-size:15px;}
    .overview_area .inner>div ul li {font-size:15px;}
    .overview_area .inner>div.client {padding-right:63px;}
    .overview_area .inner>div.overview {margin-top:64px;}
    .overview_area .inner>div.overview .info {font-size:15px;line-height:23px;}
    .overview_area .inner>div.overview .link {margin-top:27px;}
    .overview_area .inner>div.overview .tit {margin-bottom:17px;}
    
    /* word_list */
    .page_work .top_infoTxt {padding-top:35px;}
    .page_work .top_infoTxt>span {margin-bottom:21px;font-size: 12px;}
    .page_work .top_infoTxt>p {font-size:30px;}
    .page_work .top_infoTxt>p>span {display:block;font-size:30px;line-height:33px;}

    .project_tit {padding-bottom:14px;font-size:22px;}
    .projectList {margin-top:60px;}

    .thum_list_wrap>ul>li {width:100%;}
    .thum_list_wrap>ul>li+li {margin-top:40px;}
    .thum_list_wrap>ul>li .name {margin-top:10px;font-size:20px;}
    .thum_list_wrap>ul>li .strategy {font-size:15px;}
    .thum_list_wrap>ul>li .thum .m_img {display:block;}
    .thum_list_wrap>ul>li .thum>img {display:none;}

    .txt_list_wrap {margin-top:45px;}
    .txt_list_wrap ul li>a>p.name {font-size:20px;}
    .txt_list_wrap ul li>a>p.kind {font-size:15px;}
    .txt_list_wrap ul li>a>p.year {font-size:15px;}
    /* .txt_list_wrap ul li>a>p.strategy {font-size:15px;} 0129 주미숙 */
    .page_work .btnArea {margin-top:30px;margin-bottom:40px;}

    .reN_2022 .blogWrap .swiper-slide {max-width:235px;min-width:120px;}

    /* culture */
    .reN_2022 .culture_filter ul {max-width:356px;width:100%;height:42px;}
    .reN_2022 .culture_filter ul li {width:121px;}
    .reN_2022 .culture_filter ul li:nth-child(2) {left:50%;margin-left:-60.5px;;}
    .reN_2022 .blogWrap .swiper-slide .info span {font-size:12px;}
    .reN_2022 .culture_filter {margin-top:18px;margin-bottom:48px;}
    .reN_2022 .blogWrap .swiper-slide.typeVideo {max-width:100%;max-height:inherit;width:340px !important}
    .reN_2022 .blogWrap .swiper-slide .videoArea {width:100%;height:235px;}
    .reN_2022 .blogWrap .swiper-slide .videoArea.type2 {width:100%;height:320px;}
    
    .reN_2022 .blogWrap .blogList .mmca .topTxt img {height:25px;}
    .reN_2022 .blogWrap .blogList .mmca .centerTxt {top:125px;}
    .reN_2022 .blogWrap .blogList .mmca .centerTxt img {width:170px;}

    .career .scroll_container .career_cont .inner {padding:0 15px;}
    .reN_2022 #contents.career .limit {padding:0 15px;}

    .career .scroll_container .career_cont .inner .dots {padding-left:20px;font-size:18px;}
    .career .scroll_container .career_cont .inner .dots:before {width:11px;height:11px;}

    .career .scroll_container .career_cont .inner .txtB {font-size: 60px;margin-top:60px;letter-spacing: -1px;}
    .career .scroll_container .career_cont .inner .txtM {display:none;}
    .career .scroll_container .career_cont .inner .txtM.mb {display:block;margin-top:40px;}
    .career .scroll_container .career_cont .inner .txtM.mb .txtInner {display:inline-block;}
    .career .scroll_container .career_cont .inner .txtM.mb span {text-align: left;font-size: 15px;line-height: 22px;}

    .career .page_work .rightTxt {margin-top:25px;font-size:46px;line-height: 53px;text-align: left;}
    .career .page_work .rightTxt br {display:block;}
    .career .page_work .small_txt {padding-top:37px;font-size:12px;line-height: 16px;}

    .career .benefit>.tit {padding-bottom:24px;font-size:30px;}
    .career .benefit>ul>li {padding-top:17px;}
    .career .benefit>ul>li .contArea .cont .list_dotBlack>li {font-size:15px;}
    .career .benefit>ul>li .contArea .cont .list_dotBlack>li:before {top:8px;}
    .career .benefit>ul>li .contArea .cont .list_dotBlack>li+li {margin-top:9px;}
    .career .benefit>ul>li .titArea .num {font-size:16px;}
    .career .benefit>ul>li .titArea .tit {font-size:28px;}
    .career .benefit>ul>li .titArea .num {margin-right:20px;}
    
    .career .benefit>ul>li .contArea .cont .cont_tit {font-size:24px;}
    .career .benefit>ul>li .contArea .cont .cont_tit {margin-bottom: 18px;}
    .career .benefit>ul>li .contArea .ico img {width:240px;}
    .career .benefit {margin-top:100px !important}

    .reN_2022_sub .view_titAea .tit p span {letter-spacing: -2px;}

    .thum_list_wrap>ul>li .markArea {bottom:10px;right:30px;}
    .thum_list_wrap>ul>li .markArea img {height:45px}

    .page_culture .culture_head .tit span {font-size: 48px;line-height: 56px;}
    .page_culture .culture_info {font-size: 18px;line-height: 30px;word-break: keep-all;margin-top:20px;}
    .page_culture .culture_head .tagArea {margin-top:20px;}
    .page_culture .cutrue_img {margin-top:17px;}
    .page_culture .culture_head .tagArea span {font-size: 14px;}
    .page_culture .culture_head .head_footer>p {font-size: 15px;}
    .page_culture .cutrue_img>ul>li+li {margin-top:40px;}
    .page_culture .cutrue_img>ul>li img+img {margin-top:40px !important}
    .page_culture img+.video {margin-top:40px;}
    .page_culture .video+img {margin-top:40px;}
}

@media all and (max-width:600px) {
    .career .scroll_container .bgArea .bg>img {display:none;}
    .career .scroll_container .bgArea .bg>span {display:block;}
    .reN_2026 footer .footer .f_info .contact{width:100%;}
}

@media all and (max-width:425px) {
    /******* layout *******/
    .reN_2022 header #sideNav ul {padding-bottom:0;}
}

@media all and (max-width:400px) {
    /******* contents *******/
    .reN_2022_sub .view_titAea .tit p {font-size:36px;line-height:40px;}

    /* .reN_2022 footer .footer .f_info2 .link>a {width:100%;} */
}

@media all and (max-width:380px) {
    /******* contents *******/
    .career .scroll_container .career_cont.cont3 .inner .txtB {font-size:50px;}
}

@media all and (max-width:370px) {
    /******* contents *******/
    .overview_area .inner>div.client {padding-right:40px;}
}

@media all and (max-height:670px) {
    /******* layout *******/
    .reN_2022 header #sideNav ul {padding-top:100px;}
    .reN_2022 header #sideNav .link {padding-top:50px;}
}

@media all and (max-height:560px) {
    /******* layout *******/
    .reN_2022 header #sideNav ul {padding-top:75px;}
}

@media all and (max-height:380px) {
    /******* layout *******/
    .reN_2022 header #sideNav ul {padding-top:75px;}

    .page_work .top_infoTxt>p>span {font-size: 26px;}
}


/******* animation reset *******/
.reN_2022 header #sideNav .link>a {opacity:0;transform: translateY(30px);;}
.pageTit {overflow:hidden;}
.pageTit>span {animation: text_up .75s forwards .3s;transform:translateY(103%); font-family:"miller-banner", serif;font-style: italic;letter-spacing: -2px;}
.reN_2022_sub .view_titAea .tit p {overflow:hidden;}
.reN_2022_sub .view_titAea .tit p span {animation: text_up .75s forwards .3s;transform:translateY(103%);}
.reN_2022_sub .view_titAea .tit p+p span {animation: text_up .75s forwards .4s;}
.reN_2022_sub .view_titAea .tit p+p+p span {animation: text_up .75s forwards .5s;}
.reN_2022_sub .experience_visual {opacity:0;}

.top_infoTxt {position:relative;top:30px;opacity:0;animation: ani_opacity .6s forwards ease .6s;}
.project_tit {position:relative;top:30px;opacity:0;animation: ani_opacity .6s forwards ease .8s;}
.thum_list_wrap>ul>li {position:relative;top:30px;opacity:0;}
.txt_list_wrap ul {position:relative;opacity:0;top:70px;}

.reN_2022_sub .view_titAea .awardArea {opacity:0;}

.overview_area {position:relative;opacity:0;top:50%;}

/******* animation *******/
.reN_2022 header #sideNav.on .link>a {opacity: 1;transform: translateY(0px);transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.01, 0.8, 0.46, 0.99);}
.reN_2022 header #sideNav.on .link>a:nth-child(1) {transition-delay:1.4s;}
.reN_2022 header #sideNav.on .link>a:nth-child(2) {transition-delay:1.5s;}
.reN_2022 header #sideNav.on .link>a:nth-child(3) {transition-delay:1.6s;}

.thum_list_wrap>ul>li:nth-child(1) {animation: ani_opacity .6s forwards ease .8s;}
.thum_list_wrap>ul>li:nth-child(2) {animation: ani_opacity .6s forwards ease .8s;}
.thum_list_wrap>ul>li:nth-child(3) {animation: ani_opacity .6s forwards ease .8s;}
.thum_list_wrap>ul>li.ani:nth-child(4) {animation: ani_opacity .6s forwards ease}
.thum_list_wrap>ul>li.ani:nth-child(5) {animation: ani_opacity .6s forwards ease}
.thum_list_wrap>ul>li.ani:nth-child(6) {animation: ani_opacity .6s forwards ease}
.thum_list_wrap>ul>li.ani:nth-child(7) {animation: ani_opacity .6s forwards ease}
.thum_list_wrap>ul>li.ani:nth-child(8) {animation: ani_opacity .6s forwards ease}
.thum_list_wrap>ul>li.ani:nth-child(9) {animation: ani_opacity .6s forwards ease}
.txt_list_wrap ul.ani {animation: ani_opacity2 .6s forwards ease}
.reN_2022_sub .experience_visual {animation: ani_opacity3 1.8s forwards ease}
.reN_2022_sub .view_titAea .awardArea  {animation: ani_opacity3 1s forwards .4s ease}
.overview_area.ani {animation: ani_opacity2 1s forwards ease}

.scroll_container {position: relative;top: 50px;opacity: 0;animation: ani_opacity4 .6s forwards ease .7s;}
.career .benefit>.tit {position: relative;top: 70px;opacity: 0;}
.career .benefit.ani>.tit {animation: ani_opacity2 .6s forwards ease}
.career .benefit>ul>li {position: relative;top: 70px;opacity: 0;}
.career .benefit>ul>li.ani:nth-child(1) {animation: ani_opacity2 .6s forwards ease}
.career .benefit>ul>li.ani:nth-child(2) {animation: ani_opacity2 .6s forwards ease}
.career .benefit>ul>li.ani:nth-child(3) {animation: ani_opacity2 .6s forwards ease}


@keyframes text_up {
    0% {transform:translateY(103%)}
    100% {transform:translateY(0)}
}

@keyframes ani_opacity {
    0% {opacity:0;top:30px;}
    100% {opacity:1;top:0;}
}

@keyframes ani_opacity2 {
    0% {opacity:0;top:70px;}
    100% {opacity:1;top:0;}
}

@keyframes ani_opacity3 {
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes ani_opacity4 {
    0% {opacity:0;top:50px;}
    100% {opacity:1;top:0;}
}

@keyframes lineAni {
    0% {transform: scaleX(1);opacity:1;}
    40% {transform: scaleX(0);opacity:1;}
    100% {transform: scaleX(1);opacity:1;}
}


/* .reN_2022 footer .footer .f_info2 .link>a:hover:before {transition: all 0.3s cubic-bezier(0.71, 0.65, 0.43, 0.85);transform-origin: left;transform: scaleX(0);opacity:0;} */
.reN_2022 footer .footer .f_info2 .link>a:hover:before{animation: lineAni .8s forwards ease-in-out;transform-origin:left;}
.overview_area .inner>div.overview .link a:hover:before {animation: lineAni .8s forwards ease-in-out;transform-origin:left;}

.career .page_work .rightTxt {transform: translateY(50px);opacity: 0;transition: .6s all;transition-delay: .2s;}
.career .page_work .rightTxt.on {transform: translateY(0px);opacity: 1;}
.career .page_work .small_txt {transform: translateY(50px);opacity: 0;transition: .6s all;transition-delay: .2s;}
.career .page_work .small_txt.on {transform: translateY(0px);opacity: 1;}