/* Portfolio */
.portfolio_list {
 display:flex;
 flex-wrap:wrap;
 gap:80px 38px;
}
.portfolio_list > li {
 width:calc((100% - 76px) / 3);
}
.portfolio_list a {
 display:block;
}
.portfolio_list span {
 display:block;
}
.portfolio_list .img_area {
 position:relative;
 width:100%;
 border-radius:8px;
 overflow:hidden;
}
.portfolio_list .imgfit {
 position:relative;
 width:100%;
 aspect-ratio:1/1;
 transition:0.2s linear;
}
.portfolio_list .imgfit img {
 position:relative;
 border-radius:8px;
}
.portfolio_list .imgfit .border_svg {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 pointer-events:none;
 z-index:2;
 opacity:0;
 transition:0.2s linear;
}
.portfolio_list .imgfit .border_svg rect {
 width:100%;
 height:100%;
 fill:none;
 stroke-width:3px;
 stroke-dasharray:400;
 stroke-dashoffset:400;
 transition:stroke-dashoffset 0.6s ease-in-out;
}
.portfolio_list .txt {
 padding-top:24px;
}
.portfolio_list .type {
 display:flex;
 gap:17px;
 letter-spacing:-0.48px;
}
.portfolio_list .type span {
 position:relative;
 font-size:16px;
 color:#58616a;
 font-weight:500;
 line-height:1.65;
 white-space:nowrap;
}
.portfolio_list .type span:after {
 content:"";
 position:absolute;
 top:50%;
 right:-9px;
 width:1px;
 height:14px;
 background:#cdd1d5;
 transform:translateY(-50%);
}
.portfolio_list .type span + span {
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
.portfolio_list .type span + span:after {
 display:none;
}
.portfolio_list .tit {
 font-size:24px;
 color:#1e2124;
 font-weight:600;
 line-height:1.4;
 margin-top:4px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 letter-spacing:-0.72px;
}
.portfolio_list .tags {
 display:flex;
 flex-wrap:wrap;
 gap:6px;
 margin-top:20px;
}
.portfolio_list .tags li {
 position:relative;
 font-size:14px;
 color:#58616a;
 line-height:28px;
 height:28px;
 max-width:100%;
 letter-spacing:-0.42px;
 padding:0 14px;
 background:#f0f2f5;
 border-radius:14px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}

.pop_notice {
 position:fixed;
 top:50%;
 right:48px;
 transform:translateY(-50%);
 display:none;
}
.pop_notice.first {
 display:block;
}
.pop_notice .btn_close {
 position:absolute;
 top:30px;
 right:30px;
 width:32px;
 height:32px;
 background:#000c url("/images/btn_close_smile.svg") no-repeat 50% 50%;
 border-radius:50%;
 z-index:1;
}
.pop_notice .flip {
 width:290px;
 aspect-ratio:1/1;
 perspective:1000px;
 cursor:pointer;
}
.pop_notice .flip .before,
.pop_notice .flip .after {
 position:absolute;
 width:100%;
 height:100%;
 background:no-repeat 50% 50% / contain;
 backface-visibility:hidden;
 transition:transform 1s cubic-bezier(0.4, 0, 0.2, 1);
 border-radius:50%;
 padding:20px;
 box-sizing:border-box;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 text-align:center;
}
.pop_notice .flip .before {
 background-image:url("/images/img_notice_smile.avif");
 transform:rotateY(0deg);
 z-index:2;
}
.pop_notice .flip .after {
 background-image:url("/images/img_notice_txtbg.png");
 transform:rotateY(180deg);
}
.pop_notice .flip:hover .before {
 transform:rotateY(-180deg);
}
.pop_notice .flip:hover .after {
 transform:rotateY(0deg);
}
.pop_notice h2 {
 font-size:20px;
 color:#fff;
 font-weight:600;
 line-height:1.4;
 margin-bottom:12px;
 letter-spacing:-0.78px;
}
.pop_notice .after p {
 font-size:14px;
 color:#fff;
 font-weight:500;
 line-height:1.65;
 letter-spacing:-0.51px;
}
/* 상세 */
.portfolio_view_wrap {
 padding:0 !important;
}
.portfolio_head {
 position:relative;
 height:100vh;
}
.portfolio_head .bg {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:0;
 background:#000;
}
.portfolio_head .bg img {
 opacity:0.5;
}
.portfolio_head .inner {
 position:relative;
 height:100%;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start;
 z-index:1;
 padding-top:134px;
}
.portfolio_head .type {
 font-size:22px;
 color:#fff;
 font-weight:600;
 line-height:38px;
 height:38px;
 padding:0 24px;
 border-radius:19px;
 background:#ffffff1a;
 letter-spacing:-0.66px;
}
.portfolio_head h1 {
 font-size:80px;
 color:#fff;
 font-weight:600;
 line-height:1.2;
 margin:40px 0;
 letter-spacing:-1.4px;
}
.portfolio_head p {
 font-size:22px;
 color:#fff;
 line-height:1.55;
 letter-spacing:-0.66px;
}
.portfolio_head .tar {
 display:flex;
 justify-content:flex-end;
 width:100%;
 padding-top:40px;
}
.portfolio_head .btn_link {
 margin:0;
 color:#fff;
 letter-spacing:-0.6px;
}
.mojo_aos {
 transform:translateY(50px);
 opacity:0;
 animation:mojo_aos 1s forwards;
}
@keyframes mojo_aos {
 0% {
 transform:translateY(50px);
 opacity:0;
}
 100% {
 transform:translateY(0);
 opacity:1;
}
}
.open_opacity {
 opacity:0;
 animation:open_opacity 2s forwards;
}
@keyframes open_opacity {
 0% {
 opacity:0;
}
 100% {
 opacity:1;
}
}
section[class*="portfolio"] {
 font-size:22px;
 color:#464c53;
 line-height:1.55;
}
section[class*="portfolio"] .tit_label {
 font-size:20px;
 color:#0169d8;
 font-weight:500;
 line-height:1.6;
 margin-bottom:24px;
 font-family:"Nohemi", "Pretendard", sans-serif;
}
section[class*="portfolio"] h3 {
 font-size:54px;
 color:#131416;
 line-height:1.34;
 letter-spacing:-1.62px;
}
section[class*="portfolio"] h4 {
 font-weight:400;
 letter-spacing:-0.66px;
}
.portfolio_padding {
 position:relative;
 padding:160px 0;
}
.portfolio_padding .inner {
 position:relative;
 z-index:1;
 max-width:1440px;
}
.portfolio_problem .line_wrap {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}
.portfolio_problem .line_wrap i {
 position:absolute;
}
.portfolio_problem .line_wrap .t1 {
 top:0;
 left:18%;
}
.portfolio_problem .line_wrap .b1 {
 top:90%;
 left:0;
}
.portfolio_problem .line_wrap .t2 {
 top:0;
 right:33%;
}
.portfolio_problem .line_wrap .b2 {
 top:28%;
 right:0;
}
.portfolio_problem .line_wrap .t3 {
 top:0;
 right:0;
}
.portfolio_problem .line_wrap .b3 {
 bottom:0;
 right:20%;
}
.portfolio_problem .line_wrap .t4 {
 bottom:35.6%;
 left:0;
}
.portfolio_problem .line_wrap .b4 {
 bottom:0;
 right:35%;
}
.portfolio_problem .line_wrap svg {
 width:100%;
 height:100%;
}
@keyframes drawLine {
 to {
 stroke-dashoffset:0;
}
}
.portfolio_problem .tit_label {
 text-align:center;
}
.portfolio_problem h3 {
 text-align:center;
 margin-bottom:24px;
 letter-spacing:-1.62px;
}
.portfolio_problem h4 {
 text-align:center;
 letter-spacing:-0.66px;
}
.portfolio_solution {
 background:#040404;
}
section.portfolio_solution h3 {
 margin-bottom:80px;
 letter-spacing:-1.62px;
}
section.portfolio_solution h3 strong {
 color:#fff;
}
section[class*="portfolio"] .port_tit {
 font-size:48px;
 color:#131416;
 font-weight:700;
 line-height:1.38;
 margin-bottom:24px;
 letter-spacing:-1.62px;
}
section[class*="portfolio"] .port_tit.latge {
 font-size:54px;
 line-height:1.34;
}
.portfolio_solution .before_after {
 display:flex;
 align-items:flex-start;
 gap:180px;
}
.portfolio_solution .tit {
 font-size:16px;
 color:#fff;
 font-weight:500;
 line-height:30px;
 text-align:center;
 margin-bottom:24px;
 font-family:"Nohemi", "Pretendard", sans-serif;
}
.portfolio_solution .before {
 width:600px;
}
.portfolio_solution .before .tit {
 opacity:0.4;
}
.portfolio_solution .after {
 position:relative;
 width:780px;
 border-radius:20px;
}
.portfolio_solution .after:after {
 content:"";
 position:absolute;
 top:0;
 left:-180px;
 width:180px;
 height:100%;
 background:url("/images/arrow_before_after.svg") no-repeat 50% 50%;
}
.portfolio_solution .after .tit {
 width:104px;
 margin-left:auto;
 margin-right:auto;
 background:#ff710d;
 border-radius:19px;
}
.portfolio_solution .img {
 text-align:center;
}
.portfolio_solution .img img {
 width:100%;
}
.portfolio_production_composition {
 background:#101618;
 padding-bottom:60px;
}
.production_setting_area {
 display:flex;
 flex-direction:column;
 gap:120px;
}
.production_setting_area li {
 display:flex;
 align-items:flex-start;
 gap:120px;
}
.production_setting_area li:nth-child(2n) {
 flex-direction:row-reverse;
}
.production_setting_area li .imgfit,
.production_setting_area li .txt {
 position:relative;
 width:calc(50% - 60px);
}
.production_setting_area li .imgfit {
 border-radius:20px;
 z-index:1;
}
.production_setting_area li .txt {
 padding:55px 0 224px;
 text-align:left;
}
/* .production_setting_area li .txt:before {content:""; display:block; width:48px; aspect-ratio:1/1; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; margin-bottom:8px;} */
.production_setting_area li .txt h4 {
 font-size:42px;
 color:#fff;
 font-weight:700;
 line-height:1.38;
 letter-spacing:-1.26px;
}
.production_setting_area li .txt p {
 font-size:20px;
 color:#ffffffb3;
 font-weight:400;
 line-height:1.6;
 letter-spacing:-0.6px;
}
.production_setting_area li .txt p strong {
 color:#fff;
 font-weight:500;
 margin-bottom:16px;
 display:block;
 letter-spacing:-0.66px;
}
.production_setting_area li .txt .slide_txt {
 position:absolute;
 bottom:0;
 right:calc((-100vw + 1400px) / 2);
 width:100vw;
 height:144px;
 overflow:hidden;
 white-space:nowrap;
 pointer-events:none;
 user-select:none;
 font-family:"Nohemi", "Pretendard", sans-serif;
}
.production_setting_area li .txt .slide_txt .marquee_inner {
 display:inline-block;
 white-space:nowrap;
 animation:marqueeMove 10s linear infinite;
 font-size:120px;
 color:rgba(255, 255, 255, 0.05);
 line-height:144px;
 text-transform:uppercase;
}
.production_setting_area li:nth-child(2n) .txt .slide_txt {
 left:calc((-100vw + 1400px) / 2);
 right:auto;
}
@keyframes marqueeMove {
 0% {
 transform:translateX(0);
}
 100% {
 transform:translateX(-50%);
}
}
.production_setting_area li.feature_development .txt:before {
 background-image:url("/images/icon_feature_development.svg");
}
.production_setting_area li.design .txt:before {
 background-image:url("/images/icon_design.svg");
}
.production_setting_area li.mobile_ui .txt:before {
 background-image:url("/images/icon_mobile_ui.svg");
}
.production_setting_area li.mobile_ui .imgfit {
 max-height:1140px;
 border-radius:0;
}
.production_setting_area li.mobile_ui .imgfit img {
 object-fit:cover;
 height:auto;
 max-height:none;
}
.portfolio_review {
 padding:120px 0;
}
.portfolio_review .inner {
 max-width:1440px;
}
.portfolio_review .port_tit {
 margin-bottom:56px;
 letter-spacing:-1.62px;
}
.portfolio_review .review_list {
 border-top:#000 1px solid;
}
.portfolio_review .review_list li {
 border-bottom:#000 1px solid;
 padding:32px 20px;
}
.portfolio_review .review_list .tt {
 position:relative;
 padding:5px 0 5px 0;
 display:flex;
 align-items:center;
 gap:12px;
 font-size:22px;
 color:#1e2124;
 font-weight:600;
 line-height:34px;
 margin-bottom:13px;
 letter-spacing:-0.66px;
}
.portfolio_review .review_list .tt .picture {
 position:absolute;
 top:0;
 left:0;
 width:44px;
 aspect-ratio:1/1;
 border-radius:50%;
}
.portfolio_review .review_list .tt .star {
 font-size:0;
}
.portfolio_review .review_list p {
 font-size:20px;
 color:#464c53;
 line-height:1.6;
 letter-spacing:-0.6px;
}
.portfolio_review .review_list p.empty {
 padding-left:0 !important;
 text-align:center;
}
.portfolio_review .review_list strong {
 color:#ff710d;
 font-weight:600;
}
.portfolio_review .view_btm {
 margin-top:0 !important;
 padding-top:96px;
 border-top:0;
}
/* 2023년 이전 프로젝트 */
.board_before {
 margin-top:120px;
}
.board_before .tit {
 position:relative;
 font-size:42px;
 color:#131416;
 font-weight:600;
 line-height:1.28;
 margin:24px 0 16px;
 padding-left:20px;
}
.board_before .tit:before {
 content:"";
 position:absolute;
 top:50%;
 left:0;
 width:8px;
 aspect-ratio:1/1;
 border-radius:50%;
 transform:translateY(-50%);
 background:#131416;
}
.board_before .tit strong {
 font-size:40px;
 font-weight:500;
 line-height:1.35;
 font-family:"Nohemi";
}
.board_before .project_list {
 display:flex;
 flex-wrap:wrap;
 border-top:#000 1px solid;
}
.board_before .project_list li {
 border-bottom:#cdd1d5 1px solid;
 padding:24px;
 width:50%;
}
.board_before .project_list a {
 display:block;
}
.board_before .info {
 display:flex;
 gap:16px;
 font-size:16px;
 color:#58616a;
 font-weight:500;
 margin-bottom:8px;
}
.board_before .info .date {
 position:relative;
}
.board_before .info .date:before {
 content:"";
 position:absolute;
 top:50%;
 left:-9px;
 width:1px;
 height:14px;
 background:#cdd1d5;
 transform:translateY(-50%);
}
.board_before h3 {
 font-size:22px;
 color:#1e2124;
 font-weight:600;
 line-height:1.55;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1520px){
/* Portfolio */
	.board_wrap .inner {padding:0;}
	.portfolio_list {gap:80px 20px;}
	.portfolio_list > li {width:calc((100% - 40px)/3);}
	.portfolio_list .type span {font-size:15px;}
	.portfolio_list .tit {font-size:22px;}
/* 상세 */
	.portfolio_head .type {font-size:20px;}
	.portfolio_head h1 {font-size:70px; margin:35px 0;}
	.portfolio_head p {font-size:20px;}
	section[class*="portfolio"] {font-size:20px;}
	section[class*="portfolio"] .tit_label {font-size:18px; margin-bottom:20px;}
	section[class*="portfolio"] h3 {font-size:50px;}
	.portfolio_solution .before_after {gap:100px;}
	.portfolio_solution .before {width:calc(50% - 100px);}
	.portfolio_solution .after {width:50%;}
	.portfolio_solution .after:before {left:-100px; width:100px;}
	.portfolio_padding {padding:140px 0;}
	.production_setting_area li .txt .slide_txt {right:-20px;}
	.production_setting_area li:nth-child(2n) .txt .slide_txt {left:-20px;}
	.portfolio_review .view_btm {padding-top:80px;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1280px){
/* Portfolio */
	.portfolio_list {gap:60px 10px;}
	.portfolio_list > li {width:calc((100% - 20px)/3);}
	.portfolio_list .txt {padding-top:20px;}
	.portfolio_list .type {gap:13px;}
	.portfolio_list .type span {font-size:14px;}
	.portfolio_list .type span:after {right:-7px; height:12px;}
	.portfolio_list .tit {font-size:20px;}
	.portfolio_list .tags {gap:4px; margin-top:16px;}
	.portfolio_list .tags li {font-size:13px; line-height:24px; height:24px; padding:0 12px;}

	.pop_notice {right:30px;}
	.pop_notice .btn_close {top:32px; right:32px;}
	.pop_notice .flip {width:320px;}
	.pop_notice h2 {font-size:18px; margin-bottom:10px;}
	.pop_notice .after p {font-size:14px;}
/* 상세 */
	.portfolio_head .inner {padding-top:97px;}
	.portfolio_head .type {font-size:16px; line-height:34px; height:34px; padding:0 20px;}
	.portfolio_head h1 {font-size:60px; margin:30px 0;}
	.portfolio_head p {font-size:18px;}
	.portfolio_head .tar {padding-top:20px;}
	section[class*="portfolio"] {font-size:18px;}
	section[class*="portfolio"] .tit_label {font-size:16px; margin-bottom:15px;}
	section[class*="portfolio"] h3 {font-size:40px;}
/* 2023년 이전 프로젝트 */
	.board_before {margin-top:100px;}
	.board_before .tit {font-size:36px; margin:20px 0 12px; padding-left:18px;}
	.board_before .tit:before {width:6px;}
	.board_before .tit strong {font-size:34px;}
	.board_before .project_list li {padding:20px;}
	.board_before .info {gap:14px; font-size:15px; margin-bottom:6px;}
	.board_before .info .date:before {left:-8px; height:12px;}
	.board_before h3 {font-size:20px;}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* Portfolio */
	.portfolio_list {gap:50px 5px;}
	.portfolio_list > li {width:calc((100% - 10px)/3);}
	.portfolio_list .txt {padding-top:16px;}
	.portfolio_list .type {gap:11px;}
	.portfolio_list .type span {font-size:13px;}
	.portfolio_list .type span:after {right:-6px; height:10px;}
	.portfolio_list .tit {font-size:18px;}
	.portfolio_list .tags {margin-top:14px;}

	.pop_notice {right:20px;}
	.pop_notice .btn_close {top:28px; right:28px; width:30px; height:30px;}
	.pop_notice .flip {width:280px;}
	.pop_notice h2 {font-size:18px; margin-bottom:6px;}
	.pop_notice .after p {font-size:13px;}
/* 상세 */
	.portfolio_head h1 {font-size:54px; margin:25px 0;}
	.portfolio_head .btn_link {color:#222; background-color:#fff;}
	section[class*="portfolio"] {font-size:16px;}
	section[class*="portfolio"] .tit_label {font-size:14px; margin-bottom:10px;}
	section[class*="portfolio"] h3 {font-size:30px;}
	.portfolio_padding {padding:120px 0;}
	.portfolio_problem h3 {margin-bottom:20px;}
	section.portfolio_solution h3 {margin-bottom:60px;}
	section[class*="portfolio"] .port_tit {font-size:38px; margin-bottom:20px;}
	section[class*="portfolio"] .port_tit.latge {font-size:48px;}
	.portfolio_solution .before_after {gap:80px;}
	.portfolio_solution .tit {font-size:16px; line-height:28px; margin-bottom:20px;}
	.portfolio_solution .before {width:calc(50% - 80px);}
	.portfolio_solution .after {border-radius:16px;}
	.portfolio_solution .after:before {left:-80px; width:80px;}
	.portfolio_solution .after .tit {width:100px;}
	.production_setting_area {gap:80px;}
	.production_setting_area li {gap:60px;}
	.production_setting_area li .imgfit,
	.production_setting_area li .txt {width:calc(50% - 30px);}
	.production_setting_area li .imgfit {border-radius:16px;}
	.production_setting_area li .txt {padding:80px 0 180px;}
	.production_setting_area li .txt:before {width:40px; margin-bottom:6px;}
	.production_setting_area li .txt h4 {font-size:36px;}
	.production_setting_area li .txt p {font-size:18px;}
	.production_setting_area li .txt p strong {margin-bottom:14px;}
	.production_setting_area li .txt .slide_txt {height:120px;}
	.production_setting_area li .txt .slide_txt .marquee_inner {font-size:100px; line-height:120px;}
	.portfolio_review {padding:100px 0;}
	.portfolio_review .port_tit {margin-bottom:40px;}
	.portfolio_review .review_list li {padding:24px 15px;}
	.portfolio_review .review_list .tt {padding:5px 0; gap:10px; font-size:20px; line-height:30px; margin-bottom:10px;}
	.portfolio_review .review_list .tt .picture {width:40px;}
	.portfolio_review .review_list p {font-size:18px;}
	.portfolio_review .view_btm {padding-top:60px;}
	.portfolio_production_composition {padding-bottom:50px;}
/* 2023년 이전 프로젝트 */
	.board_before {margin-top:80px;}
	.board_before .tit {font-size:32px; margin:16px 0 8px; padding-left:16px;}
	.board_before .tit strong {font-size:30px;}
	.board_before .project_list li {padding:16px;}
	.board_before .info {gap:12px; font-size:14px; margin-bottom:4px;}
	.board_before .info .date:before {left:-7px; height:10px;}
	.board_before h3 {font-size:18px;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
/* Portfolio */
	.portfolio_list {gap:30px 10px;}
	.portfolio_list > li {width:calc(50% - 5px);}
	.portfolio_list .imgfit:before {display:none;}
	.portfolio_list .txt {padding-top:10px;}
	.portfolio_list .type {gap:9px;}
	.portfolio_list .type span {font-size:12px;}
	.portfolio_list .type span:after {right:-5px; height:8px;}
	.portfolio_list .tit {font-size:15px;}
	.portfolio_list .tags {gap:2px; margin-top:10px;}
	.portfolio_list .tags li {font-size:12px; line-height:20px; height:20px; padding:0 8px;}

	.pop_notice {top:auto; bottom:40px; transform:none;}
	.pop_notice .btn_close {top:22px; right:22px; width:30px; height:30px;}
	.pop_notice .flip {width:240px;}
	.pop_notice h2 {font-size:16px; margin-bottom:4px;}
	.pop_notice .after p {font-size:12px;}
/* 상세 */
	.portfolio_head .inner {padding-top:80px;}
	.portfolio_head .type {font-size:13px; line-height:30px; height:30px; padding:0 16px;}
	.portfolio_head h1 {font-size:34px; margin:15px 0;}
	.portfolio_head p {font-size:14px;}
	.portfolio_head .tar {padding-top:20px; justify-content:flex-start;}
	section[class*="portfolio"] {font-size:13px;}
	section[class*="portfolio"] .tit_label {font-size:13px; margin-bottom:5px;}
	section[class*="portfolio"] h3 {font-size:24px;}
	.portfolio_padding {padding:80px 0;}
	.portfolio_problem .tit_label {text-align:left;}
	.portfolio_problem h3 {margin-bottom:15px; text-align:left;}
	.portfolio_problem h4 {text-align:left;}
	.portfolio_problem .line_wrap .t1 {left:14%;}
	.portfolio_problem .line_wrap .b1 {top:30%;}
	.portfolio_problem .line_wrap .t2 {right:33%;}
	.portfolio_problem .line_wrap .b2 {top:24%;}
	.portfolio_problem .line_wrap .t3 {top:80%;}
	.portfolio_problem .line_wrap .b3 {right:20%;}
	.portfolio_problem .line_wrap .t4 {bottom:20%;}
	.portfolio_problem .line_wrap .b4 {right:35%;}
	section.portfolio_solution h3 {margin-bottom:40px;}
	section[class*="portfolio"] .port_tit {font-size:24px; margin-bottom:10px;}
	section[class*="portfolio"] .port_tit.latge {font-size:36px;}
	.portfolio_solution .before_after {gap:60px; flex-direction:column;}
	.portfolio_solution .tit {font-size:13px; line-height:24px; margin-bottom:10px;}
	.portfolio_solution .before {width:100%; padding:0 10%;}
	.portfolio_solution .after {width:100%; border-radius:12px;}
	.portfolio_solution .after:before {left:50%; top:-60px; width:60px; height:60px; transform:translateX(-50%) rotate(90deg);}
	.production_setting_area {gap:60px;}
	.production_setting_area li {gap:20px; flex-direction:column !important;}
	.production_setting_area li .imgfit,
	.production_setting_area li .txt {width:100%;}
	.production_setting_area li .imgfit {border-radius:12px;}
	.production_setting_area li .txt {padding:40px 0 100px;}
	.production_setting_area li .txt:before {width:30px; margin-bottom:5px;}
	.production_setting_area li .txt h4 {font-size:24px;}
	.production_setting_area li .txt p {font-size:14px;}
	.production_setting_area li .txt p strong {margin-bottom:10px;}
	.production_setting_area li .txt .slide_txt {height:60px;}
	.production_setting_area li .txt .slide_txt .marquee_inner {font-size:50px; line-height:60px;}
	.portfolio_review {padding:60px 0;}
	.portfolio_review .port_tit {margin-bottom:20px;}
	.portfolio_review .review_list li {padding:16px 10px;}
	.portfolio_review .review_list .tt {padding:5px 0; gap:10px; font-size:15px; line-height:20px; margin-bottom:5px;}
	.portfolio_review .review_list .tt .picture {width:30px;}
	.portfolio_review .review_list .tt .star img {height:14px;}
	.portfolio_review .review_list p {font-size:13px;}
	.portfolio_review .view_btm {padding-top:30px;}
	.portfolio_production_composition {padding-bottom:40px;}
/* 2023년 이전 프로젝트 */
	.board_before {margin-top:60px;}
	.board_before .tit {font-size:24px; margin:12px 0 6px; padding-left:14px;}
	.board_before .tit:before {width:4px;}
	.board_before .tit strong {font-size:22px;}
	.board_before .project_list li {padding:12px 0; width:100%;}
	.board_before .info {gap:10px; font-size:13px; margin-bottom:2px;}
	.board_before .info .date:before {left:-6px; height:8px;}
	.board_before h3 {font-size:15px;}
}