@charset "UTF-8";
body {-webkit-box-sizing: border-box;box-sizing: border-box;word-break: keep-all;}
img {width: 100%;}

.divpop img{width: auto;}

.mainPdi header { width: 100%; height: 90px; position: fixed; top: 0; left: 0; z-index: 10; }
.mainPdi header h1.logo { width: 245px; height: 50px; float: left; }

.parallax_slide1 .tit { float: left; padding-right: 30px; }
.parallax_slide1 .txt { max-width: 1200px !important; }
.parallax_slide1 .tx_wrap { float: left; font-size: 20px; }
.parallax_slide1 .tx_wrap .tx1 { font-size: 30px; font-weight: 700; padding-bottom: 10px; }
.parallax_slide1 .slide_info { position: absolute; width: 100%; height: 100%; max-width: 1600px; top: 0; left: 50%; transform: translateX(-50%); color: #fff; z-index: 20; }

.parallax_slide1 .vis_inner { position: relative; width: 97%; max-width: 1600px; margin: 0px auto; }

.parallax_slide1 .slide_control { width: 550px; text-align: left; top: 85vh; right: 0px; position: absolute; }

.parallax_slide1  .swiper-pagination .swiper-pagination-bullet .bar { display: none; width: 51px; height: 2px; transform: translateY(-7px); background-color: rgba(255, 255, 255, 0.4); }
.parallax_slide1  .swiper-pagination .swiper-pagination-bullet-active .bar { display: inline-block; position: relative; }
.parallax_slide1  .swiper-pagination .swiper-pagination-bullet-active .bar::before { animation: progress 5s infinite; position: absolute; top: 0; left: 0; width: 0; height: 100%;content: ''; background: #fff; }
.parallax_slide1  .swiper-pagination .swiper-pagination-bullet:nth-child(8).swiper-pagination-bullet-active .bar::before { animation-duration: 6.5s; }

/* .parallax_slide1 .vis::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.3) 100%); } */
.parallax_slide1 .vis:nth-child(4)::after { background: none; }
.parallax_slide1 .vis:nth-child(5)::after { background: none; }

@keyframes progress {
    0% { width: 0%; }
    100% { width: 100%; }
}

.swiper-scrollbar { width: 70%; height: 2px; background-color: red; position: absolute; top: 24px; left: 0px;  transition: 0.8s; }
.swiper-scrollbar-drag { width: 51px; background: white; }

.parallax_slide1 .swiper-pagination-progressbar-fill { background: #fff; }
.parallax_slide1 .swiper-pagination { width: 100%; text-align: right; box-sizing: border-box; display: flex; }
.parallax_slide1 .swiper-pagination:first-child { text-align: left; }
.parallax_slide1 .swiper-pagination-current { color: #ccc; font-size: 40px; }

/* bullet 0 없애기 */
.parallax_slide1 .swiper-pagination-bullet:nth-child(n+10) .zero { display: none; }

.parallax_slide1 .swiper-pagination-bullet-active { width: 51px; animation-name: pagination-slide; animation-duration: 0.8s; }
.parallax_slide1 .swiper-arrow-wrap { width: 100%; height: 100%; }
.parallax_slide1 .vis_wrap .swiper-button-prev, .parallax_slide1 .vis_wrap .swiper-button-next { visibility: visible !important; }
.parallax_slide1 .vis_wrap .swiper-button-prev:focus, .parallax_slide1 .vis_wrap .swiper-button-next:focus { visibility: visible !important; transform: translateX(0px) !important; opacity: 1 !important; }

.parallax_slide1 .vis_wrap .swiper-container .swiper-slide .vis_txt_wrap { position: absolute; z-index: 20; font: 300 60px/100% "Open Sans"; letter-spacing: -0.02em; top:74vh; overflow: hidden;  opacity: 0; }
.parallax_slide1 .vis_wrap .swiper-container .swiper-slide-active .vis_txt_wrap { opacity: 1; transition: opacity 0.5s; animation-name: text-slide; animation-duration: 3s; } 

.parallax_slide1 .vis_wrap .swiper-container .swiper-slide .bg { position: relative; overflow: hidden; }
.parallax_slide1 .vis_wrap .swiper-container .swiper-slide p { color: #fff; width: max-content; position: relative; display: none; margin-bottom: 10px; text-shadow: 3px 2px 10px rgba(0,0,0,100%); font-weight: 400; }
.parallax_slide1 .vis_wrap .swiper-container .swiper-slide.this-on p  { display: block; }
.parallax_slide1 .vis_wrap .swiper-container .swiper-slide.this-on .bg { transform: scale(1.2); animation-name: zoomIn; animation-duration: 15s; }
.parallax_slide1 .vis_wrap .swiper-container .swiper-slide.this-on .bg.video-sd { transform: scale(1); animation: none; }
.parallax_slide1 .vis_wrap .swiper-container .swiper-slide .bg { position: relative; width: 100%; height: 100vh; background-size: cover; }
.parallax_slide1 .vis_wrap .swiper-container .swiper-slide .bg video { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; }

.parallax_slide1 .vis_wrap .vis1 .bg { background:url('/resources/img/pdi/main/main_vis_01.jpg?ver=230911') 50% 50% no-repeat; }
.parallax_slide1 .vis_wrap .vis2 .bg { background:url('/resources/img/pdi/main/main_vis_02.jpg?ver=230911') 50% 50% no-repeat; }
.parallax_slide1 .vis_wrap .vis3 .bg { background:url('/resources/img/pdi/main/main_vis_03.jpg?ver=230911') 50% 50% no-repeat; }
.parallax_slide1 .vis_wrap .vis4 .bg { background:url('/resources/img/pdi/main/main_vis_04.jpg?ver=230911') 50% 50% no-repeat; }
.parallax_slide1 .vis_wrap .vis5 .bg { background:url('/resources/img/pdi/main/main_vis_05.jpg?ver=230911') 50% 50% no-repeat; }
.parallax_slide1 .vis_wrap .vis6 .bg { background:url('/resources/img/pdi/main/main_vis_06.jpg?ver=230911') 50% 50% no-repeat; }
.parallax_slide1 .vis_wrap .vis7 .bg { background:url('/resources/img/pdi/main/main_vis_07.jpg?ver=230911') 50% 50% no-repeat; }
/* .parallax_slide1 .vis_wrap .vis8 .bg { 비디오 } */
.parallax_slide1 .vis_wrap .vis9 .bg { background:url('/resources/img/pdi/main/main_vis_09.jpg?ver=2309111') 50% 50% no-repeat; }
.parallax_slide1 .vis_wrap .vis10 .bg { background:url('/resources/img/pdi/main/main_vis_10.jpg?ver=23091111') 50% 50% no-repeat; }
.parallax_slide1 .vis_wrap .vis11 .bg { background:url('/resources/img/pdi/main/main_vis_11.jpg?ver=23091111') 50% 50% no-repeat; }
.parallax_slide1 .vis_wrap .vis12 .bg { background:url('/resources/img/pdi/main/main_vis_12.jpg?ver=23091111') 50% 50% no-repeat; }
/* .parallax_slide1 .vis_wrap .vis13 .bg { 비디오 } */
.parallax_slide1 .vis_wrap .vis14 .bg { background:url('/resources/img/pdi/main/main_vis_14.jpg?ver=23091111') 50% 50% no-repeat; }
.parallax_slide1 .vis_wrap .vis15 .bg { background:url('/resources/img/pdi/main/main_vis_15.jpg?ver=23091111') 50% 50% no-repeat; }
.parallax_slide1 .vis_wrap .vis16 .bg { background:url('/resources/img/pdi/main/main_vis_16.jpg?ver=23091111') 50% 50% no-repeat; }

@keyframes pagination-slide {
    0% { width:20px; }
    100% { width:51px;}
}

@keyframes pagination-slide-res {
    0% { width:18px; }
    100% { width:32px;}
}

@keyframes text-slide {
    0% { width: 0%; }
    100% {width: 100%; }
}

@keyframes tiltDown {
    0% { transform: translateY(0%); }
    100% {  transform: translateY(-36%); }
}
@keyframes zoomIn {
	0% { transform: scale(1); }
	100% { transform: scale(1.2); }
}




/* 타이틀공통 */
.tit_box {width:100%; max-width: 1600px; margin:0px auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 40px; align-items: end;}
.tit_box h3{font-size: 50px; font-weight: 500; color: #151515; line-height: 100%;}
.tit_box .viewmore{font-size: 16px; letter-spacing: 0.15em; cursor: pointer;}
.tit_box .viewmore::after{content: "";width:18px; height: 18px; display: inline-block; margin-left:10px; background: url('/resources/img/main/more_n.png') no-repeat center; background-size: contain; position: relative; top: 3px; transition: 0.3s;}
.tit_box .viewmore:hover{color:#E3282F;}
.tit_box .viewmore:hover::after{content: "";width:18px; height: 18px; display: inline-block; margin-left:10px; background: url('/resources/img/main/more_h.png') no-repeat center; background-size: contain; position: relative; top: 3px; transform: rotate(-180deg);}

/* pdi_design */
.pdi_design .inner {width:97%; max-width:1600px; margin:190px auto;}
.pdi_design .cont_wrap{width:100%;}
.pdi_design .cont_wrap .info{width:64.25%; margin: 38px 0px 0px 35.75%; font-size: 18px; line-height: 180%;}

.slide2_box {overflow: hidden; margin: 0px 0px 190px 0;}

/* work */
.work{margin:190px 0px 0px 0px;}
.work .tit_box {width:97%; max-width: 1600px; margin: 0px auto;}

.tab_wrap {position:relative;}
.tab_wrap #tab1{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 74vh;}
.work .swiper-slide-wrap img {height: 100%; min-width: 100%; object-fit: cover;}
.work .slider_sub_cont img {height: 100%; object-fit: cover;}

/* 메인슬라이더 */
.work .swiper-container.swiper-slide-wrap {width:50%; margin:0;}
.work .swiper-container.swiper-slide-wrap .cont {width:100%; height: 100%;overflow: hidden;}


.work .slider_img_cont {overflow: hidden;}
.work .slider_img_cont .swiper-wrapper {position: relative;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.work .slider_img_cont .swiper-wrapper .swiper-slide {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;}


/* 2단 중간슬라이더 */
.work .middle .sub_03{width:100%; height:50%;overflow: hidden;}
.work .middle {width:25%; display: -webkit-box;display: -ms-flexbox;display:flex; -webkit-box-align: start; -ms-flex-align: start;align-items:flex-start;-webkit-box-orient: vertical; -ms-flex-direction: column;flex-direction:column;}
.work .middle .info_txt {position: relative; height: 100%; width:100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.work .middle .info_txt li {opacity: 0; transition: all .8s; position: absolute; left: 0; top: 0; background: #fff; padding:40px; box-sizing: border-box; width:100%; -webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;}
.work .middle .info_txt li.swiper-slide-active {opacity: 1;}
.work .middle .slider_sub_cont.sub_01{width:100%; height:50%;  overflow: hidden;}
.work .middle .slider_sub_cont.sub_01 .wrapper {height:100%; position: relative;}
.work .middle .slider_sub_cont.sub_01 .slide {height:100%; position: relative;} 
/* 맨오른쪽 슬라이더 */
.work .slider_sub_cont.sub_02{width:25%; height: 50%; margin:0;overflow: hidden;}
.work .slider_sub_cont.sub_02 .swiper-wrapper, .work .slider_sub_cont.sub_02 .swiper-wrapper .swiper-slide {width: 100%;height: 100%;}
.work .slider_sub_cont.sub_02 .swiper-wrapper {position: relative; display: block;}

.tab_wrap .info_txt h4{font-size: 26px; font-weight: 500 ;text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.08);letter-spacing: -0.02em; margin-bottom: 30px;}
.tab_wrap .info_txt p {font-size: 16px; letter-spacing: -0.02em; line-height: 20px; margin-bottom:8px;}
.tab_wrap .info_txt span {display: inline-block; width:51px; font-family: "Noto Sans KR"; font-size: 14px; color:#aaa;}

.tab_content.on{opacity:1; visibility:visible;}
/* .work .cont img:hover {transform:translate(-50%, -50%) scale(1.2);transition: 0.4s ease-out;} */

.work .swiper-arrow-wrap {display: inline-block;position: absolute;z-index:1;width: 100%; bottom:0; top: 30vh; margin-left: 40px;transform: translateX(-4px);}
.work .swiper-arrow {display: block; position: relative; bottom:0; background-image: url('../img/main/work_arrow.png');background-position: center;background-size: contain;background-repeat: no-repeat; width: 23px; height: 23px;top:auto;bottom: 0;margin:0;cursor: pointer;}
.work .swiper-button-disabled {opacity: 0.2;}
.work .swiper-button-prev {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);float: left; left:0;}
.work .swiper-button-next {margin-left:35px; right:0;}

.work .page_bar {width:24px; height: 1px; opacity: 0.5; display: inline-block; background-color: white; margin:0 5px 5px;}
.work .swiper-pagination-total {opacity: 0.7;}
.work .swiper-pagination {position: absolute;z-index: 1; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;display: inline-block; text-align: right; color:white; padding : 40px 40px 0 0;}
.work .swiper-pagination-bullet { margin:0 15px; font:500 14px "Noto Sans KR"; height:20px; color:white;}

.work .sub_01 .swiper-slide{position: absolute;}
/* Project */

.contents {position: relative;}

.Project .cont_wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.project_mobile_img {display: none; width:100%;}
.Project .cont_wrap .project_list{width:30%; margin-top: 77px;}
.Project .cont_wrap .project_list a{font-size: 26px; font-weight: 500; color:#999; line-height: 20px;}
.Project .cont_wrap .project_list li {width:100%; margin-bottom: 32px; position: relative; }
.Project .cont_wrap .project_list li.on {width:100%;}
.Project .cont_wrap .project_list li::before{content: ""; width:100%; height:1px; display: block; margin-top: 12px; background-color: #333333; position: absolute; bottom:-12px; opacity: 0; transition: 0.3s ease-out;}
.Project .cont_wrap .project_list li::after{content: ""; width:23px; height: 23px; display: inline-block; background: url('../img/main/list_go.png') no-repeat center; background-size: contain; position: relative; margin-left: 20px; opacity: 0; transition: 0.3s ease-out;}
.Project .cont_wrap .project_list li.on::before{content: ""; width:100%; height:1px; display: block; margin-top: 12px; background-color: #333333; position: absolute; bottom:-12px; opacity: 1;}
.Project .cont_wrap .project_list li.on::after{content: ""; width:23px; height: 23px; display: inline-block; background: url('../img/main/list_go.png') no-repeat center; background-size: contain; position: relative; margin-left: 20px; opacity: 1;}
.Project .cont_wrap .project_list li.on a{font-weight: 500; color:#333;  text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.08);}

.Project .cont_wrap .project_view {width:70%;}
.Project .cont_wrap .project_view ul{height:100%;}
.Project .cont_wrap .project_view li {width:100%; height:100%; position: relative; display: none; opacity: 0; transition: all .3s;}
.Project .cont_wrap .project_view li:nth-child(1){background: url('/resources/img/main/project_01.jpg') no-repeat center/cover;}
.Project .cont_wrap .project_view li:nth-child(2){background: url('/resources/img/main/project_02.jpg') no-repeat center/cover;}
.Project .cont_wrap .project_view li:nth-child(3){background: url('/resources/img/main/project_03.jpg') no-repeat center/cover;}
.Project .cont_wrap .project_view li:nth-child(4){background: url('/resources/img/main/project_04.jpg') no-repeat center/cover;}
.Project .cont_wrap .project_view li:nth-child(5){background: url('/resources/img/main/project_05.jpg') no-repeat center/cover;}
.Project .cont_wrap .project_view li:nth-child(6){background: url('/resources/img/main/project_06.jpg?ver=230510') no-repeat center/cover;}
.Project .cont_wrap .project_view li:nth-child(7){background: url('/resources/img/main/project_07.jpg?ver=230510') no-repeat center/cover;}
.Project .cont_wrap .project_view li:nth-child(8){background: url('/resources/img/main/project_08.jpg?ver=230510') no-repeat center/cover;}
.Project .cont_wrap .project_view li:nth-child(9){background: url('/resources/img/main/project_09.jpg?ver=230510') no-repeat center/cover;}
.Project .cont_wrap .project_view li:nth-child(10){background: url('/resources/img/main/project_10.jpg?ver=230510') no-repeat center/cover;}
.Project .cont_wrap .project_view li:nth-child(11){background: url('/resources/img/main/project_11.jpg?ver=230510') no-repeat center/cover;}
.Project .cont_wrap .project_view li:nth-child(12){background: url('/resources/img/main/project_12.jpg?ver=230510') no-repeat center/cover;}
.Project .cont_wrap .project_view li::after {content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);}
.Project .cont_wrap .project_view img{height:100%; width:auto;   max-width: 100%;}
.Project .cont_wrap .project_view li.on {position: relative; display: block; opacity: 1; }
.Project .cont_wrap .project_view .txt_wrap {position: absolute; left:71px; top:71px;z-index: 1;}
.Project .cont_wrap .project_view .project_tit {font-size:40px; font-weight: 500; margin-bottom: 20px; line-height: 20px; letter-spacing: -0.02em; opacity: 0.9; color:#fff;}
.Project .cont_wrap .project_view .project_tit::after {content: ""; width:50px; height:3px; display: block; margin-top:24px; background-color: rgba(255, 255, 255, 0.5);}
.Project .cont_wrap .project_view .project_txt {font-size:16px; font-weight: 400; width:100%; max-width:484px; line-height: 20px; letter-spacing: -0.02em; color:#fff;}


/* map */

.location3 {position: relative; overflow: hidden; z-index: 0;}
.location3 .inner {width:97%; max-width:1600px; margin:190px auto; 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.location3 .info_box{width:100%; padding-bottom: 56px;}
.location3 .map {width: 48.5%; z-index: 1; position: relative; height: 509px !important;}
.location3 .map .root_daum_roughmap {width: 100%; height: 100%;}
.location3 .map .root_daum_roughmap .wrap_map {height: 100%}
.location3 .map .root_daum_roughmap .wrap_controllers {display: none;}
.location3 .parking {display: block;position: absolute;bottom: 0;left: 0;width: 80px;height: 80px;padding: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;background:#474440;color: #fff;text-align: center;line-height: 1.2;z-index: 99;}

.location3 .tit_box {border-bottom: 1px solid #000;}

.location3 .tit_wrap {margin-top: 57px;}
.location3 .tit_wrap ul {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.location3 .tit_wrap li {width: 23%; border-right:1px solid #ddd;}
.location3 .tit_wrap li:last-child {border-right:0px solid #ddd;}
.location3 .tit_wrap li:hover {background: none;transition: 0.4s ease-out;}
.location3 .tit_wrap .txt {font-weight: 600;font-size: 20px;padding-bottom: 8px;}
.location3 .tit_wrap .num,.location3 .tit_wrap .tit {font-size: 16px;color:#333; line-height: 130%;}
.location3 .contents {width:51.5%;}

/* google map  */


/* form */
.form_wrap {width:100%; padding:14px 0px 0px 36px;}
.form_wrap .form_item {width:100%; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; }
.form_wrap .form_item.memo{align-items: normal;}
.form_wrap .form_item .form_title{font:600 20px/100% 'Open Sans'; width:100px; line-height: 45px;}
.form_wrap .form_item .form_desc {font:400 16px/100% 'Open Sans'; width: calc(100% - 100px);}
.form_wrap .form_item .form_desc input {width:100%; height: 45px; border:solid 1px #888888; background-color: #fff; padding:0 14px;}
.form_wrap .form_item .form_desc textarea {width:100%; height:190px; resize: none; border:solid 1px #888888;  padding:10px 14px;}

.d-flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top:30px; align-items: end;}
.d-flex div{margin-bottom: 0px !important;}

.form_wrap .form_item.cap {width:300px; max-width: 350px;}
.form_wrap .form_item.cap .form_desc {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width:100%;}
.form_wrap .form_item.cap .capt_btn {display: none;}
.form_wrap .form_item.cap img {width:100px; height: 36px;}
.form_wrap .form_item.cap input {height: 36px; border: solid 1px #ddd; width: 48%; margin-right: 4%;}
.form_wrap .form_item.cap label { width:16px; height: 16px; background:url('/resources/img/main/capt_btn.png') no-repeat center; background-size: contain; display: inline-block; margin-top: 9px;}

.form_wrap .form_item.agree {width:36%;}
.form_wrap .form_item.agree .form_desc {width:100%; font:400 14px/140% 'Open Sans'; color:#222;}
.form_wrap .form_item.agree .form_desc .agree_chk {padding-left: 5%;}
.form_wrap .form_item.agree .form_desc .agree_chk input {width:12px; height: 12px; border: solid 1px #888888; border-radius: 0px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; outline: 0; border-radius: 0px; margin: -2px 0 0 10px; padding:0;}
.form_wrap .form_item.agree .form_desc .agree_chk input[type="checkbox"]::after { border: solid #fff; border-width: 0 2px 2px 0; content: ''; display: none; width: 45%; height: 64%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -60%) rotate(45deg); }
.form_wrap .form_item.agree .form_desc .agree_chk input[type="checkbox"]:checked {background: #E3282F ; border-style: none;}
.form_wrap .form_item.agree .form_desc .agree_chk input[type="checkbox"]:checked::after { display: block;}

.basic_form_btn {width:30%;}
.basic_form_btn button {width:100%; border: solid 1px #E3282F; color:#E3282F; background-color: transparent; text-align: center; padding:13px 0px; transition: 0.3s ease-out; cursor: pointer;}
.basic_form_btn button:hover{color:white;}
.basic_form_btn button::before {content: ''; position: absolute; left: 0px; bottom:0px; z-index:-1; width: 100%; height:100%; background: transparent; box-shadow: inset 0px 0px 0px #E3282F; display: block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.basic_form_btn button:hover::before {box-shadow: inset 300px 0px 0px #E3282F;}

.grayLayer {width:100%; height:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);}

.emt-space { display: inline-block; width: 28px; }





@media screen and (max-width:1350px){
    .tab_wrap .info_txt h4{font-size: 24px;}
}
@media screen and (max-width:1250px){
    .parallax_slide1 .slide_control { top:92vh; left: 0 !important;}
    .parallax_slide1 .txt {max-width: 80% !important;}
    .parallax_slide1 .slide_info {width: 97%;}
    /* .parallax_slide1 .slide_info .swiper-pagination {float: none;width: auto;right: 0;} */

    .tab_wrap .tabs{width:70%;}
    .slider_info_cont{width: 24%;}

    .slide2_box .swiper-slide2 {margin-left: 50px;margin-top: 87px;width: 100%;}
    .slide2_box .swiper-btn-wrap {margin-left: 50px;margin-top: 50px;max-width: 100%;}



    /* 폰트변경 */
    .tit_box .viewmore {font-size: 14px;}
    .Project .cont_wrap .project_view .project_txt {font-size: 14px;}
    .tab_wrap .info_txt p {font-size: 14px;}
    .location3 .tit_wrap .num,.location3 .tit_wrap .tit {font-size: 14px;}
    .form_wrap .form_item .form_desc {font-size: 14px;}
    .pdi_design .cont_wrap .info {font-size: 16px;}
    .tab_wrap .info_txt h4 { font-size: 18px;}
    .Project .cont_wrap .project_list a  { font-size: 20px;}

    .tab_wrap #tab1 {height:64vh;}
    .tab_wrap .info_txt h4 { margin-bottom: 18px;}
    .tab_wrap .info_txt p { margin-bottom:4px;}
    .work .swiper-arrow-wrap {top:26vh; margin-left:30px;}
    /* .work .swiper-arrow {width:10px;} */
    .work .middle .info_txt li {padding:30px;}
    .work .swiper-pagination {padding: 30px 30px 0 0;}

    .Project .cont_wrap .project_list li {margin-bottom:20px;}
    .Project .cont_wrap .project_list li::after {width:16px; height:16px; top:1px;}
    .Project .cont_wrap .project_list li.on::after {width:16px; height:16px; top:1px;}
    .Project .cont_wrap .project_view .project_tit {font-size: 30px; margin-bottom:14px;}
    .Project .cont_wrap .project_list li::before {bottom:-8px;}
    .Project .cont_wrap .project_list li.on::before {bottom:-8px;}
    .Project .cont_wrap .project_view .project_tit::after {margin-top:20px;}

    /* form mail */
    #frm_agree_label {font-size: 12px;}
    .d-flex {-webkit-box-lines: multiple;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top:30px;}
    .basic_form_btn button {width:100%; margin-top:20px;}
    .basic_form_btn button:hover::before {box-shadow: inset 768px 0px 0px #E3282F;}
    .form_wrap .form_item.cap{width:60%;}
    .form_wrap .form_item.agree {width:40%;}
    .basic_form_btn {width:100%;}
    .form_wrap .form_item.cap label {margin-top: 12px;}
    
    .form_wrap .form_item .form_desc textarea{height: 140px;}
    .form_wrap .form_item {margin-bottom: 24px;}
}

@media screen and (max-width:1024px){
    .parallax_slide1 .vis .txt .tit {margin-bottom: 30px !important;}
    .parallax_slide1 .vis_wrap .swiper-container .swiper-slide .vis_txt_wrap{font-size: 46px; top:76vh;}

    .work .middle .info_txt li{padding:20px;}
    .work .swiper-pagination {padding: 20px 20px 0 0;}
    .tab_wrap .info_txt h4 {margin-bottom:14px;}
    .work .swiper-arrow-wrap {top:26vh; margin-left:20px;}
    .tab_wrap .info_txt h4 { font-size: 20px; margin-bottom:12px;}
    .Project .cont_wrap .project_list a  { font-size: 20px;}
    .pdi_design .cont_wrap .info {font-size: 14px;}
    .tit_box h3 {font-size: 44px;}

    .tab_wrap .info_txt span{width:42px;}
    .Project .cont_wrap .project_list li::after{margin-left:14px;}
    .Project .cont_wrap .project_list li.on::after{margin-left:14px;}
    
    /* work change layout */
    .tab_wrap #tab1 {-webkit-box-lines: multiple;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;}
    .work .swiper-container.swiper-slide-wrap{height: 50%;}
    .work .middle {width:50%; height: 100%;}
    .work .slider_sub_cont.sub_02 {width:50%; position: relative; top: -50%;}
    .work .swiper-arrow-wrap {top:24vh;}
}

@media screen and (max-width:950px){
    .swiper-pagination-bullet {width:18px; margin-right: 10px;}
    .parallax_slide1 .swiper-pagination-bullet-active {width:32px; animation-name:pagination-slide-res;}
    .parallax_slide1 .swiper-pagination .swiper-pagination-bullet .bar {width:32px;}

    /* formmail 100% */
    .location3 .map {width: 100%;height: 300px !important;}
    .location3 .contents {width:100%;}
    .form_wrap {padding: 60px 0px 0px 0px;}
    .form_wrap .form_item {margin-bottom: 15px;}

    .form_wrap .form_item .form_title {font-size: 16px; line-height: 40px;}
    .form_wrap .form_item .form_desc input {height: 40px;}
    .form_wrap .form_item.cap img {height: 40px;}
    .form_wrap .form_item.agree {width:50%;}
    .basic_form_btn button:hover::before {box-shadow: inset 950px 0px 0px #E3282F;}
}

@media screen and (max-width:768px){
    .parallax_slide1 .vis_inner{width:92%;}
    .parallax_slide1 .slide_info{width:92%;}
    .parallax_slide1 .vis_wrap .swiper-button-prev, .parallax_slide1 .vis_wrap .swiper-button-next{display: none;}
    .parallax_slide1 .vis_wrap .swiper-container .swiper-slide .vis_txt_wrap{top:35vh; font-size: 38px;}
    .parallax_slide1 .vis_wrap .swiper-container .swiper-slide p { width: 700px; }
    .parallax_slide1 .slide_control {top:80vh;left:0 !important;}
    .divpop img{width: 100%;}

    .parallax_slide1 .vis_wrap .vis3 .bg { background: url('/resources/img/pdi/main/main_vis_3-1.jpg') 25% 70% no-repeat; }


    .tab_wrap .tabs{width:100%;}
    .slider_info_cont img {display: none;}

    .pdi_design .inner {margin:100px auto;}
    .location3 .inner {padding:100px 0;}
    .work{margin:100px 0 0px 0px;}
    .tit_box{padding-bottom: 32px;}

    .slider_info_cont {width: 100%;display:block;position: relative;}

    .slider_info_cont .btn_more {display: inline-block;position: absolute;right: 0;top: 50px;}

    .slide2_box .swiper-slide2 {margin: 87px auto 0;width: 92%;}
    .slide2_box .swiper-btn-wrap {width: 92%;margin:50px auto 0;}
    .slide2_box .swiper-arrow-wrap {width: 15%;}

    .pdi_design .inner {width:92%;}
    .work .tit_box {width:92%;}
    .tit_box h3 {font-size: 32px;}

    .tab_wrap #tab1{height:58vh;}
    .location3 .info_wrap { width: 92%;margin:0 auto;display: block;float: none;padding: 100px 0 100px;}
    .location3 .tit_wrap {margin-top: 30px;}
    .location3 .tit_wrap ul {-webkit-box-lines: multiple;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;}
    .location3 .tit_wrap li {width:48%; margin-bottom: 14px;}
    .location3 .tit_wrap .txt {font-size: 16px;}
    .location3 .tit_wrap li:nth-child(2n) {border-right: 0px solid #ddd;}
    .location3 .info_box {padding-bottom: 10px;}

    .pdi_design .cont_wrap .info {width:100%; margin: 26px 0px 0px 0%;}
    
    .Project .cont_wrap .project_list{width:100%; margin-top: 0;}
    .Project .cont_wrap .project_view {display: none;}
    .project_mobile_img {display: block;}
    .Project .cont_wrap .project_list li.on::before{display: none;}

    /* form 반응형 */
    .form_wrap .form_item{ -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2px;}
    .form_wrap .form_item .form_title{width:100%;}
    .form_wrap .form_item .form_desc{width:100%;}
    .form_wrap .form_item.agree {width:40%;}
    .basic_form_btn button:hover::before {box-shadow: inset 768px 0px 0px #E3282F;}

    /* project button */
    .Project .cont_wrap .project_list li {height: 100px; margin-bottom: 10px;}
    .Project .cont_wrap .project_list li.on a{color: white;}

    .Project .cont_wrap .project_list li::before {display: none;}
    .Project .cont_wrap .project_list li::after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.3) 100%); margin-left: 0px; opacity: 1;}
    .Project .cont_wrap .project_list li.on::after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.3) 100%); margin-left: 0px;}
    
    .Project .cont_wrap .project_list li:nth-child(1) {background: url('/resources/img/main/project_m_01.jpg') no-repeat center/cover;}
    .Project .cont_wrap .project_list li:nth-child(2) {background: url('/resources/img/main/project_m_02.jpg') no-repeat center/cover;}
    .Project .cont_wrap .project_list li:nth-child(3) {background: url('/resources/img/main/project_m_03.jpg') no-repeat center/cover;}
    .Project .cont_wrap .project_list li:nth-child(4) {background: url('/resources/img/main/project_m_04.jpg') no-repeat center/cover;}
    .Project .cont_wrap .project_list li:nth-child(5) {background: url('/resources/img/main/project_m_05.jpg') no-repeat center/cover;}
    .Project .cont_wrap .project_list li:nth-child(6) {background: url('/resources/img/main/project_m_06.jpg') no-repeat center/cover;}
    .Project .cont_wrap .project_list li:nth-child(7) {background: url('/resources/img/main/project_m_07.jpg') no-repeat center/cover;}
    .Project .cont_wrap .project_list li:nth-child(8) {background: url('/resources/img/main/project_m_08.jpg') no-repeat center/cover;}
    .Project .cont_wrap .project_list li:nth-child(9) {background: url('/resources/img/main/project_m_09.jpg') no-repeat center/cover;}
    .Project .cont_wrap .project_list li:nth-child(10) {background: url('/resources/img/main/project_m_10.jpg') no-repeat center/cover;}
    .Project .cont_wrap .project_list li:nth-child(11) {background: url('/resources/img/main/project_m_11.jpg') no-repeat center/cover;}
    .Project .cont_wrap .project_list li:nth-child(12) {background: url('/resources/img/main/project_m_12.jpg') no-repeat center/cover;}

    .Project .cont_wrap .project_list li a{width: 100%; display: inline-block; height: 100%;color: white; line-height: 64px; padding:18px;position: relative; z-index: 1;}

    
    
}

@media screen and (max-width:500px){
    /* 페이지네이션 */
    .swiper-pagination-bullet {margin-right:8px;}
    .parallax_slide1 .slide_control {width:100%;}
    .parallax_slide1 .swiper-pagination:first-child {flex-wrap:wrap; position:relative;}

    .parallax_slide1 .swiper-arrow-wrap {height: 170%;}
    .parallax_slide1 .vis_wrap .swiper-container .swiper-slide .vis_txt_wrap{ top: 60vh; font-size: 28px; }
    .parallax_slide1 .vis_wrap .swiper-container .swiper-slide p { width: 320px; }
    
    .parallax_slide1 .vis_wrap .vis2 .bg { background: url('/resources/img/pdi/main/main_vis_02.jpg') 80% 50% no-repeat; }
    .parallax_slide1 .vis_wrap .vis3 .bg { background: url('/resources/img/pdi/main/main_vis_3-1.jpg') 35% 50% no-repeat; }
    .parallax_slide1 .vis_wrap .vis9 .bg { background: url('/resources/img/pdi/main/main_vis_08-2.jpg') 20% 50% no-repeat; }
    .parallax_slide1 .vis_wrap .swiper-container .swiper-slide .bg video#video4 { transform: translate(-60%,-50%); }
    .parallax_slide1 .vis_wrap .vis12 .bg { background: url('/resources/img/pdi/main/main_vis_11.jpg?ver=230614') 10% 50% no-repeat; }
    .parallax_slide1 .vis_wrap .vis13 .bg { background: url('/resources/img/pdi/main/main_vis_12.jpg') 30% 50% no-repeat; }

    /* .parallax_slide1 .vis_wrap .swiper-button-prev, .parallax_slide1 .vis_wrap .swiper-button-next{width:46px !important; height: 46px !important; margin-top: 10px !important;} */
    /* .parallax_slide1 .vis_wrap .swiper-button-next {left:75px;} */
    .business .slider_img_cont {margin: 100px 0 0 0;}
    .business .slider_info_cont .btn_more {padding: 20px;}
    .business .slide_info .swiper-pagination {width: 74%;}
    .business .swiper-arrow-wrap,.slide2_box .swiper-arrow-wrap {width: 26%;}
    .slide2_box .swiper-btn-wrap .swiper-pagination {width: 70%;}
    .slide2_box .swiper-btn-wrap {margin:0 auto 0;}
    .work .swiper-arrow-wrap {top:20vh;}
    .work .page_bar {width:16px;}
    .work .middle .info_txt li {padding:16px;}
    .work .swiper-pagination {padding: 16px 16px 0 0; font-size: 12px;}
    .tab_wrap .info_txt span {font-size: 12px; width:36px;}
    .location3 .tit_box h3, .location3 .tit_box p {text-align: center;}

    .Project .cont_wrap .project_list a  { font-size: 17px;}

    .tab_wrap #tab1{height:52vh;}
    .tit_box .viewmore {font-size: 12px;}
    .tit_box .viewmore::after {width:12px;height:12px; margin-left:6px; top:1px;}
    .tit_box .viewmore.tit_box .viewmore:hover::after {width:12px;height:12px; margin-left:6px; top:1px;}

    .tab_wrap .info_txt h4{font-size:16px; line-height: 140%;margin-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    .tab_wrap .info_txt p {margin-bottom: 1px; font-size: 12px;}
    .form_wrap .form_item.agree {text-align: left; width:100%; margin-top:10px;}
    .form_wrap .form_item.agree .form_desc .agree_chk {padding-left: 0;}
    .d-flex {margin-top: 30px;}
    .form_wrap .form_item.cap {width:auto;}
    .form_wrap .form_item.agree .form_desc {font-size: 12px;}
    .form_wrap .form_item .form_desc textarea {height: 150px;}
    
    .basic_form_btn button:hover::before {box-shadow: inset 500px 0px 0px #E3282F;}
}