@charset "utf-8";
/* CSS Document */

.res{ display:none}

@media screen and (max-width:1680px){
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li{min-width: 9.5vw;}
}

@media screen and (max-width:1400px){
.res.w1400{ display: block}
.box0{ padding: 0 40px;}
.box1{ width: 92%;}

/*header*/
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li{ min-width: 11vw; max-width: 11vw;}

/*sec_service*/
.section_service{ border-radius: 6rem 6rem 0 0;}

}
@media screen and (max-width:1280px){
.res.w1280{ display: block}
body{ font-size:15px}

/* sns */
.cardList{flex-wrap: wrap; gap: 2em;}
.cardList > li{width: auto; flex: 1 1 33%;}


}
@media screen and (max-width:1024px){
.res.w1024{ display: block}
body{ font-size:14px}

/*all*/
.mainScroll{ display: none;}
.main_box{ padding: 6rem 0;}
.pageWrapper .pageCon{ padding: 6rem 0;}
.pageWrapper .pageCon.pdO { padding: 6rem 0; } 
.pageWrapper .pageCon.pt { padding-top: 6rem; } 
#contents .sub_top_wrap .subTit .t1{ font-size: 5vmin;} 

.wideRoundImg{ height: 17rem;}

/*tab*/
.tabBtn { margin-bottom:var(--space-5); }
.tabBtn > li { min-width:8rem; }
.tabBtn > li > .con { height:2.5rem; }

/*header*/
#header .all_wrap .all { height:5.75rem; }
#header .all_wrap .all_layer .all_inner > .wrap_bg { width:30%; padding:3rem 2.5rem; }
#header .all_wrap .all_layer .all_inner > .wrap_in { padding:8rem 3rem 3rem; }
#header .all_wrap .all_layer .wrap_middle { padding-bottom:2.5rem; }
#header .all_wrap .all_layer .wrap_middle .gnb > li + li { margin-top:3rem; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { font-size:1.75rem; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 { margin-top:1.25rem; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:not(:last-child) > a:after { margin:0 1rem; }
#header .all_wrap .all_layer .wrap_bottom .cs { font-size:1.25rem; }

/*header*/
html:not(.allOn) #header .top_wrap .gnb_wrap{ display: none;}
#header .top_wrap .wrapF{ justify-content: space-between;}

/*visual*/
.visualSlide_wrap .slogan .t2{ font-size: 10vmin;}

/*sec_solution*/
.sub_services_process > li{ width: calc((100% - 6rem) / 3);}
.sub_services_process > li:nth-child(3) .wrap_in .arrow{ display: none;}
.section_service .service_intro{ top: 0;}
.section_service .service_intro .service_more{ display: flex; align-items: center; max-width: 12.5rem; margin: 3rem auto 0 auto;}
.sub_services_process > li .wrap_in .ico > img{ height: 45px;}

/*sec_service*/
.section_service .service_container{ display: flex; flex-direction: column;}
.section_service .service_intro{ position:relative; width: 100%;}
.section_service .service_intro .main_tit{ text-align: center;}

/*sec_ad*/
.section_ad .pn-prd{ display: none;}

/*location*/
.location_info > .con > .office{ display: none;}
.location_info > .con > .address{ width: 100%;}
.location_info > .con > .address .tit .xi{ min-width: 1.875rem;}
.locWrap .locList > li > .in > .info .con .txt-in .subItem .round{ min-width: 1.25rem;}
.locWrap .locList > li{ width: 100%;}
.locWrap .locList > li > .in > .info .con .txt-in{ align-content: start; flex-direction: column; align-items: start;}

/*proAbout*/
#proAboutContainer .aboutBanner .infoWrap > .tit.ty0,
#proAboutContainer .aboutBanner .infoWrap > .tit.ty2,
html.load #proAboutContainer .aboutBanner .infoWrap > .tit.ty2,
#proAboutContainer .aboutBanner .infoWrap > .tit.ty1,
html.load #proAboutContainer .aboutBanner .infoWrap > .tit.ty1{ transform: translateX(0);}
#proAboutContainer .aboutBanner .infoWrap > .tit{ opacity: 1;} 
#proAboutContainer .aboutBanner .infoWrap{ right: 17.5%; left: unset; text-align: right;}
#proAboutContainer .aboutBanner .infoWrap > .tit{ font-size: 4.5vw;}
.standard_cta .standard_cta_btn{ width: 12rem; min-height: 3.75rem;}

/*elevator*/
.elevator_intro .intro_list .intro_item { column-gap:2rem; }
.elevator_intro .intro_list .intro_item:nth-child(2n-1) .item_text { padding-left:2rem; }
.elevator_intro .intro_list .intro_item:nth-child(even) .item_text { padding-right:2rem; box-sizing:border-box; }
.elevator_intro .intro_list .item_num { margin-bottom:.9rem; }
.elevator_intro .intro_list .item_desc { margin-top:1rem; line-height:1.7; }

.ad_count_container .count_item { grid-template-columns:minmax(0, 1fr) 13rem; gap:1.5rem; min-height:9rem; padding:1rem 1rem 1rem 2rem; }
.ad_count_container.h2 .count_item { grid-template-columns:minmax(0, 1fr) 18rem; }
.ad_count_container .count_num { left:-.5rem; font-size:6.5rem; }
.ad_count_container .count_label { margin-bottom:.6rem; }
.ad_count_container .count_desc { margin-top:.6rem; line-height:1.6; }

.standard_list { grid-template-columns:repeat(6,minmax(0,1fr)); }
.standard_list > li { grid-column:span 2; min-height:15rem; padding:2rem 1.25rem; }
.standard_list > li:nth-child(4),
.standard_list > li:nth-child(5) { grid-column:span 3; }
.standard_list > li + li { border-left:0; }
.standard_list > li:nth-child(2),
.standard_list > li:nth-child(3),
.standard_list > li:nth-child(5) { border-left:.0625rem solid #ddd; }
.standard_list > li:nth-child(n+4) { border-top:.0625rem solid #ddd; }
.standard_list .standard_icon { width:4rem; height:4rem; margin-bottom:1.15rem; }
.standard_list .standard_desc { margin-top:.75rem; line-height:1.65; }

.standard_cta > .box1 { gap:3rem; }
.standard_cta .standard_cta_btn { width:14rem; padding:0 1.5rem; }

/*table*/
.vertical_info_spec .media_vertical_scroll { overflow-x:auto; overflow-y:hidden; padding-bottom:.65rem; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:var(--color-black-5) var(--gray-line); }
.vertical_info_spec .media_vertical_spec { width:100%; min-width:50rem; }

.vertical_info_spec .media_vertical_scroll::-webkit-scrollbar { display:block; height:.35rem; }
.vertical_info_spec .media_vertical_scroll::-webkit-scrollbar-track { background:var(--gray-line); border-radius:1rem; }
.vertical_info_spec .media_vertical_scroll::-webkit-scrollbar-thumb { background:var(--color-black-5); border-radius:1rem; }

/*public*/
.kt_compete .card_list { gap:1.25rem; }
.kt_compete .card_inner,
.kt_compete .card_face { border-radius:1rem; }
.kt_compete .front_text { left:1.5rem; right:1.5rem; bottom:1.5rem; }
.kt_compete .card_back { padding:1.75rem; }
.kt_compete .back_note { margin-top:1rem; padding-top:1rem; line-height:1.55; }

.media_planning { --planningColGap:1.5rem; --planningRowGap:2rem; }
.media_planning .planning_list { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.media_planning .planning_img { height:auto; aspect-ratio:16 / 9; }

.media_planning .planning_list .planning_item .planning_img:before,
.media_planning .planning_list .planning_item .planning_img:after { display:none; }

.media_planning .planning_name { left:.75rem; right:.75rem; bottom:.6rem; padding:.35rem .75rem; }

.taxi_ad .taxi_ad_list { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1.25rem; }
.taxi_ad .taxi_ad_card { min-height:22rem; padding:1.75rem; border-radius:1rem; }
.taxi_ad .taxi_ad_label { margin-bottom:1rem; }

.pointW_list { flex-wrap:wrap; gap:.75rem; margin-bottom:2.5rem; }
.pointW_list li { flex:1 1 11rem; width:auto; max-width:14rem; }

.stickyW .scrollerWrapper { height:calc(var(--vh, 1vh) * 100); }
.imgScroller { padding-left:1.25rem; box-sizing:border-box; }
.imgScroller .progress { width:.25rem; }
.imgScroller .imgScroller_wrap { gap:3rem; }
.imgScroller .imgScroller_wrap .txt_wrap { max-width:54%; height:26rem; }
.imgScroller .imgScroller_wrap .img_wrap { width:42%; }
.imgScroller .imgScroller_wrap.h1 .img_wrap { height:22rem; }
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon::before { right:.25em; }

.snsInfoSlide_wrapper.center_type { transform:scale(.94); }
.snsInfoSlide_wrapper.center_type::before,
.snsInfoSlide_wrapper.center_type::after { width:10%; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide { padding:3rem 0 !important; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in { padding:1.5rem; gap:.875rem; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in .img_wrap img { height:8.5rem; margin-right:-3rem; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el.swiper-slide-active .in { transform:scale(1.1); }

/*inquiry*/
#inquiryForm .formCon { gap:2.5rem; padding:3rem 0; }
#inquiryForm .formCon > .formTit { flex-basis:13rem; }
#inquiryForm .formCon > .formTit > .tt { padding-left:1rem; }
#inquiryForm .formWrap .form > li .inp_wrap { gap:1.5rem; }
#inquiryForm .formWrap .form > li .inp_wrap .tit { flex:0 0 9.5rem; width:9.5rem; }
#inquiryForm .formWrap .form > li .inp_wrap .input_st:not(textarea) { height:3.75rem; }
#inquiryForm .formWrap .form > li .inp_wrap .email_field .select-wrapper { width:10rem; }
#inquiryForm .select-wrapper:before { right:1.25rem; font-size:1.35rem; }

/*portfolio*/
.portfolio_container .portBtn { gap:1.5rem; margin-bottom:3rem; }
.portfolio_container .board_portfolio .portfolio_list { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1.25rem; }
.portfolio_container .board_portfolio .portfolio_content { width:calc(100% - 2.5rem); }
.portfolio_container .board_portfolio .portfolio_category { margin-bottom:.5rem; }

}
@media screen and (max-width:768px){
body{ font-size:13px}

/*all*/
#contents .sub_top_wrap .subTit .t1{ font-size: 7vw;}
#contents .sub_top_wrap{ height: 30vh;}
#contents .sub_top_wrap .subTab{ display: none;}

/*tab*/
.tabBtn { display:flex; width:100%; max-width:100%; padding:.4rem .4rem .7rem; overflow-x:auto; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:var(--color-black) #ddd; }
.tabBtn.wAu { width:auto; max-width:100%; }
.tabBtn > li { flex:1 0 7.5rem; min-width:7.5rem; }

.tabBtn::-webkit-scrollbar { display:block; height:.3rem; }
.tabBtn::-webkit-scrollbar-track { background:#ddd; border-radius:1rem; }
.tabBtn::-webkit-scrollbar-thumb { background:var(--color-black); border-radius:1rem; }

/*header*/
#header .all_wrap .all { height:5rem; }
#header .all_wrap .all_btn { width:1.75rem; height:1.125rem; }
#header .all_wrap .all_layer .all_inner { display:block; width:100%; min-height:100%; overflow:visible; }
#header .all_wrap .all_layer .all_inner > .wrap_bg { display:none; }
#header .all_wrap .all_layer .all_inner > .wrap_in { width:100%; min-height:100%; padding:7rem 1.5rem 2.5rem; overflow:visible; box-sizing:border-box; }
#header .all_wrap .all_layer .wrap_middle { padding-bottom:2rem; }
#header .all_wrap .all_layer .wrap_middle .gnb > li + li { margin-top:2.5rem; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 { display:block; width:100%; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { font-size:1.5rem; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2,
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_products .dp2 { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:.75rem 1rem; margin-top:1rem; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li { min-width:0; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a { display:block; width:100%; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:not(:last-child) > a:after { display:none; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt { font-size:1rem; line-height:1.45; }
#header .all_wrap .all_layer .wrap_bottom .cs { font-size:1.125rem; }

#headerQ{ width: 80%;}
#headerQ .quick_wrap{ border-radius: 0; height: calc(var(--vh, 1vh) * 100);}
#headerQ .quick_wrap .link .guide_mid .g_info > .item{}

/*proSlide*/
.pageWrapper .boardVisual .boardSlide .swiper-slide{ width: 25rem; height: 20rem;}

/*footer*/
.main_tit .t0{ font-size: var(--font-size-xl);}
.main #footer .footerContainer .footerTop{ top: 35%;}

/*company*/
.admor_about .admor_about_content{ display: flex; flex-direction: column; gap: 2rem;}
.admor_about .admor_about_logo{ height: 2rem;}
.admor_about .admor_about_visual{ height: 15rem; min-height: auto; border-radius: 1rem; overflow: hidden;}
.admor_about .admor_about_head{ margin-bottom: var(--space-5);}
.admor_about .admor_about_text{ padding-top: 0;}
.admor_about .admor_about_signature > .name{ font-size: 1.65rem;}

/*location*/
.location_info > .con > .map_view{ display: none;}
.location_info > .con{ padding: 2rem;}
.location_info > .con > .address .tit{ font-size: 1.25rem;}

/*proAbout*/
#proAboutContainer .aboutLink{ padding: 4rem 0;}
#proAboutContainer .linkList > li{ width: 50%; max-width: 50%;}
#proAboutContainer .linkList > li > .inner > .imgCon > .innerT > .tit{ font-size: 1.615rem;}
#proAboutContainer .aboutBanner .inner,
#proAboutContainer .aboutBanner{ height: 65vh;}
#proAboutContainer .aboutBanner .infoWrap{ bottom: 4rem;}

/*pro info*/
.media_vertical_item{ display: flex; flex-direction: column-reverse; padding: 2rem; gap: 2rem;}
.media_vertical_visual{ min-height: 22rem;}
.media_vertical_title{ font-size: var(--font-size-xl);}

/*elevator*/
.elevator_intro .intro_list .intro_item { grid-template-columns:minmax(0,1fr); row-gap:1.5rem; }
.elevator_intro .intro_list .intro_item + .intro_item { margin-top:4.5rem; }

.elevator_intro .intro_list .intro_item .item_img,
.elevator_intro .intro_list .intro_item:nth-child(even) .item_img { order:1; }

.elevator_intro .intro_list .intro_item .item_text,
.elevator_intro .intro_list .intro_item:nth-child(even) .item_text { order:2; }

.elevator_intro .intro_list .intro_item:nth-child(2n-1) .item_text,
.elevator_intro .intro_list .intro_item:nth-child(even) .item_text { padding:0 .5rem; }

.elevator_intro .intro_list .item_img { aspect-ratio:1.8 / 1; }
.elevator_intro .intro_list .item_desc { max-width:none; }
.elevaInner .imgListShow{ flex-direction: column;}


.ad_count_container { padding:0; }
.ad_count_container .count_list { gap:.875rem; }
.ad_count_container .count_item { grid-template-columns:minmax(0, 1fr) 12rem; gap:1.25rem; min-height:auto; padding:1.25rem 1.25rem 1.25rem 1.75rem; }
.ad_count_container.h2 .count_item { grid-template-columns:minmax(0, 1fr) 14rem; }
.ad_count_container .count_num { left:-.5rem; font-size:5.5rem; }
.ad_count_container .count_label { margin-bottom:.5rem; }
.ad_count_container .count_desc { margin-top:.5rem; line-height:1.55; }
.ad_count_container .smT { margin-top:.5rem; }
.ad_count_container .count_img { border-radius:.5rem; }

.standard_list { grid-template-columns:repeat(2,minmax(0,1fr)); }
.standard_list > li { grid-column:auto; min-height:13rem; padding:1.75rem 1.25rem; }
.standard_list > li:nth-child(4) { grid-column:auto; }
.standard_list > li:nth-child(5) { grid-column:1 / -1; }
.standard_list > li:nth-child(2),
.standard_list > li:nth-child(3),
.standard_list > li:nth-child(5) { border-left:0; }
.standard_list > li:nth-child(even) { border-left:.0625rem solid #ddd; }
.standard_list > li:nth-child(n+3) { border-top:.0625rem solid #ddd; }
.standard_list .standard_icon { width:3.75rem; height:3.75rem; margin-bottom:1rem; }
.standard_list .standard_desc { margin-top:.65rem; }

.standard_cta { min-height:auto; }
.standard_cta > .box1 { flex-direction:column; align-items: center; justify-content:center; gap:1.75rem; min-height:auto; padding-top:2.5rem; padding-bottom:2.5rem; }

/*table*/
.vertical_info_spec .media_vertical_guide { display:block; margin:0 0 .65rem; color:var(--color-black-7); font-size:var(--font-size-xs); line-height:1.4; text-align:right; }
.vertical_info_spec .media_vertical_spec { min-width:48rem; }
.vertical_info_spec .media_vertical_scroll { padding-bottom:.55rem; }

/*public*/
.imgDivList{ }
.imgDivList > li{ width: 100%;}

.kt_compete .card_list { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1.25rem; }
.kt_compete .card_list > .card:last-child:nth-child(odd) { grid-column:1 / -1; width:calc(50% - .625rem); justify-self:center; }
.kt_compete .front_text { left:1.4rem; right:1.4rem; bottom:1.4rem; }
.kt_compete .card_back { padding:1.5rem; }
.kt_compete .back_value { margin-top:.55rem; }
.kt_compete .back_note { max-width:17rem; margin-top:.875rem; padding-top:.875rem; }

.distance_wrap{ flex-direction: column;}
.distance_wrap > .media_vertical_spec,
.distance_wrap > .imgWrap{ width: 100%;}

.media_planning { --planningColGap:1.25rem; --planningRowGap:1.75rem; }
.media_planning .planning_list { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.media_planning .planning_img img { border-radius:.875rem; }
.media_planning .planning_type { height:auto; min-height:2.75rem; padding-top:.6rem; box-sizing:border-box; }

.media_planning.st1 .planning_list .planning_item{ flex: 1 1 33%;}

.taxi_ad .taxi_ad_list { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem; }
.taxi_ad .taxi_ad_card { min-height:21rem; padding:1.5rem; }
.taxi_ad .taxi_ad_label { margin-bottom:.875rem; }
.taxi_ad .taxi_ad_img.img_center { bottom:.75rem; width:78%; }

/*mobile*/
.ticket_user_data .user_data_list{ grid-template-columns: repeat(1, 1fr);}

.pointW_list { justify-content:flex-start; margin-bottom:2rem; }
.pointW_list li { flex:0 0 calc(50% - .375rem); width:calc(50% - .375rem); max-width:none; }

.stickyW { height:auto !important; }
.stickyW .scrollerWrapper { position:relative; top:auto; display:block; width:100%; height:auto; }
.imgScroller { width:100%; padding:0; }
.imgScroller .progress { display:none; }
.imgScroller .imgScroller_wrap { display:block; width:100%; }

.imgScroller:not(.height_none) .imgScroller_wrap > .img_wrap { display:none; }

.imgScroller .imgScroller_wrap .txt_wrap { display:flex; gap:1rem; width:100%; max-width:none; height:auto; padding:.5rem 1rem .75rem; overflow-x:auto; overflow-y:hidden; box-sizing:border-box; scroll-snap-type:x mandatory; scroll-padding-inline:1rem; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#777 #e5e5e5; }

.imgScroller .imgScroller_wrap .txt_wrap::-webkit-scrollbar { display:block; height:.3rem; }
.imgScroller .imgScroller_wrap .txt_wrap::-webkit-scrollbar-track { background:#e5e5e5; border-radius:1rem; }
.imgScroller .imgScroller_wrap .txt_wrap::-webkit-scrollbar-thumb { background:#777; border-radius:1rem; }

.imgScroller .imgScroller_wrap .txt_wrap > .txtCon { position:relative; inset:auto; flex:0 0 calc(100% - 4rem); height:auto; min-height:32rem; padding:1.5rem; justify-content:flex-start; opacity:1; transform:none; pointer-events:auto; scroll-snap-align:center; scroll-snap-stop:always; border:1px solid #ddd; border-radius:1rem; background:#fff;}
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon + .txtCon { margin-top:0; }
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon::before { top:1rem; right:1rem; bottom:auto; font-size:5rem; }
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon .txtBox { position:relative; z-index:1; }
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon .tt { margin-top:var(--space-3); line-height:1.7; }
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon .tt br { display:none; }
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon .img_box { position:relative; z-index:1; display:block; flex-shrink:0; width:100%; height:20rem; margin-top:1.5rem; overflow:hidden; border:1px solid #ccc; border-radius:.875rem; background:#fff; box-sizing:border-box; }
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon .img_box img { display:block; width:100%; height:100%; object-fit:contain; }
.imgScroller.height_none .imgScroller_wrap .txt_wrap { display:block; padding:0 1rem; overflow:visible; }
.imgScroller.height_none .imgScroller_wrap .txt_wrap > .txtCon { width:100%; min-height:auto; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.imgScroller.height_none .imgScroller_wrap .txt_wrap > .txtCon .img_box { display:none; }
.imgScroller.height_none .imgScroller_wrap > .img_wrap { position:relative; display:flex; justify-content:flex-start; gap:1rem; width:100%; height:auto; margin-top:1.5rem; padding:.5rem 1rem .75rem; overflow-x:auto !important; overflow-y:hidden !important; border:0; border-radius:0; box-sizing:border-box; scroll-snap-type:x mandatory; scroll-padding-inline:1rem; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#777 #e5e5e5; }
.imgScroller.height_none .imgScroller_wrap > .img_wrap::-webkit-scrollbar { display:block; height:.3rem; }
.imgScroller.height_none .imgScroller_wrap > .img_wrap::-webkit-scrollbar-track { background:#e5e5e5; border-radius:1rem; }
.imgScroller.height_none .imgScroller_wrap > .img_wrap::-webkit-scrollbar-thumb { background:#777; border-radius:1rem; }

.imgScroller.height_none .imgScroller_wrap > .img_wrap > img,
.imgScroller.height_none .imgScroller_wrap > .img_wrap > img.active,
.imgScroller.height_none .imgScroller_wrap > .img_wrap > img.hide-behind,
.imgScroller.height_none .imgScroller_wrap > .img_wrap > img:first-child,
.imgScroller.height_none .imgScroller_wrap > .img_wrap > img:first-child.active { position:relative; inset:auto; left:auto; display:block; flex:0 0 calc(100% - 6rem); width:calc(100% - 6rem); height:26rem; max-width:none; padding:1rem; opacity:1 !important; transform:none !important; object-fit:contain; scroll-snap-align:center; scroll-snap-stop:always; border-radius:1rem; background:#f7f7f7; box-sizing:border-box; }

.imgScroller.height_none .imgScroller_wrap > .img_wrap .dots_wrap { display:none; }

.snsInfoSlide_wrapper.center_type { transform:scale(1); }
.snsInfoSlide_wrapper.center_type::before,
.snsInfoSlide_wrapper.center_type::after { width:6%; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide { padding:2.5rem 0 !important; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in { padding:1.35rem; gap:.75rem; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in .img_wrap img { height:7.5rem; margin-right:-2.5rem; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in .arrow { width:2.25rem; height:2.25rem; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el.swiper-slide-active .in { transform:scale(1.06); }

/*inquiry*/
#inquiryForm .formCon { flex-direction:column; gap:2rem; padding:2.5rem 0; }
#inquiryForm .formCon > .formTit { flex:none; width:100%; }
#inquiryForm .formCon > .formTit > .tt { padding-left:0; line-height:1.3; }
#inquiryForm .formCon > .formWrap { width:100%; }
#inquiryForm .formWrap .form { gap:var(--gap-sm); }
#inquiryForm .formWrap .form > li .inp_wrap { gap:1.25rem; }
#inquiryForm .formWrap .form > li .inp_wrap .tit { flex:0 0 8rem; width:8rem; }
#inquiryForm .formWrap .form > li .inp_wrap .div_field { min-width:0; }
#inquiryForm .formWrap .form > li .inp_wrap .div_field .divC { flex:1; min-width:0; }
#inquiryForm .formWrap .form > li .inp_wrap textarea.input_st { height:11rem; }
.guideBox .guide_inner{ padding: 1.5rem;}

/*portfolio*/
.portfolio_container .portBtn { justify-content:flex-start; gap:1.5rem; width:100%; margin-bottom:2.5rem; padding:0 0 .65rem; overflow-x:auto; overflow-y:hidden; white-space:nowrap; box-sizing:border-box; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#777 #e5e5e5; }
.portfolio_container .portBtn > li { flex:0 0 auto; }
.portfolio_container .portBtn > li > .con { display:block; padding:.25rem 0; cursor:pointer; }

.portfolio_container .portBtn::-webkit-scrollbar { display:block; height:.3rem; }
.portfolio_container .portBtn::-webkit-scrollbar-track { background:#e5e5e5; border-radius:1rem; }
.portfolio_container .portBtn::-webkit-scrollbar-thumb { background:#777; border-radius:1rem; }

.portfolio_container .board_portfolio .portfolio_list { gap:1rem; }
.portfolio_container .board_portfolio .portfolio_image { border-radius:.75rem; }
.portfolio_container .board_portfolio .portfolio_image::after { background:linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, .82) 100%); opacity:1; }

.portfolio_container .board_portfolio .portfolio_content { top:auto; right:1.25rem; bottom:1.25rem; left:1.25rem; width:auto; text-align:left; opacity:1; transform:none; }

.portfolio_container .board_portfolio .portfolio_category { font-size:var(--font-size-lg); }
.portfolio_container .board_portfolio .portfolio_title { line-height:1.6; }

.portfolio_container .board_portfolio .portfolio_link:hover .portfolio_content,
.portfolio_container .board_portfolio .portfolio_link:focus-visible .portfolio_content { transform:none; }

.route_infoW{flex-wrap: wrap;}
.route_infoW .in{width: calc((100% - 3.5em) / 2);}
.route_infoW .in .route::before{display: none;}

.cardList > li{ flex: 1 1 100%;}


}
@media screen and (max-width:468px){
body{ font-size:12px}
.box0{ padding: 0 25px;}

/*all*/
#headerQ .quickBtn > p{ font-size: .815rem;}
#headerQ .quickBtn{ width: 2.5rem; transform: translate(-2.5rem, -50%);}

.main_tit .t3{ margin-bottom: 1.75rem;}
.main_tit .t1{ font-size: var(--font-size-xl);}
.main_tit .t4{ font-size: var(--font-size-sm);}

.main_box{ padding: 4rem 0;}
.pageWrapper .pageCon{ padding: 4rem 0;}
.pageWrapper .pageCon.pdO { padding: 4rem 0; } 
.pageWrapper .pageCon.pt { padding-top: 4rem; } 

.sns_st > li > a{ min-width: 2rem; min-height: 2rem;}

/*tab*/
.tabBtn { padding:.3rem .3rem .65rem; margin-bottom:var(--space-4); }
.tabBtn > li { flex:1 0 7rem; min-width:7rem; }
.tabBtn > li > .con { height:2.75rem; }
.tabBtn > li > .con > .tt { padding:0 .75rem; white-space:nowrap; }
.tabBtn::-webkit-scrollbar { height:.25rem; }

/*header*/
#header .all_wrap .all { height:4.5rem; }
#header .all_wrap .all_btn { width:1.65rem; height:1rem; }
#header .all_wrap .all_layer .all_inner > .wrap_in { padding:6rem 1rem 2rem; }
#header .all_wrap .all_layer .wrap_middle { padding-bottom:1.5rem; }
#header .all_wrap .all_layer .wrap_middle .gnb > li + li { margin-top:2rem; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { font-size:1.3rem; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2,
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_products .dp2 { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.6rem .75rem; margin-top:.875rem; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a { padding:.2rem 0; }
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt { font-size:.9375rem; }
#header .all_wrap .all_layer .wrap_bottom .cs { font-size:1.05rem; }


/*proSlide*/
.pageWrapper .boardVisual .boardSlide .swiper-slide{ width: 20rem; height: 16rem;}

/*visual*/
.visualSlide_wrap .slogan .t1{ font-size: 6vmin;}
.visualSlide_wrap .slogan .t2{ font-size: 11vmin;}
.visualSlide_wrap .slogan .t3{ font-size: 3.5vmin;}

/*sec_ad*/
.section_ad .pn-text,
.section_ad .fixTIt,
.section_ad .pn-nav{ left: 10%;}
.section_ad .dot{ width: 8px; height: 8px;}
.section_ad .pn-text{ font-size: var(--font-size-xxl);}

/*sec_service*/
.section_service{ border-radius: 3rem 3rem 0 0;}
.section_service .service_intro .service_more{ margin: 2rem auto 0 auto;}
.section_service .service_gallery{ display: flex; flex-direction: column;}
.section_service .service_gallery .service_item{ aspect-ratio: 10 / 9;}
.section_service .service_gallery .service_column:nth-child(2){ padding-top: 0;}
.section_service .service_gallery .service_column{ gap: 1.5rem;}

/*sec_solution*/
.sub_services_process{ gap: 1.5rem;}
.sub_services_process > li{ width: calc((100% - 1.5rem) / 2);}
.section_solution .solutionLogo > .logo > img{ height: 30px;}
.sub_services_process > li .wrap_in .ico > img{ height: 35px;}
.sub_services_process > li .wrap_in .t1{ font-size: var(--font-size-sm);}
.sub_services_process > li .wrap_in .no{ font-size: var(--font-size-sm-1)}
.section_solution .solutionLogo > .line{ height: 45px;}
.sub_services_process > li .wrap_in .arrow{ display: none;}
.sub_services_process > li:nth-child(2n) .wrap_in .line{ top: unset; transform: rotate(0deg);}

/*footer*/
.btn{ font-size: .856rem;}
.btn.btn--basic{ min-width: 9.5rem;}
#footer .footerContainer .footerBtm .footerWrap{ flex-direction: column; align-items: start;}
#footer .footerContainer .footerBtm .footerWrap{ gap: 2rem;}
#footer .footerContainer .footerBtm .footerWrap .right_wrap{ flex-direction: unset; justify-content: space-between; width: 100%;}
#footer .footerContainer .footerBtm .copyright{ flex-direction: column-reverse; gap: 1rem;}
#footer .footerContainer .footerBtm .copyright > .tt,
#footer .info > li{ font-size: var(--font-size-xxs);}
#footer .footerContainer .footerBtm .footerWrap .left_wrap .logo > img{ height: 23px;}
#footer .menu > li > a{ font-size: var(--font-size-xs);}

/* sub */
.page_tit .t4 br{display: none;}

/*company*/
.admor_about .admor_about_logo{ height: 1.5rem;} 
.admor_about .admor_about_slogan_en{ font-size: var(--font-size-sm);}
.admor_about .admor_about_slogan_ko{ font-size: var(--font-size-lg-1);}
.admor_about .admor_about_paragraph{ font-size: var(--font-size-sm);}

/*location*/
.locWrap .locList > li > .in > .info{ padding-left: 0;}
.location_info > .con > .address > .add_info > li > .call_con > .tt{ font-size: .965rem;}

/*proAbout*/
.standard_cta{ min-height: auto; padding: 3rem 0;}
#proAboutContainer .aboutBanner .infoWrap{ right:22.5%;}
#proAboutContainer .aboutBanner .infoWrap > .tit{ font-size: 6vw;}
#proAboutContainer .linkList > li > .inner > .imgCon > .innerT > .tit{ font-size: 1.15rem;}
.standard_cta > .box1{ flex-direction: column; gap: 2rem; min-height: auto;}
.standard_cta .standard_cta_text{ text-align: center;}
.standard_cta .standard_cta_tit{ font-size: var(--font-size-lg-2);}
#proAboutContainer .aboutBanner .infoWrap{ bottom: 1rem;}
#proAboutContainer .aboutBanner .infoWrap > .tit{ line-height: .8;}

/*pro info*/
.media_vertical_list{ gap: 2rem;}
.media_vertical_item{ padding: 0; background: #fff; padding-bottom: 2rem; border-bottom: 1px solid #ddd;}

/*elevator*/
.elevator_intro .intro_list .intro_item { row-gap:1.25rem; }
.elevator_intro .intro_list .intro_item + .intro_item { margin-top:3.5rem; }

.elevator_intro .intro_list .intro_item:nth-child(2n-1) .item_text,
.elevator_intro .intro_list .intro_item:nth-child(even) .item_text { padding:0 .25rem; }

.elevator_intro .intro_list .item_img { aspect-ratio:1.45 / 1; border-radius:.75rem; }
.elevator_intro .intro_list .item_num { margin-bottom:.7rem; }
.elevator_intro .intro_list .item_title { line-height:1.35; }
.elevator_intro .intro_list .item_desc { margin-top:.8rem; line-height:1.65; }

.elevaInner > .tit{ font-size: var(--font-size-sm);}
.elevaInner > .tit .t1{ font-size: var(--font-size-lg-1);}

.ad_count_container .count_list { gap:.75rem; }
.ad_count_container .count_item,
.ad_count_container.h2 .count_item { grid-template-columns:minmax(0, 1fr); gap:1.25rem; padding:1.5rem 1.25rem 1.25rem; border-radius:.75rem; }
.ad_count_container .count_num { top:.75rem; right:.75rem; left:auto; font-size:5rem; transform:none; }
.ad_count_container .count_label { margin-bottom:.5rem; }
.ad_count_container .count_desc { margin-top:.65rem; line-height:1.6; }
.ad_count_container .smT { margin-top:.6rem; }
.ad_count_container .count_img { aspect-ratio:16 / 9; border-radius:.5rem; }

.standard_list { grid-template-columns:minmax(0,1fr); }
.standard_list > li,
.standard_list > li:nth-child(4),
.standard_list > li:nth-child(5) { grid-column:auto; min-height:auto; padding:2rem 1.25rem; }
.standard_list > li:nth-child(even) { border-left:0; }
.standard_list > li + li { border-top:.0625rem solid #ddd; }
.standard_list .standard_icon { width:3.5rem; height:3.5rem; margin-bottom:.9rem; }
.standard_list .standard_desc { max-width:20rem; margin-top:.6rem; line-height:1.6; }

.standard_cta > .box1 { gap:1.5rem; padding-top:2.25rem; padding-bottom:2.25rem; }
.standard_cta .standard_cta_desc { margin-top:.6rem; line-height:1.6; }
.standard_cta .standard_cta_btn { min-height:4rem; padding:0 1.25rem; }

/*table*/
.vertical_info_spec .media_vertical_guide { margin-bottom:.5rem; }
.vertical_info_spec .media_vertical_scroll::-webkit-scrollbar { height:.3rem; }
.vertical_info_spec .media_vertical_note { margin-top:1rem; }

/*public*/
.kt_compete .card_list { grid-template-columns:minmax(0, 1fr); gap:1rem; }
.kt_compete .card_list > .card:last-child:nth-child(odd) { grid-column:auto; width:100%; }
.kt_compete .card_inner { aspect-ratio:8 / 9; }
.kt_compete .card_inner,
.kt_compete .card_face { border-radius:.875rem; }
.kt_compete .front_text { left:1.25rem; right:1.25rem; bottom:1.25rem; }
.kt_compete .card_back { padding:1.5rem 1.25rem; }
.kt_compete .back_value { margin-top:.5rem; }
.kt_compete .back_note { max-width:none; margin-top:.875rem; padding-top:.875rem; line-height:1.5; }

.media_planning { --planningRowGap:1.5rem; }
.media_planning .planning_list { grid-template-columns:minmax(0, 1fr); }
.media_planning .planning_img img { border-radius:.75rem; }
.media_planning .planning_name { left:.75rem; right:.75rem; bottom:.5rem; min-height:2.4rem; border-radius:.625rem; }
.media_planning .planning_type { min-height:auto; padding:.65rem .5rem 0; }

.taxi_ad .taxi_ad_list { grid-template-columns:minmax(0, 1fr); gap:1rem; margin-top:.75rem; }
.taxi_ad .taxi_ad_card { min-height:22rem; padding:1.5rem 1.25rem; border-radius:.875rem; }
.taxi_ad .taxi_ad_label { margin-bottom:.75rem; }
.taxi_ad .taxi_ad_img,
.taxi_ad .taxi_ad_img.img_left,
.taxi_ad .taxi_ad_img.img_right,
.taxi_ad .taxi_ad_img.img_wide { right:0; bottom:0; width:100%; }
.taxi_ad .taxi_ad_img.img_center { left:50%; right:auto; bottom:.75rem; width:75%; transform:translateX(-50%); }
.taxi_ad .taxi_ad_img{ bottom: -2em;}

/*mobile*/
.pointW_list { gap:.625rem; margin-bottom:1.75rem; }
.pointW_list li { flex:0 0 100%; width:100%; padding:.875rem 1rem; }

.imgScroller .imgScroller_wrap .txt_wrap { gap:.75rem; padding:.25rem .75rem .65rem; scroll-padding-inline:.75rem; }
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon { flex-basis:calc(100% - 2.5rem); min-height:28rem; padding:1.25rem; border-radius:.75rem; }
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon::before { top:.75rem; right:.75rem; font-size:4rem; }
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon .tit { margin-top:var(--space-1); line-height:1.35; font-size: var(--font-size-lg-1);}
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon .tt { line-height:1.6; }
.imgScroller .imgScroller_wrap .txt_wrap > .txtCon .img_box { height:15rem; margin-top:1.25rem; border-radius:.625rem; }

.imgScroller .imgScroller_wrap.h2 .txt_wrap{max-width: 100%; overflow-x: unset; overflow-y: unset; scroll-snap-type: unset; flex-direction: column;}
.imgScroller .imgScroller_wrap.h2 .txt_wrap > .txtCon::before{right: .3em;}
.imgScroller .imgScroller_wrap.h2 .vertical_info_spec .media_vertical_spec.mt-5{ margin-top: 0.2em !important;}
.imgScroller .imgScroller_wrap.h2 .txt_wrap > .txtCon .tt{margin-bottom: var(--space-3);}

.imgScroller.height_none .imgScroller_wrap .txt_wrap { padding:0 .75rem; }
.imgScroller.height_none .imgScroller_wrap > .img_wrap { gap:.75rem; margin-top:1rem; padding:.25rem .75rem .65rem; scroll-padding-inline:.75rem; }
.imgScroller.height_none .imgScroller_wrap > .img_wrap > img,
.imgScroller.height_none .imgScroller_wrap > .img_wrap > img.active,
.imgScroller.height_none .imgScroller_wrap > .img_wrap > img.hide-behind,
.imgScroller.height_none .imgScroller_wrap > .img_wrap > img:first-child,
.imgScroller.height_none .imgScroller_wrap > .img_wrap > img:first-child.active { flex-basis:calc(100% - 3rem); width:calc(100% - 3rem); height:21rem; padding:.75rem; border-radius:.75rem; }

.writephoto { height:4.5rem; }
.writephoto .photoBtn { padding:0 1rem; border-radius:.3125rem; }
.writephoto .photoBtn .tt { font-size:.875rem; }

.snsInfoSlide_wrapper.center_type::before,
.snsInfoSlide_wrapper.center_type::after { display:none; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide { padding:2rem 0 !important; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el { opacity:.65; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in { padding:1.25rem; gap:.65rem; border-radius:.75rem; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in .img_wrap img { height:7rem; margin-right:-2rem; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el .in .arrow { width:2rem; height:2rem; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el.swiper-slide-active { opacity:1; }
.snsInfoSlide_wrapper.center_type .snsInfoSlide .el.swiper-slide-active .in { transform:scale(1.03); }

/*inquiry*/
#inquiryForm .formCon { gap:1.5rem; padding:2rem 0; }
#inquiryForm .formCon > .formTit > .tt { line-height:1.35; }
#inquiryForm .formWrap .form { gap:1rem; }

#inquiryForm .formWrap .form > li .inp_wrap { flex-direction:column; gap:.6rem; }
#inquiryForm .formWrap .form > li .inp_wrap .tit { flex:none; width:100%; height:auto; }
#inquiryForm .formWrap .form > li .inp_wrap .tit .tt { line-height:1.4; }

#inquiryForm .formWrap .form > li .inp_wrap .input_st { padding:.5rem 1rem; }
#inquiryForm .formWrap .form > li .inp_wrap .input_st:not(textarea) { height:3.5rem; }
#inquiryForm .formWrap .form > li .inp_wrap textarea.input_st { height:10rem; padding-top:1rem; }

#inquiryForm .formWrap .form > li .inp_wrap .div_field { gap:.5rem; }
#inquiryForm .formWrap .form > li .inp_wrap .div_field .divC { width:100%; gap:.5rem; }
#inquiryForm .formWrap .form > li .inp_wrap .div_field .divC .input_st { min-width:0; }

#inquiryForm .formWrap .form > li .inp_wrap .address_field .input_st { width:100%; }
#inquiryForm .formWrap .form > li .inp_wrap .address_field .find { flex:none; width:auto; min-width:5.5rem; }

#inquiryForm .formWrap .form > li .inp_wrap .email_field .select-wrapper { flex:1; width:auto; min-width:0; }
#inquiryForm .formWrap .form > li .inp_wrap .div_field .hypen { flex:none; }

#inquiryForm .select-wrapper:before { right:1rem; font-size:1.25rem; }

/*portfolio*/
.portfolio_container .portBtn { gap:1.25rem; margin-bottom:2rem; padding-bottom:.55rem; }
.portfolio_container .portBtn::-webkit-scrollbar { height:.25rem; }
.portfolio_container .portBtn > li > .con > .tt { white-space:nowrap; }
.portfolio_container .portBtn > li > .con > .tt:before { top:-.15rem; right:-.35rem; width:.35rem; height:.35rem; }

.portfolio_container .board_portfolio .portfolio_list { grid-template-columns:minmax(0, 1fr); gap:.875rem; }
.portfolio_container .board_portfolio .portfolio_image { aspect-ratio:3 / 2; border-radius:.625rem; }
.portfolio_container .board_portfolio .portfolio_content { right:1rem; bottom:1rem; left:1rem; }
.portfolio_container .board_portfolio .portfolio_category { margin-bottom:.35rem; font-size:var(--font-size-md); }
.portfolio_container .board_portfolio .portfolio_title { line-height:1.6; }

.route_infoW{gap: 2em;}
.route_infoW .in{width: calc((100% - 2em) / 2); }
.route_infoW .in .route{font-size: var(--font-size-base); border-width: 3px;}

.snsInfoSlide .el.swiper-slide-active .in { transform: scale(1) }
.snsInfoSlide_wrapper::before,
.snsInfoSlide_wrapper::after{display: none;}

.cardList > li{padding: 1.8em;}


}
@media all and (orientation:landscape){

}