@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

[data-ani]{opacity:0; transition:transform 1.6s ease, opacity 1.3s ease; transform-style:preserve-3d; will-change:transform;}
[data-ani].is_moved{opacity:1; transform:none;}
[data-ani="img"]{transform:translate(0%, 40%) matrix3d(1, 0, 0, 0, 0, 0.997564, 0.0697565, -0.00028, 0, -0.0697565, 0.997564, -0.00249391, 0, 0, 40, 0.9);}
[data-ani="top"]{transform:translateY(140rem); transition-delay:0.1s;}
[data-ani="right"]{transform:translateX(140rem); transition-delay:0.1s;}
[data-ani="left"]{transform:translateX(-140rem); transition-delay:0.1s;}
[data-ani="scale"]{transform:scale(1.15); transition-delay:0.1s; opacity:1 !important;}
[data-ani="rotate"]{transform:scale(1.15); transition-delay:0.1s; opacity:1 !important;}

/* start motion  for All contents */
.motion-on [data-motion]{transition:transform 1.4s ease, opacity 1.3s ease;transform: none;opacity:1;will-change: transform;}
[data-motion]{opacity:0;}
[data-motion="preserveTop"]{transform:translateY(100%) rotateX(-80deg); transform-style:preserve-3d; transform-origin:center bottom;}
[data-motion="slideBtm"]{transform:translateY(-50rem);}
[data-motion="slideTop"]{transform:translateY(50rem);}
[data-motion="slideLeft"]{transform:translateX(-100rem);}
[data-motion="slideRight"]{transform:translateX(100rem);}
[data-motion="scale"]{animation: motion-scale 3s forwards cubic-bezier(0.12, 0.4, 0.41, 0.86);}
 
/* delay set */
[data-delay="100"]{transition-delay:100ms !important;}
[data-delay="150"]{transition-delay:150ms !important;}
[data-delay="200"]{transition-delay:200ms !important;}
[data-delay="250"]{transition-delay:250ms !important;}
[data-delay="300"]{transition-delay:300ms !important;}
[data-delay="350"]{transition-delay:350ms !important;}
[data-delay="400"]{transition-delay:400ms !important;}
[data-delay="450"]{transition-delay:450ms !important;}
[data-delay="500"]{transition-delay:500ms !important;}
[data-delay="550"]{transition-delay:550ms !important;}
[data-delay="600"]{transition-delay:600ms !important;}
[data-delay="650"]{transition-delay:650ms !important;}

/*  keyframe */
@keyframes motion-scale{
	0%{transform: scale(1.05);}
	100%{ransform: scale(1);}
}

/* page global */
#site-sub h3{font-weight:700; font-size:33rem; letter-spacing:-0.5rem;}
#site-sub h5{font-weight:800; font-size:27rem;}

.sub-cont-title{text-align:center;}
.sub-cont-title > i{display:block; font-weight:800; font-size:18rem; color:var(--color-point);}
.sub-cont-title > h2{margin-top:-2rem; font-size:50rem; letter-spacing:-0.5rem;}
.sub-cont-title > em{display:block; margin-top:10rem; font-weight:700; font-size:20rem; letter-spacing:-0.3rem;}
.sub-cont-title > em i{color:var(--color-point);}

img.sub-ob{position:absolute; top:-27rem; right:0; z-index:-2;}

.wrap-narrow{width:1340rem; margin:0 auto;}
.content-zero{padding-bottom:0 !important;}

