@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

:root {
  --box-shadow-036: 0px 3px 6px rgba(0, 0, 0, 0.16);

}

html {overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000;}
body{
	-webkit-text-size-adjust: 100%;
}
#container {overflow: hidden;}
*, input, button, h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', 'Malgun Gothic', dotum, sans-serif;}
.pretendard,
.pretendard * {font-family: 'Pretendard', 'Poppins', 'Malgun Gothic', dotum, sans-serif !important;}

.dn {display: none !important;}
.overflow_hidden {overflow: hidden;}
.mgl28 {margin-left: 28px !important;}
.mgl40 {margin-left: 40px !important;}
.mgl60 {margin-left: 60px !important;}

@keyframes transY{0%{}100%{opacity:1;transform: translateY(0);}}
.transY {transform: translateY(100px); opacity: 0;}
.motion .transY {animation: transY 1s forwards;}
.motion .ani1 {animation-delay: .1s !important;}
.motion .ani2 {animation-delay: .2s !important;}
.motion .ani3 {animation-delay: .3s !important;}
.motion .ani4 {animation-delay: .4s !important;}
.motion .ani5 {animation-delay: .5s !important;}
.motion .ani6 {animation-delay: .6s !important;}
.motion .ani7 {animation-delay: .7s !important;}
.motion .ani8 {animation-delay: .8s !important;}
.motion .ani9 {animation-delay: .9s !important;}
.motion .ani10 {animation-delay: 1.0s !important;}
.motion .ani12 {animation-delay: 1.2s !important;}
.motion .ani14 {animation-delay: 1.4s !important;}
.motion .ani15 {animation-delay: 1.5s !important;}
.motion .ani16 {animation-delay: 1.6s !important;}
.motion .ani18 {animation-delay: 1.8s !important;}
.motion .ani21 {animation-delay: 2.1s !important;}
.motion .ani24 {animation-delay: 2.4s !important;}

#container {width: 100%; max-width: 1400px;}
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width: 100%; max-width: 1400px;}
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #topMenu .nav_cont {width: 100%; max-width: 1920px; margin: auto;}

