@charset "UTF-8";
/** 
   Bang So Jung CSS
   http://bangsojung.com/
**/
/*

		서브 컨텐츠 CSS

*/
/*------------------------------------------------------
	공통
------------------------------------------------------*/
.maxWidth {max-width:1724px;margin:0 auto;}
.maxWidth-m {max-width:1518px;margin:0 auto;}
.maxWidth-p {max-width:1440px;margin:0 auto;}
.maxWidth-s {max-width:1220.67px;margin:0 auto;}
@media screen and (max-width:1764px) {
	.maxWidth {margin:0 20px;}
}
@media screen and (max-width:1550px) {
	.maxWidth-m {margin:0 20px;}
}
@media screen and (max-width:1440px) {
	.maxWidth-p {margin:0 20px;}
}
@media screen and (max-width:1260.67px) {
	.maxWidth-s {margin:0 20px;}
}





/*------------------------------------------------------
	메인
------------------------------------------------------*/
.fp-watermark {display:none;}
#MAIN::before {content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(../../images/common/bg_line.svg);background-position:center;}
#MAIN .maxWidth {padding-left:164px;box-sizing:border-box;}
.main__max {display:flex;align-items:center;height:100%;}
.main__max.column {flex-direction:column;align-items:flex-start;justify-content:center;}
.main__flex {display:flex;}
.main__title {margin-bottom:15px;font-weight:700;font-size:60px;color:#222;line-height:120%;word-break:keep-all;}
.main__desc {font-family:"Spoqa Han Sans Neo","-apple-system,Segoe UI",Helvetica,Arial, sans-serif;font-size:16px;color:#555;line-height:190%;word-break:keep-all;}
.main__btn {display:inline-block;}
.main__btn a {display:flex;align-items:center;position:relative;height:64px;margin-top:60px;padding:0px 28px;border:1px solid #222;font-weight:700;font-size:16px;color:#222;letter-spacing:0.12em;box-sizing:border-box;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.main__btn a::before {content:'';position:absolute;top:4px;left:0;width:100%;height:87%;background-color:transparent;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;transform:scale(0.5);z-index:-1;}
.main__btn a:active {border-color:#238DC1;color:#FFF;}
.main__btn a:active::before {background-color:#238DC1;transform:scale(0.9);}
@media screen and (min-width:1025px) {
	.main__btn a:hover {border-color:#238DC1;color:#FFF;}
	.main__btn a:hover::before {background-color:#238DC1;transform:scale(0.9);}
}
@media screen and (max-width:1500px) {
	#MAIN .maxWidth {padding-left:90px;}
	.main__title {font-size:50px;}
	.main__btn a {margin-top:30px;}
}
@media screen and (max-width:1200px) {
	.main__title {font-size:40px;}
	.main__desc {font-size:15px;}
	.main__btn a {height:54px}
}
@media screen and (max-width:1000px) {
	.main__title {font-size:35px;}
	.main__desc {font-size:14px;}
	.main__btn a {margin-top:20px;height:45px}
}
@media screen and (max-width:915px) {
	.main__max {flex-direction:column;align-items:flex-start;}
}
@media screen and (max-width:640px) {
	#MAIN .maxWidth {padding-left:0px;}
	.main__title {font-size:24px !important;}
	.main__desc {line-height:150%;}
	.main__desc br {display:none;}
	.main__btn a {height:40px;font-size:13px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#MAIN .maxWidth {padding-left:0px;}
	.main__title {font-size:20px !important;}
	.main__desc {font-size:13px;line-height:150%;}
	.main__btn a {height:40px;font-size:13px;}
}


/* 메뉴 */
#panels {display:flex;justify-content:center;flex-direction:column;position:fixed;top:0;left:50px;height:100%;text-align:left;list-style:none;z-index:100;}
#panels li {margin:12.8px 0px;line-height:100%;}
#panels li:first-child {margin-top:0px;}
#panels li:last-child {margin-bottom:0px;}
#panels a {font-weight:700;font-size:12px;color:#222;letter-spacing:0.05em;opacity:0.3;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
#panels a span {opacity:0;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
#panels li.active a {opacity:1;}
#panels li.active a span {opacity:1;}
.fp-viewing-slider #panels a,
.fp-viewing-contact #panels a {color:#FFF;}
@media screen and (max-width:1500px) {
	#panels {left:20px;}
}
@media screen and (max-width:640px) {
	#panels {display:none;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#panels {display:none;}
}


/* 메인 슬라이드 */
#main__slider .fp-overflow,
#main__slider .swiper,
#main__slider .swiper-wrapper,
#main__slider .swiper-slide {height:100%;}
#main__slider {height:100vh;min-height:100vh;}
#main__slider .maxWidth {max-width:1172px;margin:0 auto;padding-left:0px !important}
#main__slider .slider-bg {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;}
#main__slider .slider-bg::before {content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(../../images/common/bg_line2.svg);background-position:center;z-index:1;}
#main__slider .slider-bg picture,
#main__slider .slider-bg span {display:block;position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:0}
#main__slider .main-hero-media {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.swiper-slider__inner {position:relative;width:100%;height:100%;}
.swiper-slider__inner .maxWidth {display:flex;align-items:center;height:100%;}
@media screen and (max-width:1500px) {
	#main__slider .maxWidth {margin:0px 90px;}
}
@media screen and (max-width:640px) {
	#main__slider .maxWidth {margin:0px 20px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#main__slider .maxWidth {margin:0px 20px;}
}
/* 슬로건 */
.slider-slogan {position:relative;z-index:2;}
.slider-slogan b,
.slider-slogan h1 {display:block;position:relative;left:-70px;margin:0;font-weight:700;font-size:120px;color:#FFF;letter-spacing:0.02em;line-height:100%;text-transform:uppercase;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;}
.slider-slogan p {position:relative;left:50px;margin-top:35px;font-weight:300;font-size:18px;color:#FFF;line-height:100%;text-transform:capitalize;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;}
#main__slider .swiper-pagination {bottom:70px;margin:0;}
#main__slider .swiper-pagination-bullet {width:75px;height:5px;margin:0px 10px;background-color:#FFF;border-radius:0;opacity:0.2;}
#main__slider .swiper-pagination-bullet-active {opacity:1;}
/* 액션 */
#main__slider .swiper-slide-active .slider-bg {animation-name:clipPathLeft;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-duration:1s;animation-fill-mode:forwards;}
#main__slider .swiper-slide-active .slider-bg span,
#main__slider .swiper-slide-active .slider-bg picture {animation-name:leftFade;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-duration:1.3s;animation-fill-mode: forwards;}
#main__slider .swiper-slide-active b,
#main__slider .swiper-slide-active h1 {opacity:1;left:0px;}
#main__slider .swiper-slide-active p {opacity:1;left:0px;}
#main__slider .swiper-slide:first-child h1,
#main__slider .swiper-slide:first-child p {opacity:1;left:0;}
@keyframes clipPathLeft {
	0% {
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	}
	100% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}
@keyframes leftFade {
	0% {
		transform:translate3d(100px,0,0);
	}
	100% {
		transform:translate3d(0px,0,0);
	}
}
@media screen and (max-width:1500px) {
	.slider-slogan b,
	.slider-slogan h1 {font-size:100px;}
}
@media screen and (max-width:1200px) {
	.slider-slogan b,
	.slider-slogan h1 {font-size:85px;}
}
@media screen and (max-width:915px) {
	.slider-slogan b,
	.slider-slogan h1 {font-size:60px;}
	.slider-slogan p {margin-top:20px;font-size:16px;line-height:170%;}
	#main__slider .swiper-pagination {bottom:40px}
	#main__slider .swiper-pagination-bullet {width:35px;}
}
@media screen and (max-width:640px) {
	.slider-slogan b,
	.slider-slogan h1 {font-size:40px;}
	.slider-slogan p {font-size:15px;}
}


/* We Are */
#main__weAre {position:relative;max-width:1920px;margin:0 auto;}
#main__weAre .fp-overflow {overflow:hidden}
#main__weAre .main__head {width:39%;}
#main__weAre .main__body {position:absolute;top:0;right:0;width:53.9%;height:100%;overflow:hidden;}
#main__weAre .main__flex {align-items:center;width:100%;height:100%;}
#main__weAre .main__title {position:relative;right:-20%;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;-webkit-transition-delay:.5s;transition-delay:.5s;}
#main__weAre .main__desc {position:relative;top:70px;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;-webkit-transition-delay:.5s;transition-delay:.5s;}
#main__weAre .main__image {position:relative;left:30%;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;width:50%;height:0px;margin-right:10px;padding-top:65.52%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main__weAre .main__image_1 {-webkit-transition-delay:.7s;transition-delay:.7s;}
#main__weAre .main__image_2 {-webkit-transition-delay:1s;transition-delay:1s;}
#main__weAre .main__image:last-child {margin-right:0px;}
/* 액션 */
#main__weAre.active .main__title {right:0px;opacity:1;}
#main__weAre.active .main__desc {top:0px;opacity:1;}
#main__weAre.active .main__image {left:0px;opacity:1;}
@media screen and (max-width:1200px) {
	#main__weAre .main__flex {flex-direction:column;justify-content:center;}
	#main__weAre .main__head {width:auto;}
	#main__weAre .main__body {width:42%;}
	#main__weAre .main__image {width:100%;margin-right:0;margin-top:10px;padding-top:73%;}
	#main__weAre .main__image:first-child {margin-top:0px !important;}
}
@media screen and (max-width:915px) {
	#main__weAre .main__body {position:static;width:100%;}
	#main__weAre .main__flex {flex-direction:row;justify-content:center;margin-top:30px;}
	#main__weAre .main__image {margin-right:10px;margin-top:0px;padding-top:65.52%;}
	#main__weAre .main__image:last-child {margin-right:0px !important;}
}
@media screen and (max-width:640px) {
	#main__weAre .main__flex {margin-top:15px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#main__weAre .main__flex {margin-top:15px;}
	#main__weAre .main__image {padding-top:32%;}
}


/* Business */
#main__business {display:flex;flex-direction:column;justify-content:center;position:relative;max-width:1920px;margin:0 auto;}
#main__business .fp-overflow {overflow:hidden;}
#main__business .main__title {position:relative;right:-20%;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;-webkit-transition-delay:.5s;transition-delay:.5s;font-family:"Spoqa Han Sans Neo","-apple-system,Segoe UI",Helvetica,Arial, sans-serif;}
#main__business .main__desc {position:relative;top:70px;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;-webkit-transition-delay:.5s;transition-delay:.5s;}
#main__business .main__body {position:relative;margin-top:91px;}
#main__business .business-list {display:flex;justify-content:flex-end;flex-wrap:wrap;list-style:none;}
#main__business .business-list li {position:relative;left:10%;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;width:16.4%;height:0;margin-left:1.1%;padding-top:16.4%}
.business-bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-repeat:no-repeat;background-position:center;background-size:cover;}
.business-infos {display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;font-weight:700;font-size:18px;color:#FFF;z-index:2;}
#main__business .business-list li.business_li_1 {margin-left:0px;-webkit-transition-delay:.7s;transition-delay:.7s;}
/* 액션 */
#main__business.active .main__title {right:0px;opacity:1;}
#main__business.active .main__desc {top:0px;opacity:1;}
#main__business.active .main__image {left:0px;opacity:1;}
#main__business.active .business-list li {left:0;opacity:1;}
#main__business.active .business-list li.business_li_2 {-webkit-transition-delay:1s;transition-delay:1s;}
#main__business.active .business-list li.business_li_3 {-webkit-transition-delay:1.3s;transition-delay:1.3s;}
#main__business.active .business-list li.business_li_4 {-webkit-transition-delay:1.5s;transition-delay:1.5s;}
#main__business.active .business-list li.business_li_5 {-webkit-transition-delay:1.7s;transition-delay:1.7s;}
@media screen and (max-width:1500px) {
	#main__business .main__body {margin-top:60px;}
	#main__business .business-list {padding-left:110px;}
	#main__business .business-list li {width:19.1%;padding-top:19.1%;}
}
@media screen and (max-width:915px) {
	#main__business .main__body {margin-top:30px;}
	#main__business .business-list {justify-content:center;padding-right:20px;}
	#main__business .business-list li {width:32.6%;margin-top:1.1%;padding-top:32.6%;}
}
@media screen and (max-width:640px) {
	#main__business .business-list {padding-left:20px;}
	.business-infos {font-size:15px;}
}
@media screen and (max-width:375px) {
	/* #main__business .business-list {justify-content:center;align-items:center;}
	#main__business .business-list li {width:48%;margin:1%;} */
	.business-infos {font-size:12px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	#main__business .business-list li {width:48%;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#main__business .business-list {padding-left:20px;}
	#main__business .business-list li {width:19.1%;padding-top:19.1%;}
}

/* portfolio */
#main__portfolio {position:relative;max-width:1920px;margin:0 auto;}
#main__portfolio .fp-overflow {overflow:hidden;}
#main__portfolio .main__flex {align-items:flex-end;height:100%;padding-top:112px;}
#main__portfolio .main__title {position:relative;right:-20%;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;font-size:45px;line-height:140%;}
#main__portfolio .main__desc {position:relative;top:70px;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;}
#main__portfolio .main__btn {position:relative;top:70px;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;}
#main__portfolio .main__head {width:36.61%;}
#main__portfolio .main__body {overflow:hidden;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:-20%;width:53.9%;height:100%;-webkit-transition:1s ease-in-out;transition:1s ease-in-out;}
#main__portfolio .main__body .swiper {width:100%;}
#main__portfolio .slider-bg {overflow:hidden;position:relative;top:0;right:0;width:100%;height:0;padding-top:63.286%;z-index:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;}
#main__portfolio .slider-bg span {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100%;z-index:0}
#main__portfolio .oi-agent-slide-link {display:block;position:relative;}
#main__portfolio .oi-agent-slide-copy {position:absolute;top:50%;left:4.5%;width:38%;z-index:2;color:#eefaff;-webkit-transform:translateY(-50%);transform:translateY(-50%);word-break:keep-all;}
#main__portfolio .oi-agent-slide-copy span {display:block;margin-bottom:14px;font-size:12px;font-weight:700;color:#65e8ff;letter-spacing:.14em;}
#main__portfolio .oi-agent-slide-copy strong {display:block;font-size:28px;line-height:1.3;letter-spacing:-.035em;}
#main__portfolio .oi-agent-slide-copy small {display:block;margin-top:18px;font-size:10px;color:#98bdcc;letter-spacing:.08em;}
.swiper-thumb {position:relative;top:70px;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;overflow:hidden;padding-top:104px;}
.swiper-thumb .swiper {overflow:visible;}
.swiper-thumb .swiper-slide {cursor:pointer;opacity:0.2;}
.swiper-thumb .swiper-slide.swiper-slide-thumb-active {opacity:1;}
.swiper-navi {position:absolute;top:-63px;right:0;width:107px;box-sizing:border-box;}
.swiper-navi .swiper-button-next, .swiper-navi .swiper-button-prev {width:13px;height:23px;margin:0;}
.swiper-navi .swiper-button-prev {left:0;}
.swiper-navi .swiper-button-next {right:0;}
.swiper-navi .swiper-button-next:after, .swiper-navi .swiper-button-prev:after {font-size:23px;color:#CCC;}
.swiper-navi .swiper-pagination {top:0;bottom:auto;font-weight:400 !important;font-size:16px;color:#888;letter-spacing:0.05em;z-index:-1;}
.swiper-navi .swiper-pagination .swiper-pagination-current {font-weight:700 !important;color:#222;}
/* 액션 */
#main__portfolio.active .main__title {right:0px;opacity:1;}
#main__portfolio.active .main__desc {top:0px;opacity:1;-webkit-transition-delay:.5s;transition-delay:.5s;}
#main__portfolio.active .main__btn {top:0px;opacity:1;-webkit-transition-delay:.7s;transition-delay:.7s;}
#main__portfolio.active .swiper-thumb {top:0;opacity:1;-webkit-transition-delay:1s;transition-delay:1s;}
#main__portfolio.active .main__body {right:0}
#main__portfolio .swiper-slide-active .slider-bg {animation-name:clipPathLeft;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-duration:1s;animation-fill-mode:forwards;}
#main__portfolio .swiper-slide-active .slider-bg span {animation-name:leftFade;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-duration:1.3s;animation-fill-mode: forwards;}
@media screen and (max-width:1500px) {
	.swiper-thumb {padding-top:80px;}
	.swiper-navi {top:-50px;}
}
@media screen and (max-width:1200px) {
	#main__portfolio .main__head {width:42%;padding-top:25px;}
	#main__portfolio .main__title {font-size:40px;}
	#main__portfolio .main__body {width:50%;}
	#main__portfolio .oi-agent-slide-copy strong {font-size:22px;}
	#main__portfolio .oi-agent-slide-copy small {display:none;}
}
@media screen and (max-width:915px) {
	#main__portfolio .main__flex {display:block;padding-top:0;}
	#main__portfolio .main__head {width:100%;margin:0 auto;padding-top:0px;}
	#main__portfolio .main__body {position:static;width:70%;height:auto;margin-top:40px;}
	.swiper-thumb {display:none;}
}
@media screen and (max-width:767px) {
	#main__portfolio .main__body {width:100%;margin-top:20px;}
	#main__portfolio .oi-agent-slide-copy span {margin-bottom:8px;font-size:9px;}
	#main__portfolio .oi-agent-slide-copy strong {font-size:17px;line-height:1.25;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	#main__portfolio .main__body {width:100%;}	
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#main__portfolio .main__flex {display:flex;}
	#main__portfolio .main__head {width:45%;margin:0;}
	#main__portfolio .main__desc br {display:none;}
	#main__portfolio .main__body {position:absolute;width:49%;height:100%;margin-top:0px;}
	.swiper-thumb {display:block;}
}


/* clients */
#main__clients .fp-overflow {overflow:hidden;}
#main__clients .main__title {position:relative;top:70px;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;-webkit-transition-delay:.5s;transition-delay:.5s;}
#main__clients .main__body {width:100%;margin-top:-5px;}
.clients-list {display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin-right:-3.1%;}
.clients-list li {position:relative;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;width:11.18%;height:0;margin-right:3.1%;margin-top:45px;padding-top:11.18%;border:1px solid #DDD;border-radius:100%;box-sizing:border-box;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.clients-list li .client_image {display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;padding:15px;box-sizing:border-box;}
#main__clients .clients-list li.clients_li_1 {-webkit-transition-delay:.8s;transition-delay:.8s;}
#main__clients .clients-list li.clients_li_2 {-webkit-transition-delay:1.2s;transition-delay:1.2s;}
/* 액션 */
#main__clients.active .main__title {top:0px;opacity:1;}
#main__clients.active .clients-list li {left:0;opacity:1;}
@media screen and (max-width:1500px) {
	.clients-list li {margin-top:25px;}
}
@media screen and (max-width:915px) {
	.clients-list li {width:16.9%;margin-top:15px;padding-top:16.9%;}
}
@media screen and (max-width:640px) {
	.clients-list {margin-right:-2%;}
	.clients-list li {width:23%;margin-right:2%;padding-top:23%;}
	.clients-list li .client_image {padding:6px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.clients-list li {width:31.333%;margin-top:10px;padding-top:31.333%;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	.clients-list {margin-right:-2%;}
	.clients-list li {width:11.18%;margin-right:3.1%;padding-top:11.18%;}
}


/* contact */
#main__contact {position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main__contact .fp-overflow {overflow:hidden;}
#main__contact .main__flex {position:relative;align-items:center;justify-content:space-between;height:100%;z-index:3;}
#main__contact .main__flex > div {width:50%;padding-right:50px;box-sizing:border-box;}
#main__contact .main__title {position:relative;left:-100px;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;font-weight:400;font-size:50px;color:#FFF;line-height:1.28;}
#main__contact .main__desc {position:relative;top:70px;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;font-weight:300;color:#FFF;}
#main__contact .main__btn {position:relative;top:70px;opacity:0;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;}
#main__contact .main__btn a {border-color:#FFF;color:#FFF;}
#main__contact::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../images/common/bg_line2.svg);background-position:center;z-index:2;}
/* 액션 */
#main__contact.active .main__title {left:0px;opacity:1;}
#main__contact.active .main__desc {top:0px;opacity:1;}
#main__contact.active .main__btn {top:0px;opacity:1;}
#main__contact.active .main__head_left .main__title {-webkit-transition-delay:.7s;transition-delay:.7s;}
#main__contact.active .main__head_left .main__desc {-webkit-transition-delay:.7s;transition-delay:.7s;}
#main__contact.active .main__head_left .main__btn {-webkit-transition-delay:1s;transition-delay:1s;}
#main__contact.active .main__head_right .main__title {-webkit-transition-delay:1.5s;transition-delay:1.5s;}
#main__contact.active .main__head_right .main__desc {-webkit-transition-delay:1.5s;transition-delay:1.5s;}
#main__contact.active .main__head_right .main__btn {-webkit-transition-delay:1.8s;transition-delay:1.8s;}
@media screen and (max-width:1500px) {
	#main__contact .main__title {font-size:40px;}
}
@media screen and (max-width:1200px) {
	#main__contact .main__title {font-size:37px;}
}
@media screen and (max-width:915px) {
	#main__contact .main__flex {display:block;}
	#main__contact .main__flex > div {width:100%;padding-right:0;}
	#main__contact .main__flex > div:first-child {margin-bottom:15%;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#main__contact .main__flex {display:flex;}
	#main__contact .main__flex > div {width:50%;}
	#main__contact .main__flex > div:first-child {margin-bottom:0;padding-right:40px;}
}


/* 스크롤 */
.state__scroll {display:flex;align-items:center;position:fixed;bottom:210px;right:-69px;width:119px;height:12px;font-size:13px;font-weight:400;color:#333;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);line-height:1;white-space:nowrap;-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-o-transform-origin:left bottom;transform-origin:left bottom;white-space:nowrap;font-weight:700;font-size:12px;color:#FFF;letter-spacing:0.05em;}
.state__scroll::after {content:'';display:flex;width:50px;height:1px;margin-left:20px;background-color:#FFF;}
.fp-viewing-weAre .state__scroll,
.fp-viewing-business .state__scroll,
.fp-viewing-portfolio .state__scroll,
.fp-viewing-clients .state__scroll {color:#000;}
.fp-viewing-weAre .state__scroll::after,
.fp-viewing-business .state__scroll::after,
.fp-viewing-portfolio .state__scroll::after,
.fp-viewing-clients .state__scroll::after {background-color:#000;}
@media screen and (max-width:1440px) {
	.state__scroll {right:-65px}
}
@media screen and (max-width:1024px) {
	.state__scroll {right:-75px}
}
@media screen and (max-width:640px) {
	.state__scroll {display:none;}
}





/*------------------------------------------------------
	서브 -- 공통
------------------------------------------------------*/
#SUB {background-color:#181818;}
.blind {position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden;}
.cont-flex {display:flex;align-items:center;justify-content:space-between;}
.cont-flex.align-start {align-items:flex-start;}
.cont-bg {padding:48px 60px 60px;background-color:#232323;}
.cont-tit-en {display:block;font-size:16px;color:#888;letter-spacing:0.12em;line-height: 100%;}
.cont-title {margin-top:25px;font-weight:700;font-size:35px;color:#FFF;letter-spacing:0.02em;line-height:1.25}
h4.cont-title {display:block;margin-bottom:60px;font-weight:700;font-size:24px;color:#CFCFCF;line-height:1.25}
.cont-title span {display:block;margin-top:14px;}
.cont-title span:first-child {margin-top:0px;}
.cont-desc {margin-top:24px;font-size:16px;color:#CFCFCF;line-height:1.875;letter-spacing:-0.02em;}
.cont-image {background-repeat:no-repeat;background-position:center;}
.cont-desc2 {margin-top:25px;font-size:13px;color:#fff;line-height:1;}
.cont-desc3 {margin-top:20px;font-weight:400;font-size:16px;color:#CFCFCF;line-height:1.45;}
.cont-desc-blit {position:relative;margin-top:10px;padding-left:15px;font-size:16px;color:#CFCFCF;letter-spacing:-0.02em;line-height:1.7;}
.cont-desc-blit::before {content:'';position:absolute;top:11px;left:0;width:5px;height:5px;background-color:#D9D9D9;}
.cont-desc-blit.blit2::before {top:17px;}
.desc-box {display:inline-block;margin-right:8px;padding:13px 20px;background-color:rgba(35, 141, 193, 0.1);line-height:100%;font-weight:700;font-size:14px;color:#FFF;}
.desc-box:first-child {margin-left:15px}
.sub__btn {display:inline-block;}
.sub__btn a {display:flex;align-items:center;position:relative;height:64px;margin-top:60px;padding:0px 28px;border:1px solid #FFF;font-weight:700;font-size:16px;color:#FFF;letter-spacing:0.12em;box-sizing:border-box;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.sub__btn a::before {content:'';position:absolute;top:4px;left:0;width:100%;height:87%;background-color:transparent;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;transform:scale(0.5);z-index:-1;}
.sub-btn {display:flex;align-items:center;height:61px;margin-top:40px;box-sizing:border-box;}
.sub-btn button {display:flex;align-items:center;background-color:transparent;font-weight:700;font-size:14px;color:#fff;line-height:1;letter-spacing: 0.12em;cursor:pointer;z-index:0;}
.btn-effect {position:relative;display:flex;align-items:center;width:61px;height:61px;padding:10px;margin-right:-37px;background:#303030;border-radius:100%;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-sizing:border-box;z-index:-1;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.btn-effect:before {content:'';position:absolute;border:5px solid #238DC1;border-radius:100%;top:-15px;right:-15px;bottom:-15px;left:-15px;opacity:0;-webkit-animation-duration:0.6s;animation-duration:0.6s;}
@-webkit-keyframes btn-effect {100% {top:0;right:0;bottom:0;left:0;opacity:1;}}
@keyframes btn-effect {100% {top:0;right:0;bottom:0;left:0;opacity: 1;}}
@media screen and (min-width:1025px) {
	.sub__btn a:hover {border-color:#238DC1;color:#FFF;}
	.sub__btn a:hover::before {background-color:#238DC1;transform:scale(0.9);}
	.sub-btn button:hover .btn-effect {background:#238DC1;}
	.sub-btn button:hover .btn-effect:before {-webkit-animation-name:btn-effect;animation-name:btn-effect;}
}
@media screen and (max-width:1200px) {
	.cont-title {margin-top:20px;font-size:30px;}
	.sub__btn a {margin-top:25px;height:45px;}
	.cont-bg {padding:35px;}
}
@media screen and (max-width:1024px) {
	.btn-effect {background:#238DC1;}
	.desc-box {margin-bottom:10px;}
}
@media screen and (max-width:768px) {
	.cont-tit-en {font-size:15px;}
	.cont-title {margin-top:15px;font-size:25px;}
	h4.cont-title {margin-bottom:30px;font-size:21px;}
	.cont-title span {line-height:130%;}
	.cont-desc {margin-top:17px;font-size:15px;}
	.cont-desc2 {margin-top:15px;}
	.sub__btn a {margin-top:25px;}
	.sub-btn {margin-top:20px;}
	.cont-bg {padding:35px 22px;}
	.desc-box {padding:10px 10px;}
	.cont-desc-blit {font-size:15px;}
	.cont-desc-blit::before {top:7px;}
	.cont-desc-blit.blit2::before {top:15px;}
}
@media screen and (max-width:640px) {
	.cont-tit-en {font-size:14px;}
	.cont-desc {font-size:14px;}
	.sub__btn a {height:40px;font-size:13px;}
	.cont-title span {font-size:20px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.cont-tit-en {font-size:11px;}
	.cont-title {margin-top:8px;font-size:21px;line-height:120% !important;}
	h4.cont-title {margin-bottom:15px;font-size:18px;}
	.cont-desc {font-size:13px;}
	.cont-desc-blit {font-size:13px;}
	.cont-desc-blit::before {top:5px;}
	.desc-box {margin-bottom:5px;margin-right:5px;font-size:13px;}
	.desc-box:first-child {margin-left:6px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	.cont-tit-en {font-size:12px;}
	.cont-title {margin-top:10px;font-size:24px;line-height:120% !important;}
	h4.cont-title {margin-bottom:15px;font-size:18px;}
	.sub__btn a {height:40px;font-size:13px;}
	.cont-title span {margin-top:0px;}
}



/* 서브 배너 */
.sub-spot {overflow:hidden;position:relative;height:337px;padding:50px;border:40px;box-sizing:border-box;}
.sub-spot__inner {display:flex;align-items:flex-end;justify-content:center;position:relative;width:100%;height:100%;padding-bottom:36px;box-sizing:border-box;}
.sub-spot__bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.sub-spot::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../images/common/bg_line2.svg);background-position:center;z-index:1;}
.sub-spot__infos {position:relative;z-index:2;;}
.sub-title {font-weight:700;font-size:45px;color:#FFF;line-height:100%;letter-spacing:0.02em;text-align:center;}
.sub-navi {display:flex;align-items:flex-end;justify-content:center;margin-top:32px;font-weight:700;font-size:16px;color:#888;letter-spacing:0.02em;line-height:100%;}
.sub-navi--active {color:#FFF;text-transform:uppercase;}
.sub-navi--bu {display:flex;width:7px;height:2px;margin:0 8px;background-color:#888;}
@media screen and (max-width:1200px) {
	.sub-spot {height:180px;}
	.sub-title {font-size:35px;}
	.sub-navi {margin-top:15px;font-size:15px;}
}
@media screen and (max-width:768px) {
	.sub-title {font-size:30px;}
	.sub-navi {font-size:14px;}
}
@media screen and (max-width:640px) {
	.sub-title {font-size:25px;}
	.sub-navi {margin-top:10px;font-size:13px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	.sub-spot__inner {padding-bottom:15px;}
	.sub-spot {height:100px;}
	.sub-title {font-size:25px;}
	.sub-navi {font-size:12px;}
}
@media screen and (max-width:400px) {
	.sub-spot {height:150px;}
	.sub-spot__inner {padding-bottom:20px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.sub-spot__inner {padding-bottom:15px;}
	.sub-spot {height:130px;}
	.sub-title {font-size:25px;}
	.sub-navi {font-size:12px;}
}


/* 서브 컨텐츠 영역 */
.sub-contents {position:relative;z-index:0;}
.sub-contents::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../images/common/bg_line2.svg);background-position:center;z-index:-1;}

/* OI Agent portfolio detail */
.oi-agent-content {background:#07111f;color:#edf8ff;}
.oi-agent-content .cont-title {word-break:keep-all;}
.oi-agent-content h1,
.oi-agent-content .cont-title,
.oi-agent-content .oi-agent-step h3,
.oi-agent-content .oi-agent-faq summary {color:#edf8ff;}
.oi-agent-hero {overflow:hidden;position:relative;padding:110px 0 105px;background:radial-gradient(circle at 75% 35%,rgba(12,110,149,.2),transparent 32%),#07111f;}
.oi-agent-hero__inner {display:flex;align-items:center;justify-content:space-between;max-width:1480px;margin:0 auto;padding:0 32px;}
.oi-agent-hero__copy {position:relative;z-index:2;width:41%;}
.oi-agent-eyebrow {display:block;margin-bottom:21px;font-size:13px;font-weight:700;letter-spacing:.16em;color:#72e9ff;}
.oi-agent-hero h1 {max-width:620px;font-size:56px;line-height:1.22;letter-spacing:-.05em;}
.oi-agent-hero p {max-width:590px;margin-top:30px;font-size:18px;line-height:1.85;color:#c5d4dd;word-break:keep-all;}
.oi-agent-hero__visual {overflow:hidden;position:relative;width:49%;min-width:0;}
.oi-agent-hero__visual picture,.oi-agent-proof__visual picture {display:block;}
.oi-agent-hero__visual img {display:block;width:100%;filter:drop-shadow(0 22px 50px rgba(0,207,255,.15));}
.oi-agent-visual-copy {position:absolute;top:50%;left:6%;width:38%;z-index:2;color:#edf8ff;-webkit-transform:translateY(-50%);transform:translateY(-50%);word-break:keep-all;}
.oi-agent-visual-copy::before {content:'';display:block;width:28px;height:1px;margin-bottom:14px;background:#61e6ff;box-shadow:0 0 10px rgba(97,230,255,.65);}
.oi-agent-visual-copy span {display:block;margin-bottom:13px;font-size:10px;font-weight:700;color:#61e6ff;letter-spacing:.18em;}
.oi-agent-visual-copy strong {display:block;font-size:18px;line-height:1.45;letter-spacing:-.025em;}
.oi-agent-visual-copy small {display:block;margin-top:14px;font-size:8px;color:#8db6c7;letter-spacing:.09em;line-height:1.6;}
.oi-agent-overview {padding:112px 0;background:#0a1727;}
.oi-agent-overview__inner {display:flex;justify-content:space-between;gap:7%;max-width:1200px;margin:0 auto;padding:0 32px;}
.oi-agent-overview .cont-head {width:34%;}
.oi-agent-overview .cont-body {width:59%;}
.oi-agent-overview .cont-title {font-size:38px;line-height:1.35;}
.oi-agent-overview .cont-desc {margin-top:22px;font-size:17px;line-height:1.85;color:#bdcfda;word-break:keep-all;}
.oi-agent-meta {margin:0;padding:0;border-top:1px solid rgba(160,220,244,.24);list-style:none;}
.oi-agent-meta li {display:flex;gap:28px;padding:19px 0;border-bottom:1px solid rgba(160,220,244,.18);font-size:16px;line-height:1.65;}
.oi-agent-meta strong {flex:0 0 95px;color:#78ddf4;font-weight:600;}
.oi-agent-meta span {color:#ecf8fc;word-break:keep-all;}
.oi-agent-system {padding:115px 0;background:#07111f;}
.oi-agent-system__inner {max-width:1200px;margin:0 auto;padding:0 32px;}
.oi-agent-system .cont-head {max-width:660px;}
.oi-agent-system .cont-title {font-size:40px;line-height:1.35;}
.oi-agent-system .cont-desc {margin-top:18px;font-size:17px;line-height:1.8;color:#b8cbd6;word-break:keep-all;}
.oi-agent-steps {display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px;}
.oi-agent-step {min-height:260px;padding:29px 25px;border:1px solid rgba(122,225,247,.2);background:linear-gradient(145deg,rgba(17,47,68,.65),rgba(8,20,33,.82));box-sizing:border-box;}
.oi-agent-step__number {display:block;margin-bottom:48px;font-size:13px;color:#65dff6;letter-spacing:.16em;}
.oi-agent-step h3 {font-size:21px;letter-spacing:.04em;}
.oi-agent-step p {margin-top:16px;font-size:15px;line-height:1.8;color:#bdced8;word-break:keep-all;}
.oi-agent-proof {padding:110px 0;background:#0a1727;}
.oi-agent-proof__inner {display:flex;align-items:center;justify-content:space-between;gap:7%;max-width:1200px;margin:0 auto;padding:0 32px;}
.oi-agent-proof__copy {width:41%;}
.oi-agent-proof__copy .cont-title {font-size:40px;line-height:1.35;}
.oi-agent-proof__copy .cont-desc {margin-top:20px;font-size:17px;line-height:1.8;color:#bdcfda;word-break:keep-all;}
.oi-agent-proof__visual {overflow:hidden;position:relative;width:49%;}
.oi-agent-proof__visual img {display:block;width:100%;}
.oi-agent-faq {padding:110px 0 130px;background:#07111f;}
.oi-agent-faq__inner {max-width:900px;margin:0 auto;padding:0 32px;}
.oi-agent-faq .cont-title {font-size:40px;}
.oi-agent-faq details {border-bottom:1px solid rgba(160,220,244,.22);}
.oi-agent-faq summary {position:relative;padding:26px 36px 26px 0;font-size:18px;font-weight:600;cursor:pointer;list-style:none;}
.oi-agent-faq summary::-webkit-details-marker {display:none;}
.oi-agent-faq summary::after {content:'+';position:absolute;right:4px;top:21px;color:#75e6fb;font-size:25px;font-weight:300;}
.oi-agent-faq details[open] summary::after {content:'−';}
.oi-agent-faq details p {padding:0 45px 28px 0;font-size:16px;line-height:1.85;color:#b8cbd6;word-break:keep-all;}
@media screen and (max-width:1200px) {
	.oi-agent-hero h1 {font-size:46px;}
	.oi-agent-steps {grid-template-columns:repeat(2,1fr);}
}
@media screen and (max-width:767px) {
	.oi-agent-hero {padding:72px 0 65px;}
	.oi-agent-hero__inner,.oi-agent-overview__inner,.oi-agent-proof__inner {display:flex;flex-direction:column;align-items:stretch;padding:0 20px;}
	.oi-agent-hero__copy,.oi-agent-hero__visual,.oi-agent-overview .cont-head,.oi-agent-overview .cont-body,.oi-agent-proof__copy,.oi-agent-proof__visual {width:100%;}
	.oi-agent-hero h1 {font-size:35px;}
	.oi-agent-hero p {font-size:16px;}
	.oi-agent-hero__visual,.oi-agent-proof__visual {margin-top:42px;}
	.oi-agent-visual-copy {left:5.5%;width:40%;}
	.oi-agent-visual-copy::before {width:18px;margin-bottom:8px;}
	.oi-agent-visual-copy span {margin-bottom:7px;font-size:7px;}
	.oi-agent-visual-copy strong {font-size:12px;line-height:1.4;}
	.oi-agent-visual-copy small {margin-top:7px;font-size:6px;line-height:1.45;}
	.oi-agent-overview,.oi-agent-system,.oi-agent-proof,.oi-agent-faq {padding:75px 0;}
	.oi-agent-overview .cont-body {margin-top:38px;}
	.oi-agent-overview .cont-title,.oi-agent-system .cont-title,.oi-agent-proof__copy .cont-title,.oi-agent-faq .cont-title {font-size:30px;}
	.oi-agent-system__inner,.oi-agent-faq__inner {padding:0 20px;}
	.oi-agent-steps {grid-template-columns:1fr;margin-top:35px;}
	.oi-agent-step {min-height:auto;}
	.oi-agent-step__number {margin-bottom:25px;}
	.oi-agent-meta li {display:block;}
	.oi-agent-meta strong {display:block;margin-bottom:5px;}
	.oi-agent-faq summary {font-size:16px;}
	.oi-agent-faq details p {font-size:15px;}
}


/* 서브 메뉴 */
.sub-tabmenu {height:50px;padding-bottom:80px;}
.sub-tabmenu__inner {display:flex;align-items:center;justify-content:center;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.sub-tabmenu__inner a {display:flex;align-items:center;justify-content:center;width:33.33333333%;height:50px;border:1px solid #444;font-size:16px;color:#FFF;text-align:center;word-break:keep-all;box-sizing:border-box;}
.sub-tabmenu__inner a.on {border-color:#FFF;}
.sub-tabmenu__inner.col_2 a {width:50%;}
/* fixed */
.sub-tabmenu__inner.fixed {position:fixed;top:0;left:0;right:0;width:100%;margin:0 auto;z-index:99;box-sizing:border-box;}
.sub-tabmenu__inner.fixed a {background-color:#181818;}
.sub-tabmenu.tab_down .sub-tabmenu__inner {top:104px}
@media screen and (min-width:1025px) {
	.sub-tabmenu__inner a:hover {border-color:#FFF;}
}
@media screen and (max-width:1200px) {
	.sub-tabmenu {padding-bottom:50px;}
	.sub-tabmenu__inner.fixed {padding:0px 20px;}
	.sub-tabmenu.tab_down .sub-tabmenu__inner {top:55px;}
	.sub-tabmenu__inner a {font-size:15px;}
}
@media screen and (max-width:640px) {
	.sub-tabmenu__inner a {font-size:14px;}
}
@media screen and (max-width:639px) {
	#SOLUTION .sub-tabmenu {height:auto;}
	.sub-tabmenu__inner {flex-wrap:wrap;}
}
@media screen and (max-width:340px) {
	.sub-tabmenu {height:40px;padding-bottom:30px;}
	.sub-tabmenu__inner a {height:40px;font-size:11px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	.sub-tabmenu {padding-bottom:30px;}
}




/*------------------------------------------------------
	서브 -- about us
------------------------------------------------------*/
#ABOUT {padding-top:50px;overflow:hidden;}
.sub-tabcont article {position:relative;}
.tabPosition {position:absolute;left:0;top:-194px;width:1px;height:194px;}
.tabPosition#Overview {top:-235px;height:235px;}
.tabPosition#Organization {top:-136px;height:136px;}
/* overview */
.overview-main {margin-bottom:80px;}
.overview-main .cont-head {width:41.1%;}
.overview-main .cont-body {width:51.7%;}
.overview-main .cont-image {height:497px}
@media screen and (max-width:1200px) {
	.tabPosition {top:-136px !important;height:136px !important;}
}
@media screen and (max-width:900px) {
	.overview-main.cont-flex {display:block;}
	.overview-main .cont-head {width:100%;}
	.overview-main .cont-body {width:70%;margin:0 auto;margin-top:35px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#ABOUT {padding-top:30px;}
}
@media screen and (max-width:320px) {
	.sub-tabcont article .cont-title {font-size:18px;line-height:140%;}
	.sub-tabcont article .cont-title span {margin-top:4px;font-size:18px;line-height:140%;}
	.overview-main {margin-bottom:40px;}
	.overview-main .cont-image {height:357px;}
	.overview-main .cont-body {width:90%;margin:0 auto;margin-top:35px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	#ABOUT {padding-top:30px;}
	.overview-main .cont-body {width:100%;}
	.sub-tabcont article .cont-title span {margin-top:2px;}
}

/* about infos */
.about-infos {display:flex;list-style:none;margin-bottom:34px;}
.about-infos--left {margin-right:140px;}
.about-infos ul {margin-bottom:-20px;}
.about-infos li {display:flex;margin-bottom:20px;}
.about-infos--tit {width:100px;font-weight:300;font-size:16px;color:#FFF;}
.about-infos--desc {width:calc(100% - 100px);padding-left:21px;font-weight:700;font-size:18px;color:#FFF;box-sizing:border-box;}
@media screen and (max-width:1200px) {
	.about-infos--left {width:41%;margin-right:50px;}
	.about-infos--right {width:59%;}
}
@media screen and (max-width:900px) {
	.about-infos {margin-bottom:60px;}
	.about-infos--tit {font-size:15px;}
	.about-infos--desc {font-size:17px;}
}
@media screen and (max-width:767px) {
	.about-infos {display:block;}
	.about-infos--left {width:100%;margin-right:0px;}
	.about-infos--right {width:100%;margin-top:20px;}
	.about-infos ul {margin-bottom:0px;}
	.about-infos--desc {font-size:16px;}
}
@media screen and (max-width:320px) {
	.about-infos--tit {width:90px;}
	.about-infos--desc {width:calc(100% - 90px);padding-left:15px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.about-infos li {margin-bottom:15px;}
	.about-infos--tit {width:68px;font-size:13px;}
	.about-infos--desc {width:calc(100% - 68px);padding-left:10px;font-size:14px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
}


/* projects */
.overview-projects .cont-head {order:2;width:44.6%;}
.overview-projects .cont-body {order:1;width:42%;}
.overview-projects .cont-image {height:0;padding-top:189.1%;background-size:100%;}
@media screen and (max-width:900px) {
	.overview-projects {display:block;}
	.overview-projects .cont-head {width:100%;}
	.overview-projects .cont-body {width:50%;margin:0 auto;margin-top:25px;}
}
/* 그래프 */
.our-project__process {margin-top:31px;}
.process__inner {margin-bottom:27px;}
.process-haed {display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-weight:700;font-size:16px;color:#FFF;}
.process-graph {position:relative;height:6px;}
.process-graph::before {content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#888;}
.process-graph > span {position:absolute;top:0;left:0;height:100%;background-color:#238DC1;}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.process__inner {margin-bottom:22px;}
	.process-haed {margin-bottom:10px;font-size:13px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
}

/* overview Q&A와 대형 타이포그래피 사이 호흡 */
.tabcont--overview .capability-answers {margin-bottom:140px;}
@media screen and (max-width:1200px) {
	.tabcont--overview .capability-answers {margin-bottom:100px;}
}
@media screen and (max-width:767px) {
	.tabcont--overview .capability-answers {margin-bottom:70px;}
}


/* typography */
.cont-typography {font-weight:700;font-size:140px;color:#FFF;letter-spacing:0.05em;text-transform:capitalize;line-height:100%;}
.cont-typography > div {white-space:nowrap;}
.cont-typography .text_stroke {margin-top:49px;margin-left:3%;color:rgba(255, 255, 255, 0);-webkit-text-stroke:1px #FFF;}
@media screen and (max-width:1200px) {
	.cont-typography {font-size:60px;}
}
@media screen and (max-width:1024px) {
	.cont-typography {font-size:50px;}
}
@media screen and (max-width:768px) {
	.cont-typography {font-size:40px;}
	.cont-typography .text_stroke {margin-top:20px;}
}
@media screen and (max-width:640px) {
	.cont-typography {font-size:30px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.cont-typography {font-size:20px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
}


/* history */
.tabcont--history {margin-top:170px;}
.tabcont--history .cont-head {max-width:1220.67px;margin:0 auto;}
.history-area {width:100%;height:100%;margin-top:34px;}
.history-area .swiper-wrapper {max-width:1220.67px;width:100%;margin:0 auto;}
.history-list .swiper-slide {width:auto;}
.history-list .swiper-slide:last-child {width:80%;}
.history-list li {position:relative;vertical-align:top;padding:0px 24px;list-style:none;box-sizing:border-box;}
.history-list li::before {content:'';position:absolute;top:0;left:0;width:0.6px;height:100%;background-color:#FFF;}
.history-inner {margin-bottom:40px;}
.history-inner:last-child {margin-bottom:0px !important;}
.history-inner b {display:block;margin-bottom:24px;font-weight:700;font-size:48px;color:#fff;color:rgba(255, 255, 255, 0);-webkit-text-stroke:0.5px #FFF;line-height:100%;}
.history-inner p {margin-top:10px;font-weight:300;font-size:16px;color:#FFF;white-space:normal;}
@media screen and (max-width:1220px) {
	.tabcont--history .cont-head {margin:0 20px;}
	.history-area .swiper-wrapper {margin:0 20px;}
}
@media screen and (max-width:1200px) {
	.tabcont--history {margin-top:100px;}
	.history-list .swiper-slide:last-child {width:50%;}
	.history-inner b {font-size:38px;word-break:break-all;}
	.history-inner p {font-size:15px;}
}
@media screen and (max-width:900px) {
	.history-list {display:flex;flex-wrap:wrap;}
	.history-list .swiper-slide {width:50%;height:auto;}
	.history-list .swiper-slide:last-child {width:50%;}
	.history-list li.history_li_2,
	.history-list li.history_li_3,
	.history-list li.history_li_4,
	.history-list li.history_li_5 {padding-top:40px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	.history-list li.history_li_2 {padding-top:0px;}
}
@media screen and (max-width:640px) {
	.tabcont--history {margin-top:60px;}
	.history-list .swiper-slide {width:100%;padding-right:0px !important;}
	.history-list li.history_li_2 {padding-top:40px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.tabcont--history {margin-top:60px;}
	.history-inner b {margin-bottom:15px;font-size:25px;}
	.history-inner p {font-size:13px;}
}


/* organization */
.tabcont--organization {margin-top:206px;padding-bottom:205px;}
.tabcont--organization .cont-head {padding-top:58px;z-index:10;}
.tabcont--organization .cont-body {display:flex;align-items:flex-end;justify-content:center;height:1199px;margin-top:-265px;background-repeat:no-repeat;background-position:center;background-size:91%;}
.tabcont--organization .cont-image {width:100%;height:843px;background-position:center bottom;background-size:100%;}
.tabcont--organization .cont-image_m {display:none;}
@media screen and (max-width:1200px) {
	.tabcont--organization {margin-top:100px;padding-bottom:100px;}
	.tabcont--organization .cont-head {padding-top:0px;}
	.tabcont--organization .cont-body {height:100%;background-image:none !important;}
	.tabcont--organization .cont-image {display:none !important;}
	.tabcont--organization .cont-image_m {display:block;width:100%;padding-top:170px;}
}
@media screen and (max-width:900px) {
	.tabcont--organization .cont-image_m {padding-top:190px;}
}
@media screen and (max-width:640px) {
	.tabcont--organization {margin-top:60px;padding-bottom:60px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	.tabcont--organization {margin-top:60px;padding-bottom:60px;}
}
@media screen and (max-width:320px) {
	.tabcont--organization {padding-bottom:120px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.tabcont--organization {margin-top:60px;padding-bottom:60px;}
}


/*------------------------------------------------------
	서브 -- BUSINESS
------------------------------------------------------*/
#BUSINESS {padding-top:130px;padding-bottom:200px;}
@media screen and (max-width:1200px) {
	#BUSINESS {padding-top:100px;padding-bottom:100px;}
}
@media screen and (max-width:900px) {
	#BUSINESS {padding-top:60px;padding-bottom:80px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	#BUSINESS {padding-top:30px;padding-bottom:60px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#BUSINESS {padding-top:30px;padding-bottom:60px;}
}


/* service */
.business-service .cont-head {margin-bottom:153px;}
.business-service__infos {position:relative;margin-top:130px;}
.business-service__list {}
.business-service__list li {list-style:none;position:absolute;width:217px;}
.business-service__list li.service__list--1 {top:-30px;left:0;}
.business-service__list li.service__list--2 {top:-30px;right:0;}
.business-service__list li.service__list--3 {top:270px;left:0;}
.business-service__list li.service__list--4 {top:270px;right:0;}
.business-service__list strong {display:block;margin-bottom:24px;font-weight:700;font-size:26px;color:#FFF;letter-spacing:0.02em;line-height:1.53;}
.business-service__list p {position:relative;margin-top:8px;padding-left:12px;font-family:"Spoqa Han Sans Neo","-apple-system,Segoe UI",Helvetica,Arial, sans-serif;font-weight:400;font-size:16px;color:#cfcfcf;letter-spacing:0.02em;line-height:1.5;word-break:keep-all;}
.business-service__list p::before {content:'';position:absolute;top:10px;left:0;width:4px;height:4px;background-color:#238DC1;border-radius:4px;}
.service-notice {display:flex;justify-content:center;max-width:680px;margin:0 auto;margin-top:148px;padding:13.5px 25px;background-color:#232323;border-radius:50px;font-size:15px;color:#888;box-sizing:border-box;}
.service-notice i {display:flex;align-items:center;width:14px;height:14px;margin-top:6px;margin-right:13px;background-repeat:no-repeat;background-position:center;background-size:100%;background-image:url(../../images/common/ico_check.svg);}
.ax-lab-notice {max-width:900px;margin:50px auto 0;padding:30px 0;border-top:1px solid #444;border-bottom:1px solid #444;}
.ax-lab-video {display:block;width:100%;height:auto;}
.ax-lab-notice strong {display:block;margin-bottom:14px;font-size:18px;color:#fff;}
.ax-lab-notice p {margin-top:8px;font-size:15px;color:#aaa;line-height:1.75;word-break:keep-all;}
.ax-lab-notice + .ax-actions {justify-content:center;}
@media screen and (max-width:640px) {
	.ax-lab-notice {margin-top:30px;padding:22px 0;}
	.ax-lab-notice p {font-size:14px;}
}
@media screen and (max-width:1200px) {
	.business-service .cont-head {margin-bottom:100px;}
	.business-service .cont-image {width:50%;margin:0 auto;}
	.business-service__list li {width:195px;}
	.business-service__list strong {font-size:22px;}
	.business-service__list p {font-size:15px;}
	.service-notice {margin-top:180px;}
}
@media screen and (max-width:900px) {
	.business-service .cont-head {margin-bottom:60px;}
	.business-service__infos {margin-top:40px;}
	.business-service__list {display:flex;flex-wrap:wrap;}
	.business-service__list li {position:static;width:50%;margin-top:30px;}
	.business-service__list strong {font-size:20px;}
	.service-notice {margin-top:40px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	.business-service__list li {width:25%;padding-right:12px;box-sizing:border-box;}
	.business-service__list li:last-child {padding-right:0px !important;}
	.business-service__list strong {margin-bottom:8px;font-size:17px;}
	.business-service__list p {font-size:14px;}
	.service-notice {padding:10px 15px;font-size:13px;}
}
@media screen and (max-width:540px) {
	.business-service .cont-head {margin-bottom:40px;}
	.business-service .cont-image {width:70%;}
	.business-service__list li {width:100%;}
	.business-service__list strong {margin-bottom:20px;font-size:18px;}
	.business-service__list p {font-size:15px;}
	.business-service__list strong br {display:none;}
	.service-notice {margin-top:25px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.business-service__list strong {margin-bottom:14px;font-size:16px;}
	.service-notice {padding:10px 15px;font-size:13px;}
}


/* products */
.business-products .cont-head {margin-bottom:48px;}
.products-area {display:flex;align-items:stretch;flex-wrap:wrap;margin:-1%;margin-bottom:-24px;}
.product-inner {position:relative;width:23%;height:380px;margin:1%;margin-bottom:24px;padding:30px;background-color:#232323;box-sizing:border-box;word-break:keep-all;}
.product--tit {display:block;height:60px;margin-bottom:20px;font-weight:700;font-size:20px;color:#FFF;}
.product--desc {font-size:15px;color:#999;letter-spacing:-0.01em;}
.product--ico {position:absolute;right:20px;bottom:20px;width:82px;height:82px;background-repeat:no-repeat;background-position:center;background-size:100%;}
.products-area.col_3 {}
.products-area.col_3 .product-inner {width:31.3%;background:rgba(255, 255, 255, 0.02);border:1px solid #333;}
.products-area.col_3 .product--tit {height:auto;}
@media screen and (max-width:1200px) {
	.business-products {padding-top:100px;}
	.product-inner {height:310px;padding:20px;}
	.product--tit {height:55px;margin-bottom:15px;font-size:18px;}
	.product--desc {font-size:15px;}
	.products-area.col_3 .product-inner {height:400px;}
}
@media screen and (max-width:900px) {
	.business-products {padding-top:80px;}
	.business-products .cont-head {margin-bottom:35px;}
	.product-inner {width:31.33333%;margin-bottom:15px;}
	.product--ico {width:70px;height:70px;}
	.products-area.col_3 .product-inner {height:450px;}
}
@media screen and (max-width:767px) {
	.product-inner {width:48%;height:280px;}
	.products-area.col_3 .product-inner {width:100%;height:220px;}
}
@media screen and (max-width:640px) {
	.product--tit {height:45px;font-size:15px;}
	.product--desc {font-size:14px;}
	.products-area.col_3 .product-inner {height:260px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	.product-inner {width:31.33333%;margin-bottom:15px;}
	.product--tit {font-size:17px;}
	.product--desc {font-size:14px;}
}
@media screen and (max-width:480px) {
	.product--tit {height:auto;font-size:17px;}
	.product-inner {width:100%;height:auto;padding-right:90px;}
	.product--ico {width:50px;height:50px;}
	.products-area.col_3 .product-inner {height:auto;padding-right:20px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.business-products {padding-top:0px;}
	.business-products .cont-head {margin-bottom:25px;}
	.product-inner {padding-right:50px;}
	.product--ico {right:10px;width:38px;height:38px;}
}





/*------------------------------------------------------
	서브 -- SOLUTION 230125 수정
------------------------------------------------------*/
#SOLUTION {padding-top:50px;}
#SOLUTION article {padding-bottom:130px;}
#SOLUTION article:last-child {padding-bottom:200px;}
#SOLUTION .cont-images {padding:40px 0px;}
#SOLUTION .cont-images:first-child {padding-top:0px;}
#SOLUTION .cont-images:last-child {padding-bottom:0px;}
#SOLUTION .cont-head {margin-bottom:60px;}
#SOLUTION article .cont-flex .cont-head {width:44%;}
#SOLUTION article .cont-flex .cont-body {width:49.81%;}
.solution-list {margin-top:24px;}
.ax-capabilities {max-width:920px;margin-top:30px;}
.ax-process {margin-top:80px;}
.ax-process ol {display:grid;grid-template-columns:repeat(4,1fr);margin-top:32px;border-top:1px solid #444;border-bottom:1px solid #444;}
.ax-process li {min-height:150px;padding:28px 24px;border-left:1px solid #444;box-sizing:border-box;}
.ax-process li:first-child {border-left:0;}
.ax-process strong {display:block;font-size:19px;color:#fff;}
.ax-process span {display:block;margin-top:18px;font-size:15px;color:#aaa;line-height:1.65;word-break:keep-all;}
.ax-actions {display:flex;gap:12px;margin-top:38px;}
.ax-actions a {display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid #777;font-weight:700;font-size:14px;color:#fff;letter-spacing:.02em;transition:.25s ease;}
.ax-detail {margin-top:80px;}
.ax-answers {margin-top:100px;}
.ax-answers dl {margin-top:34px;border-top:1px solid #444;}
.ax-answers dl > div {display:grid;grid-template-columns:minmax(220px, .8fr) 2fr;gap:36px;padding:28px 0;border-bottom:1px solid #444;}
.ax-answers dt {font-weight:700;font-size:18px;color:#fff;line-height:1.55;}
.ax-answers dd {font-size:16px;color:#cfcfcf;line-height:1.8;}
@media screen and (min-width:1025px) {
	.ax-actions a:hover {border-color:#238DC1;background-color:#238DC1;}
}
@media screen and (max-width:900px) {
	#SOLUTION article {padding-bottom:100px;}
	#SOLUTION article:last-child {padding-bottom:100px;}
	#SOLUTION article .cont-flex {display:block;}
	#SOLUTION article .cont-flex .cont-head {width:100%;}
	#SOLUTION article .cont-flex .cont-head br {display:none;}
	#SOLUTION article .cont-flex .cont-body {width:70%;margin:0 auto;}
	.ax-process ol {grid-template-columns:repeat(2,1fr);}
	.ax-process li:nth-child(3) {border-left:0;border-top:1px solid #444;}
	.ax-process li:nth-child(4) {border-top:1px solid #444;}
}
@media screen and (max-width:640px) {
	#SOLUTION article {padding-bottom:60px;}
	#SOLUTION article:last-child {padding-bottom:60px;}
	#SOLUTION .cont-head {margin-bottom:40px;}
	#SOLUTION .cont-images {padding-bottom:0px;}
	.ax-process,
	.ax-detail {margin-top:55px;}
	.ax-process ol {display:block;margin-top:24px;}
	.ax-process li {min-height:auto;padding:22px 0;border-top:1px solid #444;border-left:0;}
	.ax-process li:first-child {border-top:0;}
	.ax-process span {margin-top:8px;}
	.ax-actions {display:block;}
	.ax-actions a {margin-top:10px;}
	.ax-answers {margin-top:70px;}
	.ax-answers dl > div {display:block;padding:22px 0;}
	.ax-answers dd {margin-top:10px;font-size:15px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#SOLUTION {padding-top:30px;}
	#SOLUTION article {padding-bottom:60px;}
	#SOLUTION article:last-child {padding-bottom:60px;}
	#SOLUTION .cont-head {margin-bottom:30px;}
	#SOLUTION .cont-images {padding-bottom:0px;}
}
@media screen and (max-width:320px) {
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	#SOLUTION {padding-top:30px;}
}



/*------------------------------------------------------
	서브 -- BUSINESS 230125 수정
------------------------------------------------------*/
#BUSINESS {padding-top:50px;}
#BUSINESS article {padding-bottom:130px;}
#BUSINESS article:last-child {padding-bottom:0;}
#BUSINESS .cont-images {padding:40px 0px;}
#BUSINESS .cont-images:first-child {padding-top:0px;}
#BUSINESS .cont-images:last-child {padding-bottom:0px;}
#BUSINESS .cont-head {margin-bottom:60px;}
@media screen and (max-width:900px) {
	#BUSINESS .sub-tabmenu {height:auto;padding-bottom:30px;}
	#BUSINESS .sub-tabmenu__inner {flex-wrap:wrap;}
	#BUSINESS article {padding-bottom:100px;}
	#BUSINESS article:last-child {padding-bottom:100px;}
	#BUSINESS article .cont-flex {display:block;}
	#BUSINESS article .cont-flex .cont-head {width:100%;}
	#BUSINESS article .cont-flex .cont-head br {display:none;}
	#BUSINESS article .cont-flex .cont-body {width:70%;margin:0 auto;}
}
@media screen and (max-width:640px) {
	#BUSINESS article {padding-bottom:60px;}
	#BUSINESS article:last-child {padding-bottom:60px;}
	#BUSINESS .cont-head {margin-bottom:40px;}
	#BUSINESS .cont-images {padding-bottom:0px;}
}
@media screen and (max-width:500px) {
	#BUSINESS .sub-tabmenu__inner a {font-size:11px;}
}
@media screen and (max-width:400px) {
	#BUSINESS .sub-tabmenu__inner a {font-size:10px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#BUSINESS {padding-top:30px;}
	#BUSINESS article {padding-bottom:60px;}
	#BUSINESS article:last-child {padding-bottom:60px;}
	#BUSINESS .cont-head {margin-bottom:30px;}
	#BUSINESS .cont-images {padding-bottom:0px;}
}
@media screen and (max-width:320px) {
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	#BUSINESS {padding-top:30px;}
}





/*------------------------------------------------------
	서브 -- RECRUIT
------------------------------------------------------*/
#RECRUIT {padding-top:130px;padding-bottom:200px;}
#RECRUIT article {padding-bottom:140px;}
#RECRUIT article:last-child {padding-bottom:0px !important;}
@media screen and (max-width:1200px) {
	#RECRUIT {padding-top:100px;padding-bottom:100px;}
	#RECRUIT article {padding-bottom:100px;}
}
@media screen and (max-width:900px) {
	#RECRUIT {padding-top:60px;padding-bottom:80px;}
	#RECRUIT article {padding-bottom:80px;}
}

@media screen and (max-width:320px) {
	#RECRUIT article .cont-title {font-size:18px;line-height:140%;}
	#RECRUIT article .cont-title span {font-size:18px;line-height:140%;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	#RECRUIT {padding-top:30px;padding-bottom:60px;}
	#RECRUIT article {padding-bottom:60px;}
	#RECRUIT article .cont-title span {font-size:17px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#RECRUIT {padding-top:30px;padding-bottom:60px;}
	#RECRUIT article {padding-bottom:60px;}
}

/* recruit main */
.recruit-main .cont-head {margin-bottom:30px;}
.recruit-main .cont-head .cont-title {font-size:30px;}
.recruit-area {margin-top:80px;}
.recruit-list {list-style:none;}
.recruit-list li {margin-top:50px;}
.recruit-inner {display:flex;align-items:center;}
.recruit--ico {display:flex;width:130px;height:130px;background-repeat:no-repeat;background-position:center;background-color:#232323;border-radius:100%;}
.recruit-infos {width:calc(100% - 130px);padding-left:50px;box-sizing:border-box;word-break:keep-all;}
.recruit--tit {display:block;margin-bottom:20px;font-weight:700;font-size:26px;color:#FFF;letter-spacing:0.02em;line-height:1.5385;}
.recruit--desc {font-size:16px;color:#CFCFCF;letter-spacing:-0.01em;line-height:1.5;}
@media screen and (max-width:1200px) {
	.recruit-area {margin-top:60px;}
	.recruit-list li {margin-top:30px;}
	.recruit--ico {width:90px;height:90px;background-size:45%;}
	.recruit-infos {padding-left:25px;}
	.recruit--tit {margin-bottom:15px;font-size:22px;}
}
@media screen and (max-width:900px) {
	.recruit-area {margin-top:40px;}
	.recruit-inner {align-items:flex-start;}
	.recruit--ico {width:70px;height:70px;}
	.recruit--tit {margin-bottom:10px;font-size:20px;}
	.recruit-infos {width:calc(100% - 70px)}
}
@media screen and (max-width:640px) {
	.recruit-area {margin-top:25px;}
}
@media screen and (max-width:320px) {
	.recruit-infos {padding-left:18px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.recruit--ico {display:none;width:50px;height:50px;}
	.recruit-infos {width:auto;padding-left:0px;}
	.recruit--tit {font-size:18px;}
	.recruit--desc {font-size:14px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
}


/* job */
.recruit-job {overflow:hidden;}
.recruit-job .job-head {margin-bottom:60px;}
.recruit-job .cont-inner {margin-top:130px;}
.recruit-job .cont-inner.first {margin-top:0px !important;}
.recruit-job .cont-image {height:0;padding-top:80.2%;background-size:cover;}
.recruit-job .order2 {order:2;}
.recruit-job .order1 {order:1;}
.recruit-job .cont-flex .cont-head {width:49.2%;padding-left:80px;box-sizing:border-box;}
.recruit-job .cont-flex .cont-head.order1 {padding-left:0px;padding-right:80px;}
.recruit-job .cont-flex .cont-body {width:50.8%;}
@media screen and (max-width:1200px) {
	.recruit-job .cont-flex .cont-head {padding-left:40px;}
	.recruit-job .cont-flex .cont-head.order1 {padding-left:0px;padding-right:40px;}
}
@media screen and (max-width:900px) {
	.recruit-job .job-head {margin-bottom:40px;}
	.recruit-job .cont-inner {margin-top:80px;}
	.recruit-job .cont-flex .cont-head {width:59.2%;padding-left:20px;}
	.recruit-job .cont-flex .cont-head.order1 {padding-left:0px;padding-right:20px;}
	.recruit-job .cont-flex .cont-body {width:40.8%;}
}
@media screen and (max-width:700px) {
	.recruit-job .maxWidth-s {margin:0px !important}
	.recruit-job .job-head {padding:0 20px}
	.recruit-job .cont-inner {margin-top:60px;}
	.recruit-job .cont-flex {flex-wrap:wrap;}
	.recruit-job .cont-flex .cont-head {width:100%;order:2 !important;padding:0px 20px !important;}
	.recruit-job .cont-flex .cont-body {width:100%;margin-bottom:30px;order:1 !important}
	.recruit-job .cont-image {padding-top:53%;}
}
@media screen and (max-width:640px) {
	.recruit-job .job-head {margin-bottom:25px;}
}

/* benefits */
.recruit-benefits {overflow:hidden;}
.recruit-benefits .cont-head {margin-bottom:60px;}
.benefits-area {display:flex;flex-wrap:wrap;margin:0px -3.53%;margin-bottom:-60px;}
.benefit-inner {position:relative;width:12.94%;margin:0px 3.53%;margin-bottom:60px;box-sizing:border-box;text-align:center;}
.benefit--ico {display:flex;width:88%;height:0;margin:0 auto;margin-bottom:25px;padding-top:88%;background-repeat:no-repeat;background-position:center;border:1px dashed rgba(255, 255, 255, 0.3);border-radius:100%;}
.benefit--tit {display:block;margin-bottom:10px;font-weight:700;font-size:20px;color:#FFF;word-break:keep-all;}
.benefit--desc {font-size:16px;color:#999;letter-spacing:-0.01em;word-break:keep-all;}
@media screen and (max-width:1200px) {
	.benefit-inner {margin-bottom:40px;}
	.benefit--ico {margin-bottom:15px;background-size:50%;}
	.benefit--tit {font-size:18px;}
	.benefit--desc {font-size:15px;}
}
@media screen and (max-width:900px) {
	.benefits-area {margin:0 -2%;}
	.benefit-inner {width:21%;margin:0 2%;margin-bottom:25px;}
	.recruit-benefits .cont-head {margin-bottom:40px;}
	.benefit--tit {font-size:16px;}
	.benefit--desc {font-size:14px;}
}
@media screen and (max-width:639px) {
	.benefit-inner {width:29%;}
	.benefit--ico {width:60%;padding-top:60%;}
}
@media screen and (max-width:480px) {
	.benefit-inner {width:46%;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.recruit-benefits .cont-head {margin-bottom:20px;}
	.benefit--tit {margin-bottom:5px;font-size:15px;}
	.benefit--desc {font-size:13px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
}






/*------------------------------------------------------
	서브 -- contact
------------------------------------------------------*/
#CONTACT {padding-top:130px;background-color:#181818;}
.tabcont--contact .cont-flex {align-items:flex-start}
.tabcont--contact .cont-flex .cont-bg {width:45.1%;box-sizing:border-box;}
.tabcont--contact .cont-flex .cont-info {width:48%;word-break:keep-all;}
.tabcont--contact .cont-bg .cont-title {margin-top:0;font-size:28px;}
.tabcont--contact .cont-info .cont-title {line-height:1.3;}
.cont-info__body {margin-top:40px;}
.cont-info__inner {margin-bottom:25px;}
.cont-info__inner:last-child {margin-bottom:0;}
.info-head {margin-bottom:14px;font-weight:700;font-size:16px;color:#CFCFCF;line-height:1;}
.info-body {font-weight:400;font-size:16px;color:#CFCFCF;line-height:1.875;}
.tabcont--map {margin-top:200px;}
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_controllers {display:none;}
.contact-map {display:block;width:100%;height:581px;border:0;}
@media screen and (max-width:1200px) {
	#CONTACT {padding-top:100px;}
	.tabcont--contact .cont-flex .cont-bg {height:auto;}
	.tabcont--map {margin-top:100px;}
}
@media screen and (max-width:900px) {
	#CONTACT {padding-top:60px;}
	.tabcont--contact .cont-flex .cont-bg {width:56%;}
	.tabcont--contact .cont-flex .cont-info {width:39%}
	.tabcont--map {margin-top:80px;}
}
@media screen and (max-width:700px) {
	.tabcont--contact .cont-flex {flex-wrap:wrap;}
	.tabcont--contact .cont-flex .cont-bg {width:100%;order:2 !important;margin-top:40px;}
	.tabcont--contact .cont-flex .cont-info {width:100%;order:1 !important;}
	.root_daum_roughmap .wrap_map {height:400px !important;}
	.contact-map {height:400px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#CONTACT {padding-top:30px;}
	.tabcont--map {margin-top:60px;}
	.info-body {font-size:15px;}	
}
@media screen and (max-width:333px) {
	.tabcont--contact .cont-bg .cont-title {font-size:18px;}
	.tabcont--contact .cont-bg .form-row .lbl,
	.tabcont--contact .cont-bg .form-row .int {height:40px;font-size:14px;}
	.tabcont--contact .cont-bg .form-text .lbl {margin-bottom:10px;font-size:14px;}
	.tabcont--contact .cont-bg .form-text .int_textarea {height:30px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.info-body {font-size:15px;}
	.tabcont--map {margin-top:60px;}
}

/* form */
input[type=text],
input[type=date],
input[type=password],
select,
textarea {font-family:"Poppins","Spoqa Han Sans Neo","-apple-system,Segoe UI",Helvetica,Arial, sans-serif;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-border-radius:2px;border-radius:2px;-moz-border-radius:2px;resize:vertical;outline:none;}
button,
input[type=button],
input[type=submit] {font-family:"Poppins","Spoqa Han Sans Neo","-apple-system,Segoe UI",Helvetica,Arial, sans-serif;cursor:pointer;vertical-align:middle;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-webkit-border-radius:0;border-radius:0;-moz-border-radius:0;}
input[type=text]:focus,
input[type=date]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {border-color:#238DC1 !important;}
/* 라디오 체크 박스 */
input[type="radio"] {display:none !important;}
input[type="radio"] + label {display:flex;font-weight:400;font-size:16px;color:#555;cursor:pointer;}
input[type="radio"] + label > span {display:inline-block;width:16px;height:16px;margin:0px 6px 0 0;vertical-align:middle;background-image:url(../../images/common/check_radio_sheet.png);background-position:center;cursor:pointer;}
input[type="radio"]:checked + label {font-weight:700;color:#00ac84;}
input[type="radio"]:checked + label > span {background-image:url(../../images/common/check_radio_sheet_on.png);background-size:100%;}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {display:flex;font-weight:400;font-size:16px;color:#555;}
input[type="checkbox"] + label > span {display:inline-block;width:16px;height:16px;margin:0 6px 0 0;border:1px solid #73808f;border-radius:2px;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:12px;box-sizing:border-box;vertical-align:middle;cursor:pointer;}
input[type="checkbox"]:checked + label > span {border-color:#1da2d8;background-color:#1da2d8;background-image:url(../../images/common/ico_check.svg);}
/* 셀렉트 박스 */
select {appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;background-image:url(../../images/common/select.svg);background-repeat:no-repeat;background-position:right center;-webkit-border-radius:1px;border-radius:1px;-moz-border-radius:1px;}
select::-ms-expand {display:none;}
select {appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.lbl {display:flex;align-items:center;min-width:80px;font-weight:300;font-size:16px;color:#fff;line-height:1;letter-spacing:0.02em;}
.int {display:block;width:100%;height:56px;padding-left:80px;border-bottom:1px solid #393939;font-size:16px;color:#fff;background-color:transparent;box-sizing:border-box;}
.int_textarea {width:100%;height:0;padding-bottom:110px;background-color:transparent;border-bottom:1px solid #393939;color:#fff;overflow:hidden;}
.int_textarea::-webkit-resizer {display:flex;align-items:center;width:20px !important;height:20px !important;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_resizer.svg);background-size:100% !important;}
select.int {padding-right:32px;background-position:88% center;background-image:url(../../images/common/select2.svg);}
input::placeholder,
input::-webkit-input-placeholder,
input:-ms-input-placeholder,
textarea::placeholder,
textarea::-webkit-input-placeholder,
textarea:-ms-input-placeholder {font-weight:400;color:#4B5566;}
.int_checkbox {margin-left:16px;}
/* 문의 */
.sub__form {margin-top:28px;}
.form-row {position:relative;margin-bottom:20px;}
.form-row:last-child {margin-bottom:0;}
.form-row .lbl {position:absolute;top:0;left:0;height:56px;}
.form-text {margin-top:40px;}
.form-text .lbl {margin-bottom:21px;}
.contact-honeypot {position:absolute !important;left:-10000px !important;width:1px !important;height:1px !important;overflow:hidden !important;}
.contact-verification {width:100%;min-height:65px;margin-top:28px;}
.contact-form-status {min-height:22px;margin-top:14px;font-size:14px;color:#A9B2C1;line-height:1.55;}
.contact-form-status.is-error {color:#FF9B9B;}
.contact-form-status.is-success {color:#79C7EE;}
.sub-btn button:disabled {opacity:0.55;cursor:wait;}
.sub-btn button:disabled .btn-effect {background:#238DC1;}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:900px) {
	.lbl {font-size:15px;}
	.int {padding-left:70px;font-size:15px;}
}






/*------------------------------------------------------
	서브 -- PORTFOLIO
------------------------------------------------------*/
#PORTFOLIO {padding-top:130px;padding-bottom:200px;}
#PORTFOLIO .sub-btn {margin-top:68px;}
@media screen and (max-width:1200px) {
	#PORTFOLIO {padding-top:100px;padding-bottom:100px;}
}
@media screen and (max-width:900px) {
	#PORTFOLIO {padding-top:60px;padding-bottom:80px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	#PORTFOLIO {padding-top:30px;padding-bottom:60px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	#PORTFOLIO {padding-top:30px;padding-bottom:60px;}
}

/* 포트폴리오 리스트 */
.portfolio-list {margin:-1% 0.6%;}
.portfolio-inner {width:23.49%;margin:0.75%;}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:900px) {
	.portfolio-list {margin:-1% 15px;}
	.portfolio-inner {width:31.3333%;margin:1%;}
}
@media screen and (max-width:700px) {
	.portfolio-list {margin:-2% 10px;}
	.portfolio-inner {width:46%;margin:2%;}
}
@media screen and (max-width:480px) {
	.portfolio-list {margin:0 20px;}
	.portfolio-inner {width:100%;margin:0;margin-bottom:20px;}
	.portfolio-inner:last-child {margin-top:0px !important;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
}
/* 폴드펼침 */
@media screen and (max-height:515px) {

}
/* 포트폴리오 상단 */
.portfolio-head {margin-block-end:54px;}
.portfolio-head .maxWidth-s {display:flex;justify-content:space-between;align-items:flex-end;}
.portfolio-cates {display:flex;align-items:center;}
.portfolio-cates button {display:flex;margin-right:28px;background-color:transparent;font-weight:700;font-size:16px;color:#FFF;letter-spacing:0.05em;}
.portfolio-cates button:last-child {margin-right:0px !important;}
.portfolio-cates button span {border-bottom:1px solid transparent;}
.portfolio-cates button sup {display:inline-block;margin-top:-10px;margin-left:15px;font-size:10px;color:#fff;letter-spacing:0.2em;}
.portfolio-cates button.active,
.portfolio-cates button.active sup {color:#238DC1}
.portfolio-cates button.active span {border-bottom-color:#238DC1;}
@media screen and (max-width:1200px) {
	.portfolio-cates button {font-size:15px;}
	.portfolio-cates button sup {margin-left:5px;}
}
@media screen and (max-width:900px) {
	.portfolio-head {margin-bottom:40px;}
	.portfolio-cates button {margin-right:15px;font-size:14px;}
}
@media screen and (max-width:700px) {
	.portfolio-head .maxWidth-s {display:block;}
	.portfolio-cates {justify-content:center;margin-top:35px;padding:10px 15px;background-color:#232323;border-radius:50px;}
	.portfolio-cates button {margin-right:25px;}
	.portfolio-cates button sup {display:none;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	.portfolio-head {margin-bottom:25px;}
	.portfolio-cates button {font-size:13px;}
}
@media screen and (max-width:480px) {
	.portfolio-cates {flex-wrap:wrap;border-radius:10px;}
	.portfolio-cates button {width:48%;margin:5px 0;margin-right:0px;}
}
@media screen and (max-width:320px) {
	.portfolio-cates button {width:100%;margin:3px 0;font-size:12px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.portfolio-head {margin-bottom:20px;}
	.portfolio-cates {margin-top:15px;}
}
/* 포트폴리오 리스트 정보 */
.portfolio-body {max-width:1920px;margin:0 auto;}
.portfolio-inner {}
.portfolio-inner > a {display:block;position:relative;width:100%;height:0;padding-top:445.60px;}
.portfolio-inner > a::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#002D74;opacity:0;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;z-index:1;}
.portfolio-thumb {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.portfolio-thumb--oi-agent {background-position:right center;background-size:112%;}
.portfolio-infos {position:absolute;top:0;left:0;width:100%;height:100%;padding:14%;box-sizing:border-box;opacity:0;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;z-index:3;}
.info-title {margin-bottom:24px;font-weight:700;font-size:20px;color:#FFF;line-height:1.4;word-break:keep-all;}
.info-desc {overflow:hidden;height:168px;font-weight:300;font-size:16px;color:#FFF;line-height:1.5;display:-webkit-box;white-space:normal;word-wrap:break-word;-webkit-line-clamp:7;-webkit-box-orient:vertical;word-break:keep-all;}
.info-btn {display:flex;align-items:center;justify-content:center;position:relative;width:152px;height:64px;margin-top:35px;border:1px solid #FFF;font-weight:700;font-size:16px;color:#FFF;letter-spacing:0.12em;box-sizing:border-box;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;z-index:2;}
.info-btn::before {content:'';position:absolute;top:4px;left:0;width:100%;height:87%;background-color:transparent;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;transform:scale(0.5);z-index:-1;}
.portfolio-title {margin-top:28px;padding-bottom:25px;word-break:keep-all;}
.portfolio-title .title-cate {display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;font-weight:500;font-size:16px;color:#888;letter-spacing:0.12em;line-height:100%;}
.portfolio-title .title-cate span {display:flex;align-items:center;justify-content:center;width:65px;height:22px;border:1px solid #238DC1;font-weight:700;font-size:12px;color:#238DC1;line-height:100%;letter-spacing:0.05em;box-sizing:border-box;}
.portfolio-title .title-name {font-weight:700;font-size:24px;color:#FFF;line-height:1.5;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
@media screen and (min-width:1025px) {
	.portfolio-inner:hover a::before {opacity:0.8;}
	.portfolio-inner:hover .info-btn {border-color:#238DC1;color:#FFF;}
	.portfolio-inner:hover .info-btn::before {background-color:#238DC1;transform:scale(0.9);}
	.portfolio-inner:hover .portfolio-infos {opacity:1;}
	.portfolio-inner:hover .portfolio-title .title-name {color:#238DC1}
}
@media screen and (max-width:1500px) {
	.portfolio-inner > a {padding-top:100%;}
	.portfolio-infos {padding:25px;}
	.info-title {margin-bottom:15px;}
	.info-desc {height:95px;-webkit-line-clamp:4;}
	.info-btn {height:50px;margin-top:15px;font-size:15px;}
}
@media screen and (max-width:1200px) {
	.portfolio-title .title-name {font-size:20px;}
	.portfolio-title .title-cate span {width:55px;height:20px;font-size:11px;}
}
@media screen and (max-width:900px) {
	.portfolio-title {padding-bottom:15px;}
	.portfolio-title .title-name {font-size:18px;}
	.portfolio-title .title-cate {margin-bottom:12px;font-size:15px;}
	.portfolio-infos {display:none;padding:15px;}
}
@media screen and (max-width:640px) {
	.portfolio-title {margin-top:20px;}
	.portfolio-title .title-cate {margin-bottom:8px;font-size:14px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.portfolio-title .title-cate {font-size:13px;}
	.portfolio-title .title-name {font-size:16px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	.portfolio-title .title-cate {font-size:13px;}
	.portfolio-title .title-name {font-size:16px;}
}


/*------------------------------------------------------
	서브 -- detail_portfolio
------------------------------------------------------*/
/* 서브 배너 */
.sub-spot.v2 {height:960px;}
.sub-spot.v2 .sub-spot__inner {align-items:center;padding-bottom:0;}
.sub-spot.v2::before {display:none;}
.sub-spot.v2 .sub-spot__bg {background-attachment:fixed;background-size:inherit;background-position:top center;}
.sub-spot.v2 .sub-spot__infos {position:relative;width:100%;margin-top:20px;z-index:2;}
.sub-spot.v2 .sub-title > div {font-size:42px;letter-spacing:2.6rem;}
.sub-title--top {text-align:left;margin-bottom:40px;text-transform:uppercase;}
.sub-title--bottom {margin-right:-44px;text-align:end;text-transform:uppercase;}
@media screen and (max-width:1300px) {
	.sub-spot.v2 {height:460px;}
	.sub-spot.v2 .sub-spot__inner {align-items:center;padding-bottom:0;}
	.sub-spot.v2 .sub-spot__bg {background-attachment:inherit;background-size:cover;}
	.sub-spot.v2 .sub-title {margin-right:-10px;}
	.sub-spot.v2 .sub-title > div {text-align:center;font-size:32px;letter-spacing:2rem;}
	.sub-title--top {margin-bottom:20px;}
	.sub-title--bottom {margin-right:0;}
}
@media screen and (max-width:767px) {
	.sub-spot.v2 .sub-title > div {font-size:22px;letter-spacing:1rem;}
	.sub-title--top {margin-bottom:10px;}
}
@media screen and (max-width:500px) {
	.sub-spot.v2 {height:360px;}
	.sub-spot.v2 .sub-title > div {font-size:16px;letter-spacing:0.8rem;}
	.sub-title--top {margin-bottom:0;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.sub-spot.v2 {height:260px;}
	.sub-spot.v2 .sub-title > div {font-size:14px;letter-spacing:0.4rem;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	
}

/* 포트폴리오 정보 */
.detail-infos {padding-top:130px;padding-bottom:180px;}
.detail-infos__inner .cont-head {margin-bottom:80px;}
.detail-portfolio-infos ul {display:flex;align-items:flex-start;justify-content:space-between;margin:-1.5%;}
.detail-portfolio-infos li {width:100%;margin:1.5%;list-style:none;}
.portfolio-infos--tit {padding-bottom:20px;border-bottom:1px solid #444;font-weight:400;font-size:14px;color:#FFF;}
.portfolio-infos--desc {padding-top:20px;font-weight:700;font-size:18px;color:#FFF;line-height:1.45;}
@media screen and (max-width:1200px) {
	.detail-infos {padding-top:80px;padding-bottom:110px;}
	.detail-infos__inner .cont-head {margin-bottom:50px;}
	.detail-infos__inner .cont-title {line-height:1.45;}
	.detail-infos__inner .cont-desc br {display:none;}
	.detail-portfolio-infos li {margin-right:20px;}
	.portfolio-infos--desc {line-height:140%;}
}
@media screen and (max-width:767px) {
	.detail-infos {padding-top:60px;padding-bottom:80px;}
	.detail-portfolio-infos ul {display:block;margin:0px;}
	.detail-portfolio-infos li {width:100%;margin:0px;margin-bottom:30px;}
	.detail-portfolio-infos li:last-child {margin-bottom:0;}
	.portfolio-infos--tit {padding-bottom:10px;}
	.portfolio-infos--desc {padding-top:10px;font-size:16px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.detail-infos {padding-top:30px;padding-bottom:50px;}
	.detail-infos__inner .cont-head {margin-bottom:30px;}
	.detail-infos__inner .cont-title {font-size:18px;}
	.detail-portfolio-infos li {margin-bottom:20px;}
}


/* 상세 메인페이지 */
.cont-head.v2 .sub-title {color:#fff;}
.cont-head.v2 .cont-desc {color:#CFCFCF;}
.detail-main {position:relative;padding:130px 0 150px;margin:0 26px;background-color:#fff;z-index:3;}
.detail-main .cont-head {margin-bottom:60px;}
.detail-main .sub-title {color:#222;text-align:left;}
.detail-main .cont-desc {color:#555;}
.detail-main .bg_detail-main {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
.detail-main__inner.col_2 {display:flex;align-items:flex-end;justify-content:center;}
.detail-main__inner.col_2 .cont-image:last-child {margin:0 0 -50px 40px;}
.detail-main__inner.col_3 {display:flex;align-items:center;justify-content:space-between;}
.detail-main__inner.col_3 .cont-image {margin-right:8%;}
.detail-main__inner.col_3 .cont-image:last-child {margin-right:0;}
@media screen and (max-width:1800px) {
	.detail-main {margin:0;}
}
@media screen and (max-width:767px) {
	.detail-main {padding:60px 0 80px;}
	.detail-main .cont-head {margin-bottom:50px;}
	.detail-main__inner.col_2 .cont-image:last-child {margin:0 0 0 10px;}
	.detail-main__inner.col_3 .cont-image {margin-right:6%;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.detail-main {padding:30px 0;}
	.detail-main .cont-head {margin-bottom:30px;}
	.detail-main .sub-title {font-size:18px;}
	.detail-main__inner.col_3 .cont-image {margin-right:4%;}
}

/* 상세 전체 */
.detail-contents {margin:0 26px;background-color:#fff;}
.detail-contents .cont-head {margin-bottom:80px;}
.detail-contents .cont-body {}
.detail-contents .sub-title {color:#222;text-align:left;}
.detail-contents .cont-desc {color:#555;}

/* 상세 뷰 */
.detail-view {padding-top:130px;padding-bottom:200px;}
.detail-view .maxWidth {max-width:1518px;}
.detail-view__infos {}
.detail-view__inner .cont-image {margin-bottom:80px;}
.detail-view__inner .cont-image:last-child {margin-bottom:0;}
.detail-view__inner .cont-image img {filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.04));}
@media screen and (max-width:1800px) {
	.detail-contents {margin:0;}
}
@media screen and (max-width:767px) {
	.detail-contents .cont-head {margin-bottom:50px;}
	.detail-contents .sub-title {line-height:1.25;}
	.detail-view {padding-top:60px;padding-bottom:80px;}
	.detail-view__inner .cont-image {margin-bottom:30px;}
	.detail-view__inner .cont-image img {filter:none;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.detail-view {padding:30px 0 50px;}
	.detail-contents .cont-head {margin-bottom:20px;}
	.detail-contents .sub-title {font-size:18px;}
}

/* 상세 서브페이지 영역 */
.detail-page {padding-top:160px;padding-bottom:150px;background-color:#fff;overflow:hidden;} 
.detail-page .maxWidth {max-width:1440px}
.detail-page .sub-title {color:#222;text-align:left;}
.detail-page .cont-desc {color:#555;}
.detail-page__inner {display:block;}
.detail-page__inner.col_2 {display:flex;justify-content:space-between;}
.detail-page__inner.col_2 > div {display:block;}
.detail-page__inner.col_2 > div:first-child {margin-right:44px;}
.detail-page__inner.col_3 ul {display:flex;align-items:flex-start;justify-content:space-between;}
.detail-page__inner.col_3 ul li {display:flex;align-items:center;flex-direction:column;list-style:none;margin-right:7%;}
.detail-page__inner.col_3 ul li:first-child {margin-top:20%;}
.detail-page__inner.col_3 ul li:last-child {margin-top:40%;margin-right:0;}
.detail-page__inner.col_3 .cont-image {margin-bottom:80px;}
.detail-page__inner.col_3 .cont-image:last-child {margin-bottom:0;}
.detail-page__inner .cont-image {margin-bottom:80px;}
.detail-page__inner .cont-image:last-child {margin-bottom:0;}
.detail-page__inner.flex {display:flex;align-items:center;flex-wrap:wrap;margin:-2%;}
.detail-page__inner.flex .cont-image {width:46%;margin:2%;box-sizing:border-box;}

.detail-page.col_2 {padding:0;}
.detail-page.col_2 .maxWidth-m {display:flex;justify-content:space-between;}
.detail-page__thumb {position:relative;width:48%;padding:130px 0;padding-right:20px;box-sizing:border-box;z-index:0;}
.detail-page__thumb:before {content:'';display:block;position:absolute;top:0;right:0;width:1300px;height:100%;background-color:#F0F4F7;z-index:-1;}
.detail-page.col_2 .detail-page__infos {display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;width:calc(100% - 25%);padding:130px 0;margin-left:8%;z-index:0;}
.detail-page__infos .cont-head {margin-bottom:128px;}
.detail-page__infos .cont-body {width:100%;}
.detail-page__list ul {display:flex;align-items:flex-start;justify-content:space-between;margin:-3%;}
.detail-page__list li {margin:3%;list-style:none;}
.detail-page__list .cont-tit {margin-bottom:20px;margin-left:26px;font-weight:700;font-size:12px;line-height:100%;letter-spacing:0.05em;color:#222;}
@media screen and (max-width:1440px) {
	.detail-page .maxWidth {margin:0 20px;}
	.detail-page.col_2 .detail-page__infos {margin-left:3%;}
	.detail-page__infos .cont-head {margin-bottom:68px;}
	.detail-page__infos .cont-desc br {display:none;}
	.detail-page__list .cont-tit {margin-bottom:13px;margin-left:10px;}
}
@media screen and (max-width:767px) {
	.detail-page {padding:60px 0 80px;}
	.detail-page__inner .cont-image {margin-bottom:30px;}
	.detail-page__inner.col_3 .cont-image {margin-bottom:30px;}
	.detail-page__inner.col_3 ul li {margin-right:4%;}
	.detail-page__inner.col_3 ul li:first-child {margin-top:10%;}
	.detail-page__inner.col_3 ul li:last-child {margin-top:20%;}
	.detail-page.col_2 .maxWidth-m {display:block;}
	.detail-page.col_2 .detail-page__infos {width:100%;padding:60px 0 80px;margin-left:0;}
	.detail-page__thumb {width:50%;padding:60px 0 0;margin:0 auto;}
	.detail-page__thumb:before {display:none;}
	.detail-page__infos .cont-head {margin-bottom:30px;}
	.detail-page__list ul {margin:-2%;}
	.detail-page__list li {margin:2%;}
	.detail-page__list .cont-tit {margin-bottom:15px;margin-left:16px;}
}
@media screen and (max-width:640px) {
	.detail-page__inner.col_2 {display:block;}
	.detail-page__inner.col_2 > div:first-child {margin-right:0;}
	.detail-page__list ul {align-items:flex-end;}
	.detail-page__list .cont-tit {margin-bottom:6px;margin-left:6px;font-size:10px;}
	.detail-page__list .cont-tit span {display:block;}
}
@media screen and (max-width:480px) {
	.detail-page__list ul {display:block;}
	.detail-page__list li {width:50%;margin:0 auto 25px;}
	.detail-page__list li:last-child {margin-bottom:0;}
	.detail-page__list .cont-tit {margin:0 0 10px 0;font-size:14px;text-align:center;}
	.detail-page__list .cont-tit span {display:inline-block;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.detail-page {padding:30px 0 50px;}
	.detail-page__inner .cont-image img {border-radius:5px;}
	.detail-page__inner.col_3 ul li {margin-right:2%;}
	.detail-page__inner.col_3 .cont-image {margin-bottom:10px;}
	.detail-page__thumb {padding:30px 0;}
	.detail-page.col_2 .detail-page__infos  {padding:0 0 30px;}
	.detail-page__infos .cont-head {margin-bottom:20px;}
	.detail-page__list .cont-tit {margin-bottom:5px;font-size:12px;}
}

/* 상세 해상도 디바이스 영역 */
.detail-device {padding-top:130px;padding-bottom:150px;}
.detail-device .maxWidth {max-width:1557px;}
.detail-device .cont-head {margin-bottom:96px;}
.detail-device__inner {width:100%;}
.detail-device__inner .cont-image {width:100%;text-align:center;}
.detail-device__inner .cont-image img {width:100%;}
@media screen and (max-width:1764px) {
	.detail-device .maxWidth {max-width:100%;}
}
@media screen and (max-width:767px) {
	.detail-device {padding:0 0 80px;}
	.detail-device .cont-head {margin-bottom:50px;}
}
@media screen and (max-width:640px) {
	
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.detail-device {padding:30px 0 50px;}
	.detail-device .cont-head {margin-bottom:30px;}
	.detail-device .sub-title {font-size:18px;}
}

/* Font Concept */
.detail-font__concept {padding:130px 0 154px;margin:0 26px;background-color:#303030;}
.detail-font__concept .sub-title {text-align:left;}
.detail-font__style {margin-top:60px;}
.detail-font__style ul {display:flex;align-items:flex-start;justify-content:space-between;}
.detail-font__style li {margin-right:20px;list-style:none;}
.detail-font__style li:last-child {margin-right:0;}
.detail-font__weight {margin-top:98px;}
.detail-font__weight .cont-image {padding-top:312px;background-position:left;background-size:contain;}
@media screen and (max-width:1800px) {
	.detail-font__concept {margin:0;}
}
@media screen and (max-width:1200px) {
	.detail-font__weight {margin-top:48px;}
	.detail-font__weight .cont-image {padding-top:242px;background-size:100%;}
}
@media screen and (max-width:900px) {
	.detail-font__style ul {display:block;}
	.detail-font__style li {width:100%;padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #444;}
	.detail-font__style li:last-child {padding-bottom:0px;margin-bottom:0px;border-bottom:none;}
	.detail-font__weight .cont-image {padding-top:202px;}
}
@media screen and (max-width:767px) {
	.detail-font__concept {padding:60px 0 80px;}
	.detail-font__concept .cont-desc br {display:none;}
	.detail-font__style {margin-top:50px;}
	.detail-font__style li {margin-right:0;}
	.detail-font__weight {margin-top:50px;}
	.detail-font__weight .cont-image {padding-top:162px;background-size:contain;}
	.detail-font__weight .cont-image.spoqa {background-image:url(../../images/sub/w_spoqa_han_sans_m.png) !important;}
	.detail-font__weight .cont-image.noto {background-image:url(../../images/sub/w_noto_sans_m.png) !important;}
	.detail-font__weight .cont-image.pretendard {background-image:url(../../images/sub/w_pretendard_m.png) !important;}
	.detail-font__weight .cont-image.apple_sd {background-image:url(../../images/sub/w_apple_sd_m.png) !important;}
}
@media screen and (max-width:420px) {
	.detail-font__weight {margin-top:30px;}
	.detail-font__weight .cont-image {padding-top:102px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.detail-font__concept {padding:30px 0 50px;}
	.detail-font__concept .sub-title {font-size:18px;}
	.detail-font__style {margin-top:30px;}
	.detail-font__weight {margin-top:20px;}
}

/* Color Concept */
.detail-color__concept {padding:130px 0 170px;margin:0 26px;background-color:#fff;overflow:hidden;}
.detail-color__concept .sub-title {color:#222;text-align:left;}
.detail-color__concept .cont-desc {color:#555;}
.detail-color__concept .cont-body {margin-top:133px;}
.detail-color__head {margin-bottom:20px;}
.detail-color__head .cont-image {display:flex;align-items:center;width:72px;}
.detail-color__infos {display:flex;align-items:center;}
.detail-color__infos .cont-image {width:50%;}
.detail-color__infos .cont-image img {width:100%;}
.detail-color__infos .cont-image:last-child {margin-left:-2px;}
.detail-color__infos.col_2 .cont-image:first-child {width:57%;}
.detail-color__infos.col_2 .cont-image:last-child {width:43%;}
.detail-color__infos.col_2 .cont-image img {height:500px;}
@media screen and (max-width:1800px) {
	.detail-color__concept {margin:0;}
	.detail-color__infos.col_2 .cont-image:first-child {width:auto;}
	.detail-color__infos.col_2 .cont-image:last-child {width:auto;}
	.detail-color__infos.col_2 .cont-image img {height:100%;}
}
@media screen and (max-width:1200px) {
	.detail-color__inner ul {display:block;}
	.detail-color__inner.col_8 li {width:100%;}
	.detail-color__inner li {align-items:center;flex-direction:row;height:80px;padding:20px 30px;}
}
@media screen and (max-width:767px) {
	.detail-color__concept {padding:60px 0 80px;}
	.detail-color__concept .cont-body {margin-top:50px;}
	.detail-color__concept .cont-desc br {display:none;}
	.detail-color__head {margin-bottom:10px;}
	.detail-color__head .cont-image {width:52px;}
	.detail-color__infos {display:flex;align-items:center;flex-direction:column;}
	.detail-color__infos .cont-image {width:100%;}
	.detail-color__infos .cont-image:last-child {margin-left:0;}
	.detail-color__inner li {height:70px;padding:10px 20px;}
	.detail-color__infos.col_2 .cont-image img {width:100%;height:100%;}
	.detail-color__infos.col_2 .cont-image:first-child {width:100%;height:100%;}
	.detail-color__infos.col_2 .cont-image:last-child {width:76%;height:100%;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.detail-color__concept {padding:30px 0 50px;}
	.detail-color__concept .cont-body {margin-top:30px;}
	.detail-color__concept .sub-title {font-size:18px;}
	.detail-color__head .cont-image {width:42px;}
	.detail-color__inner li {height:60px;padding:8px 12px;}
}

/* ui-concept */
.detail-ui__concept {padding:130px 0 170px;background-color:#F0F0F0;overflow:hidden;}
.detail-ui__concept .sub-title {color:#222;text-align:left;}
.detail-ui__concept .detail-ui__infos {margin-top: 90px;}
@media screen and (max-width:767px) {
	.detail-ui__concept {padding:60px 0 80px;}
	.detail-ui__concept .detail-ui__infos {margin-top: 50px;}
}
@media screen and (max-width:319px) {
	.detail-ui__concept .sub-title {font-size:18px;}
}

/* 현대커넥트 상세페이지 */
#detail_connect.detail-main {background-color:#3B445B;}
#detail_connect .detail-page__inner .cont-image img {filter:drop-shadow(24px 24px 60px rgba(0, 0, 0, 0.08));}
#detail_connect.detail-color__concept .cont-body {margin-top:213px;}
@media screen and (max-width:1200px) {
	#detail_connect.detail-color__concept .cont-body {margin-top:50px;}
}
@media screen and (max-width:767px) {
	#detail_connect .detail-view__inner .cont-image img,
	#detail_connect .detail-page__inner .cont-image img {filter:none;}
	
}

/* 한컴타자 상세페이지 */
#detail_hancom.detail-main {background-color:#EBF3FF;}
#detail_hancom .bg_detail-main {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:50%;background-color:#9EC4FE;}
#detail_hancom .detail-view {background-color:#9EC4FE;}
#detail_hancom .detail-view__infos {margin:0 39px;}
#detail_hancom .detail-view__inner .cont-image img {filter:drop-shadow(0px 30px 66px rgba(5, 23, 36, 0.2));}
#detail_hancom .detail-page .detail-page__right .cont-image:first-child {margin-top:218px;}
#detail_hancom .detail-device .cont-head {margin-left:42px;}
#detail_hancom .detail-page {background-color:#F0F4F7;}
#detail_hancom .detail-page__inner .cont-image {box-shadow:0px 0px 13px 3px rgba(190, 190, 190, 0.25), 0px 17px 32px rgba(112, 144, 176, 0.16);border-radius:10px;}
#detail_hancom .detail-device {background-color:#F0F4F7;}
@media screen and (max-width:1800px) {
	#detail_hancom .detail-view__infos {margin:0;}
}
@media screen and (max-width:767px) {
	#detail_hancom .detail-page .detail-page__right .cont-image:first-child {margin-top:50px;}
	#detail_hancom .detail-device {padding-bottom:30px}
	#detail_hancom .detail-device .cont-head {margin-left:0;}
}

/* 비손메디칼 상세페이지 */
#detail_bison.detail-main {background-color:#DDD740;}
#detail_bison .detail-page__inner .cont-image img {filter:drop-shadow(24px 24px 60px rgba(0, 0, 0, 0.08));}
#detail_bison.detail-color__concept .cont-body {margin-top:213px;}
@media screen and (max-width:1200px) {
	#detail_bison.detail-color__concept .cont-body {margin-top:50px;}
}
@media screen and (max-width:767px) {
	#detail_bison .detail-view__inner .cont-image img,
	#detail_bison .detail-page__inner .cont-image img {filter:none;}
	
}

/* 폴드접힘 */
@media screen and (max-width:319px) {
	#detail_bison.detail-color__concept .cont-body {margin-top:30px;}
}

/* 대교 올인원 상세페이지 */
#detail_daekyo .bg_detail-main {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:-1;}
#detail_daekyo .detail-view {background-color:#F3F7FF;}


/* 클리오 상세페이지 */
#detail_clio.detail-main {background-color:#303030;}
#detail_clio.detail-main .sub-title {color:#fff;}
#detail_clio.detail-main .cont-desc {color:#CFCFCF;}
#detail_clio .detail-view {background-color:#ECECEC;}
#detail_clio .detail-page__inner .cont-image img {filter:drop-shadow(24px 24px 60px rgba(0, 0, 0, 0.08));}
@media screen and (max-width:767px) {
	#detail_clio .detail-page__inner .cont-image img {filter:none;}
}

/* 폴라리스 쉐어  상세페이지 */
#detail_polaris.detail-contents {background-color:#F0F4F7;}
#detail_polaris.detail-main-1 {background-color:#0E407F;}
#detail_polaris .detail-main-2 {margin:0;background-color:#0E407F;}

/* 비상교육 상세페이지 */
#detail_visang .detail-view {background-color:#06A89A;}
#detail_visang .detail-page {background-color:#0892A5;}
#detail_visang .detail-view__inner .cont-image img,
#detail_visang .detail-page__inner .cont-image img {filter:drop-shadow(0px 16px 32px rgba(18, 23, 37, 0.25));}
#detail_visang .detail-page .cont-head {margin-left:75px;}
#detail_visang .detail-view .cont-desc,
#detail_visang .detail-page .cont-desc {color:#E7E7E7;}
@media screen and (max-width:1400px) {
	#detail_visang .detail-page .cont-head {margin-left:0;}
}

/* KT-VOC 상세페이지 */
#detail_kt.detail-main-2 {background-color:#2AACA7;}
#detail_kt.detail-main-1 {background:radial-gradient(100.54% 100% at 100.54% 0%, #FFF1F1 0%, rgba(247, 240, 240, 0) 100%);background-color:#FFF;}
#detail_kt.detail-main-1 .bg_detail-main {content:'';display:block;position:absolute;top:0;right:0;width:100%;height:100%;background-image:url(../../images/sub/bg_detail_kt_main.png);background-position:top right;background-size:contain;}
#detail_kt .detail-view {background-color:#F0F4F7;}
@media screen and (max-width:1600px) {
	#detail_kt.detail-main-1 .bg_detail-main {background-image:url(../../images/sub/bg_detail_kt_main_m.png);}
}
@media screen and (max-width:1300px) {
	#detail_kt.detail-main-1 .bg_detail-main {right:-30% !important;background-size:70%;}
}
@media screen and (max-width:767px) {
	#detail_kt.detail-main-1 .bg_detail-main {background:none;}
}

/* 와디즈 상세페이지 */
#detail_wadiz.detail-main-1 .bg_detail-main {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../images/sub/bg_detail_wadiz_main.jpg);background-size:cover;}
#detail_wadiz.detail-main .cont-desc {color:#CFCFCF;}
#detail_wadiz .detail-view {background-color:#F2F4F6;}
#detail_wadiz .detail-main-2 {margin:0;background-color:#00C4C4;}

/* 바이오패스포트 상세페이지 */
#detail_biopassport.detail-main-2 {background-color:#224EA5;}
#detail_biopassport .detail-main-1 {margin:0;background-color:#303030;}
#detail_biopassport .detail-view {margin:0;background-color:#F0F4F7;}
#detail_biopassport .detail-main-3 {margin:0;background-color:#1B418C;}

/* KT-HCN 상세페이지 */
#detail_kt_hcn.detail-main {background-color:#303030;}
#detail_kt_hcn .detail-view {margin:0;background-color:#F0F4F7;}

/* 한국교통안전공단 상세페이지 */
#detail_kotsa .detail-main-1,
#detail_kotsa .detail-view-1 {margin:0;background-color:#4A668B;}
#detail_kotsa .detail-view-2 {background-color:#F0F4F7;}
#detail_kotsa .detail-main-1 {padding-bottom:180px;}
#detail_kotsa .detail-main-1 .bg_detail-main {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:url(../../images/sub/bg_detail_kotsa_main.png);background-position:bottom;background-size:contain;}
#detail_kotsa.detail-main-2 {background-color:#2C4567;padding-top:160px;}
#detail_kotsa.detail-main-2 .bg_detail-main {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../images/sub/bg_detail_kotsa_main.png);background-position:top;background-size:contain;}
#detail_kotsa.detail-main-2 .cont-head {margin-top:30px;}
@media screen and (max-width:767px) {
	#detail_kotsa .detail-main-1 {padding-bottom:120px;}
	#detail_kotsa.detail-main-2 {padding-top:50px;}
}
@media screen and (max-width:640px) {
	#detail_kotsa .detail-main-1 {padding-bottom:90px;}
	#detail_kotsa.detail-main-2 .bg_detail-main,
	#detail_kotsa .detail-main-1 .bg_detail-main {height:40px;background-size:cover;background-position:right;}
	#detail_kotsa.detail-main-2 .cont-head {margin-top:30px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	#detail_kotsa .detail-main-1 {padding-bottom:50px;}
	#detail_kotsa.detail-main-2 .bg_detail-main,
	#detail_kotsa .detail-main-1 .bg_detail-main {height:30px;}
	#detail_kotsa.detail-main-2 .cont-head {margin-top:20px;}
	#detail_kotsa.detail-main-2 {padding-top:40px;}
}

/* 콤마톡 상세페이지 */
#detail_commatalk.detail-main {background-color:#272B35;}
#detail_commatalk .detail-view {background-color:#F4F8FB;}

/* 미디어윌 상세페이지 */
#detail_mediawill.detail-main-2 {background-color:#224EA5;}
#detail_mediawill .detail-main-1 {margin:0;background-color:#0E407F;}
#detail_mediawill .detail-view {margin:0;background-color:#E5EAF2;}
#detail_mediawill .detail-main-3 {margin:0;background-color:#1B418C;}

/* 포트폴리오 공통 AEO 프로젝트 요약 */
.portfolio-case-summary {position:relative;padding:110px 0;background:#071625;color:#eaf6ff;}
.portfolio-case-summary .cont-tit-en {display:block;margin-bottom:14px;color:#58dfff;font-size:13px;font-weight:700;letter-spacing:.14em;}
.portfolio-case-summary h2 {margin:0 0 44px;color:#fff;font-size:40px;line-height:1.3;letter-spacing:-.04em;}
.portfolio-case-summary__grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:rgba(106,192,226,.25);border:1px solid rgba(106,192,226,.25);}
.portfolio-case-summary__grid article {min-width:0;padding:30px 26px;background:#0b2033;}
.portfolio-case-summary__grid h3 {margin:0 0 16px;color:#63e2ff;font-size:15px;line-height:1.4;letter-spacing:-.02em;}
.portfolio-case-summary__grid p {margin:0;color:#c7d8e4;font-size:15px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere;}
@media screen and (max-width:1200px) {
	.portfolio-case-summary {padding:90px 0;}
	.portfolio-case-summary__grid {grid-template-columns:repeat(2,minmax(0,1fr));}
	.portfolio-case-summary__grid article:last-child {grid-column:1/-1;}
}
@media screen and (max-width:767px) {
	.portfolio-case-summary {padding:70px 0;}
	.portfolio-case-summary h2 {margin-bottom:30px;font-size:30px;}
	.portfolio-case-summary__grid {grid-template-columns:1fr;}
	.portfolio-case-summary__grid article:last-child {grid-column:auto;}
	.portfolio-case-summary__grid article {padding:24px 20px;}
	.portfolio-case-summary__grid p {font-size:14px;line-height:1.75;}
}

/* 주요 SI·DX 서비스 의사결정형 Q&A */
.service-decision-guide {padding:105px 0;background:#f4f8fb;}
.service-decision-guide .cont-tit-en {display:block;margin-bottom:12px;color:#079bd3;font-size:13px;font-weight:700;letter-spacing:.14em;}
.service-decision-guide h2 {margin:0 0 40px;color:#132433;font-size:38px;line-height:1.35;letter-spacing:-.04em;}
.service-decision-guide dl {border-top:2px solid #17344a;}
.service-decision-guide dl > div {display:grid;grid-template-columns:minmax(240px,32%) 1fr;gap:38px;padding:28px 0;border-bottom:1px solid #cbd9e2;}
.service-decision-guide dt {color:#132433;font-size:17px;font-weight:700;line-height:1.65;word-break:keep-all;}
.service-decision-guide dd {margin:0;color:#405665;font-size:16px;line-height:1.8;word-break:keep-all;}
@media screen and (max-width:767px) {
	.service-decision-guide {padding:70px 0;}
	.service-decision-guide h2 {margin-bottom:28px;font-size:30px;}
	.service-decision-guide dl > div {display:block;padding:24px 0;}
	.service-decision-guide dt {font-size:16px;}
	.service-decision-guide dd {margin-top:12px;font-size:14px;line-height:1.75;}
}