*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Noto Sans KR,Segoe UI,Arial,sans-serif;background:#ffffff}#root{min-height:100vh}.hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.en,.main-copy strong,.vis_progress .en{font-family:Montserrat,Noto Sans KR,sans-serif}.dtsr-site{min-height:100vh;color:#292929;background:#fff}.cont_inner{width:min(1280px,92%);margin:0 auto;position:relative}.ff_cont{display:flex}.f_wrap{flex-wrap:wrap}.f_middle{align-items:center}.f_between{justify-content:space-between}.f_center{justify-content:center}.f_end{justify-content:flex-end}.f_four .obj{flex:0 0 25%;max-width:25%}.f_two .obj{flex:0 0 50%;max-width:50%}.obj{box-sizing:border-box}.dtsr-header{position:fixed;top:0;left:0;right:0;z-index:1000}.header-hover-zone{position:relative;width:100%;background:rgb(0 0 0 / 42%);border-bottom:1px solid rgb(255 255 255 / 16%);transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.header-hover-zone:hover,.header-hover-zone.is-mobile-open{background:#fff;border-bottom-color:#e8e8e8;box-shadow:0 1px #ececec}.header-hover-zone:hover .main-menu,.header-hover-zone.is-mobile-open .main-menu{color:#111827}.header-hover-zone:hover .quote-btn,.header-hover-zone.is-mobile-open .quote-btn{color:#111827;border-color:#d1d5db}.header-hover-zone:hover .nav-btn span,.header-hover-zone.is-mobile-open .nav-btn span{background:#111827}.header-mega-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 28px;min-height:100px;transition:min-height .22s ease}@media (min-width: 981px){.header-hover-zone:hover .header-mega-top{min-height:200px}}.util-menu{justify-self:end;align-self:center}.header-mega-logo a.logo-text{display:inline-flex;align-items:center;box-sizing:border-box;width:273px;min-height:47px;padding:0;margin:0;font-size:1.78125rem;font-weight:700;line-height:47px;letter-spacing:-.03em;white-space:nowrap;color:#fff;text-decoration:none;transform:translateY(-5px);transition:color .2s ease}.header-hover-zone:hover .header-mega-logo a.logo-text,.header-hover-zone.is-mobile-open .header-mega-logo a.logo-text{color:#111827}.header-mega-center{min-width:0}.header-mega-nav{width:100%}.header-mega-main-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:0 12px;align-items:start;min-height:100px}.header-mega-main-item{margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:100px;min-width:0;padding-top:28px;box-sizing:border-box}.main-menu{display:block;padding:8px 4px 8px 0;color:#fff;text-decoration:none;font-size:1.05rem;font-weight:700;line-height:1.3;white-space:nowrap;transition:color .2s ease}.header-mega-main-item .header-mega-sub-list{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .32s ease,opacity .22s ease}.header-hover-zone:hover .header-mega-main-item .header-mega-sub-list{max-height:280px;opacity:1;pointer-events:auto;padding-top:12px}.header-mega-sub-list li{margin:0 0 8px}.header-mega-sub-list li:last-child{margin-bottom:0}.sub-menu-link{display:inline-block;color:#6b7280;font-size:.92rem;font-weight:400;text-decoration:none;line-height:1.45;transition:color .15s ease}.sub-menu-link:hover{color:#111827}.util-menu ul{list-style:none;margin:0;padding:0}.quote-btn{display:inline-block;color:#fff;text-decoration:none;border:1px solid rgb(255 255 255 / 38%);padding:10px 20px;border-radius:6px;font-size:.95rem;font-weight:500;transition:color .2s ease,border-color .2s ease}.nav-btn{display:none;flex-direction:column;justify-content:center;gap:6px;width:26px;height:44px;background:transparent;border:none;cursor:pointer;padding:0}.nav-btn span{display:block;height:2px;background:#fff;border-radius:1px;transition:background .2s ease}@media (max-width: 980px){.nav-btn{display:flex}.header-mega-logo a.logo-text{color:#fff}.header-mega-top{grid-template-columns:1fr auto auto;grid-template-rows:auto auto;align-items:center;min-height:72px}.header-mega-logo{grid-column:1;grid-row:1}.util-menu{grid-column:2;grid-row:1;justify-self:end}.nav-btn{grid-column:3;grid-row:1}.header-mega-center{grid-column:1 / -1;grid-row:2;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease}.header-hover-zone.is-mobile-open .header-mega-center{max-height:1200px;opacity:1}.header-mega-main-row{grid-template-columns:1fr;min-height:0;gap:0;border-top:1px solid rgb(255 255 255 / 14%);padding-top:8px}.header-mega-main-item{min-height:0;justify-content:flex-start;padding-top:0;border-bottom:1px solid rgb(255 255 255 / 12%)}.header-hover-zone:hover .header-mega-main-item{min-height:0}.header-hover-zone:hover .header-mega-main-item .header-mega-sub-list{max-height:0!important;opacity:0!important;pointer-events:none!important;padding-top:0!important;overflow:hidden!important}.header-hover-zone.is-mobile-open .header-mega-main-item .header-mega-sub-list{max-height:none!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important;padding:4px 8px 14px 18px;margin:0;border-top:1px solid rgb(255 255 255 / 10%)}.header-hover-zone.is-mobile-open .header-mega-main-item .header-mega-sub-list li{margin:0 0 10px}.main-menu{padding:14px 4px;color:#fff}.header-hover-zone .main-menu{color:#fff}.quote-btn{color:#fff;border-color:#ffffff61}.header-hover-zone:hover{background:rgb(0 0 0 / 42%);border-bottom-color:#ffffff29;box-shadow:none}.header-hover-zone.is-mobile-open{background:#151922;border-bottom-color:#ffffff2e;box-shadow:none}.header-hover-zone:hover .main-menu,.header-hover-zone.is-mobile-open .main-menu{color:#fff}.header-hover-zone:hover .quote-btn,.header-hover-zone.is-mobile-open .quote-btn{color:#fff;border-color:#ffffff61}.header-hover-zone:hover .nav-btn span,.header-hover-zone.is-mobile-open .nav-btn span{background:#fff}.header-hover-zone:hover .header-mega-logo a.logo-text,.header-hover-zone.is-mobile-open .header-mega-logo a.logo-text{color:#fff}.sub-menu-link{color:#ffffffc7}.sub-menu-link:hover{color:#fff}}@media (max-width: 539px){.header-mega-top .util-menu{display:none}.header-mega-top{grid-template-columns:1fr auto}.nav-btn{grid-column:2;width:26px;min-width:26px;justify-self:end}.nav-btn span{width:100%}}.main_visual{position:relative}.main_visual .visual_slide{width:100%;height:930px;position:relative}.main_visual .visual_slide .item{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:top center;background-size:cover}.main_visual .vis_cont{height:930px;display:table;color:#fff;text-shadow:0 1px 12px rgb(0 0 0 / 45%)}.main_visual .vis_cont .slogan{display:table-cell;vertical-align:middle;text-align:left;padding-left:0}.main_visual .vis_cont .slogan span{font-size:28px;display:block;margin-bottom:30px;font-family:Montserrat,sans-serif;font-weight:300}.main_visual .vis_cont .slogan p.main-copy{font-size:64px;line-height:1.2;color:#fff;font-weight:300;word-break:keep-all;letter-spacing:-3px;margin:0}.main_visual .vis_cont .slogan p.main-copy strong{font-size:76px;font-weight:500;display:block;margin-top:6px}.vis_progress{position:absolute;left:0;right:0;width:min(1280px,92%);margin-left:auto;margin-right:auto;bottom:120px;gap:20px;z-index:5;box-sizing:border-box}.vis_progress>div{display:flex;align-items:center;gap:8px}.vis_progress .en{font-size:1.25rem;color:#f3f4f699;margin:0;min-width:28px}.progressBar{display:block;width:76px;height:3px;border:none;border-radius:2px;background:rgb(255 255 255 / 48%);cursor:pointer;padding:0;position:relative;overflow:hidden}.progressBar.active{background:rgb(255 255 255 / 48%)}.progressBar.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;animation:dtsrBar 4s linear forwards;transform-origin:left center}@keyframes dtsrBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.scroll_down{text-align:center;position:absolute;left:50%;bottom:20px;margin-left:-30px;z-index:6}.scroll_down img{display:block;margin:0 auto}.scroll_down span{font-size:12px;color:#ffffffb3;font-family:Montserrat,sans-serif;font-weight:300}.container.main{margin:0;padding:0;width:100%}.container .section{padding:120px 0;position:relative}.section.main_story{width:100%;background-image:url(/dtsr/section01_bg.png);background-repeat:no-repeat;background-position:top right;background-size:auto}.main_story h1{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;color:#292929;margin:0 0 30px;font-size:clamp(1.75rem,3vw,2.5rem)}.main_story h5{font-size:1.125rem;font-weight:400;color:#444;margin:0;line-height:1.6}.main_story .ff_object{display:flex;flex-wrap:wrap}.main_story .ff_object>.obj:first-child{flex:0 0 40%;max-width:40%}.main_story .ff_object>.obj:last-child{flex:0 0 60%;max-width:60%}.main_story .left_cont .image{display:block;margin-top:100px}.main_story .left_cont .image img,.main_story .right_cont .image img{max-width:90%;height:auto;display:block;border:1px solid #ccc}.main_story .right_cont h6{margin-top:30px;color:#6a6a6a;font-size:1rem;font-weight:500;line-height:1.6}.main_story .s_mo{display:none}.section.main_business{padding:0 0 50px}.main_business h1{font-family:Montserrat,sans-serif;font-weight:700;color:#292929;margin:0;white-space:nowrap;padding-right:70px;font-size:clamp(1.75rem,3vw,2.5rem)}.main_business h5{font-size:1.125rem;font-weight:400;color:#555;line-height:1.7;margin:0 0 20px;max-width:640px}.arrow_button{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#111;font-weight:600}.arrow_button em{display:inline-flex;flex-direction:row;align-items:center;width:auto;height:auto;border:0;transform:none;background:transparent;flex-shrink:0;font-style:normal}.arrow_button em:before{content:"";display:block;width:22px;height:2px;background:#111;flex-shrink:0}.arrow_button em:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #111;margin-left:-1px;flex-shrink:0}.arrow_button.single{margin-top:30px}.arrow_button.single span.en{font-size:1.5em;font-family:Montserrat,sans-serif}.main_banner .ff_cont{width:100%}.main_banner .obj a.main_banner-link{display:block;position:relative;height:280px;background-size:cover;background-position:center;text-decoration:none}.main_banner-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;padding:24px 48px;border-radius:10px;color:#000;opacity:.7;font-weight:600;white-space:nowrap;font-size:2rem;line-height:1.2}.main_banner-label-wide .main_banner-label{margin-left:0;left:50%}@media (max-width: 980px){.f_four .obj{flex:0 0 50%;max-width:50%}}@media (max-width: 640px){.f_four .obj{flex:0 0 100%;max-width:100%}}.main_portfolio{position:relative}.main_portfolio:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:250px;background:#083452;z-index:0}.portfolio_wrap{position:relative;z-index:1}.portfolio_cont h1{font-family:Montserrat,sans-serif;font-weight:700;margin-bottom:30px;font-size:clamp(1.75rem,3vw,2.25rem)}.portfolio_cont h1,.portfolio_cont a{color:#292929;text-decoration:none}.portfolio_slide{list-style:none;margin:0;padding:100px 0 40px;display:flex;flex-wrap:wrap;gap:24px}.portfolio_slide .cont{flex:0 0 calc(33.333% - 16px);max-width:calc(33.333% - 16px);position:relative}.portfolio_slide .cont:nth-child(2n){padding-top:50px}.portfolio_slide .cont a{position:relative;display:block;text-decoration:none;color:#fff}.portfolio_slide .cont img{display:block;width:100%;height:auto;border:3px solid transparent;transition:border-color .2s}.portfolio_slide .cont:hover img{border-color:#ffa800}.portfolio_slide .t_cont{position:absolute;bottom:30px;left:30px;z-index:2}.portfolio_slide .t_cont em{font-size:.938em;margin-bottom:10px;font-family:Montserrat,sans-serif;font-style:normal;display:block;opacity:.9}.portfolio_slide .t_cont h5{margin:0;font-size:1.25rem}.section.main_ask{text-align:center;background-color:#252525;background-image:url(/dtsr/section08_bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;color:#fff;padding:100px 20px!important}.main_ask h2{margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem);color:#fff}.main_ask h6{margin:0 0 28px;font-weight:400;font-size:1rem;opacity:.95;color:#fff}.normal_button{display:inline-block;padding:14px 36px;background:#fff;color:#111;text-decoration:none;font-weight:600;border-radius:4px}.normal_button span{display:inline-block}#footer.footer_area{width:100%;box-sizing:border-box;border-top:1px solid #2a2a2a;padding:40px 0 52px;background:#161616;text-align:left;color:#8b8b8b}.footer_info{max-width:100%;color:#8b8b8b}.footer_line{margin:0 0 10px;color:#8b8b8b;font-size:.95rem;line-height:1.65}.footer_line:last-child{margin-bottom:0}.footer_contact a{color:#8b8b8b;text-decoration:none}.footer_link_mail{color:#8b8b8b;text-decoration:underline;text-underline-offset:2px}.footer_copy{margin-top:22px!important;padding-top:0;font-size:.88rem;color:#8b8b8b;line-height:1.6}.footer_link_credit{color:#8b8b8b;text-decoration:underline;text-underline-offset:2px}.footer_link_credit:hover,.footer_link_mail:hover{color:#a8a8a8}.back-to-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;background:rgb(0 0 0 / 35%);border-radius:50%;z-index:900}#subTop{z-index:666}.sub_visual{position:relative;width:100%;height:480px;background-repeat:no-repeat;background-position:top center;background-size:cover}.sub_visual .cont_inner{padding-top:200px!important}.sub_visual .inner_title{color:#fff}.sub_visual .inner_title h1{margin-bottom:10px;font-weight:600;font-size:2rem}.sub_visual .inner_title h4{margin:0;font-weight:400;opacity:.95}.sub_visual .vis_bottom{padding-top:100px;color:#fff}.vis_bottom .snb_cont ul{list-style:none;margin:0 0 0 auto;padding:0;display:flex;justify-content:flex-end;flex-wrap:wrap}.vis_bottom .snb_cont ul li{padding:0 15px}.vis_bottom .snb_cont ul li a{padding:0 10px 5px;color:#eee;border-bottom:2px solid transparent;text-decoration:none;white-space:nowrap}.vis_bottom .snb_cont ul li.active a,.vis_bottom .snb_cont ul li a:hover{color:#fff;font-weight:500;border-bottom-color:#fff}.snb_cont .col-2 li{width:50%}#subContents{position:relative;padding:100px 0;width:100%;margin:0 auto;max-width:1280px}.sub-contents .s_title{margin-bottom:40px}.sub-contents .s_title h1{font-weight:600;color:#353535;margin:0 0 12px}.sub-contents .s_title h5{margin:0;font-weight:400;color:#555}.cont_area.ceo .image{padding-left:70%;width:100%;height:380px;display:table;background:url(/dtsr/sub01_1_image.png) no-repeat top center;background-size:cover}.cont_area.ceo .image .inner{display:table-cell;vertical-align:middle}.cont_area.ceo .image .inner .en{font-family:Montserrat,sans-serif;color:#1dc6df;font-size:.95rem;margin:0 0 8px}.cont_area.ceo .image .inner h3{padding:10px 0 40px;color:#222;font-size:1.35rem;font-weight:500;line-height:1.5;margin:0}.cont_area.ceo .t_group p{font-size:1.125em;margin-bottom:30px;line-height:1.8;color:#444}.cont_area.location .info_list{border-top:2px solid #000}.cont_area.location .info_list .cont{padding:20px 0;border-bottom:1px solid #d2d2d2;gap:24px}.cont_area.location .info_list .cont h5{width:30%;color:#373737;margin:0;font-size:1.05rem}.cont_area.location .info_list .cont h5 em{padding-right:15px;color:#6db9ec;font-weight:500;font-style:normal}.cont_area.location .info_list .cont p{flex:1;color:#666;font-size:1.125em;margin:0}.cont_area.location .info_list .cont p span{padding:10px 20px;margin:5px 20px 5px 0;color:#5b5b5b;display:inline-block;border-radius:30px;border:1px solid #d2d2d2}.cont_area.location .map_cont{height:500px;overflow:hidden;margin-top:24px}.business-image{width:580px;max-width:100%;height:300px;background-size:cover;background-position:center}.cont_area.business_part .t_box{margin:20px 0 30px}.cont_area.business_part .t_box h4{margin-bottom:10px;padding-right:30px;position:relative;color:#373737;display:inline-block;font-weight:600;font-size:1.2rem}.cont_area.business_part .t_box h4:after{content:"";position:absolute;right:0;top:50%;width:12px;height:20px;margin-top:-10px}.cont_area.business_part .t_box p{font-size:1.125em;line-height:1.75;color:#555;margin:0}.cont_area.business_part .ff_object{display:flex;flex-wrap:wrap}.f_two.f_wrap{gap:0 0px}.f_two .obj{margin-bottom:40px}.portfolio-board-page .portfolio_area{align-items:flex-end;margin-bottom:32px;gap:24px}.portfolio-search .search_cont{gap:8px}.portfolio-search input{padding:10px 14px;border:1px solid #ccc;border-radius:4px;min-width:220px}.portfolio-search button{padding:10px 20px;background:#222;color:#fff;border:none;border-radius:4px;cursor:pointer}.mywork-portfolio{display:flex;flex-wrap:wrap;gap:24px}.mywork-portfolio-item{flex:0 0 calc(33.333% - 16px);max-width:calc(33.333% - 16px)}.mywork-portfolio-item a{text-decoration:none;color:inherit;display:block}.mywork-portfolio-item-img{position:relative;overflow:hidden;border:1px solid #eee}.mywork-portfolio-item-img img{width:100%;display:block;vertical-align:middle}.mywork-portfolio-item-title{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}.mywork-title{font-weight:700;font-size:1rem}.arrow_button.small{flex-shrink:0}.board_pagetab{text-align:center;margin-top:24px}.board_pagetab a{text-decoration:none;font:12px verdana,sans-serif;color:#000;padding:0 3px}.paginate_regular{margin:30px 0 20px}.cont_area.inquiry .content-wrap{overflow:hidden;padding:0 15px;max-width:800px;margin:0 auto}.inquiry-form .row{margin-bottom:12px}.inquiry-form label{display:block;margin-bottom:6px;font-weight:600;color:#333}.form-control{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:3px;font-size:1rem;box-sizing:border-box}.input-group{display:flex;align-items:stretch;flex-wrap:wrap;gap:0}.input-group .form-control{flex:1;min-width:0}.input-group-addon{padding:0 12px;display:flex;align-items:center;background:#fff;border:1px solid #ccc;border-left:0;border-right:0}.email-group .form-control:first-of-type{border-right:0}.email-group .input-group-addon{border-left:1px solid #ccc;border-right:1px solid #ccc}.inquiry-form textarea.form-control{min-height:150px;resize:vertical}.privacy-box{height:150px;overflow-y:auto;margin-bottom:10px;font-family:inherit;font-size:13px;font-weight:400;line-height:1.5;color:#333}.mywork-validation-required{color:red;margin-left:4px}.mywork-button-submit{margin-top:16px;background:#161616;color:#fff;font-weight:600;cursor:pointer;border:none}.inquiry-status{margin-top:12px;color:#2563eb}.editContent2{font-size:13px;font-weight:400}@media (max-width: 1200px){#subContents{width:100%;padding:70px 30px}.cont_area.ceo .image{padding-left:40%}}@media (max-width: 980px){.main_visual .visual_slide,.main_visual .vis_cont{height:800px}.main_visual .visual_slide .item{background-position:55% center}.main_visual .vis_cont .slogan span{font-size:20px;margin-bottom:20px}.main_visual .vis_cont .slogan p.main-copy{font-size:50px}.main_visual .vis_cont .slogan p.main-copy strong{font-size:54px}.portfolio_slide .cont{flex:0 0 calc(50% - 12px);max-width:calc(50% - 12px)}.main_story .ff_object>.obj:first-child,.main_story .ff_object>.obj:last-child{flex:0 0 100%;max-width:100%}.main_story .left_cont .image{margin-top:0}.main_story .left_cont .ff_inner>.s_pc{display:none}.main_story .s_mo{display:block}.main_story .ff_object{flex-direction:column-reverse}.cont_area.ceo .image{padding-left:50%;height:320px}.mywork-portfolio-item{flex:0 0 calc(50% - 12px);max-width:calc(50% - 12px)}.f_two .obj{flex:0 0 100%!important;max-width:100%!important}}@media (max-width: 767px){.main_visual .visual_slide,.main_visual .vis_cont{height:600px}.main_visual .vis_cont .slogan p.main-copy{font-size:40px;letter-spacing:-1px}.main_visual .vis_cont .slogan p.main-copy strong{font-size:45px}.vis_progress{bottom:100px}.container .section{padding:70px 0}#subContents{padding:40px 15px}.mywork-portfolio-item{flex:0 0 100%;max-width:100%}.portfolio_slide .cont{flex:0 0 100%;max-width:100%;padding-top:0!important}}@media (max-width: 480px){.main_visual .vis_cont .slogan p.main-copy{font-size:30px}.main_visual .vis_cont .slogan p.main-copy strong{font-size:33px}}