.c-scrollbar {position: absolute; right: 0; top: 0; width: 11px; height: 100%; opacity: 0.1; transform-origin: center right; transition: transform 0.3s, opacity 0.3s; z-index: 10;}
.c-scrollbar:hover {opacity: 1; transform: scaleX(1.45);}
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {opacity: 1; }
[data-scroll-direction="horizontal"] .c-scrollbar {width: 100%; height: 10px; top: auto; bottom: 0; transform: scaleY(1);}
[data-scroll-direction="horizontal"] .c-scrollbar:hover {transform: scaleY(1.3); }
.c-scrollbar_thumb {position: absolute; top: 0; right: 0; background-color: #666; width: 7px; margin: 2px; transition: background-color 0.2s ease;}

/* footer - start */
#ft {background: #111;}
#ft_wr {padding: 80px 0 50px; max-width: 1920px; margin: auto;}
#ft .ft_map {padding: 0 0 0 0;}
#ft .ft_map #map {width:100%;height:460px; border-radius: 40px;}
#ft .ft_copy {padding: 70px 0 0 0; display: block; text-align: right; font-size: 14px; font-weight: 500; color: #fff; line-height: normal;}
.tail_inquiries {background: #111;}
.tail_inquiries .cont_box {padding: 80px 100px 40px 100px; width: 100%; max-width: 1920px; margin: auto;}
.tail_inquiries .cont_box > h1 {font-size: 210px; font-weight: bold; line-height: 295px; color: #fff;}
.tail_inquiries .cont_box .float_box {display: inline-block; width: 100%; position: relative; min-height: 210px;}
.tail_inquiries .cont_box .float_box > h4 {font-size: 40px; font-weight: bold; line-height: 52px; color: #fff;}
.tail_inquiries .cont_box .float_box .btn_ft_contact_us {position: absolute; top: 0; right: 0; display: inline-block;width: 210px; height: 210px; background: #0028FA url('../img/custom/icon_contact_bg.svg') no-repeat center center; border: 0; border-radius: 100%;}
.tail_inquiries .cont_box .float_box .btn_ft_contact_us > img {position: absolute; top: 50%; left: 50%; margin: -90px 0 0 -90px; animation: rotate 8s linear infinite;}
.tail_inquiries .cont_box .copyright {padding: 70px 0 0 0; display: block; text-align: right; font-size: 14px; font-weight: 500; color: #fff; line-height: normal;}

.ft_tail_map_pd {padding: 0 100px;}
/* footer - end */

/* header - start */
#wrapper {padding-top: 80px; min-height: calc(var(--vh, 1vh) * 100); }
#wgWrap {background: #fff;}
#hd {position:revert-layer; background: none !important;}
#hd #tnb {mix-blend-mode: difference; transform: translate3d(0,0,0); background: none; height: 80px; overflow: hidden; border: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 101;}
#hd #tnb .inner {padding: 0 100px; }
#hd .hd_logo {display: inline-block; margin: 25px 0;}
#hd .hd_logo a {display: inline-block;}
#hd .hd_logo .hd_text_logo {display: inline-block; margin: 25px 0;}
#hd .hd_logo .logo_text {display: none; padding-left: 11px; opacity: 0; /*transition: 1s opacity;*/ pointer-events: none;}
/*#hd .hd_logo.open .logo_text {opacity: 1;}*/
#hd #tnb #hd_qnb {font-size: 0; display: inline-block; float: right;}
#hd #tnb #hd_qnb > li {border: 0; font-size: 0; margin: 30px 0 25px 0; padding: 0;}
#hd #tnb #hd_qnb > li.hd_menu_li {margin: 24px 0;}
#hd #tnb #hd_qnb > li > a {font-size: 18px; font-weight: bold; line-height: 21px; color: #fff;}
#hd #tnb #hd_qnb > li .btn_open_top_menu {background: url('../img/custom/icon_menu_32.svg') no-repeat center center; width: 32px; height: 32px; font-size: 0; padding: 0; border: 0; position: relative; background: none; height: 30px;}
#hd #tnb #hd_qnb .line {display: block; position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background: #fff; margin: 0 0 0 -1px;}
#hd #topMenu {position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background: #111; display: none; transform : translate(-100%, 0);}
#hd.open #topMenu {display: block;}
#hd #topMenu .btn_close_top_menu {background: url('../img/custom/icon_close_32.svg') no-repeat center center; width: 32px; height: 32px; border: 0;}
#hd #topMenu #tnb {background: #111; border: 0;}
#hd #topMenu .nav_cont_scroll {padding-top: 80px; overflow-y: scroll; height: 100%;}
#hd #topMenu .nav_cont_scroll::-webkit-scrollbar {width: 0; }
#hd #topMenu .nav_cont {padding: 80px 100px 0 100px; position: relative; min-height: calc(var(--vh, 1vh) * 100 - 160px);}
#hd #topMenu .nav_cont_left {display: inline-block; vertical-align: top;  }
#hd #topMenu .nav_cont_left > ul > li {opacity: 0; font-size: 0; padding: 24.5px 0; transform: translate(-100%, 0);}
/*#hd #topMenu .nav_cont_left > ul > li.on { padding: 18px 0;}*/
#hd #topMenu .nav_cont_left > ul > li a {font-size: 80px; font-weight: bold; line-height: normal;  line-height: 119px; color: #fff; transition: color .3s cubic-bezier(0,0,.5,1);}
#hd #topMenu .nav_cont_left > ul > li a:hover {display: inline-block; min-width: 387px; line-height: 119px; width: auto; height: 119px; padding: 0 48px; background: #fff; color: #111111; border: 1px solid #707070; border-radius: 59px; }
#hd #topMenu .nav_cont_right {display: inline-block; vertical-align: top; box-sizing: border-box; position: absolute; right: 100px; bottom: 40px;}
#hd #topMenu .nav_cont_right .contact_us_box {opacity: 0; padding: 0 0 60px 0; text-align: right;}
#hd #topMenu .nav_cont_right .contact_us_box .btn_ft_contact_us {position: relative; display: inline-block;width: 210px; height: 210px; background: #0028FA url('../img/custom/icon_contact_bg.svg') no-repeat center center; border: 0; border-radius: 100%;}
#hd #topMenu .nav_cont_right .contact_us_box .btn_ft_contact_us > img {position: absolute; top: 50%; left: 50%; margin: -90px 0 0 -90px; animation: rotate 8s linear infinite;}
#hd #topMenu .nav_cont_right > ul {display: table;}
#hd #topMenu .nav_cont_right > ul .cont_table_cell {opacity: 0; display: table-cell; vertical-align: top;}
#hd #topMenu .nav_cont_right > ul .cont_table_cell > h1 {font-size: 24px; font-weight: bold; line-height: normal; color: #fff; position: relative;}
#hd #topMenu .nav_cont_right > ul .cont_table_cell > ul {}
#hd #topMenu .nav_cont_right > ul .cont_table_cell > ul > li {padding-top: 32px;}
#hd #topMenu .nav_cont_right > ul .cont_table_cell > ul > li > h3 {font-size: 18px; font-weight: 500; color: #636363;}
#hd #topMenu .nav_cont_right > ul .cont_table_cell > ul > li > p {font-size: 18px; font-weight: 500; color: #fff; padding-top: 12px;}
#hd #topMenu .nav_cont_right > ul .cont_table_cell > ul.download_ul {margin-top: -2px;}
#hd #topMenu .nav_cont_right > ul .cont_table_cell > ul > li > a {font-size: 16px; font-weight: 500; color: #fff;}
/* header - end */


/* index - start */
.wg_main {background: #111;}
.wg_main .main_box {width: 100%; height: 100%; max-width: 1400px; margin: auto;}
.wg_main #ABOUT {text-align: left; background: #111; /*padding: 148px 0 0 0;*/}
.wg_main #ABOUT .cont_01_box {max-width: 1400px; margin: auto; /*padding-bottom: 425px;*/ height: calc(var(--vh, 1vh) * 100); position: relative;}
.wg_main #ABOUT .cont_01_box .item_cont {width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.wg_main #ABOUT .item_text {font-size: 0;}
.wg_main #ABOUT .item_text > span {display: inline-block; vertical-align: middle; font-size: 140px; font-weight: bold; line-height: 196px; color: #fff;}
.wg_main #ABOUT .item_text > img {display: inline-block; vertical-align: middle; margin: 0 0 0 40px;}
.wg_main #ABOUT .item_creative {padding-left: 220px;}
.wg_main #ABOUT .item_creative > img {margin: 0 40px 0 0px;}
.wg_main #ABOUT .item_idea {padding-left: 496px;}
.wg_main #ABOUT .item_insight {padding-left: 262px;}
.wg_main #ABOUT .cont_02_box {max-width: 1400px; margin: auto; /*padding: 0 0 299px 0;*/ height: calc(var(--vh, 1vh) * 100); position: relative;}
.wg_main #ABOUT .cont_02_box .item_cont {width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.wg_main #ABOUT .cont_02_box .item_cont > h1 {display: inline-block; font-size: 210px; font-weight: bold; line-height: 200px; color: #fff;}
.wg_main #ABOUT .cont_02_box .item_cont > span {display: inline-block; padding-left: 40px; font-size: 24px; font-weight: normal; line-height: 35px; color: #fff; }
.wg_main #ABOUT .cont_02_box .item_genius {white-space: nowrap; margin-top: 40px; display: flex; align-items: center; background: #fff; border-radius: 136px; overflow: hidden; font-size: 0;}
/*.wg_main #ABOUT .cont_02_box .item_genius span:first-child {margin-left: -53px;}*/
.wg_main #ABOUT .cont_02_box .item_genius span {display: inline-block; vertical-align: middle; font-size: 210px; font-weight: bold; line-height: 200px; letter-spacing: -3px; color: #111; margin: 0 40px;}
.wg_main #ABOUT .cont_02_box .item_genius img {display: inline-block; vertical-align: middle; margin: 0 40px;}
.wg_main #WORKS {background: #1E1E1E; padding: 128px 0 161px 0; border-radius: 80px 80px 0 0;}
.wg_main #WORKS .main_tit {font-size: 0; padding: 0 0 40px 0;}
.wg_main #WORKS .main_tit > h3 {display: inline-block; font-size: 0;}
.wg_main #WORKS .main_tit > h3 > a {display: inline-block; vertical-align: top; font-size: 80px; font-weight: bold; color: #fff; line-height: 1.5;}
.wg_main #WORKS .main_tit > span {display: inline-block; vertical-align: top; padding-left: 12px; font-size: 40px; font-weight: normal; line-height: 1.5; color: #636363;}
.wg_main #WORKS .works_swiper {position: relative;}
.wg_main #WORKS .works_swiper .swiper-button-prev {position: absolute; z-index: 2; top: 260px; margin-left: 20px; background: rgb(0,0,0,0.6) url('../img/custom/icon_arrow_prev_36.svg') no-repeat center center; width: 68px; height: 68px; display: inline-block; border-radius: 100%; border: 0;}
.wg_main #WORKS .works_swiper .swiper-button-next {position: absolute; z-index: 1; top: 260px; margin-right: 0; background: rgb(0,0,0,0.6) url('../img/custom/icon_arrow_next_36.svg') no-repeat center center; width: 68px; height: 68px; display: inline-block; border-radius: 100%; border: 0;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}

/* WORKS 섹션 내 내비게이션 버튼/아이콘 숨김 (다른 섹션 영향 없음) */
.wg_main #WORKS .works_swiper .swiper-button-prev > svg, .wg_main #WORKS .works_swiper .swiper-button-next > svg {display: none;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0;}
.wg_main #WORKS .works_swiper .item_list {width: 530px; display: inline-block; vertical-align: top; margin-right: 40px;}
.wg_main #WORKS .works_swiper .item_list .img_box {min-height: 530px; border-radius: 40px; overflow: hidden; box-sizing: border-box; font-size: 0; position: relative;} 
.wg_main #WORKS .works_swiper .item_list .img_box a {font-size: 0; width: 100%; height: 100%; min-height: 528px; display: inline-block;}
.wg_main #WORKS .works_swiper .item_list .img_box a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.wg_main #WORKS .works_swiper .item_list .item_cont {margin: 24px 0 0 0; position: relative; font-size: 0;} 
.wg_main #WORKS .works_swiper .item_list .item_cont > p {}
.wg_main #WORKS .works_swiper .item_list .item_cont .subject {font-size: 40px; line-height: 47px; font-weight: bold; color: #fff; margin-right: 170px; text-wrap: nowrap;  overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 360px;}
.wg_main #WORKS .works_swiper .item_list .item_cont .item_icon_box {position: absolute; top: 0; right: 0;}
.wg_main #WORKS .works_swiper .item_list .item_cont .item_icon_box > span {margin-right: 4px; border-radius: 50px; background: #636363; border: 0; text-align: center; padding: 0 12px; box-sizing: border-box; font-size: 17px; font-weight: normal; line-height: 32px; height: 32px; color: #fff; }
.wg_main #WORKS .works_swiper .item_list .item_cont .item_icon_box > span:last-child {margin-right: 0;}
.wg_main #WORKS .works_swiper .item_list .item_cont .desc {padding: 13px 0 0 0; font-size: 18px; font-weight: normal; line-height: 1.5; color: #B4B4B4;}
.wg_main #SERVICE {font-size: 0;background: #fff; height: 1080px; position: relative; padding: 0 0 0 0;}
.wg_service_section .service_index {padding: 80px 0 80px 0; position: absolute;; width: 100%; height: 100%; max-width: 1400px; left: 50%; transform: translateX(-50%); font-size: 0;}
.wg_service_section .service_index .main_service_tit {}
.wg_service_section .service_index .main_service_tit > h3 {font-size: 80px; font-weight: bold; line-height: 1.5; color: #111;padding: 0 0 40px 0;}
.wg_service_section .service_index .main_service_tit > p {font-size: 40px; font-weight: bold; line-height: 1.2; color: #636363;}
.wg_service_section .service_index .contact_us_box {position: absolute; left: 0; bottom: 80px;}
.wg_service_section .service_index .contact_us_box .btn_service_contact {font-size: 24px; font-weight: bold; line-height: normal; height: 72px; background:#111111; border-radius: 51px; color: #fff; padding: 0 40px; margin-right: 8px;}
.wg_service_section .service_index .contact_us_box .btn_service_enter {background: #111111 url('../img/custom/icon_enter_36.svg') no-repeat center center; width: 72px; height: 72px; border-radius: 100%; }
.wg_service_section .service_sub_box {position: absolute; top: 0; right: 0; height: 100%;}
.wg_service_section .service_sub {min-width: 130px; padding-right: 30px; position: relative; display: inline-block; vertical-align: top; top: 0; right: -45px; height: 100%; border-radius: 40px 0 0 40px; cursor: pointer;}
.wg_service_section .service_sub#servicePlanning {background: #0028FA; /*padding-right: 300px;*/ right: -201px;}
.wg_service_section .service_sub#serviceDesign {background: #FAD000; /*padding-right: 200px;*/ right: -149px;}
.wg_service_section .service_sub#servicePublishing {background: #9700FA; /*padding-right: 100px;*/ right: -97px;}
.wg_service_section .service_sub#serviceDevelopment {background: #fff;}
.wg_service_section .service_sub .first_text {display: inline-block; width: 70px; height: 70px; background: #111111; border-radius: 100%; font-size: 40px; font-weight: bold; text-align: center; line-height: 70px; color: #fff;}
.wg_service_section .service_sub .open_area {cursor: pointer; transition: width 0.5s; opacity: 0; /*display: none;*/ width: 0; margin: 80px 60px 80px 60px;}
.wg_service_section .service_sub .open_area.on {transition: width 0.5s, opacity 1s; opacity: 1; display: block; width: 480px;}
.wg_service_section .service_sub .open_area .area_cont { }
.wg_service_section .service_sub .open_area .area_cont .header-container > h3 {font-size: 80px; font-weight: bold; line-height: 1.5; padding: 40px 0; color: #111;}
.wg_service_section .service_sub .open_area .area_cont > ul li {text-wrap: nowrap; font-size: 24px; font-weight: normal; line-height: 1.5; color: #111; padding: 0 0 16px 0;}
.wg_service_section .service_sub .open_area .area_cont > ul li:last-child {padding-bottom: 0;}
.wg_service_section .service_sub .open_area .area_cont > .bg_img {position: absolute; left: 60px; bottom: 80px;width: 480px; height: 300px; background-blend-mode: darken; border-radius: 53px; }
.wg_service_section .service_sub#servicePlanning .open_area .area_cont > .bg_img {background: url('../img/custom/bg_service_planning_480.png') no-repeat center center / 480px, #0028FA;}
.wg_service_section .service_sub#serviceDesign .open_area .area_cont > .bg_img {background: url('../img/custom/bg_service_design_480.png') no-repeat center center / 480px, #FAD000;}
.wg_service_section .service_sub#servicePublishing .open_area .area_cont > .bg_img {background: url('../img/custom/bg_service_publishing_480.png') no-repeat center center / 480px, #9700FA;}
.wg_service_section .service_sub#serviceDevelopment .open_area .area_cont > .bg_img {background: url('../img/custom/bg_service_development_480.png') no-repeat center center / 480px, #fff;}
.wg_service_section .service_sub#serviceDevelopment .open_area.on {width: 580px;}
.wg_service_section .service_sub .close_area {display: none; width: 100px; height: 100%; padding: 80px 15px; position: relative; cursor: pointer;position: absolute; top: 0;  left: 0;  }
.wg_service_section .service_sub .close_area.on {display: block;}
.wg_service_section .service_sub .close_area > span {display: block; position: absolute; bottom: 80px; font-size: 40px; font-weight: bold; line-height: 70px; color: #111; writing-mode: vertical-lr; transform: rotate(180deg);}
.wg_main #CONTACT {background: #EEEEEE; padding: 224px 0;}
.wg_main #CONTACT .contact_cont {width: 100%; margin: auto; text-align: center;}
.wg_main #CONTACT .contact_cont > h3 {padding: 0 0 40px 0; font-size: 80px; font-weight: bold; color: #111; line-height: 100px;}
.wg_main #CONTACT .contact_cont .wg_main_contact {}
.wg_main #CONTACT .contact_cont .wg_main_contact ul {font-size: 0; text-align: left;}
.wg_main #CONTACT .contact_cont .wg_main_contact ul > li {display: inline-block; width: 25%; height: 120px;}
.wg_main .section_05 {padding: 80px 100px 0; background: #111; max-width: 1920px; margin: auto;}
.wg_main .section_05 .ft_tit_box {position: relative;}
.wg_main .section_05 .ft_tit_box .ft_tit_1 {font-size: 210px; font-weight: bold; line-height: 1.18; color: #fff; text-align: left;}
.wg_main .section_05 .ft_tit_box .ft_tit_2 {position: absolute; top: 0; right: 0; font-size: 210px; font-weight: bold; line-height: 1.2; color: #fff;}
.wg_main .section_05 .ft_tit_box .btn_ft_contact_us {position: absolute; bottom: 0; right: 0;width: 210px; height: 210px; background: #0028FA url('../img/custom/icon_contact_bg.svg') no-repeat center center; border: 0; border-radius: 100%;}
.wg_main .section_05 .ft_tit_box .btn_ft_contact_us > img {position: absolute; top: 50%; left: 50%; margin: -90px 0 0 -90px; animation: rotate 8s linear infinite;}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.wg_main .section_05 .ft_cont {padding: 70px 0 0 0; min-height: 424px; box-sizing: border-box; text-align: left;}
.wg_main .section_05 .ft_cont .ft_cont_left {display: inline-block; vertical-align: top;}
.wg_main .section_05 .ft_cont .ft_cont_left > h3 {font-size: 40px; font-weight: bold; line-height: 1.3; color: #B4B4B4; margin-bottom: 12px;}
.wg_main .section_05 .ft_cont .ft_cont_left > p {font-size: 20px; font-weight: bold; line-height: 1.2; color: #B4B4B4;}
.wg_main .section_05 .ft_cont .ft_cont_right {display: inline-block; vertical-align: top; padding-left: 200px; box-sizing: border-box;}
.wg_main .section_05 .ft_cont .ft_cont_right > ul {display: table;}
.wg_main .section_05 .ft_cont .ft_cont_right > ul .cont_table_cell {display: table-cell; vertical-align: top;}
.wg_main .section_05 .ft_cont .ft_cont_right > ul .cont_table_cell > h1 {font-size: 24px; font-weight: bold; line-height: normal; color: #fff; position: relative;}
.wg_main .section_05 .ft_cont .ft_cont_right > ul .cont_table_cell > ul {}
.wg_main .section_05 .ft_cont .ft_cont_right > ul .cont_table_cell > ul > li {padding-top: 32px;}
.wg_main .section_05 .ft_cont .ft_cont_right > ul .cont_table_cell > ul > li > h3 {font-size: 18px; font-weight: 500; color: #636363;}
.wg_main .section_05 .ft_cont .ft_cont_right > ul .cont_table_cell > ul > li > p {font-size: 18px; font-weight: 500; color: #fff; padding-top: 12px;}
.wg_main .section_05 .ft_cont .ft_cont_right > ul .cont_table_cell > ul.download_ul {margin-top: -2px;}
.wg_main .section_05 .ft_cont .ft_cont_right > ul .cont_table_cell > ul > li > a {font-size: 16px; font-weight: 500; color: #fff;}
/* index - end */ 

/* contact - start */
.wg_bd_project {padding-top: 120px;}
.wg_bd_project .bd_title {}
.wg_bd_project .bd_title > h1 {font-size: 80px; font-weight: bold; line-height: 1.1; padding-bottom: 41px; color: #FFFFFF;}
.wg_bd_project .bd_title > h1 > strong {font-size: 80px; font-weight: bold; color: #636363;}
.wg_bd_project .bd_title > p {font-size: 28px; font-weight: normal; line-height: 1.2; color: #FFFFFF;}
.wg_bd_project .bd_title .mo_ver {display: none;}
.wg_bd_project #fwrite {width: 692px !important; float: right; padding: 80px 0 40px 0;}
#wrapper .wg_bd_project .write_div {margin: 0; font-size: 0;}
.wg_bd_project .write_div input[type="text"],
.wg_bd_project .write_div input[type="password"] {margin: 0 !important; height: 52px; font-size: 16px; line-height: normal; font-weight: normal; color: #fff; background: none;  border: 1px solid #636363; box-sizing: border-box; border-radius: 8px; padding: 17px 20px;}
.wg_bd_project .write_div textarea {height: 200px !important; resize: none; font-size: 16px; line-height: 1.2; font-weight: normal; color: #fff; background: none; border: 1px solid #636363; box-sizing: border-box; border-radius: 8px; padding: 17px 20px;}
.wg_bd_project .write_div input[type="text"]:placeholder,
.wg_bd_project .write_div input[type="password"]:placeholder,
.wg_bd_project .write_div textarea:placeholder {color: #636363;}
.wg_bd_project .write_div input[type="text"]:focus {color: #fff;} 
.wg_bd_project .chk_box input[type="checkbox"] + label {color: #fff;}
.wg_bd_project .chk_box input[type="checkbox"]:checked + label {color: #fff;}
.wg_bd_project #captcha #captcha_key {color: #111;}
#wrapper .wg_bd_project .bo_w_tit #btn_autosave {top: 10px; right: 10px;}
.wg_bd_project .write_div .bd_w_list_title {display: block; padding: 0 0 12px 0; font-size: 16px; font-weight: normal; line-height: 19px; color: #FFFFFF;}
.wg_bd_project .write_div .full_box {display: inline-block; vertical-align: top; width: 100%; padding: 0 0 30px 0;}
.wg_bd_project .write_div .half_box {display: inline-block; vertical-align: top; width: 50%; padding: 0 0 30px 0;}
.wg_bd_project .write_div .half_box:nth-of-type(1) {padding-right: 7.5px;}
.wg_bd_project .write_div .half_box:nth-of-type(2) {padding-left: 7.5px;}
#wrapper .wg_bd_project .write_div select {background: url('../img/custom/icon_arrow_default_bottom_16.svg') no-repeat right 20px center; border-radius: 8px; border: 1px solid #636363; box-sizing: border-box; padding: 0 20px; height: 52px;font-size: 16px; font-weight: normal; line-height: 50px; color: #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.wg_bd_project .write_div .chosen-container-single .chosen-single {background: none; border-radius: 8px; border: 1px solid #636363; box-sizing: border-box; padding: 0 20px; height: 52px; box-shadow: none;}
.wg_bd_project .write_div .chosen-container-single .chosen-single span {font-size: 16px; font-weight: normal; line-height: 50px; color: #fff;}
.wg_bd_project .write_div .chosen-container-single .chosen-single div {width: 36px;}
.wg_bd_project .write_div .chosen-container-single .chosen-single div b {background: url('../img/custom/icon_arrow_default_bottom_16.svg') no-repeat right 20px center !important;}
.wg_bd_project .write_div .chosen-container-active.chosen-with-drop .chosen-single div b {background: url('../img/custom/icon_arrow_default_top_16.svg') no-repeat right 20px center;}
.wg_bd_project .write_div .chosen-container-single .chosen-drop {background: #111111; padding: 12px 12px; box-shadow: none; border: 1px solid #636363; border-radius: 8px; box-sizing: border-box; margin-top: 4px;}
.wg_bd_project .write_div .chosen-container .chosen-results {margin: 0; padding: 0; max-height: 260px;}
.wg_bd_project .write_div .chosen-container .chosen-results::-webkit-scrollbar {width: 4px; height: 4px;}
.wg_bd_project .write_div .chosen-container .chosen-results::-webkit-scrollbar-thumb {background: #636363; border-radius: 40px; width: 4px;}
.wg_bd_project .write_div .chosen-container .chosen-results::-webkit-scrollbar-track {background: #111; border-radius: 40px; width: 4px;}
.wg_bd_project .write_div .chosen-container .chosen-results li {font-size: 16px; font-weight: normal; line-height: 1.2; padding: 8px; color: #FFF;}
.wg_bd_project .write_div .chosen-container .chosen-results li.highlighted {background: #636363;}
#wrapper .wg_bd_project .bo_w_flie {position: relative;}
#wrapper .wg_bd_project .bo_w_flie .file_wr {background: none; border: 0; height: 19px; padding: 0;}
#wrapper .wg_bd_project .bo_w_flie .file_wr .lb_icon {font-size: 16px; font-weight: normal; line-height: 22px; text-align: left; color: #FFFFFF; width: 94px; height: 22px; display: inline-block; background: #111; position: absolute;}
#wrapper .wg_bd_project .bo_w_flie .btn_file_box {margin: 0; padding: 0px; font-size: 0; border: 0; position: absolute; top: 0; right: 0; width: 16px; height: 16px; background: url('../img/custom/icon_upload_16.svg') no-repeat center center; cursor: pointer;}
#wrapper .wg_bd_project .bo_w_flie .frm_file {margin: 0; padding: 0;overflow: hidden; border: 0; color: #B4B4B4; font-size: 12px; padding-left: 27px;}
#wrapper .wg_bd_project .bo_w_flie .file_del {top: 3px; right: 30px;}
.wg_bd_project .file_table table {width: 100%; border-collapse: collapse;}
.wg_bd_project .file_table table tr {border-bottom: 10px solid #111; position: relative;}
.wg_bd_project .file_table table th {font-size: 16px; font-weight: normal; line-height: 29px; text-align: left; color: #FFFFFF; width: 94px; height: 29px; padding: 1px 0 0 0; display: inline-block; background: #111; position: absolute; z-index: 2;}
.wg_bd_project .file_table table td {position: relative;}
.wg_bd_project .file_table table td input[type="file"] {cursor: pointer; background: none; border: 0; padding: 0; color: #B4B4B4; padding-left: 9px;/*4->9*/ height: auto; position: relative; top: -1px; font-size: 16px;}
.wg_bd_project .file_table table td > label {color: #B4B4B4; max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wg_bd_project .file_table table td::after {content: ''; position: absolute; top: 0; left: 0; width: 90px; height: 30px; background: #111; z-index: 1;}
.wg_bd_project .file_table .fwzadd {margin: 0; padding: 0px; font-size: 0; border: 0; position: absolute; top: 6px; right: 0; width: 16px; height: 16px; background: url('../img/custom/icon_upload_16.svg') no-repeat center center; cursor: pointer;}
.wg_bd_project .file_table .fwzdel {margin: 0; padding: 0px; font-size: 0; border: 0; position: absolute; top: 6px; right: 0; width: 16px; height: 16px; background: url('../img/custom/icon_upload_minus_16.png') no-repeat center center / 16px; cursor: pointer;}
#wrapper .wg_bd_project .btn_confirm {padding: 70px 0 0 0;}
.wg_bd_project .btn_cancel {display: none;}
.wg_bd_project .btn_submit {display: inline-block; width:100%; height: 72px; border-radius: 51px; box-sizing: border-box; border: 0; background: #0028FA; font-size: 24px !important; font-weight: bold; line-height: normal; color: #111111;}
.wg_bd_project .shop_info_left {position: absolute; bottom: 40px; left: 0;}
.wg_bd_project .shop_info_left > ul > li {padding: 40px 0 0 0;}
.wg_bd_project .shop_info_left > ul > li > h3 {font-size: 24px; font-weight: bold; line-height: 33px; color: #636363; padding: 0 0 20px 0;}
.wg_bd_project .shop_info_left > ul > li > p {font-size: 16px; font-weight: 500; line-height: 19px; color: #fff;}
.wg_bd_project .shop_info_left > ul > li > a {font-size: 18px; font-weight: 500; line-height: 21px; color: #fff;}
.wg_bd_project .ft_cont {display: none;}
/* contact - end */

/* service - start */
.wg_service {background: #111;}
.wg_service .section_01 {background: #111; /*padding: 253px 0 172px 0;*/ text-align: center; height: calc(var(--vh, 1vh) * 100); position: relative; }
.wg_service .section_01 .item_cont {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.wg_service .section_01 .item_cont .img_box {position: relative;width: 402px; margin: auto; /*transform-style: preserve-3d; transition: transform 1s cubic-bezier(.24,.74,.55,.9); will-change: transform; transform-origin: center center; transform: translateZ(0) translate3d(0, 0, 0);*/}
/*.wg_service .section_01.out .item_cont .img_box {transform: translate(-50%, -75%) scale(150) translate3d(0,0,0); transition: transform 1s cubic-bezier(.67,0,.79,.49);}*/
.wg_service .section_01 .item_cont .img_box > img {width: 100%; }
.wg_service .section_01 .item_cont .img_box > svg {width: 100%; height: 100%; image-rendering: optimizeQuality;  backface-visibility: hidden;}
.wg_service .section_01 .item_cont .img_box .ani_img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) translateZ(0) translate3d(0, 0, 0); /*transition: width 0.8s cubic-bezier(.24,.74,.55,.9);*/ }
.wg_service .section_01 .item_cont .img_box .ori_img {opacity: 0; transform: translateZ(0) translate3d(0, 0, 0);}
.wg_service .section_01.mobile .item_cont .img_box .ani_img {transition: width 0.6s cubic-bezier(.24,.74,.55,.9);}
.wg_service .section_01.mobile.out .item_cont .img_box .ani_img {width: 1800vh; transition: width 0.6s cubic-bezier(.67,0,.79,.49);}

.wg_service .section_01 .item_cont > h1 {font-size: 210px; font-weight: bold; line-height: 1.4; color: #fff; padding-top: 60px; letter-spacing: -4px; mix-blend-mode: difference; transform: translate3d(0,0,0);}
.wg_service .section_01 .item_cont .pc_view {display: block;}
.wg_service .section_01 .item_cont .mo_view {display: none;}
.wg_service .section_02 {/*min-height: 1080px;*/padding: 0 40px 0 40px; box-sizing: border-box; max-width: 1480px; margin: auto; height: calc(var(--vh, 1vh) * 100);  position: relative; display: flex; flex-direction: column; justify-content: center;}
.wg_service .section_02 .item_cont {width: 100%;}
.wg_service .section_02 .select_tit {}
.wg_service .section_02 .select_tit > ul {font-size: 0;}
.wg_service .section_02 .select_tit > ul > li {display: inline-block; vertical-align: middle; font-size: 0;}
.wg_service .section_02 .select_tit > ul > li.dot:after {content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 100%; background: #0028FA; margin: 0 12px; position: relative; z-index: 1;}
.wg_service .section_02 .select_tit > ul > li.dot:last-child:after {display: none;}
.wg_service .section_02 .select_tit > ul > li.on {color: #fff;}
.wg_service .section_02 .select_tit > ul > li > span {display: inline-block; vertical-align: middle; font-size: 80px; font-weight: bold; line-height: 1.4; letter-spacing: -2px; color: #666; transition: color .3s cubic-bezier(0,0,.5,1);  mix-blend-mode: difference;  transform: translate3d(0,0,0); }
.wg_service .section_02 .select_tit > ul > li.on > span {color: #fff;}
.wg_service .section_02 .cont_box {display: none;}
.wg_service .section_02 .cont_box.on {display: block;}
.wg_service .section_02 .cont_box.first_on {display: block;}
.wg_service .section_02 .cont_box .table_box{display: table; width: 100%; padding-top: clamp(120px, 20vh, 286px);}
.wg_service .section_02 .cont_box .table_box .cell_box {display: table-cell; vertical-align: bottom; width: 50%; }
.wg_service .section_02 .cont_box .table_box .cell_box > img {width: 100%;} 
.wg_service .section_02 .cont_box .table_box .cell_text_box {padding-left: 80px;}
.wg_service .section_02 .cont_box .table_box .cell_text_box > p {font-size: 24PX; FONT-weight: bold; line-height: 36px;}
.wg_service .section_03 {font-size: 0; background: #fff; height: 1080px; position: relative; padding: 0 0 0 260px; border-top: 0; border-bottom: 0;}
.wg_service .section_03 .wg_service_section .service_index .main_service_tit > h3 {display: none;}
.wg_service .section_03 .wg_service_section .service_index {padding-top: 100px;}
.wg_service .section_04 {min-height: 1080px; background: #EEEEEE; position: relative;}
.wg_service .section_04 .contact_cont {}
.wg_service .section_04 .wg_service_contact {position: absolute; top:50%; transform: translateY(-50%); width: 100%; z-index: 1;}
.wg_service .section_04 .wg_service_contact .rolling-list {display: inline-block; width: 100%; padding-bottom: 160px; display: block; text-align: center; margin: auto; max-width: 1920px;overflow: hidden; font-size: 0;}
.wg_service .section_04 .wg_service_contact .rolling-list .item {display: inline-block; width: auto; vertical-align: middle; margin-right: 0; font-size: 0;}
.wg_service .section_04 .wg_service_contact .rolling-list:last-child {padding-bottom: 0;}
.wg_service .section_04 .wg_service_contact .rolling-list .item img {max-height: 120px;}
/* service - end */

/* works */
.wg_bd_works_list {background: #111;}
.wg_bd_works_list .board {max-width: 1400px; width: 100%; margin: auto; padding: 120px 20px 0 20px; box-sizing: border-box;}
.wg_bd_works_list .board .board_tit {padding: 0 0 40px 0; font-size: 0;}
.wg_bd_works_list .board .board_tit > h3 {font-size: 80px; font-weight: bold; line-height: 112px; color: #fff;}
.wg_bd_works_list .board .board_cont {display: table; width: 100%;}
.wg_bd_works_list .board .board_cont .cont_left {display: table-cell; vertical-align: top; width: 330px;}
.wg_bd_works_list .board .board_cont .cont_left .board_cate_box {}
.wg_bd_works_list .board .board_cont .cont_left .board_cate_box > ul > li {display: block; padding: 0 0 11px 0;}
.wg_bd_works_list .board .board_cont .cont_left .board_cate_box > ul > li button {display: inline-block; vertical-align:top; width: auto; padding: 0; background: none; border: 0; font-size: 40px; font-weight: bold; color: #636363; line-height: 60px;}
.wg_bd_works_list .board .board_cont .cont_left .board_cate_box > ul > li span {display: inline-block; vertical-align:top; padding: 0 0 0 12px; font-size: 24px; font-weight: normal; color: #636363; line-height: 35px;}
.wg_bd_works_list .board .board_cont .cont_left .board_cate_box > ul > li.on button {color: #fff;}

.wg_bd_works_list .board .board_cont .cont_right {display: table-cell; vertical-align: top;}
.wg_bd_works_list .board .board_cont .cont_right .board_list {/*height: 788px;*/ overflow-x: hidden; overflow-y: auto;}
.wg_bd_works_list .board .board_cont .cont_right .board_list::-webkit-scrollbar {width: 4px; height: 4px; display:none;}
.wg_bd_works_list .board .board_cont .cont_right .board_list::-webkit-scrollbar-thumb {background: #636363; display:none; border-radius: 40px; width: 4px;}
.wg_bd_works_list .board .board_cont .cont_right .board_list::-webkit-scrollbar-track {background: #111; border-radius: 40px; width: 4px; display:none;}
.wg_bd_works_list .board .board_cont .cont_right .board_list > ul {margin: -16px -8px 0 -8px; font-size: 0;}
.wg_bd_works_list .board .board_cont .cont_right .board_list > ul li {display: inline-block; vertical-align: top; width: calc(33.33% - 21.96px); margin: 16px 8px 0;}
.wg_bd_works_list .board .board_cont .cont_right .board_list > ul li .item_box {display: inline-block; vertical-align: top; border-radius: 40px; /*width: 340px; height: 480px; margin: 16px 8px 0;*/ overflow: hidden; width: 100%; padding-bottom: 141%; height: 0; position: relative; }
.wg_bd_works_list .board .board_cont .cont_right .board_list > ul li .item_box > img {width: 100%; height: 100%; object-fit: cover; position: absolute;}
.wg_bd_works_list .board .board_cont .cont_right .board_list > ul li .item_box .company_name{
	position: absolute;
    width: 100%;
    font-size: 26px;
	font-weight:600;
    bottom: 0;
    color: #fff;
    text-align: center;
    padding:40px 0 30px;
	transform: translateY(100%); /* 시작 위치를 아래로 설정 */
    transition: transform 0.5s ease, opacity 0.5s ease; /* 부드러운 전환을 위한 트랜지션 */
    opacity: 0; /* 투명도 초기값 설정 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.5));
}

.wg_bd_works_list .board .board_cont .cont_right .board_list > ul li.on .item_box .company_name{
    transform: translateY(0); /* 끝 위치를 위로 설정 */
    opacity: 1; /* 투명도 최종값 설정 */

}

.wg_bd_works_view {}
.wg_bd_works_view .view_tit {font-size: 0;}
.wg_bd_works_view .view_tit > h2 {font-size: 40px; font-weight: bold; line-height: 1.5; color: #B4B4B4;}
.wg_bd_works_view .view_center_tit {font-size: 0; text-align: center; padding: 0 0 100px 0;}
.wg_bd_works_view .view_center_tit > h2 {font-size: 40px; font-weight: bold; line-height: 1.5; color: #B4B4B4;}
.wg_bd_works_view .view_top {padding: 0 0px 160px 0px; background: #111;}

.wg_bd_works_view .view_top .view_top_box {background: #fff; will-change: transform;}
.wg_bd_works_view .view_top .view_main_box {background: #fff; font-size: 0; max-width: 1920px; margin: auto;}
.wg_bd_works_view .view_top .view_main_box .item_left {display: inline-block; vertical-align: top; width: 50%;}
.wg_bd_works_view .view_top .view_main_box .item_left .board_img img {width: 100%; height: 100%; object-fit: cover;}
.wg_bd_works_view .view_top .view_main_box .item_right {position: relative; display: inline-block; vertical-align: top; width: 50%; background: #000; height: 0; padding-bottom: 50%; text-align: right;}
.wg_bd_works_view .view_top .view_main_box .item_right .info_box {position: absolute; right: 100px; bottom: 80px; color: #fff;}
.wg_bd_works_view .view_top .view_main_box .item_right .info_box .icon_box {text-align: right;}
.wg_bd_works_view .view_top .view_main_box .item_right .info_box .board_tit {text-align: right;}

.wg_bd_works_view .view_top .icon_box {text-align: center; font-size: 0;}
.wg_bd_works_view .view_top .icon_box > span {font-size: 18px; font-weight: normal; line-height: 33px; text-align: center; color: #fff; padding: 0 12px; box-sizing: border-box; display: inline-block; width: auto; border-radius: 50px; margin: 0 4px; background: rgb(255,255,255,0.3);}
.wg_bd_works_view .view_top .board_tit {padding-top: 24px; font-size: 0; text-align: center;}
.wg_bd_works_view .view_top .board_tit > h2 {font-size: 120px; font-size: 100px; font-weight: bold; line-height: 1.2;}
.wg_bd_works_view .view_top .board_tit > h3 {font-size: 40px; font-weight: 500; line-height: 1.2;}
.wg_bd_works_view .view_top .copyright {font-size: 16px; font-weight: 400; padding-top: 57px;}

.wg_bd_works_view .view_top .board_box {position: relative; margin-top: 30px;}
.wg_bd_works_view .view_top .board_box .board_img {box-sizing: content-box; margin: 0 auto 0 auto; border-radius: 100%; border: 1px solid #FFFFFF; overflow: hidden; background: #fff; position: relative; z-index: 1;  width: 100%; height: auto; max-width: 600px; max-height: 600px; aspect-ratio: 1 / 1;}
.wg_bd_works_view .view_top .board_box .board_img img {width: 100%; margin: auto; position: relative;}
.wg_bd_works_view .view_top .board_box .board_img_text {font-size: 80px; font-weight: 500; line-height: 1.5; color: #636363; white-space: nowrap; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; z-index: 0; width: 100%;}
.wg_bd_works_view .view_top .board_desc_wrap {padding: 120px 40px 0 40px; font-size: 0; max-width: 1400px; width: 100%; margin: auto; box-sizing: content-box;}
.wg_bd_works_view .view_top .board_desc_wrap .left_box {display: inline-block; vertical-align: top; width: 535px;}
.wg_bd_works_view .view_top .board_desc_wrap .left_box > h3 {font-size: 80px; font-weight: bold; line-height: 1.3; color: #B4B4B4;}
.wg_bd_works_view .view_top .board_desc_wrap .right_box {display: inline-block; vertical-align: top; width: calc(100% - 535px); padding: 27px 0 0 0;}
.wg_bd_works_view .view_top .board_desc_wrap .right_box .desc {padding: 0 0 40px 0;}
.wg_bd_works_view .view_top .board_desc_wrap .right_box .desc > p {font-size: 20px; font-weight: 500; line-height: 1.7; color: #fff; white-space: break-spaces;}
.wg_bd_works_view .view_top .board_desc_wrap .right_box .item_cont {}
.wg_bd_works_view .view_top .board_desc_wrap .right_box .item_cont > dl {font-size: 0; padding: 0 0 20px 0;}
.wg_bd_works_view .view_top .board_desc_wrap .right_box .item_cont > dl:last-child {padding-bottom: 0;}
.wg_bd_works_view .view_top .board_desc_wrap .right_box .item_cont > dl > dt {font-size: 16px; font-weight: 500; line-height: 1.2; color: #B4B4B4; display: inline-block; vertical-align: top; width: 97px; padding-right: 5px; box-sizing: border-box;}
.wg_bd_works_view .view_top .board_desc_wrap .right_box .item_cont > dl > dd {font-size: 16px; font-weight: 500; line-height: 1.2; color: #fff; display: inline-block; vertical-align: top; width: calc(100% - 97px);}
.wg_bd_works_view .view_top .board_desc_wrap .right_box .btn_box {padding: 60px 0 0 0;}
.wg_bd_works_view .view_top .board_desc_wrap .right_box .btn_box .btn_visit {display: inline-block; width: auto; height: 72px; border-radius: 51px; background: #0028FA; border: 0; padding: 0 40px; font-size: 24px; font-weight: bold; color: #000; -webkit-text-fill-color: rgba(0, 0, 0); -webkit-opacity: 1; text-decoration: none;  line-height: normal;}
.wg_bd_works_view .view_top .board_desc_wrap .right_box .btn_box .btn_visit_enter {margin-left: 8px; display: inline-block; border-radius: 100%; width: 72px; height: 72px; background: #0028FA url('../img/custom/icon_contact_bg.svg') no-repeat center center / 36px; border: 0; }
.wg_bd_works_view .view_main_wrap {padding: 0 0; background: #fff; border-bottom: 0;}
.wg_bd_works_view .view_main_wrap .cont_box {max-width: 1920px; margin: auto}
.wg_bd_works_view .view_main_wrap .cont_box img {max-width: 100%;}
.wg_bd_works_view .view_color_wrap {padding: 160px 40px 140px 40px; background: #fff; border-bottom: 0;}
.wg_bd_works_view .view_color_wrap .color_box {max-width: 1400px; margin: auto;}
.wg_bd_works_view .view_color_wrap .color_box .table_box {font-size: 0; display: block; width: 100%; padding-top: 40px; border-spacing: 20px;}
.wg_bd_works_view .view_color_wrap .color_box .table_box .cell_box {display: inline-block; position: relative; height: 280px; border-radius: 40px;color: #fff;}
.wg_bd_works_view .view_color_wrap .color_box .table_box .cell_box.primary_color {width: 100%; margin-bottom: 20px;}
.wg_bd_works_view .view_color_wrap .color_box .table_box .cell_box.secondary_color {width: calc(50% - 13.4px); margin-right: 20px;}
.wg_bd_works_view .view_color_wrap .color_box .table_box .cell_box.sub_color {width: calc(25% - 13.4px); margin-right: 20px;}
.wg_bd_works_view .view_color_wrap .color_box .table_box .cell_box.accent_color {width: calc(25% - 13.4px);}
.wg_bd_works_view .view_color_wrap .color_box .table_box .cell_box .item_cont {position: absolute; right: 40px; bottom: 30px; text-align: right;}
.wg_bd_works_view .view_color_wrap .color_box .table_box .cell_box .item_cont > p {padding: 8px 0 0 0; font-size: 20px; font-weight: 500; line-height: 1.5;}
.wg_bd_works_view .view_font_wrap {margin-top: -1px; padding: 160px 40px; border-bottom: 0; background: #F4F5FA;}
.wg_bd_works_view .view_font_wrap .font_box {max-width: 1400px; margin: auto;}
.wg_bd_works_view .view_font_wrap .font_box .table_box {padding: 40px 0 0 0; display: table; width: 100%;}
.wg_bd_works_view .view_font_wrap .font_box .table_box .cell_box {display: table-cell; width: 50%;}
.wg_bd_works_view .view_font_wrap .font_box .table_box .cell_box > h4 {font-size: 24px; font-weight: 500; line-height: 1.5; color: #111111; padding: 0 0 20px 0;}
.wg_bd_works_view .view_font_wrap .font_box .table_box .cell_box .text_box {}
.wg_bd_works_view .view_font_wrap .font_box .table_box .cell_box .text_box > p {font-size: 40px; font-weight: 500; line-height: 1.4; color: #111111;}
.wg_bd_works_view .view_font_wrap .font_box .table_box .cell_box .text_box > strong {display: block; padding-top: 8px; font-size: 40px; font-weight: bold; line-height: 1.4; color: #111111;}
.wg_bd_works_view .view_sub_wrap {padding: 160px 40px; background: #fff; border-bottom: 0;}
.wg_bd_works_view .view_sub_wrap .cont_box {max-width: 1400px; margin: auto;}
.wg_bd_works_view .view_design_wrap {margin-top: -1px; padding: 160px 0; border-bottom: 0; background: #F2F2F2;}
.wg_bd_works_view .view_design_wrap .cont_box {margin: auto; overflow: hidden;}
.wg_bd_works_view .cont_box .view_tit {padding: 0 40px; box-sizing: content-box; max-width: 1400px; margin: auto;}
.wg_bd_works_view .view_design_wrap .cont_box .design_swiper { padding: 32px 0 0 0; max-width: 1920px; position: relative;  margin:auto; overflow: hidden;}
.wg_bd_works_view .view_design_wrap .cont_box .design_swiper .swiper-slide {display: inline-block; vertical-align: top; width: 375px; height: 667px; border-radius: 35px; overflow: hidden; background: #fff;}
.wg_bd_works_view .view_design_wrap .cont_box .design_swiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.wg_bd_works_view .view_design_wrap .cont_box .design_swiper .swiper-button-prev {position: absolute; z-index: 2; left: 10.95vw; margin-left: 0; display: inline-block; width: 68px; height: 68px; background: rgb(0, 0, 0, 0.6) url('../img/custom/icon_arrow_prev_36.svg') no-repeat center center; border-radius: 100%; border: 0;}
.wg_bd_works_view .view_design_wrap .cont_box .design_swiper .swiper-button-next {position: absolute; z-index: 1; right: 10.95vw; margin-right: 0; display: inline-block; width: 68px; height: 68px; background: rgb(0, 0, 0, 0.6) url('../img/custom/icon_arrow_next_36.svg') no-repeat center center; border-radius: 100%; border: 0;}
.wg_bd_works_view .view_design_wrap .cont_box .design_swiper .swiper-button-prev.swiper-button-lock {display: none;}
.wg_bd_works_view .view_design_wrap .cont_box .design_swiper .swiper-button-next.swiper-button-lock {display: none;}

.wg_bd_works_view .view_design_wrap .cont_box .design_swiper .item_list {display: inline-block; vertical-align: top; width: 375px; /*height: 667px;*/ border-radius: 35px; overflow: hidden; margin: 0 30px;}
.wg_bd_works_view .view_design_wrap .cont_box .design_swiper .item_list img {width: 100%;}
.wg_bd_works_view .view_design_wrap .cont_box .design_swiper .slick-prev {position: absolute; z-index: 2; top: 50%; left: 50%; transform: translateY(-50%); margin-left: -670px; display: inline-block; width: 68px; height: 68px; background: rgb(0, 0, 0, 0.6) url('../img/custom/icon_arrow_prev_36.svg') no-repeat center center; border-radius: 100%; border: 0; font-size: 0;}
.wg_bd_works_view .view_design_wrap .cont_box .design_swiper .slick-next {position: absolute; z-index: 1; top: 50%; right: 50%; transform: translateY(-50%); margin-right: -670px; display: inline-block; width: 68px; height: 68px; background: rgb(0, 0, 0, 0.6) url('../img/custom/icon_arrow_next_36.svg') no-repeat center center; border-radius: 100%; border: 0; font-size: 0;}

.wg_bd_works_view .view_banner_wrap {margin-top: -1px; background: #fff;}
.wg_bd_works_view .view_banner_wrap .banner_box {max-width: auto; margin: auto;}
.wg_bd_works_view .view_banner_wrap .banner_box img {width: 100%; max-height: 700px; min-height: 240px; object-fit: cover;}

.wg_works_write {}
.wg_works_write .write_div {padding-bottom: 5px;}
.wg_works_write .write_title {font-size: 14px; font-weight: 500; padding-bottom: 6px;}
.wg_works_write .color_list li {display: inline-block; width: 120px; text-align: center; vertical-align: top; margin-right: 10px; box-sizing: border-box;}
.wg_works_write .font_list li {display: inline-block; vertical-align: top; margin-right: 10px;}
/* works */

.wg_bd_project .file_table table td .custom-file-upload
{
    color: #B4B4B4;
    padding: 0px 0px;
    border: none;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    margin-left: 110px;
    line-height: 27px;
  font-size: 16px;
}

/* tuning 시작 */
.wg_bd_tuning_list .pc_table_cell_view {display: table-cell;}
.wg_bd_tuning_list .board {max-width: 1400px; width: 100%; margin: auto; padding: 120px 20px 329px 20px; box-sizing: border-box;}
.wg_bd_tuning_list .board .board_tit {padding: 0 0 40px 0; font-size: 0;}
.wg_bd_tuning_list .board .board_tit > h3 {font-size: 80px; font-weight: bold; line-height: 112px; color: #000;}
.wg_bd_tuning_list .board .board_cont {display: table; width: 100%;}
.wg_bd_tuning_list .board .board_cont .cont_left {display: table-cell; vertical-align: top; width: 330px; max-width: 330px;}
.wg_bd_tuning_list .board .board_cont .cont_left .board_recommend_box {padding: 20px; margin-right: 10px; box-shadow: var(--box-shadow-036)}
.wg_bd_tuning_list .board .board_cont .cont_left .board_recommend_box > h4 {font-size: 20px; font-weight: 500; line-height: 1.2;}
.wg_bd_tuning_list .board .board_cont .cont_left .board_recommend_box ul {padding-top: 2px;}
.wg_bd_tuning_list .board .board_cont .cont_left .board_recommend_box ul li {padding: 8px 0; border-radius: 5px;} 
.wg_bd_tuning_list .board .board_cont .cont_left .board_recommend_box ul li p {padding: 13px 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background-color: #F6F6F6; font-size: 16px; font-weight: 500; cursor: pointer; border-radius: 5px;}
.wg_bd_tuning_list .board .board_cont .cont_left .board_recommend_box ul li p strong {display: inline-block; width: 24px; height: 24px;  margin-right: 8px; text-align: center; background-color: #111; border-radius: 5px; font-size: 12px; line-height: 24px; color: #fff;}
.wg_bd_tuning_list .board .board_cont .cont_right {padding-left: 18px;}
.wg_bd_tuning_list .board .board_cont .cont_right .board_top_category_list ul {display: flex; padding-bottom: 20px;}
.wg_bd_tuning_list .board .board_cont .cont_right .board_top_category_list ul li button {width: 116px; height: 50px; margin-right: 8px; border: 1px solid #707070; background-color: #fff; font-size: 16px; font-weight: 500; line-height: 50px; border-radius: 5px;}
.wg_bd_tuning_list .board .board_cont .cont_right .board_top_category_list ul li button.on {background: #111; border: 0; color: #fff;}
.wg_bd_tuning_list .board .board_cont .cont_right .board_list > ul {font-size: 0;}
.wg_bd_tuning_list .board .board_cont .cont_right .board_list > ul > li {display: inline-block; width: calc(50% - 6px); padding: 20px 20px 20px 20px; margin: 10px 0; vertical-align: top; border-radius: 5px; background-color: #fff; box-shadow: var(--box-shadow-036);}
.wg_bd_tuning_list .board .board_cont .cont_right .board_list > ul > li:nth-of-type(2n+1) {margin-right: 12px;}
.wg_bd_tuning_list .board .board_cont .cont_right .board_list .item_box {display: flex;}
.wg_bd_tuning_list .board .board_cont .cont_right .item_box .left_thumb_box {width: 120px; height: 120px; border-radius: 5px; overflow: hidden;}
.wg_bd_tuning_list .board .board_cont .cont_right .item_box .left_thumb_box > img {width: 100%; max-width: 100%; max-height: 100%;}
.wg_bd_tuning_list .board .board_cont .cont_right .item_box .right_board_info_box {padding-left: 20px;}
.wg_bd_tuning_list .board .board_cont .cont_right .item_box .right_board_info_box .board_category_box .board_category_slick_wrap .swiper-slide{width: 74px; height: 32px;  margin: 0 8px 6px 0; font-size: 14px; font-weight: 500; line-height: 32px; border-radius: 5px; text-align: center;}
.wg_bd_tuning_list .board .board_cont .cont_right .item_box .right_board_info_box .board_category_box .board_category_slick_wrap .solution_badge {background-color: #000; border: 0; color: #fff;}
.wg_bd_tuning_list .board .board_cont .cont_right .item_box .right_board_info_box .board_category_box .board_category_slick_wrap .tuning_category_badge {background-color: #fff; border: 1px solid #707070; color: #000;} 
.wg_bd_tuning_list .board .board_cont .cont_right .item_box .right_board_info_box .board_title_box {display: -webkit-box; width: 14.271vw; padding-top: 6px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; font-size: 20px; font-weight: 500; line-height: 1.26; color: #000;}
.board_pagination {display: flex; justify-content: center; align-items: center; margin-top: 50px;}
.board_pagination_prev_btn, .board_pagination .board_pagination_next_btn, .board_pagination > ul > li {display: inline-block;} 

.board .board_pagination .paging .prev, .board .board_pagination .paging .next {width: 20px; height: 20px; padding: 0; background: inherit; border: 0; font-size: 0;}
.board .board_pagination .paging .prev:hover, .board .board_pagination .paging .next:hover {background-color: inherit;}
.board .board_pagination .paging .prev {background: url("../img/custom/icon_left_arrow_20.svg") no-repeat center; margin-right: 6px;}
.board .board_pagination .paging .next {background: url("../img/custom/icon_right_arrow_20.svg") no-repeat center; margin-left: 6px;}
.board .board_pagination .paging .paging_num {display: inline-block; width: 24px; height: 24px; padding: 0; background: inherit; border: none; text-align: center; line-height: 24px; font-size: 16px; font-weight: 500; color: #929292;}
.board .board_pagination .paging .paging_num.current {color: #000;}

/* tuning 종료 */

.wg_bd_tuning_view .board .board_tit > h3 {  font-size: 80px; font-weight: bold; line-height: 1.3; color: #000;}
.view_content .copy_btn{width: 20px; /* float: right; */ cursor: pointer; position: absolute; right: 30px;}