/* strap */
.ko-line-list{display:flex;}
.ko-line-list li{display:flex; align-items:center; position:relative; line-height:1; padding:0px 12rem; font-weight:300;}
.ko-line-list li:not(:last-child)::after{content:""; position:absolute; right:0; width:1rem; height:14rem; background:#c7c7c7;}
.ko-line-list li:first-child{padding-left:0;}

 [data-grid]{display:grid;}
 [data-grid] img{width:100%;}
 [data-grid="2"]{grid-template-columns:1fr 1fr; gap:40rem;}
 [data-grid="3"]{grid-template-columns:1fr 1fr 1fr;gap: 50rem;}
 [data-grid="4"]{grid-template-columns:1fr 1fr 1fr 1fr;gap: 47rem;}
 [data-grid="5"]{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap: 37rem;}
 
[data-sub-list]{display:grid; row-gap:3rem;}
[data-sub-list] > li{position:relative;}
[data-sub-list] > li:before{content:"";}
[data-sub-list="hyphen"] > li{padding-left: 11rem;}
[data-sub-list="hyphen"] > li:before{display:block;position:absolute;top: 12rem;left:0;width: 6rem;height: 1px;background: #3f3f3f;}

 @media (max-width: 1023px){
     [data-grid="3"]{gap:26rem;}
     [data-grid="4"]{gap:20rem;}
     [data-grid="5"]{grid-template-columns:1fr 1fr 1fr; gap:28rem;}
 }
 
 @media (max-width:860px){
     [data-grid="4"]{grid-template-columns:1fr 1fr 1fr; gap:20rem 28rem;}
 }
 
 @media (max-width: 540px){
     [data-grid="3"]{grid-template-columns:1fr; gap:18rem;}
     [data-grid="5"]{grid-template-columns:1fr 1fr; gap:30rem 18rem;}
     [data-grid="4"]{gap:25rem 15rem; grid-template-columns:1fr 1fr;}
 }

/* layout */
#content{position:relative; padding:140rem 0rem 140rem;}

.wrap{padding:0; max-width:1520rem;}

#header h1 img.color{display:none;}
#header{position:absolute;}

.prepare{display:flex; justify-content:center; align-items:center; padding:100px 0; min-height:300px;}
.prepare p{font-size:20px; text-align:center;}

.sub-title{text-align:center;}
.sub-title h3{margin-bottom:40rem; font-size:46rem !important;}
.sub-cont-title + *{margin-top:58rem;}

/* page navigation */
.sub-navigation{margin-top:10rem;}
.sub-navigation ul{display:flex; overflow:hidden;}
.sub-navigation ul li{position:relative; line-height:1; padding:0 12rem; font-weight:600; font-size:19rem; color:#333;}
.sub-navigation ul li img{display:inline-block; position:relative; top:1rem; height:16rem; vertical-align:top;}
.sub-navigation ul li i{display:none;}
.sub-navigation ul li:nth-child(2):after{content:""; position:absolute; top:4rem; right:-7rem; width:10rem; height:12rem; background:url(/images/content/ic-nav-arrow_w.svg) no-repeat 50% 50%;}
.sub-navigation ul li:first-child{padding:0;}
.sub-navigation ul li:last-child:after{opacity:0;}

/* sub visual */
.sub-visual{position:relative; overflow:hidden; height:670rem; box-sizing:border-box;}
.sub-visual *{color:#fff !important;}
.sub-visual > .wrap{padding-top:330rem;}
.sub-visual h2{font-weight:600; font-size:72rem; text-indent:-4rem;}
.sub-visual.visual-01 .sub-vusla__bg{background-image:url(/images/content/sub-visual-01.jpg);}
.sub-visual.visual-02 .sub-vusla__bg{background-image:url(/images/content/sub-visual-02.jpg);}
.sub-visual.visual-03 .sub-vusla__bg{background-image:url(/images/content/sub-visual-03.jpg);}
.sub-visual.visual-04 .sub-vusla__bg{background-image:url(/images/content/sub-visual-04.jpg);}
.sub-visual .sub-vusla__bg{position:absolute;opacity:1 !important;top:0;left:0;z-index:-1;width:100%;height:100%;box-sizing:border-box;background-size: cover;background-position: 50% 50%;}

/* lnb */
.lnb{position:absolute; bottom:-1px; left:0; width:100%;}
.lnb a{display:block; padding:22rem 30rem; font-weight:800; font-size:18rem; color:#222 !important;}
.lnb ul{display:inline-flex; align-items:center; z-index:4; margin-left:-30rem; padding-top:8rem; padding-right:50rem; background:#fff; align-content:center; border-top-right-radius:15rem;}
.lnb a.on{color:var(--color-point) !important;}
.lnb::before{content:""; position:absolute; top:0; left:0; z-index:-1; width:170rem; height:100%; background:#fff;}

.area_subpage{padding:100px 0 150px;}
.area_subpage .tit{padding-bottom:100px;}

/* 마켓 */
.ko_board_list[data-type="A"] [data-board="tit"]{font-size:19rem;}
.ko_board_list[data-type="A"][data-gallery] [data-board="tit"]{display:flex; align-items:center; height:auto; margin-top:7rem;}
.ko_board_list[data-type][data-gallery="A"] .board_info_con{margin-top:clamp(7px, 2.6042vw, 23px);}

.biz-cate{display:inline-flex; line-height:23rem; margin-top:18rem; margin-right:6rem; padding:1rem 8rem 0; border:1px solid; font-weight:400; font-size:15rem; color:var(--color-point);}

.pager_list{font-size:25rem;}
a.pager_list span{font-size:15rem; color:#111;}

.bbsControls{margin-top:60rem; border-top-width:1px;}
.bbsControls ul li a{padding:18rem 0; font-size:16rem;}
.bbsControls ul li a em{font-weight:500;}

/* board view */
.board-view__title{position:relative; text-align:center;}
.board-view__title h2{font-weight:800; font-size:40rem;}
.board-view__title i{position:absolute; right:0; bottom:-40rem;}
.board-view__content{margin:0 auto; margin-top:0rem; margin-top:35rem; max-width:1200rem;}
.board-view__file a{display:inline-flex; align-items:center; position:relative; padding:6rem 16rem; border:1px solid #ddd; font-weight:600; font-size:15rem; border-radius:100rem; flex-wrap:wrap;}
.board-view__file a::before{content:""; display:block; position:relative; width:18rem; height:22rem; margin-right:7rem; background:url(../images/content/ic-download.svg) no-repeat 50% 50%;}
.board-view-photo .board-view__file{display:flex; position:absolute; bottom:0; left:0; flex-wrap:wrap; gap:7rem 5rem;}
.board-view__file a:hover{background:#f9f9f9;}
.board-view__desc{margin-top:35rem; padding-top:40rem; border-top:1px solid #eee;}
.board-view__list-wrap strong{font-size:26rem;}
.board-view__list-wrap + .board-view__list-wrap{margin-top:40rem; padding-top:40rem; border-top:1px dashed #cdcdcd;}
.board-view__list{margin-top:25rem;}
.board-view__list em{display:inline-block; font-weight:600; color:#111; min-width:110rem;}
.board-view__list li{display:flex; gap:0 20rem; color:#666;}
.board-view__list li + li{margin-top:8rem;}
.board-view__list + .board-view__file{margin-top:15rem;}
.board-view a.pager_list,
.board-view-photo a.pager_list{width:190rem !important; padding:17px 0 !important; border-width:2px !important;}
.board-view__slider{position:relative;max-width: 900rem;margin: 0 auto;}
.board-view .swiper-button{display:flex; justify-content:center; align-items:center; position:absolute; top:50%; z-index:11; width:79rem; height:79rem; background-color:#fff; box-shadow:5px 6px 11px 0px rgba(0, 0, 0, 0.05); transform:translateY(-50%); cursor:pointer; border-radius:100%;}
.board-view .swiper-button svg{height:9rem; transition:all .3s; fill:var(--color-point);}
.board-view .swiper-button.prev{left:-40rem;}
.board-view .swiper-button.next{right:-40rem;}
.board-view .swiper-slide{overflow:hidden;text-align:center;border-radius:15rem;min-height:370rem;display: flex;align-items: center;justify-content: center;}
.board-view .swiper-slide::after{content:""; position:absolute; opacity:0.04; top:0; left:0; width:100%; height:100%; background:#000;}
.board-view .swiper-button.prev svg{transform:rotate(180deg);}
.board-view .wrap{max-width:1200rem;}
.board-view .swiper-slide img{width:100%;height:100%;object-fit: contain;max-height: 550rem;}

.ko_board_list[data-type="A"][data-gallery] [data-board="img"]{position:relative; background:url(/images/content/board-no-image.jpg) no-repeat 50% 50% / cover; border-radius:15rem;}
.ko_board_list[data-type="A"][data-gallery] [data-board="img"]:has(img)::after{content:""; position:absolute; opacity:0.04; top:0; left:0; width:100%; height:100%; background:#000;}

/* view photo */
.board-view-photo .wrap{max-width:1300rem;}
.board-view-photo__info{display:flex;}
.board-view-photo_img{height:470rem; background-size:cover; background-position:50% 50%; min-width:470rem; border-radius:10rem;}
.board-view__title + *{margin-top:55rem;}
.board-view-photo__info .board-view__list-wrap{position:relative; width:100%; margin-left:80rem; padding-top:60rem;}
.board-view-photo__info .board-view__list-wrap ul{margin-top:30rem;}
.board-view-photo__content{margin-top:70rem; min-height:140rem;}
.board-view__list li a{position:relative;color:#444;text-decoration:revert;word-break: break-all;}
.board-view__list li a::before{content:""; position:absolute; opacity:0; bottom:4rem; left:0; width:102%; height:1px; background:#595959;}
.board-view-photo__content strong{display:block; margin-bottom:10rem; padding-bottom:10rem; border-bottom:1px solid #555; font-size:18rem; letter-spacing:0;}
.board-view-photo__content div + strong{margin-top:65rem;}
.board-view-photo__content div{font-size:16rem; color:#666;}

/* vision */
.vision-intro__simbol i{display:block; position:absolute; width:378rem; height:378rem; border-radius:100%;}
.vision-intro__right--one{right:120rem; background:#d4d8e3; animation:vision_motion_02 8s linear infinite;}
.vision-intro__right--two{right:-180rem; background:#16264f; animation:vision_motion_04 8s linear infinite;}
.vision-intro__left--one{left:-150rem; z-index:1; background:#2261ac; animation:vision_motion_03 5s linear infinite;}
.vision-intro__left--two{right:-50rem; background:#c9e0f7; animation:vision_motion_01 5s linear infinite;}
.vision-intro__simbol > *{display:flex; justify-content:center; align-items:center;}
.vision-intro__simbol{display:flex; justify-content:space-between; align-items:center; overflow:hidden; width:100%; margin-top:90rem !important;}
.vision-intro__center{position:relative; z-index:1; width:748rem; height:375rem; background:url(/images/content/vision-simbol.svg) no-repeat;}
.vision-intro__simbol > *:not(.vision-intro__center){position:relative; width:378rem; height:378rem;}
.vision-intro__center *{color:#fff;}
.vision-intro__plus.biz-plus{position:absolute;}
.vision-intro__center div{display:flex; justify-content:center; align-items:center; width:50%; height:100%; flex-direction:column;}
.vision-intro__center--left img{height:32rem;}
.vision-intro__center div img{display:block;}
.vision-intro__center div em{display:block; margin-bottom:10rem; font-weight:700; font-size:18rem;}
.vision-intro{padding-bottom:170rem;}

.vision-3s{margin:0 50rem; padding:130rem 0rem; background:#f5f5f5; border-radius:15rem;}
.vision-3s__list li{overflow:hidden; text-align:center; border-radius:15rem;}
.vision-3s__list li span{display:flex; justify-content:center; align-items:center; height:267rem; background-size:cover; background-position:50% 50%; font-weight:800; font-size:40rem; color:#fff; background-repeat:no-repeat;}
.vision-3s__list li p{padding:30rem 0rem; background:#fff; font-weight:800; min-height:119rem;}
.vision-3s__list li span i{color:var(--color-point);}
.vision-3s__item-01 span{background-image:url(/images/content/vision-3s-01.jpg);}
.vision-3s__item-02 span{background-image:url(/images/content/vision-3s-02.jpg);}
.vision-3s__item-03 span{background-image:url(/images/content/vision-3s-03.jpg);}

.biz-plus{display:flex; justify-content:center; align-items:center; position:relative; width:50rem; height:50rem;}
.biz-plus::before,
.biz-plus::after{content:""; position:absolute; width:100%; height:2px; background:#fff;}
.biz-plus::before{transform:rotate(90deg);}

.vision-slogan{position:relative; height:940rem; margin-top:50rem;}
.vision-slogan::before{content:""; position:absolute; top:0; left:0; z-index:-2; width:100%; height:100%; background:#100c27;}
.vision-slogan__bg{display:block; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%;}
.vision-slogan__bg i{display:block; position:absolute; top:0; left:0; z-index:-1; width:2615rem; height:100%; background-position:50% 50%; animation:bgAction 18s linear infinite; background-image:url(/images/content/vision-bg.jpg); background-repeat:no-repeat;}
.vision-slogan__title img{height:35rem; mix-blend-mode:plus-lighter;}
.vision-slogan__title{padding-top:170rem; color:#fff; text-align:center;}
.vision-slogan__title h2{margin-top:30rem; font-size:50rem; letter-spacing:-0.5rem; line-height: 1.35;}
.vision-slogan ul li{position:absolute; padding:10rem 23rem; background:#fff; box-shadow:9px 6px 16.49px 0.51px rgba(0, 0, 0, 0.5); font-weight:900; font-size:20rem; text-align:center; animation:newAction 2s linear infinite; border-radius:4rem; min-width:185rem; will-change:transform;}
.vision-slogan ul li::after{content:""; position:absolute; bottom:-8rem; left:50%; width:0; height:0; border-right:6px solid transparent; border-bottom:8px solid #fff; border-left:6px solid transparent; transform:rotate(180deg);}
.vision-slogan__item01{top:432rem; left:220rem;}
.vision-slogan__item02{top:635rem; left:576rem; animation-delay:0.2s !important;}
.vision-slogan__item03{top:512rem; left:1001rem; animation-delay:0.4s !important;}
.vision-slogan__item04{right:373rem; bottom:189rem; animation-delay:0.1s !important;}
.vision-slogan__item06{bottom:101rem; left:76rem;}
.vision-slogan__item05{right:145rem; bottom:320rem; animation-delay:0.5s !important;}
.vision-slogan ul li.on{background:var(--color-point); color:#fff;}
.vision-slogan ul li.on::after{border-bottom-color:var(--color-point);}

@keyframes newAction{
	0%{transform:translateY(0);}
	50%{opacity:1; transform: translateY(-6px);}
	100%{opacity:1; transform: translateY(0);}
}
@keyframes bgAction{
	0%{transform:translateX(-10%) scale(1.1);}
	50%{transform:translateX(-13%) scale(1.2) rotate(-5deg);}
    100%{transform:translateX(-10%) scale(1.1);}
}

@keyframes vision_motion_01{
	0%{transform: translateX(-20%);}
	50%{transform: translateX(0%);}
    100%{transform: translateX(-20%);}
}
@keyframes vision_motion_02{
	0%{transform: translateX(40%);}
	50%{transform: translateX(0%);}
    100%{transform: translateX(40%);}
}
@keyframes vision_motion_03{
	0%{transform: translateX(120%);}
	50%{transform: translateX(70%);}
    100%{transform: translateX(120%);}
}
@keyframes vision_motion_04{
	0%{transform: translateX(-120%);}
	50%{transform: translateX(-70%);}
    100%{transform: translateX(-120%);}
}

/* member */
.member__item h5{margin-top:20rem;}
.member__item h5 i{margin-left:5rem; font-weight:400; font-size:18rem;}
.member__item .biz-plus{position:absolute; right:25rem; bottom:40rem; background:#fff; border:1px solid #eee; transition:all 0.3s ease; border-radius:40rem;}
.member__item .biz-plus::before,
.member__item .biz-plus::after{width:16rem; background:#b9b9b9;}
.member__item{position:relative;}
.member__item a:hover .biz-plus{background:var(--color-point); border-color:var(--color-point);}
.member__item a:hover .biz-plus::before,
.member__item a:hover  .biz-plus::after{background:#fff;}
.member__item span:not(.biz-plus){display:block; overflow:hidden; padding-top:25rem; background:#f2f2f2; border-radius:14rem;}
.member-pop ul li{font-size:16rem;}
.member-pop strong{display:block; margin-bottom:6rem;}
.member-pop ul + strong{margin-top:16rem;}
.member-pop h5{margin-bottom:20rem; padding-bottom:10rem; border-bottom:1px solid #ddd;}
.member-pop h5 i{margin-left:4rem; font-size:17rem;}
.member-pop__inner{overflow-y:overlay; max-height:360rem;}

[data-pop-layer="layer"] .popBox{border-radius:15rem;}

/* 컨설팅 */
.work__item{position:relative;overflow:hidden;padding:260rem 80rem 70rem;border-radius:15rem;}
.work__item em{display:block; margin-top:11rem;}
.work__bg{position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}

.tech-page .work__item.item-01 .work__bg{background-image:url(/images/content/tech-01.jpg);}
.tech-page .work__item.item-02 .work__bg{background-image:url(/images/content/tech-02.jpg);}
.tech-page .work__item.item-03 .work__bg{background-image:url(/images/content/tech-03.jpg);}
.tech-page .work__item.item-04 .work__bg{background-image:url(/images/content/tech-04.jpg);}
.tech-page .work__item.item-05 .work__bg{background-image:url(/images/content/tech-05.jpg);}

.work__item *{color:#fff;}
.work__item + .work__item{margin-top: 50rem;}

.knowledge-page .work__item.item-01 .work__bg{background-image:url(/images/content/knowledge-01.jpg);}
.knowledge-page .work__item.item-02 .work__bg{background-image:url(/images/content/knowledge-02.jpg);}
.knowledge-page .work__item.item-03 .work__bg{background-image:url(/images/content/knowledge-03.jpg);}
.knowledge-page .work__item.item-04 .work__bg{background-image:url(/images/content/knowledge-04.jpg);}

.company-page .work__item.item-01 .work__bg{background-image:url(/images/content/company-01.jpg);}
.company-page .work__item.item-02 .work__bg{background-image:url(/images/content/company-02.jpg);}
.company-page .work__item.item-03 .work__bg{background-image:url(/images/content/company-03.jpg);}
.company-page .work__item.item-04 .work__bg{background-image:url(/images/content/company-04.jpg);}

@media (max-width:1600px){
	.wrap-narrow,
	.wrap{width:auto; margin:0 70rem;}
	
    .vision-slogan__item02{right:70rem; left:auto;}
	.vision-slogan__item03{left:781rem;}
}

@media (max-width:1480px){
	img.sub-ob{max-width:340rem;}
}

@media (max-width:1023px){
	#content{padding:120rem 0rem 110rem;}
	[data-grid="3"]{grid-template-columns:1fr 1fr;}
	
    #site-sub h3{font-size:30rem; line-height: 1.3;}
	#site-sub h5{font-weight:800; font-size:22rem;}
	
    .sub-cont-title + *{margin-top:48rem;}
	img.sub-ob{max-width:220rem;}
	
    .biz-plus{width:30rem; height:30rem;}
	
    .wrap-narrow,
	.wrap{margin:0 50rem;}
	
    .sub-visual{height:600rem;}
	.sub-visual > .wrap{padding-top:300rem;}
	.sub-visual h2{font-size:49rem;}
	
    .lnb a{padding:14rem 17rem; font-size:16rem; line-height: 1.4;}
	.lnb ul{margin-left:-22rem; padding-top:6rem; padding-right:26rem; border-top-right-radius:10rem;}
	
    .sub-navigation ul{overflow:visible;}
	.sub-cont-title > h2{font-size:36rem;}
	.sub-cont-title > em{font-size:18rem;}
	
    .vision-intro__simbol i{width:220rem; height:220rem;}
	.vision-intro__center{width:588rem; height:221rem;}
	.vision-intro__center div {padding: 0 20rem; text-align: center;} 
	.vision-intro__center div em{margin-bottom:15rem; font-size:15rem; line-height: 1.4;}
	.vision-intro__center--left img{height:20rem;}
	.vision-intro__center--right img{height:30rem;}
	.vision-intro__right--two{right:-150rem;}
	.vision-intro__left--two{right:20rem;}
	.vision-intro__simbol{margin-top:70rem !important; max-height:225rem;}
	.vision-3s{margin:0 30rem;}
	.vision-3s__list li span{height:194rem; font-size:27rem;}
	.vision-3s__list li p{padding:30rem 20rem; font-size:15rem; min-height:auto; line-height: 1.4;}
	.vision-3s__item-03{grid-column:1 / 3;}
	.vision-intro{padding-bottom:70rem;}
	.vision-3s{padding:90rem 0rem;}
	.vision-3s__item-03 span{height:270rem !important;}
	.vision-slogan__title h2{line-height:1.4; padding:0rem 92rem; font-size:40rem; line-height: 1.3;}
	.vision-slogan__title img{height:30rem;}
	.vision-slogan{height:830rem;}
	.vision-slogan__title{padding-top:110rem;}
	.vision-slogan ul li{padding:7rem 23rem; font-size:15rem; min-width:115rem;}
	.vision-slogan ul li::after{bottom:-7rem;}
	.vision-slogan__item01{top:372rem; left:60rem;}
	.vision-slogan__item03{left:291rem;}
	.vision-slogan__item06{bottom:81rem; left:86rem;}
	.vision-slogan__item05{right:55rem; bottom:280rem;}
	.vision-slogan__item03{top:442rem;}
	.vision-slogan__item02{top:auto; right:100rem; bottom:70rem; left:auto;}
	.vision-slogan__item04{right:233rem; bottom:194rem;}
	
    .member__item h5{margin-top:15rem;}
	.member__item .biz-plus{bottom:30rem; width:50rem; height:50rem;}
	
    [data-pop-layer="layer"] .privacy-pop__inner.popBox{top:50% !important; left:50% !important; height:auto !important; transform:translate(-50%, -50%) !important; max-width:450px; min-height:auto !important;}
	
    .work__item{padding:230rem 70rem 60rem;}
	.work__item em {line-height: 1.3;}
	
    .board-view-photo__info .board-view__list-wrap{margin-left:50rem;}
	.board-view-photo_img{height:370rem; min-width:370rem;}
	.board-view__list li a::before{display:none;}
	.board-view__list li a{text-decoration:revert;}
	.board-view-photo .board-view__file{position:relative; margin-top:60rem;}
}

@media (max-width:860px){
	body{font-size:16rem;}
	body,
	input,
	textarea,
	button,
	select{font-family:Sans-serif;}
	
    #site-sub h3{font-size:27rem;}
	
    .wrap-narrow,
	.wrap{margin:0 40rem;}
	
    .work__item em br{display:none;}
	.work__item{padding:180rem 50rem 50rem;}
	.work__item + .work__item{margin-top:30rem;}

	.sub-cont-title > i {margin-bottom: 5rem;}
	.sub-cont-title > h2 {line-height: 1.25;}
	.vision-slogan__title h2 {padding: 0 30rem;}
	
    .board-view-photo__info{display:flex; align-items:flex-start; flex-direction:column;}
	.board-view-photo_img{height:400rem; margin:0 auto; min-width:100%;}
	.board-view-photo__info .board-view__list-wrap{margin-left:0; padding-top:40rem;}
	.board-view__list li{display:block;}
	.board-view__list em{display:block; margin-right:0rem;}
	.board-view-photo__content strong{font-size:17rem; letter-spacing:0;}
	.board-view a.pager_list,
	.board-view-photo a.pager_list{width:175rem !important;}
	.board-view-photo{margin-top:-60rem;}
	
    .vision-intro__center{width:1098rem; height:221rem;}
	.vision-intro__right--one{right:-80rem;}
}

@media (max-width: 540px){
	html,
	body{line-height:1.6;}
	body{font-size:14rem;}
	
    [data-ani="top"]{transform:translateY(50rem);}
	[data-grid="3"]{grid-template-columns:1fr;}
	
    .wrap-narrow,
	.wrap{margin:0 25rem;}
	
    #content{padding: 83rem 0rem 80rem;}
	
    #site-sub h3{font-size:20rem;}
	#site-sub h5{font-size:20rem;}
	
    .sub-visual{height:490rem;}
	.sub-visual h2{font-family:'Pretendard'; font-weight:700; font-size:42rem;}
	.sub-navigation ul li{padding:0 12rem; font-size:14rem;}
	.sub-navigation ul li img{height:13rem;}
	.sub-navigation ul li:nth-child(2) {white-space: nowrap;}
	.sub-navigation ul li:nth-child(2):after{top:3rem; right:-4rem; width:5rem; height:11rem;}
	.sub-navigation{padding-left:1rem;}
	.sub-visual > .wrap{padding-top:250rem;}
	
    .lnb a{padding:14rem 14rem; font-size:14rem; white-space:nowrap;}
	.lnb ul{display:flex; align-items:center; margin-left:0; padding-top:0; padding-right:0; overflow-x: scroll;}
	.lnb .wrap{margin-left:0; overflow: hidden;}
	.lnb{bottom:0px; width: auto; max-width:100%; border-bottom:1px solid #eee;}
	
    img.sub-ob{max-width:147rem;}
	
    .sub-cont-title > i{font-size:16rem;}
	.sub-cont-title > h2{line-height:1.4; margin-top:5rem; font-size:26rem; letter-spacing:-1rem;}
	.sub-cont-title > em{padding:0rem 20rem; font-size:16rem;}
	.sub-cont-title + *{margin-top:31rem;}
	.sub-title h3{margin-bottom:30rem; font-size:29rem !important;}

    .vision-intro .sub-cont-title > em{margin-top:15rem; padding:0rem 50rem;}
	.vision-intro__simbol{margin-top:35rem !important; padding:0rem 20rem;}
	.vision-intro__simbol > *:not(.vision-intro__center){display:none;}
	.vision-intro__center{width:100%; height:168rem;}
	.vision-intro__center--left img{height:17rem;}
	.vision-intro__center--right img{height:26rem;}
	.vision-intro__center div em{margin-bottom:12rem; font-size:14rem;}
	
    .biz-plus{width:25rem; height:25rem;}
	
    .vision-3s{margin:0 15rem; padding:70rem 0rem;}
	.vision-3s .wrap-narrow{margin:0 15rem;}
	.vision-3s [data-grid="3"]{gap:20rem 10rem;}
	.vision-3s__item-03{grid-column:auto;}
	.vision-slogan{height:100vh; min-height:720rem;}
	.vision-slogan__title img{height:22rem;}
	.vision-slogan__title h2{line-height:1.25; margin-top:10rem; padding:0rem 20rem; font-size:27rem;}
	.vision-slogan__title{padding-top:80rem;}
	.vision-slogan__bg i{width:1030rem; background-position:40% 70%;}
	.vision-slogan ul li{padding:7rem 12rem; font-size:14rem; white-space:nowrap; min-width:115rem;}
	.vision-slogan__item01{top:330rem; left:30rem;}
	.vision-slogan__item05{top:388rem; right:25rem; bottom:auto;}
	.vision-slogan__item04{top:450rem; right:auto; bottom:auto; left:59rem;}
	.vision-slogan__item03{top:510rem; right:65rem; left:auto;}
	.vision-slogan__item06{bottom:110rem; left:26rem;}
	.vision-slogan__item02{top:auto; right:40rem; bottom:50rem; left:auto;}
	.vision-intro .sub-cont-title h2{padding:0rem 5rem; letter-spacing:-0.5rem;}
	
    .member__item h5 i{margin-left:5rem; font-size:15rem;}
	
    [data-pop-layer="layer"] .privacy-pop__inner.popBox{top:0 !important; left:0 !important; height:100% !important; transform:none !important; max-width:100%; min-height:auto !important; border-radius:0;}
	
    a.privacy-pop__btn{padding:13px 0px;}
	.privacy-pop__inner{padding:25px 25px;}
	a.privacy-pop__btn{position:absolute; bottom:0; left:0; padding:14px 0px;}
	
    .member-pop strong{display:block; margin-bottom:6rem; font-weight:800; font-size:15rem;}
	.member-pop ul li + li{margin-top:4rem;}
	.member__item span:not(.biz-plus){border-radius:10rem;}
	.member__list{row-gap:30rem;}
	.member__item .biz-plus{right:15rem;}
	.member-pop__inner{padding-bottom:40rem; max-height:79vh;}
    
	.work__item{padding:180rem 30rem 45rem;}
	.work__item::before{content:""; position:absolute; opacity:0.3; top:0; left:0; z-index:0; width:100%; height:100%; background:#000;}
	.work__item *:is(h3,em){position:relative;}    
	.work__bg{background-position:56% 50%;}

	.tech-page .work__item.item-01 .work__bg{background-position:70% 50%;}
	.biz-cate{padding:0rem 5rem 0; font-size:13rem;}
	.ko_board_list[data-type="A"][data-gallery] [data-board="img"]{height:206px;}	
	
    .board-view-photo_img{height:325rem;}
	.board-view__list-wrap strong{font-size:22rem;}
	.board-view__list li a{word-break:break-all;}
	.board-view-photo__info .board-view__list-wrap ul{margin-top:20rem;}
	.board-view-photo__info .board-view__list-wrap{padding-top:30rem;}
	.board-view-photo__content strong{font-size:15rem;}
	.board-view-photo__content div{font-size:14rem;}
	.board-view a.pager_list,
	.board-view-photo a.pager_list{width:100% !important;}
	.board-view__file a{font-size:10rem;}
	.board-view-photo{margin-top:0;}	
	
    .lnb::before{width:100%; border-top-right-radius:10rem;}

	.bbsLink{padding:8rem 0; font-size:12rem; text-align:left;}
}