*{box-sizing: border-box;position: relative; font-weight:400;}
body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, p, figure { margin:0; padding:0; list-style:none; }
h1, h2, h3, h4, strong, th { color:inherit; }
img {vertical-align: middle;}
img:not(.side_bnr img) {width: 100%;}
a { color:inherit; text-decoration:none; }
@font-face { font-family: 'Daeojamjil'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil5Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
.swiper-notification {display: none;}
br.m {display: none;}
/* ============================================================
   [FONT SIZE SYSTEM] - 원문에서 추출한 사이즈 일괄 관리
   ============================================================ */
/* 100px */ .sec03 h1, .sec04 h1, #footer .process h1, .company01 h1.eng, .sec01 h1, .company02 #sec01 h1, .business h1.eng, .sub_bnr .eng { font-size: 100px; }
/* 60px */  .sec03 .bs h2, .company01 #sec02 li p, .company01 #sec02 li p span { font-size: 60px; }
/* 56px */  .main-content-3 > .content-inner > .tt-2 { font-size: 56px; }
/* 55px */  .main-content-1 > .content-inner > .txt-con > .txt-box > .txt-2 { font-size: 55px; }
/* 50px */  .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2, .main-content > .content-inner > .tt { font-size: 50px; }
/* 40px */  .sec01 h2, .sec01 h2 span, .sec02 .swiper-slide .profile h1 span, #footer .contact h1, .contact h1 span, .sub h1, .sub_bnr + section h1, .company02 #sec01 ul p, .main-content-4 > .content-inner > .cell > a > .inner-txt > .tt, .sub_bnr + section h1 > span { font-size: 40px; }
/* 38px */  .contact p.call { font-size: 38px; }
/* 32px */  .main-content-1 > .content-inner > .cir > .cir-ico > i { font-size: 32px; }
/* 30px */  .loading > span, .header > .header-inner > .header-util > .sitemap-wrap > .sitemap-popup > .close-btn > i, .header > .header-inner > .header-util > .search-btn > i, .side_bnr li a i, #footer .copyright .footer-header .footer_link ul i { font-size: 30px; }
/* 28px */  .main-content-2 > .content-inner > .slider-btn-con > .slick-arrow > i { font-size: 28px; }
/* 26px */  .online-inquiry > .inq-btn > i, .sec01 ul li.right .eng { font-size: 26px; }
/* 24px */  #sec01 .cont > ul li div .eng, .main-visual > .arrow-con > .arrows > .slick-arrow > i, .main-content > .content-inner > .st, .main-content-2 > .content-inner > .prod-slider .item > a > .prod-name > h5, .main-content-4 > .content-inner > .cell > a > .inner-txt > strong, .sub_bnr + section .cont, .company01 #sec03 li .txt p, .company02 #sec03 h1 + div li p, .sub_wrap .perfo_box li > a, .board_view .tit p, .sec04 .swiper-slide a, .sec04 p, .sec03 p, .contact h2, .board_list_load a, .business02 #sec02 li .txt h4, .business02 #sec02 > h1 + span, .business02 #sec04 .swiper-slide p, .company03 #sec01 .txt_box p span, .process > p, .sec01 ul li h2 + span { font-size: 24px; }
/* 22px */  .main-content-1 > .content-inner > .txt-con > .txt-box > .txt-1 { font-size: 22px; }
/* 20px */  .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3, .sec03 .left-area li *, .sec03 .bs h3, .sec03 .bs span, .contact .email, .contact h2 span, ul.sub_slt li, .company02 h2.eng, .company05 ul.info li dl *, .business #sec01 p, .business #bs_grid ul li a p span, .business a.more, .business02 #sec02 li .txt, .company03 #sec01 .txt_box, .process ul li .txt p, #footer .contact .button a, .community form ul li,.sec02 .swiper-slide .profile > span, .sec02 .swiper-slide .profile h1, .sec01 ul li h3 + span, .company01 #sec02 li > span, .company02 #sec02 li span { font-size: 20px; }
/* 18px */  .header > .header-inner > .header-gnb > ul > li > a, .process ul li h2 { font-size: 18px; }
/* 17px */  .sec03 .bs a, .sec03 .left-area .police span, .copyright *, .sec04 .swiper-button > *, .sub_wrap .board_view .tit span, .sub_wrap .board_view .page_move a span, .sub_wrap .board_view .page_move .list_move, .company04 ul.step3 li h4 *, .sec02 .swiper-slide .profile, .process ul li .txt span, .community #ext_search + ul li { font-size: 17px; }
/* 16px */  .header > .header-inner > .header-util > .search-inner .search-form-con > input, .header > .header-inner > .header-util > .sitemap-wrap > .sitemap-popup > .sitemap-nav > ul > li > .st, .main-content-1 > .content-inner > .txt-con > .txt-box > .txt-3, .footer > .footer-inner > .ft-info > ul > li > a, .online-inquiry > .inq-btn > a.inq-btn-link > span, .community #sec02 .sub_slt li { font-size: 16px; }
/* 15px */  .header > .header-inner > .header-gnb > ul .gnb-2depth > ul > li > a, .footer > .footer-inner > .ft-add > span, .footer > .footer-inner > .ft-copy, .sub_bnr .nav *, .company01 #sec03 li .txt .point, .sub_bnr .nav .arrow, form#sf select, form#sf input[type=submit], form#sf input[type=text], .header > .header-inner .police span, .community .bbsetc_dateof_write { font-size: 15px; }
/* 14px */  .header > .header-inner > .m-menu-wrap > .m-language > ul > li > a, .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1, .footer > .footer-inner > .ft-info > ul > li:not(:first-child)::before { font-size: 14px; }
/* 13px */  .header > .header-inner > .header-util > .sitemap-wrap > .sitemap-popup > .sitemap-nav > ul ul > li > a, .header > .header-inner > .m-menu-wrap > .m-gnb > ul ul > li > a, .header > .header-inner > .m-menu-wrap > .m-search .m-search-form-con > input, #footer .copyright .footer-cont .copy li { font-size: 13px; }
/* 12px */  .blind, legend, .company05 ul.map .roughmap_lebel_text { font-size: 12px; }

/* ============================================================
   [LAYOUT & CUSTOM CSS] - 원문 코드 (font-size 제거됨)
   ============================================================ */
   body > .popup {position: fixed;bottom: 100px;right:100px;max-width:390px;width: 100%;z-index: 999999;border-radius: 15px;overflow: hidden;}
   body > .popup .popup_ft {background-color: #333;padding:15px;width:100%;display: flex;flex-wrap: nowrap;justify-content: space-between;}
   body > .popup .popup_ft > div {cursor: pointer;color:#fff;}
   body > .popup .popup_ft .swiper-pagination {position: relative;left:initial !important;top:initial !important;bottom: initial !important;transform: initial !important;color:#fff;}
   body > .popup .popup_ft .swiper-pagination span {color:#fff;font-size: 14px;opacity: 0.6;}
   body > .popup .popup_ft .swiper-pagination span.swiper-pagination-current {font-weight: 700;opacity: 1;}
   .img-box > img { display:block; width:100%; max-height:30px; }
   .row::after { content:""; display:block; clear:both; }
   .cell { float:left; box-sizing:border-box; }
   .cell-right { float:right; box-sizing:border-box; }
   .margin-0-auto { margin:0 auto; }
   .block { display:block; }
   .inline-block { display:inline-block; }
   .text-align-center { text-align:center; }
   .line-height-0-ch-only { line-height:0; }
   .line-height-0-ch-only > * { line-height:normal; }
   .relative { position:relative; }
   .absolute-left { position:absolute; left:0; }
   .absolute-right { position:absolute; right:0; }
   .absolute-middle { position:absolute; top:50%; transform:translateY(-50%); }
   .table { display:table; }
   .table-cell { display:table-cell; }
   input, button, select, fieldset { -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:0; background-color:transparent; }
   fieldset { padding:0; margin:0; }
   .blind, legend { overflow: hidden; position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); }
   button { cursor:pointer; padding:0; }
   .font-poppins { font-family: 'Poppins'; }
   html, body { overflow-x:hidden; }
   .loading { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; z-index:5000; }
   span {display: inline-block;}
   .loading > span { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
   .header { position:fixed; width:100%; z-index:1000; top:0;transition: background-color 0.4s ease, opacity 0.6s ease, transform 0.6s ease !important; }
   .header.active {background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(10px);color:#fff;}
   .not-scroll-top-0 { box-shadow:12px 9px 17px #0000001c; }
   .header > .header-inner { max-width: 1920px; width: 100%; padding:0 100px; margin:0 auto; position:relative; display:flex; align-items:center; justify-content: space-between; height:120px; transition: height 0.3s ease; }
   .header > .header-inner > .header-logo-con { font-size:0; }
   .header > .header-inner > .header-logo-con > .header-logo { display:inline-block; position:relative; z-index:100; transition:all .5s; }
   .not-scroll-top-0 > .header-inner > .header-logo-con > .header-logo { padding:8.5px 0; }
   .header > .header-inner > .header-gnb { text-align:center; font-size:0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
   .header > .header-inner > .header-gnb > ul { display:inline-block; display:flex; align-items:center; }
   .header > .header-inner > .header-gnb > ul > li { position:relative; }
   .header > .header-inner > .header-gnb > ul > li > a { display:block; font-weight:bold; padding:0 45px; position:relative; color:#fff; letter-spacing:-0.65px; transition:all .5s; height:120px; line-height:120px; }
   .header > .header-inner > .header-gnb > ul > li > a:after {content:'';display: inline-block;background-image: url("/img/design/gnb_arrow.png");background-position: center;background-size: cover;background-repeat: no-repeat;width:0;height:0;opacity: 0;width:11px;height:11px;margin-left:10px;}
   .not-scroll-top-0 > .header-inner > .header-gnb > ul > li > a { line-height:63px; }
   .header > .header-inner > .header-gnb > ul .gnb-2depth { position:absolute; top:120px; left:0; width:100%; max-height:0; overflow:hidden; background-color:#286abd;transition: all 0.5s ease; border-radius: 10px; }
   .header > .header-inner > .header-gnb > ul > li:hover > a {padding-top: 15px;}
   .header > .header-inner > .header-gnb > ul > li:hover > a:after {opacity: 1;}
   .header > .header-inner > .header-gnb > ul > li:hover > .gnb-2depth { height: auto;max-height: 500px; }
   .header > .header-inner > .header-gnb > ul .gnb-2depth > ul { padding:20px 0; }
   .header > .header-inner > .header-gnb > ul .gnb-2depth > ul > li { padding:0 20px; }
   .header > .header-inner > .header-gnb > ul .gnb-2depth > ul > li > a { display:block; text-align:left; color:#b3d5ff; line-height:36px; transition: padding .3s, color .3s; position:relative; white-space:nowrap; }
   .header > .header-inner > .header-gnb > ul .gnb-2depth > ul > li > a:hover { padding-left:15px; color:#fff; }
   .header > .header-inner > .header-gnb > ul .gnb-2depth > ul > li > a::before { content:""; position:absolute; top:15px; left:0; width:9px; height:4px; background-color:#fff; opacity:0; transition:opacity .3s; }
   .header > .header-inner > .header-gnb > ul .gnb-2depth > ul > li > a:hover::before { opacity:1; }
   .header > .header-inner > .header-util > .util-language { padding-top:26.5px; margin-right:20px; transition:all .5s; }
   .not-scroll-top-0 > .header-inner > .header-util > .util-language { padding-top:16.5px; }
   .header > .header-inner > .header-util > .util-language > li > a { font-weight:bold; color:#939393; line-height:30px; padding:0 5px; }
   .header > .header-inner > .header-util > .util-language > li.active > a { color:#1b1b1b; }
   .header > .header-inner > .header-util > .sitemap-btn { width:32px; height:32px; margin-left:7px; transition:all .5s; }
   .not-scroll-top-0 > .header-inner > .header-util > .sitemap-btn { margin-top:15.5px; }
   .header > .header-inner > .header-util > .sitemap-btn > span { display:block; width:18px; height:2px; border-radius:5px; background-color:#fff; margin:4px auto; }
   .header > .header-inner > .header-util > .sitemap-wrap { position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.8); z-index:2000; visibility:hidden; opacity:0; }
   .header > .header-inner > .header-util > .sitemap-wrap.active { visibility:visible; opacity:1; transition:all .5s; }
   .header > .header-inner > .header-util > .sitemap-wrap > .sitemap-popup { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:1000px; width:100%; }
   .header > .header-inner > .header-util > .sitemap-wrap > .sitemap-popup > .tt { font-weight:bold; text-align:center; line-height:60px; background-color:#286abd; color:#fff; }
   .header > .header-inner > .header-util > .sitemap-wrap > .sitemap-popup > .close-btn { position:absolute; top:15px; right:13px; }
   .header > .header-inner > .header-util > .sitemap-wrap > .sitemap-popup > .sitemap-nav { width:100%; padding:30px; box-sizing:border-box; background-color:#fff; }
   .header > .header-inner > .header-util > .sitemap-wrap > .sitemap-popup > .sitemap-nav > ul > li { width:20%; text-align:center; }
   .header > .header-inner > .header-util > .sitemap-wrap > .sitemap-popup > .sitemap-nav > ul > li > .st { font-weight:bold; color:#191919; margin:0 2% 20px 2%; padding-bottom:20px; border-bottom:1px solid #888; box-sizing:border-box; }
   .header > .header-inner > .header-util > .sitemap-wrap > .sitemap-popup > .sitemap-nav > ul ul > li > a { color:#666; display:block; padding:10px 0; line-height:1.2em; }
   .header > .header-inner > .header-util > .sitemap-wrap > .sitemap-popup > .sitemap-nav > ul ul > li > a:hover { color:#000; text-decoration:underline; }
   .header > .header-inner > .header-util > .search-btn { width:83px; height:83px; background-color:#286abd; margin-left:29px; position:relative; transition:all .5s; }
   .not-scroll-top-0 > .header-inner > .header-util > .search-btn { height:63px; }
   .header > .header-inner > .header-util > .search-btn > i { color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all .5s; }
   .header > .header-inner > .header-util > .search-btn.active > i.xi-search { opacity:0; visibility:hidden; }
   .header > .header-inner > .header-util > .search-btn > i.xi-close { opacity:0; visibility:hidden; }
   .header > .header-inner > .header-util > .search-btn.active > i.xi-close { opacity:1; visibility:visible; }
   .header > .header-inner > .header-util > .search-inner { position:absolute; top:100%; right:0; visibility:hidden; opacity:0; transition:all .5s; }
   .header > .header-inner > .header-util > .search-inner.active { visibility:visible; opacity:1; }
   .header > .header-inner > .header-util > .search-inner .search-form-con { width:600px; height:83px; background-color:#286abd; }
   .header > .header-inner > .header-util > .search-inner .search-form-con > input { width:calc(100% - 105px); height:28px; color:rgba(255,255,255,.5); border-bottom:1px solid rgba(255,255,255,.2); padding:0 50px 9px 0; margin:22px 20px 0 30px; text-indent:5px; }
   .header > .header-inner > .header-util > .search-inner .search-form-con > input::placeholder, .header > .header-inner > .header-util > .search-inner .search-form-con > .search-ico > i { color:rgba(255,255,255,.5); }
   .header > .header-inner > .header-util > .search-inner .search-form-con > .search-ico { position:absolute; top:23px; right:36px; }
   .header > .header-inner > .header-util > .search-inner .search-form-con > .search-ico > i {  }
   .header > .header-inner > .m-gnb-btn { position:absolute;top: 50%;right: 30px;transform: translateY(-50%);transition:all .5s; z-index:200; }
   .header > .header-inner > .m-gnb-btn.active { background-color:transparent; }
   .header > .header-inner > .m-gnb-btn > span { display:block; width:16px; height:2px; background-color:#286abd; margin:4px auto; transition:all .5s; }
   .header > .header-inner > .m-gnb-btn.active > span { background-color:#fff; }
   .header > .header-inner > .m-gnb-btn.active > span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
   .header > .header-inner > .m-gnb-btn.active > span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
   .header > .header-inner > .m-gnb-btn.active > span:nth-child(2) { opacity:0; }
   .header > .header-inner > .m-menu-wrap { position:fixed; top:0; right:-100%; width:100%; height:100%; background-color:#222; z-index:150; transition:right .5s; }
   .header > .header-inner > .m-menu-wrap.active { right:0;height:100vh;}
   .header > .header-inner > .m-menu-wrap > .m-language { margin:12.5px 0 0 3.5%; }
   .header > .header-inner > .m-menu-wrap > .m-language > ul > li > a { display:block; font-weight:bold; padding:0 6px; line-height:30px; color:#4e4e4e; }
   .header > .header-inner > .m-menu-wrap > .m-language > ul > li.active > a { color:#286abd; }
   .header > .header-inner > .m-menu-wrap > .m-gnb { text-align:center; }
   .header.sub .header-gnb > ul > li > a {color:#888888;}
   .header.sub.active .header-gnb > ul > li > a {color:#fff;}   
   .header.sub.active .header-logo .main  {display: block;}
   .header.sub.active .header-logo .sub  {display: none;}
   .header.sub.active .header-gnb > ul > li:hover a {color:#fff;}
   .header.sub.active .header-gnb > ul > li:hover a:after {background-image: url('/img/design/gnb_arrow.png');}
   .header.sub .header-gnb > ul > li:hover a:after {background-image: url('/img/sub/gnb_arrow.png');}
   .header .header-logo .sub {display: none;}
   .header.sub .main {display: none;}
   .header.sub .sub {display: block;}
   .header.sub > .header-inner .police {border: 1px solid #111}
   .header.sub.active > .header-inner .police {border:1px solid #fff;}
   .header.sub.active > .header-inner .police span {color:#fff}
   .header.sub > .header-inner .police span {color:#111;}
   .header > .header-inner > .m-menu-wrap > .m-gnb > ul ul { background-color:#fff; padding:15px 0; display:none; }
   .header > .header-inner > .m-menu-wrap > .m-gnb > ul ul > li > a { display:block; padding:10px 15px; color:#4e4e4e; }
   .header > .header-inner > .m-menu-wrap > .m-search { text-align:center; margin-top:30px; }
   .header > .header-inner > .m-menu-wrap > .m-search .m-search-form-con { position:relative; }
   .header > .header-inner > .m-menu-wrap > .m-search .m-search-form-con > input { background-color:#fff; padding:0 40px 0 8px; width:260px; height:43px; box-sizing:border-box; border:1px solid #cfcfcf; color:#4e4e4e; }
   .header > .header-inner > .m-menu-wrap > .m-search .m-search-form-con > .search-ico { position:absolute; top:9px; left:50%; margin-left:95px; }
   .header > .header-inner > .m-menu-wrap > .m-search .m-search-form-con > .search-ico > i {  }
   .main-visual { margin-top:83px; width:100%; height:calc(100vh - 83px); position:relative; }
   .main-visual .main-slider { font-size:0; position:relative; width:100%; height:100%; }
   .main-visual > .main-slider .slick-list, .main-visual > .main-slider .slick-track { height:100%; }
   .main-visual .main-slider .slider-visual > .img-box > .img { background-repeat:no-repeat; background-position:center top; background-size:cover; position:absolute; top:0; left:0; width:100%; height:100%; transform:scale(1.15); transition:transform 0s 4s; }
   .main-visual .main-slider .slick-active .img-box > .img { transform:scale(1); transition:transform 9s; }
   .main-visual > .arrow-con { position:absolute; bottom:67px; width:100%; }
   .main-visual > .arrow-con > .arrows { max-width:1645px; margin:0 auto; }
   .main-visual > .arrow-con > .arrows::after { content:""; display:block; clear:both; }
   .main-visual > .arrow-con > .arrows > .slick-arrow { position:static; color:#fff; width:auto; height:auto; line-height:normal; }
   .main-visual > .arrow-con > .arrows > .slick-arrow::before { display:none; }
   .main-visual > .arrow-con > .arrows > .slick-prev { float:left; }
   .main-visual > .arrow-con > .arrows > .slick-next { float:right; }
   .main-visual > .arrow-con > .arrows > .slick-arrow > i {  }
   .main-visual > .arrow-con > .arrows > .slick-arrow > i, .main-visual > .arrow-con > .arrows > .slick-arrow > span { display:inline-block; vertical-align:middle; }
   .main-visual .main-slider .slider-visual > .visual-txt { position:absolute; left:0; bottom:150px; width:100%; box-sizing:border-box; }
   .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con { max-width:1645px; margin:0 auto; }
   .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1 { display:inline-block; color:#fff; padding:10px; margin-bottom:15px; border-radius:5px; background-color:#3a75bf; letter-spacing:1px; line-height:1; }
   .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2 { font-weight:300; color:#1c2939; letter-spacing:-2px; line-height:65px; margin-bottom:15px; }
   .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2 > b { color:#286abd; }
   .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3 { color:#303030; letter-spacing:1px; opacity:.9; line-height:35px; }
   .main-visual .main-slider .slider-visual-3 > .visual-txt > .inner-txt-con > .white-txt, .main-visual .main-slider .slider-visual-4 > .visual-txt > .inner-txt-con > .white-txt { color:#fff; }
   .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt { transform:translateX(-50px); opacity:0; transition:opacity 0s 3s, transform 0s 3s; }
   .main-visual .main-slider .slick-active .visual-txt > .inner-txt-con > .inner-txt { transform:translateX(0); opacity:1; transition:opacity 2s, transform 2s; }
   .main-visual .main-slider .slick-active .visual-txt > .inner-txt-con > .inner-txt-1 { transition-delay:2s; }
   .main-visual .main-slider .slick-active .visual-txt > .inner-txt-con > .inner-txt-2 { transition-delay:2.3s; }
   .main-visual .main-slider .slick-active .visual-txt > .inner-txt-con > .inner-txt-3 { transition-delay:2.5s; }
   @media (max-width:1220px){
       .main-visual { margin-top:56px; height:calc(100vh - 56px); }
   }
   @media (max-width:1620px){
       .main-visual .main-slider .slider-visual > .visual-txt { padding:0 15px; }
   }
   @media (max-width:800px){
       .main-visual, .main-visual > .main-slider .slick-list, .main-visual > .main-slider .slick-track { height:auto; }
       .main-visual > .arrow-con { bottom:25px; }
       .main-visual > .arrow-con > .arrows > .slick-arrow {  }
       .main-visual .main-slider .slider-visual > .visual-txt { top:16.18%; bottom:auto; text-align:center; }
       .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-1 { margin-bottom:8px; padding:4.5px 17.5px; }
       .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-2 { margin-bottom:10px; line-height:1.18em; }
       .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3 { line-height:18px; }
       body > .popup {bottom: 50px;right: 50px;}
   }
   a {display: inline-block;}
   .main-content-1 > .content-inner { width:100%; position:relative; }
   .main-content-1 > .content-inner > .cell, .main-content-1 > .content-inner > .cell-right { width:50%; height:575px; overflow:hidden; }
   .main-content-1 > .content-inner > .img-con { background:url('https://kimyang-sun.github.io/pf-img/ovio-img/main_bg_01.jpg') no-repeat 0 0; text-align:center; }
   .main-content-1 > .content-inner-2 > .img-con { background:url('https://kimyang-sun.github.io/pf-img/ovio-img/main_bg_02.jpg') no-repeat 0 0; }
   .main-content-1 > .content-inner > .img-con > .img-box { width:267px; display:inline-block; margin-top:120px; top:0; }
   .main-content-1 > .content-inner-2 > .img-con > .img-box { width:316px; }
   .main-content-1 > .content-inner > .txt-con { position:relative; }
   .main-content-1 > .content-inner-2 > .txt-con { background:linear-gradient(#fff, #f3f3f3); }
   .main-content-1 > .content-inner > .txt-con > a { position:absolute; top:0; left:0; right:0; bottom:0; z-index:50; }
   .main-content-1 > .content-inner > .txt-con > .txt-box { padding:0 120px; margin-top:100px; box-sizing:border-box; }
   .main-content-1 > .content-inner > .txt-con > .txt-box > .txt-1 { color:#868f9a; }
   .main-content-1 > .content-inner > .txt-con > .txt-box > .txt-1 > span { font-weight:bold; }
   .main-content-1 > .content-inner > .txt-con > .txt-box > .txt-2 { color:#286abd; margin-top:10px; line-height:1.11em; letter-spacing:-0.75px; }
   .main-content-1 > .content-inner > .txt-con > .txt-box > .txt-3 { margin-top:22px; line-height:1.81em; color:#6f6f6f; word-break:keep-all; }
   .main-content-1 > .content-inner > .txt-con > .txt-box > .txt-3 > span { display:block; }
   .main-content-1 > .content-inner > .txt-con > .txt-box > .txt-4 { font-weight:bold; padding:9px; color:#626262; line-height:2em; border-bottom:3px solid #ccc; margin-top:50px; }
   .main-content-1 > .content-inner > .txt-con > .txt-box > .txt[data-aos=fade-down] { transform: translate3d(0,-50px,0); }
   .main-content-1 > .content-inner > .txt-con > .txt-box > .txt[data-aos^=fade][data-aos^=fade].aos-animate { transform: translate3d(0,0,0); }
   .main-content-1 > .content-inner > .cir { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
   .main-content-1 > .content-inner > .cir > .cir-ico { display:block; width:78px; height:78px; background-color:#e0ddd8; position:relative; border-radius:50%; border:10px solid #fff; }
   .main-content-1 > .content-inner-2 > .cir > .cir-ico { background-color:#b0c3d7; }
   .main-content-1 > .content-inner > .cir > .cir-ico > i { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; }
   .main-content-2 { margin-top:93px; }
   .main-content-2 > .content-inner { max-width:1200px; margin:0 auto; }
   .main-content > .content-inner > p { text-align:center; font-weight:300; letter-spacing:-0.75px; }
   .main-content > .content-inner > .tt { color:#333; }
   .main-content > .content-inner > .tt > span { font-weight:400; }
   .main-content > .content-inner > .st { color:#666; margin-top:10px; }
   .main-content-2 > .content-inner > .prod-slider { margin-top:64px; }
   .main-content-2 > .content-inner > .prod-slider .slick-list { overflow:visible; }
   .main-content-2 > .content-inner > .prod-slider .slick-slide { opacity:.3; }
   .main-content-2 > .content-inner > .prod-slider .slick-active { opacity:1; }
   .main-content-2 > .content-inner > .prod-slider .item > a { margin:0 6.2%; outline:none; }
   .main-content-2 > .content-inner > .prod-slider .item > a > .prod-name { text-align:center; }
   .main-content-2 > .content-inner > .prod-slider .item > a > .prod-name > h5 { font-weight:400; color:#444; padding:0 10px; letter-spacing:-0.25px; }
   .main-content-2 > .content-inner > .prod-slider .item > a > .prod-name > p { margin-top:13px; color:#848484; letter-spacing:-0.65px; }
   .main-content-2 > .content-inner > .slider-btn-con { width:100%; text-align:center; margin-top:23px; font-size:0; }
   .main-content-2 > .content-inner > .slider-btn-con > .slick-arrow { display:inline-block; vertical-align:middle; }
   .main-content-2 > .content-inner > .slider-btn-con > .slick-arrow > i { display:inline-block; padding:11px; font-weight:bold; color:#7f7f7f; }
   .main-content > .content-inner .center-ico { display:inline-block; vertical-align:middle; position:relative; margin:0 66px; }
   .main-content > .content-inner .center-ico > a > i { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
   .main-content-3 { margin-top:93px; }
   .main-content-3 > .content-inner { text-align:center; font-size:0; position:relative; height:866px; }
   .main-content-3 > .content-inner > .tt { padding-top:60px; }
   .main-content-3 > .content-inner > .tt-2 { color:#286abd; line-height:1.14em; margin-top:23px; }
   .main-content-3 > .content-inner > .tt-2 > span { font-weight:400; }
   .main-content-3 > .content-inner > .st { margin-top:21px; color:#9c9c9c; }
   .main-content-3 > .content-inner > .center-ico { margin:0; margin-top:47px; }
   .main-content-3 > .content-inner > .bg-img::after { content:""; display:block; padding-top:calc(757 / 1904 * 100%); }
   .main-content-4 > .content-inner { width:100%; }
   .main-content-4 > .content-inner > .cell { width:50%; position:relative; }
   .main-content-4 > .content-inner > .cell > a > .inner-txt { position:absolute; top:50%; left:10%; transform:translateY(-50%); color:#fff; z-index:10; }
   .main-content-4 > .content-inner > .cell > a > .inner-txt > strong { opacity:.6; }
   .main-content-4 > .content-inner > .cell > a > .inner-txt > .tt { font-weight:300; }
   .main-content-4 > .content-inner > .cell > a > .inner-txt > .tt > span { font-weight:bold; }
   .main-content-4 > .content-inner > .cell > a > .inner-txt > .st { opacity:.6; letter-spacing:-0.75px; }
   .main-content-4 > .content-inner > .cell > a > .inner-img { overflow:hidden; }
   .main-content-4 > .content-inner > .cell > a > .inner-img > img { transition:transform .5s; }
   .main-content-4 > .content-inner > .cell > a:hover > .inner-img > img { transform:scale(1.1); }
   .footer { padding:60px 0 50px; }
   .footer > .footer-inner { max-width:1200px; margin:0 auto; text-align:center; font-size:0; color:#9a9a9a; }
   .footer > .footer-inner > .ft-logo { margin-bottom:21px; }
   .footer > .footer-inner > .ft-info { display:inline-block; margin-bottom:27px; }
   .footer > .footer-inner > .ft-info > ul > li > a { display:inline-block; line-height:33px; }
   .footer > .footer-inner > .ft-info > ul > li:first-child > a { color:#2c2c2c; }
   .footer > .footer-inner > .ft-info > ul > li:not(:first-child)::before { content:"|"; display:inline-block; margin:0 11px; position:relative; top:-1px; }
   .footer > .footer-inner > .ft-add { margin-bottom:9px; }
   .footer > .footer-inner > .ft-add > span { line-height:33px; }
   .online-inquiry { position:fixed; right:15px; bottom:15px; z-index:500; opacity:0; transform:translateY(100%); transition:all .5s; }
   .online-inquiry.active { opacity:1; transform:translateY(0); }
   .online-inquiry > .inq-btn { width:56px; height:56px; background-color:#286abd; border-radius:50%; outline:none; position:relative; color:#fff; }
   .online-inquiry > .inq-btn > i {  }
   .online-inquiry > .inq-btn > a.inq-btn-link { position:absolute; top:0; right:0; width:56px; height:56px; border:4px solid #286abd; border-radius:30px; box-sizing:border-box; text-align:left; background-color:#fff; z-index:-5; overflow:hidden; transition:width .5s, box-shadow .5s; }
   .online-inquiry > .inq-btn.active > a.inq-btn-link { width:185px; box-shadow:5px 6px 23px 1px rgba(0,0,0,0.22); }
   .online-inquiry > .inq-btn > a.inq-btn-link > span { text-indent:26px; line-height:48px; height:56px; display:block; color:#333; letter-spacing:-0.75px; font-weight:bold; }
   #main_bnr li {background-size: cover;background-repeat: no-repeat;background-position: center;height:calc(100vh - 50px);background-color: #111;}
   #main_bnr .visual01 {background-image: url('/img/main/visual_01.jpg');}
   #main_bnr .visual02 {background-image: url('/img/main/visual_02.jpg');}
   #main_bnr .visual03 {background-image: url('/img/main/visual_03.jpg');}
   #main_bnr .visual04 {background-image: url('/img/main/visual_04.jpg');}
   #main_bnr .visual05 {background-image: url('/img/main/visual_05.jpg');}
   #main_bnr .visual06 {background-image: url('/img/main/visual_06.jpg');}
   #main_bnr .visual07 {background-image: url('/img/main/visual_07.jpg');}
   #main_bnr .visual08 {background-image: url('/img/main/visual_08.jpg');}
   #main_bnr .visual09 {background-image: url('/img/main/visual_09.jpg');}
   #main_bnr .visual10 {background-image: url('/img/main/visual_10.jpg');}
   #main_bnr .visual11 {background-image: url('/img/main/visual_11.jpg');}
   #main_bnr .visual12 {background-image: url('/img/main/visual_12.jpg');}
   #main_bnr .visual13 {background-image: url('/img/main/visual_13.jpg');}
   #main_bnr .visual14 {background-image: url('/img/main/visual_14.jpg');}
   #main_bnr .txt {position: absolute;left:50%;top: 50%;transform: translate(-50%, -50%);z-index: 9;text-align: center;}
   #main_bnr .txt img {max-width: 100%;opacity: 0.8;}
   #main_bnr .txt span {color:#fff;font-size: 25px;margin-top: 10px;display: inline-block;font-weight: 600;padding-right: 20px;}
   #main_bnr .txt span:after {content:'';width: 2px;height:25px;background-color: #fff;position:absolute;right:10px;top:50%;transform: translateY(-50%);}
   #main_bnr .txt span:last-child {padding-right: 0;}
   #main_bnr .txt span:last-child:after {display: none;}
   .main_video_wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
   .main_video_wrapper video { width: 100%; height: 100%; object-fit: cover; }
   * {color:#222;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;word-break: keep-all;font-size: inherit;font-weight: inherit;line-height: 1.3;}
   .sns_icon {display:flex; justify-content:center; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:3px;}
   .sns_icon a {color:#fff; margin:0 7px;}
   .sns_icon img {height:50px;}
   .header {background-color: transparent;transition: all 0.25s ease;}
   .header.fixed {background-color: rgba(0, 0, 0, 0.7);}
   .header.fixed > .header-inner .police {height:60px;}
   .header.fixed > .header-inner {height:100px;}
   .header.fixed > .header-inner > .header-gnb > ul > li > a {height: 100px;line-height: 100px;}
   .header.fixed > .header-inner > .header-gnb > ul .gnb-2depth {top: 100px;}
   .side_bnr {position:fixed; right:0; top:50%;transform: translateY(-50%); z-index:9;background-color: #003163;padding:10px 0;width: 50px;transition: all 0.25s ease;}
   .side_bnr.add {right:-65px;}
   .side_bnr li a {display:flex;justify-content: center;align-items: center;height: 50px;}
   .side_bnr li a i {color:#fff;}
   .eng {font-family: 'Daeojamjil';margin-bottom: 15px;}
   .sec01 {padding:100px 100px;width: 100%;}
   .sec01 h2, .sec01 h2 span, .sec02 .swiper-slide .profile h1 span,#footer .contact h1, .contact h1 span,.sub h1, .sub_bnr + section h1, .company02 #sec01 ul p {}
   h2 + span, .company02 p + span,.business01 h1 + span {margin-top: 15px;}
   .sec01 li.left h2 + span {text-align: right;display: block;margin:150px 0 30px;}
   .sec01 h1, .company02 #sec01 h1, .business h1.eng {color:#444444;line-height: 1.1;}
   .sec01 h1.eng {position: absolute;top:0;left:0;}
   .sec01 > ul {display: flex;flex-wrap: wrap;flex-direction: row;gap: 30px;}
   .sec01 ul li {width:calc(50% - 15px);}
   .sec01 ul li.right h2, .sec01 ul li.left h2 span,#footer .contact h1 span,.sub h1, .company02 #sec01 ul p {font-weight: 700;}
   .sec01 ul li span:not(h2 span),.sec04 p, .company02 .cont span,.business01 h1 + span {color:#666666}
   .sec01 li.left {display: flex; align-items: end;}
   .sec01 li.left .wrap {display: flex;flex-direction: column;justify-content: space-between;position: static;width: 100%;}
   .sec01 li.left .wrap .img {background-image: url('/img/main/sec01_img2.jpg');background-position: center;padding-bottom: 70%;}
   .sec01 ul li.right .eng {color:#0065b0;}
   .sec01 ul li.right ul {display: flex;flex-direction: row;}
   .sec01 ul li.right ul li {width: 33.33%;padding:30px;border-right:1px solid #222;}
   .sec01 ul li.right ul li span {color:#222;}
   .sec01 ul li.right .wrap {border-top:1px solid #222;margin-top:100px;}
   .sec01 ul li.right ul li:last-child {border:0;}
   .sec01 ul .img {border-radius: 30px;overflow: hidden;background-size: cover;background-repeat: no-repeat;width: 100%;height: 0;}
   .sec01 ul li.right .img {margin-top:150px;padding-bottom: 120%;background-image: url('/img/main/sec01_img1.jpg');background-position: center right;}
   .sec02 {background-image: linear-gradient(to bottom,transparent 120px,#13151b 120px);padding:0 100px;display: flex;}
   .sec02 ul {align-items: end;}
   .sec02 .swiper-slide {width: 18%;padding:0 10px;filter: grayscale(0.4);opacity: 0.6;}
   .sec02 .swiper-slide-active {display: flex;flex-direction: row-reverse;width:50%;filter: grayscale(0);opacity: 1;align-items: start;}
   .sec02:before {content: '';display: block;width: 100px;height: calc(100% - 150px);background-image: url(/img/main/sec02_logo.png);background-repeat: no-repeat;background-position: left;position: absolute;background-size: contain;left: 0;bottom: 0;opacity: 0.5;}
   .sec02 .swiper-slide-active img {max-width:50%;padding-right:30px;}
   .sec02 .swiper-slide .profile h1 {color:#999;margin-bottom: 15px;}
   .sec02 .swiper-slide .profile h1 span {font-weight: 700;color:#fff;}
   .sec02 .swiper-slide .profile {display: none;}
   .sec02 .swiper-slide-active .profile {display: flex;flex-direction: column;margin-top: 180px;}
   .sec02 .swiper-slide .profile > span {margin-left:15px;background-color: #fff;margin-bottom: 10px;padding:0 5px;width: fit-content;word-break: keep-all;white-space: nowrap;}
   .sec02 .swiper-slide .profile > span:before {content:'·';display:inline-block;position: absolute;left:-15px;top:50%;transform: translateY(-50%);color:#fff;}
   .sec02 .swiper-button {position: absolute;right:150px;bottom:50px;z-index: 9;display: flex;flex-direction: row;gap:10px;cursor: pointer;}
   .sec02 .swiper-button div {width:50px;height:50px;border-radius: 50px;border:1px solid #fff;display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;}
   .sec02 .swiper-button div i {color:#fff;font-size: 25px;}
   .sec02 .swiper-button div.prev i {transform: rotate(180deg);}
   .sec03 {background-color:#13141b;}
   .sec03 * {color:#fff;position:relative;box-sizing:border-box;}
   .sec03 > ul {display:flex;flex-direction:row;justify-content: end;align-items: start;}
   .sec03.fixed.unfixed > ul {align-items: end;}
   .sec03 > ul > li {width:50%;overflow:hidden;}
   .sec03 h1,.sec04 h1,#footer .process h1 {font-weight:700;text-transform: uppercase;}
   .sec03 .left-area {height:100vh;background-image:url("/img/main/sec03_bg.jpg");position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:center;background-size:cover;padding:150px 100px;}
   .sec03 .bs > div {padding:100px;height:70vh;}
   .sec03 .bs > div:after {content:'';width:calc(100% + 200px);height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);opacity: 0.4;z-index: 0;}
   .sec03 .bs > div:nth-child(1):after {Background-image:url('/img/main/sec03_1_bg.jpg');}
   .sec03 .bs > div:nth-child(2):after {Background-image:url('/img/main/sec03_2_bg.jpg');}
   .sec03 .bs > div:nth-child(3):after {Background-image:url('/img/main/sec03_3_bg.jpg');}
   .sec03 .bs > div:nth-child(4):after {Background-image:url('/img/main/sec03_4_bg.jpg');}
   .sec03 .bs > div:nth-child(5):after {Background-image:url('/img/main/sec03_5_bg.jpg');}
   .sec03 .bs > div:nth-child(6):after {Background-image:url('/img/main/sec03_6_bg.jpg');}
   .sec03 .bs > div:nth-child(odd) {display:flex;flex-direction:column;align-items:end;}
   .sec03 .bs > div:nth-child(2n) p {border-left: 1px solid #fff;border-right: 0;}
   .sec03 .bs > div:nth-child(2n) p span {padding-left:15px;padding-right: 0;}
   .sec03 .bs > div:nth-child(odd) p {text-align:right;}
   .sec03 .bs * {z-index: 1;}
   .sec03 .bs h3 {color:#54a2dd;}
   .sec03 .bs h2 {font-weight:700;}
   .sec03 .bs p {border-right:1px solid #fff;margin:50px 0;}
   .sec03 .bs span {display:block;padding-right:15px;line-height:1.7}
   .sec03 .bs a {background-color:#0065b0;flex-wrap:wrap;justify-content:space-between;line-height:55px;padding:0 22px;display:flex;gap:90px;width:fit-content;border-radius:5px;}
   .sec03 .bs a:after {content:'+';display:inline-block;}
   .sec03.fixed .fixed {position: fixed;top:0;bottom:auto;}
   .sec03 .left-area div {margin-top: 50px;}
   .sec03 .left-area li {background-color: #006ec0;border-radius: 15px;color:#fff;padding:20px 0;margin-bottom: 15px;}
   .sec03 .left-area li:after {content:'';width:calc(100% - 10px);display: block;height:100%;border-radius: 15px;position: absolute;right:0;top:0;background-color: #1a1a1a;}
   .sec03 .left-area li * {z-index: 1;margin-left:100px;}
   .sec03 .left-area li h2 {font-weight: 700;margin-bottom: 5px;}
   .sec03 .left-area li p {opacity: 0.9;}
   .sec03 .left-area li:before {content: "";width: 30px;height: 30px;display: inline-block;background-image: url('/img/main/check.png');background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;top: 50%;z-index: 9;transform: translateY(-50%);left: 40px;}
   .sec03 .left-area .police {position: absolute;right:50px;bottom:50px;max-width:20%;z-index: 9;}
   .sec03 .left-area .police img {filter: drop-shadow(0 0 8px rgb(0, 204, 255));}
   .sec03 .left-area .police span {color: #ffec00;text-align: center;margin-bottom: 5px;width: 100%;}
   .sec03.fixed.unfixed .fixed {position: absolute;top: auto;bottom: 0;}
   .left-area { position: absolute; top: 0; left: 0; width: 50%; height: 100vh; }
   .left-area.fixed { position: fixed; top: 0; bottom: auto; }
   .left-area.unfixed { position: absolute; top: auto; bottom: 0; }
   .sec04 {margin:150px 0;text-align: center;}
   .sec04 .perfo_box {margin:50px 0 70px 0;}
   .sec04 .swiper-slide {width:33.33%;margin:0 25px;}
   .sec04 .swiper-slide a div, .sub_wrap .perfo_box > li div, .board_list_load li div {border-radius: 20px;overflow: hidden;width: 100%;height: 0;padding-bottom: 70%;margin-bottom: 10px;}
   .sec04 .swiper-slide a div img {position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
   .sec04 .swiper-slide a div {background-position: center;background-repeat: no-repeat;background-size: cover;}
   .sec04 .swiper-slide a, .sub_wrap .perfo_box li > a, .board_view .tit p, .sub_wrap .board_view .tit p, .board_list_load a {display: flex;flex-direction: column;font-weight: 700;align-items: center;}
   .sec04 .swiper-pagination, .business02 .swiper-pagination {max-width: 1440px;margin:0 auto;position: relative;left:initial;top:initial;border-radius: 4px;overflow: hidden;}
   .sec04 .swiper-button {width: 100%;display: flex;justify-content: end;padding-right: 100px;margin:50px 0;}
   .sec04 .swiper-button > * {line-height:40px;border:1px solid #a9a9a9;border-radius: 5px;padding: 0 20px;margin-left:15px;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;}
   .swiper-pagination-progressbar-fill {background: #333 !important;}
   .process {background-image: url('/img/design/footer_bg.jpg');background-repeat: no-repeat;background-position: center;background-repeat: cover;text-align: center;padding:150px 100px;}
   .process:after {content:'';width:100%;height:100px;border-top-left-radius: 100px;border-top-right-radius: 100px;position: absolute;bottom:0;left:0;display: block;background-color: #fff;}
   .process * {color:#fff;}
   .process > p {opacity: 0.8;}
   .process ul {margin-top: 120px;display: flex;flex-direction: row;margin-bottom: 50px;}
   .process ul li:nth-child(4) {margin-right: 0;}
   .process ul li:nth-child(4):before {border-right: 0; display: none;}
   .process ul li {width: calc(33.33% - (60px / 4));margin-right:20px;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;align-items: center;}
   .process ul li:before {content:'';display: block;width: calc(100% - 30px); border-top:1px dashed rgba(255,255,255, 0.8);position: absolute;top: 12.5px;left: calc(50% + 25.5px);}
   .process ul li h2 {width:25px;height:25px;border-radius: 5px;background-color:#55a3dd;color:#fff;line-height:25px;text-align: center;font-weight: 700;margin-bottom: 50px;}
   .process ul li .txt {color:#fff;background: var(--transparent-w-10, rgba(0, 0, 0, 0.1)); box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 0px rgba(255, 255, 255, 0.1) inset, 4px 8px 6px 0px rgba(0, 0, 0, 0.05); backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 20px;padding:20px;width: 100%;}
   .process ul li .txt p {font-weight: 700;}
   .process ul li .txt span {opacity: .8;font-weight: 400;margin-top: 5px;;}
   #footer {overflow-y: hidden;}
   #footer .contact {padding:30px 100px 0 100px;}
   #footer .contact ul {display:flex;flex-direction: row;}
   #footer .contact li {width: 50%;display:flex;flex-wrap: wrap;}
   #footer .contact li:first-child {flex-direction: column;}
   #footer .contact li:last-child {justify-content: center;}
   #footer .contact li h1 {width: 100%;}
   #footer .contact li a {width: 200px;line-height:60px;border-radius: 7px;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;}
   #footer .contact li a i {margin-right: 5px;}
   #footer .contact li a.call {border:1px solid #222;color:#222;margin-right:10px;}
   #footer .contact li a.kakao {color:#371d1e;background-color: #fae100;}
   #footer .contact .button {display: flex;flex-wrap: nowrap;margin:70px 0 100px 0;}
   #footer .contact .button a {font-weight: 700;}
   .contact h2 {font-weight: 700;}
   .contact h2 span {color:#666;font-weight: 400;}
   .contact .email {font-weight: 900;}
   .contact p.call {font-family: 'Daeojamjil';line-height: 1;margin:15px 0;}
   #footer .contact li img {max-height:80vh;width: auto;}
   #footer .copyright {background-color: #003163;padding:0 100px;}
   #footer .copyright * {color:#fff;}
   #footer .copyright h4 {font-weight: 700;}
   #footer .copyright .footer-header {height: 170px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #7590ab;}
   #footer .copyright .footer-header .footer_link ul {display: flex;flex-direction: row;gap:30px;}
   #footer .copyright .footer-header .footer_link ul li a {width: 30px;height:30px;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;}
   #footer .copyright .footer-header .footer_link ul i {}
   #footer .copyright .footer-cont {padding:45px 30px;}
   #footer .copyright .footer-cont span {opacity: 0.5;margin-left:5px;line-height: 1.7;}
   #footer .copyright .footer-cont .copy li {opacity: 0.5;margin-top:30px;}
   .sub_bnr {background-image: url('/img/sub/sub_bnr_bg.jpg');background-repeat: no-repeat;background-size: cover;background-position: center top;border-bottom: 1px solid #dedede;margin-top: 170px;}
   .sub_bnr .eng {color:#444444;text-align: center;margin-top:100px;}
   ul.sub_slt {display: flex;flex-wrap: nowrap;justify-content: center;gap:50px;}
   .form .btn {display: none;}
   ul.sub_slt li {font-weight: 700;line-height:52px;cursor: pointer;padding:0 20px;}
   ul.sub_slt li:hover {color: #0065b0;}
   ul.sub_slt li:hover:after {width: 100%;background-color: #0065b0;}
   ul.sub_slt li:after {content:'';display: block;width:0;height:2px;background-color:transparent;position: absolute;left:50%;bottom:0;transform: translateX(-50%);transition: all 0.25s ease;}
   ul.sub_slt li.active {color:#0065b0;}
   ul.sub_slt li.active:after {background-color: #0065b0;width: 100%;}
   .sub_bnr .nav {margin:75px 0;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;}
   .sub_bnr .nav i.xi-home {padding-right:30px;}
   .sub_bnr .nav i.xi-home:after {content:'';width:1px;height:15px;background-color: #c0bdb9;position: absolute;right:15px;top:50%;transform: translateY(-50%);display: block;}
   .sub_bnr .nav * {color:#222;height:17px;line-height: 17px;}
   .sub_bnr .nav *, .company01 #sec03 li .txt .point {font-weight: 700;}
   .sub_wrap {padding:0 100px;}
   .sub_bnr .nav .arrow {padding:0 10px;opacity: 0.8;}
   .sub_wrap .perfo_box {display: flex;flex-wrap: wrap;}
   .sub_wrap .perfo_box > li, .board_list_load li {width:calc(33.33% - (40px / 3));}
   .sub_wrap .perfo_box > li div img, .board_list_load div img {position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
   .sub_wrap .perfo_box > li div {background-position: center;background-repeat: no-repeat;background-size: cover;}
   .sub_wrap .perfo_box > li:nth-child(3n + 2), .board_list_load li:nth-child(3n + 2) {margin:0 20px;}
   form#sf {display: flex;flex-wrap: nowrap;justify-content: center;margin: 70px 0;gap:10px;}
   form#sf * {height:36px;line-height: 36px;}
   form#sf input[type=submit] {background-color: #222;color:#fff;padding:0 35px;}
   form#sf select, #search_display1 {border:1px solid #e6e6e6;}
   form#sf select[class="cateform"] {background-image: url("/img/sub/board_arrow.jpg"); background-repeat: no-repeat; background-position: 96% center; background-size: 10px; padding: 0 10px;width:100px;}
   form#sf select[class="cateform"], form#sf input[type=submit], form#sf select[class="cateform"] *,form#sf input[type=text], .header > .header-inner .police span {font-weight: 700;}
   #search_display1 {display: flex;flex-wrap: nowrap;align-items: center;}
   form#sf input[type=text]{padding:0 10px;}
   .header > .header-inner .police {height:80px;border-radius: 80px;border:1px solid #fff;display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;transition: all 0.3s ease;}
   .header > .header-inner .police img {height:100%;padding:5px;width: auto;}
   .header > .header-inner .police span {color:#fff;font-weight: 700;padding:0 20px 0 5px;}
   .sub_bnr + section > .cont {padding: 150px 0;}
   .sub_bnr + section h1 {text-align: center;max-width: 50vw;margin: 0 auto 100px auto;font-weight: 700;}
   .sub_bnr + section h1 span.color {color: #0065b0;display: inline;}
   .sub_bnr + section h1 span {}
   .sub_bnr + section .cont.w100 {padding: 150px 100px;}
   .sub_bnr + section .cont.w100 h2 {font-weight: 700;}
   .sub_bnr + section .cont, .company01 #sec03 li .txt p, .company02 #sec03 h1 + div li p, .sub_wrap .perfo_box li > a, .board_view .tit p, .sec04 .swiper-slide a, .sec04 p, .sec03 p, .contact h2, .board_list_load a, .business02 #sec02 li .txt h4,.business02 #sec02 > h1 + span, .business02 #sec04 .swiper-slide p, .company03 #sec01 .txt_box p span, .process > p {}
   .company01 #sec01 > ul {display: flex;flex-direction: row;justify-content: center;gap: 50px;}
   .company01 #sec01 > ul li {border-radius: 30px;filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));overflow: hidden;background-color: #000;}
   .company01 #sec01 > ul li:nth-child(2) {transform: translateY(50px) perspective(2500px) rotateY(-100deg)}
   .company01 #sec01 > ul li:nth-child(2).aos-animate {transform: translateY(50px) perspective(2500px) rotateY(0);}
   .company01 #sec01 > ul li img {opacity: 0.3;}
   .company01 #sec01 > ul li div {color:#fff;position: absolute;left:50%;bottom: 30px;transform: translateX(-50%);z-index: 1;text-align: center;font-weight: 700;}
   .company01 #sec01 > ul li div .eng {color: #bababa;}
   .company01 #sec02 {background-color: #13151b;background-image: url('/img/company/company01_sec02_bg.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;}
   .company01 #sec02 ul {display: flex;flex-direction: row;}
   .company01 #sec02 li {width: 25%;color:#fff;text-align: center;}
   .company01 #sec02 li span.eng {transition: all 0.1s ease-out;}
   .company01 #sec02 li p, .company01 #sec02 li p span {font-weight: 900;margin-bottom: 0;color:#fff}
   .company01 #sec02 li p {height:150px;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;margin:15px 0;line-height: 1;color:#fff;}
   .company01 #sec02 li p img {height:100%;width: auto;filter: brightness(0) invert(1);}
   .company01 #sec02 li p * {line-height: 1;}
   .company01 #sec02 li > span {color:#c0c0c0;}
   .company01 #sec03 {display: flex;flex-direction: column;}
   .company01 #sec03 ul {display: flex;flex-direction: row;flex-wrap: wrap;width:100%;max-width: 1440px;margin:0 auto;padding:50px;background-color: rgba(255,255,255,0.3);border-radius: 999px;}
   .company01 h1.eng {color:#fff;}
   .company01 #sec03 ul li {width: calc(25% - 25px);margin-right: calc(100px / 3);aspect-ratio: 1 / 1;background-color: rgba(255, 255, 255, 0.5);border: 1px solid #fff;border-radius: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
   .company01 #sec03 ul li:last-child {margin-right: 0;}
   .company01 #sec03 li .icon {display: flex;justify-content: center;align-items: center;margin-bottom: 10px;aspect-ratio: 1 / 1;}
   .company01 #sec03 li .icon img {max-width:100px;width:100%;}
   .company01 #sec03 li * {text-align: center;}
   .company01 #sec03 li .txt {display: flex;flex-direction: column;align-items: center;}
   .company01 #sec03 li .txt span {margin:5px 0;}
   .company01 #sec03 li .txt .point {background-color: #0065b0;color:#fff;border-radius: 5px;width:fit-content;padding:5px 10px;margin-bottom: 0;}
   .company01 #sec03 li .txt p {font-weight: 700;}
   .company01 > div#sec03 {margin:0 auto;background-color: #333;}
   .company01 .swiper_btn {display: none;}
   .company02 #sec01 {display: flex;flex-direction: row;}
   .company02 #sec01 > * {width: 50%;}
   .company02 #sec01 h1 {text-align: left;line-height: 1.1;}
   .company02 ul div li,.business01 .top div li {width:calc(50% - 10px);aspect-ratio: 1 / 1.5;border-radius: 15px;background-color: #333;overflow: hidden;}
   .company02 ul div li img,.business01 .top div li img {min-height:100%;width:auto;}
   .company02 ul div ul, .business .top div ul {display: flex;gap:20px;}
   .company02 ul div ul li:last-child, .business .top div ul li:last-child {transform: translateY(70px);}
   .company02 #sec01 ul p + span, .business #sec01 h1 + span {margin-bottom: 70px;}
   .company02 #sec01 ul p + span br {display: none;}
   .company02 h2.eng {color:#0065b0;text-align: center;}
   .company02 #sec02 > div > ul {aspect-ratio: 1 / 0.6 ;}
   .company02 #sec02 li {position:absolute;width:25%;aspect-ratio: 1/ 1;border-radius: 999px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
   .company02 #sec02 li:nth-child(1) {background-color: #348afa;left:100px;top:-50px}
   .company02 #sec02 li:nth-child(2) {background-color: #2561ae;right:100px;top:50px}
   .company02 #sec02 li:nth-child(3) {background-color: #13335c;left:30%;bottom: -100px;}
   .company02 #sec02 li * {color:#fff;text-align: center;}
   .company02 #sec02 li p {font-weight: 700;line-height: 1;}
   .company02 #sec02 li span {opacity: 0.8;font-weight: 300;padding:0 30px;}
   .company02 #sec02 h1 + div {padding: 0 150px;background-image: url(/img/company/company02_sec02_bg.jpg);background-repeat: no-repeat;background-size: auto 100%;background-position: center;}
   .company02 #sec03 {background-color: #f5f5f5;}
   .company02 #sec03 h1 + div ul {display: flex;justify-content: space-between;padding-top:120px;}
   .company02 #sec03 h1 + div ul:before {content:'';border-radius: 20px;border-top:1px dashed #c6c6c6;border-left:1px dashed #c6c6c6;border-right:1px dashed #c6c6c6;width: calc(71.3% - 60px);position: absolute;left: 50%;transform: translateX(-50%);height: 300px;top: 0px;}
   .company02 #sec03 h1 + div ul:after {content:'';border-left:1px dashed #c6c6c6;width:1px;position: absolute;left: 50%;transform: translateX(-50%);height: 250px;top: -100px;}
   .company02 #sec03 h1 + div li {width: calc(33.33% - 20px);background-color: #fff;border:1px solid #c6c6c6;padding:30px;border-radius: 20px;z-index: 1;}
   .company02 #sec03 h1 + div li:before {content:'';width:12px;height:12px;border-radius: 12px;background-color: #0065b0;position: absolute;top:-5px;left:50%;transform: translateX(-50%);z-index: 1;}
   .company02 ul div li img, .business01 .top div li img {height: 100%;}
   .company02 #sec03 h1 + div li:after {content:'';width:17px;height:17px;border-radius: 17px;border:1px solid #c6c6c6;position: absolute;top:-8.5px;left:50%;transform: translateX(-50%);background-color: #fff;}
   .company02 #sec03 h1 + div li p {font-weight: 700;}
   .company03 #sec01 li {display: flex;flex-direction: row;gap: 50px;margin-bottom: 70px;align-items: center;}
   .company03 #sec01 li:last-child {margin-bottom: 0;}
   .company03 #sec01 li > * {width: calc(50% - 25px);}
   .company03 #sec01 li:nth-child(2n) {flex-direction: row-reverse;}
   .company03 #sec01 li .img_box {background-color: #13151b;border-radius: 30px;overflow: hidden;padding:50px 50px 0 50px;display: flex;justify-content: center;}
   .company03 #sec01 li .img_box:before {content:'';width:100%;height:100%;background-image: url(/img/main/logo.svg);background-repeat: no-repeat;background-position: center;background-size: 77%;position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);opacity: 0.5;}
   .company03 #sec01 li .img_box img {max-height: 50vh;width: auto;filter: drop-shadow(12px 7px 10px rgba(0, 0, 0, 0.5));}
   .company03 #sec01 {max-width:1530px;width: 100%;margin:0 auto;}
   .company03 #sec01 li:before {content: '';display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: #e9e9e9;width: 150vw;height: 300px;} 
   .company03 #sec01 .txt_box p span {font-weight: 700;display: inline-block;padding-left: 0;}
   .company03 #sec01 .txt_box p {margin-bottom: 15px;}
   .company03 #sec01 .txt_box p span::before {display: none;}
   .company03 #sec01 .txt_box span {display: block;padding-left:10px;}
   .company03 #sec01 .txt_box span:before {content:'';display: inline-block;width:3px;height:3px;border-radius: 3px;position:absolute;left:0;top:50%;transform: translateY(-50%);background-color: #333;}
   .company04 {background-image: url('/img/company/company04_bg.jpg');background-repeat: no-repeat;background-size: cover;}
   .company04 > div {display: flex;flex-wrap: wrap;align-items: end;padding: 150px 150px 230px 150px !important;}
   .company04 h1 {color:#fff;width: 100%;max-width: 100% !important;}
   .company04 li, .company04 ul.step3 li h4 {background-color: #0023c7;box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35),0px 10px 20px rgba(0, 0, 0, 0.4);width: 100%;border-radius: 20px;padding:20px 0;}
   .company04 li {height: 100px;display: flex;justify-content: space-between;flex-direction: column;}
   .company04 li * {color:#fff;text-align: center;display: block;font-weight: 400;}
   .company04 li p {font-weight: 700;}
   .company04 li span {opacity: 0.7;font-size: 20px;}
   .company04 ul {display: flex;flex-wrap: wrap;width: calc(33.33% - (250px / 3));flex-direction: column;gap:30px;}
   .company04 ul.step1 {margin-bottom: -50px;}
   .company04 ul.step1:before {content:'';border-left:1px dashed rgba(255,255,255,0.8);display: block;width:1px;position: absolute;top:50px;height:130px;right: -50px;}
   .company04 ul.step1:after {content:'';border-left:1px dashed rgba(255,255,255,0.8);display: block;width:1px;position: absolute;bottom:47px;height:130px;left: -50px;}   
   .company04 ul.step1 li:nth-child(1):after, .company04 ul.step1 li:nth-child(2):after {content:'';border-top:1px dashed rgba(255,255,255,0.8);display: block;width:50px;height:1px;position: absolute;right: -50px;top: 50px;}  
   .company04 ul.step1 li:nth-child(2):before, .company04 ul.step1 li:nth-child(3):before {content:'';border-top:1px dashed rgba(255,255,255,0.8);display: block;width:50px;height:1px;position: absolute;left: -50px;top: 50px;}
   .company04 ul.step1 li:nth-child(2), .company04 ul.step1 li:nth-child(3) {border:3px solid #0023c7;background-color: rgba(255,255,255,0.8);}
   .company04 ul.step1 li:nth-child(2) *, .company04 ul.step1 li:nth-child(3) * {color:#333;}
   .company04 ul.step2 {margin:0 100px 0 150px;}
   .company04 ul.step2:before {content:'';border-left:1px dashed rgba(255,255,255,0.8);display: block;width:1px;position: absolute;top:50px;height:260px;left: -50px;}
   .company04 .move {position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);width: 100%;}
   .company04 ul.step2 li, .company04 ul.step3 li h4 {background-color: rgba(255,255,255,0.8);}
   .company04 ul.step2 li:before {content:'';border-top:1px dashed rgba(255,255,255,0.8);display: block;width:50px;height:1px;position: absolute;left: -50px;top: 50px;}
   .company04 ul.step2 li:nth-child(2):before {width: 100px;left:-100px}
   .company04 ul.step2 li:last-child:after {content:'';border-top:1px dashed rgba(255,255,255,0.8);display: block;width:50px;height:1px;position: absolute;right: -50px;top: 50px;}
   .company04 ul.step2 li * {color:#333}
   .company04 ul.step3 {margin-bottom: -65px;}
   .company04 ul.step3 li {background-color: rgba(30,30,30,0.8);}
   .company04 ul.step3 li h4 {position: absolute;left:0;top:calc(100% + 20px);width:100%;}
   .company04 ul.step3 li h4 * {color:#111;font-weight: 600;}
   .company04 ul.step3 li:before {content:'';border-top:1px dashed rgba(255,255,255,0.8);display: block;width:50px;height:1px;position: absolute;left: -50px;top: 50px;}
   .company04 ul.step3:before {content:'';border-left:1px dashed rgba(255,255,255,0.8);display: block;width:1px;position: absolute;top:50px;height:130px;left: -50px;}
   @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }
   .circle { background-image: url('/img/company/company04_round.png'); background-size: contain; animation: float 3s ease-in-out infinite; }
   .circle:nth-child(1) { width: 80px; height: 80px; top: 10%; left: 10%; animation-duration: 3.5s; animation-delay: -0.5s; z-index: 2; }
   .circle:nth-child(2) { width: 30px; height: 30px; top: 60%; left: 80%; animation-duration: 4.2s; animation-delay: -1.2s; filter: blur(2px); opacity: 0.7; }
   .circle:nth-child(3) { width: 60px; height: 60px; top: 40%; left: 50%; animation-duration: 2.8s; animation-delay: -2.7s; }
   .circle:nth-child(4) { width: 45px; height: 45px; top: 80%; left: 20%; animation-duration: 3.1s; animation-delay: -0.2s; }
   .circle:nth-child(5) { width: 20px; height: 20px; top: 15%; left: 70%; animation-duration: 5s; animation-delay: -1.9s; filter: blur(1px); }
   .circle:nth-child(6) { width: 170px; height: 170px; bottom: 15%; left: 86%; animation-duration: 5s; animation-delay: -1.9s; filter: blur(5px); }
   .cont strong {font-weight: 700;}
   .company05 ul {max-width: 1450px;margin:0 auto;}
   .company05 ul.info {display: flex;flex-direction: row;gap: 50px;margin-bottom: 150px;}
   .company05 ul.info li {width: calc(50% - 25px);}
   .company05 ul.info li.img {border-radius: 20px;overflow: hidden;}
   .company05 ul.info li.txt {border-top:2px solid #000;}
   .company05 ul.info li dl {display: flex;flex-direction: row;border-bottom: 1px solid #e9e9e9;padding:15px 0;}
   .company05 ul.info li dl dt {width:120px;font-weight: 700;padding-left:10px}
   .company05 ul.info li dl dd {width:calc(100% - 120px);opacity: 0.8;}
   .company05 ul.map {display: flex;flex-wrap: nowrap;gap: 50px;}
   .company05 ul.map li {width: calc(50% - 25px);}
   .company05 ul.map .roughmap_lebel_text {}
   .company05 ul.map .root_daum_roughmap {width: 100%;}
   .company05 ul.map h2 {margin-bottom: 7px;}
   .business #sec01 {display: flex;flex-wrap: wrap;}
   .business #sec01 h1 {text-align: left;margin-bottom: 0;}
   .business #sec01 .cate {display: flex;flex-direction: row;gap:30px;flex-wrap: wrap;margin-top: 100px;}
   .business #sec01 > h1, .business #sec01 .top {width:50%;}
   .business .top li {width: 100%;}
   .business .top li h1 {margin-bottom: 0;}
   .business li {width:calc(33.33% - 20px);}
   .business .img {border-radius: 20px;background-color: #000;overflow: hidden;width:100%;height:0;padding-bottom: 60%;}
   .business .img + h2 {margin:15px 0 10px 0;font-weight: 700;line-height: 1;}
   .business .img + h2:before {content:'';display: inline-block;margin-right:7px;color:#0065b0;font-weight:500}
   .business li:nth-child(1) h2:before {content:'01';}
   .business li:nth-child(2) h2:before {content:'02';}
   .business li:nth-child(3) h2:before {content:'03';}
   .business li:nth-child(4) h2:before {content:'04';}
   .business li:nth-child(5) h2:before {content:'05';}
   .business li:nth-child(6) h2:before {content:'06';}
   .business #sec01 h2, .business #sec01 p {padding:0 10px;}
   .business #sec01 p {opacity: 0.8;}
   .business .img img {opacity: 0.4;}
   .business #bs_grid {display: flex;background-color: #f5f5f5;justify-content: center;flex-direction: column;align-items: center;}
   .business #bs_grid .wrap {width: 100%;}
   .business #bs_grid {display: flex;flex-direction: column;align-items: center;}
   .business #bs_grid ul {display: flex;flex-direction: column;align-items: center;}
   .business #bs_grid ul {display: grid;list-style: none;padding: 0;gap: 20px;grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr 1fr;grid-template-areas:"a b c""a d e";}
   .business #bs_grid ul li {width: 100%;margin:0;}
   .business #bs_grid ul li:first-child { grid-area: a; }
   .business #bs_grid ul li:nth-child(2) { grid-area: b; }
   .business #bs_grid ul li:nth-child(3) { grid-area: c; }
   .business #bs_grid ul li:nth-child(4) { grid-area: d; }
   .business #bs_grid ul li:nth-child(5) { grid-area: e; }
   .business #bs_grid ul li a {border-radius: 20px;overflow: hidden;}
   .business #bs_grid ul li a > div {background-repeat: no-repeat;background-size: cover;background-position: center;}
   .business #bs_grid ul li a p {position: absolute;bottom:0;left:0;width:100%;color:#fff;line-height: 1;padding:20px;background: linear-gradient(to top, #111, transparent);}
   .business #bs_grid ul li a p * {line-height: 1;}
   .business #bs_grid ul li a p strong {width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;display: block;}
   .business #bs_grid ul li a p span {display: block;;color:#fff;font-weight: 400;margin-bottom: 5px;}
   .business #bs_grid ul li div {margin-bottom: 0;}
   .business #bs_grid ul li a {height:100%;}
   .business #bs_grid ul li:first-child a div {padding-bottom: calc(70% + 20px);border-radius: 0;}
   .business #bs_grid a.more {background-color: #fff;border:1px solid #d9d9d9;padding:15px 70px;font-weight: 500;margin-top: 70px;display: inline-block;width:fit-content;transition: all 0.25s ease;}
   .business #bs_grid a.more:hover {background-color: #333;border:1px solid #333;color:#fff;}
   .business #bs_grid .board_list_load {width: 100%;}
   .business .top div ul li {margin-bottom: 0 !important;}
   .business02 #sec02 {display: flex;flex-direction: column;align-items: center;}
   .business02 #sec02 ul {display: flex;flex-wrap: nowrap;gap:50px;margin-top: 70px;max-width:1440px;}
   .business02 #sec02 li {width:calc(50% - 25px);border:1px solid #bababa;background-color: #fff;}
   .business02 #sec02 > h1 {font-weight: 400;margin-bottom: 15px;}
   .business02 #sec02 > h1 + span {text-align: center;}
   .business02 #sec02 li > * {width: 100%;}
   .business02 #sec02 li .txt {padding:30px;}
   .business02 #sec02 li .txt h4 {font-weight: 700;margin-bottom: 15px;}
   .business02 #sec02 li:nth-child(2) {flex-direction: row-reverse;}
   .business02 #sec03 ul, .business03 #sec02 .cont_box ul, .business04 #sec02 .cont_box ul {display: flex;justify-content: center;text-align: center;}
   .business02 #sec03 > h1, .business03 #sec02 > h1, .business04 #sec02 > h1, .business04 #sec04 > h1 {margin-bottom: 70px;}
   .business02 #sec03 ul li {padding:10px;}
   .business02 #sec03 ul + p, .business03 #sec02 ul + p, .business04 #sec02 ul + p {text-align: center;margin-top: 70px;}
   .business02 #sec04 {background-color: #f5f5f5;}
   .business02 #sec04 .swiper-slide {width: 33.33%;margin: 0 25px;}
   .business02 #sec04 h1 {margin: 0 auto 50px auto;}
   .business02 #sec04 ul {margin-bottom: 70px;}
   .business02 #sec04 .swiper-slide img {border-radius: 20px;overflow: hidden;}
   .business02 #sec04 .swiper-slide p {font-weight: 700;text-align: center;margin-top: 10px;}
   .business02 #sec05 {display: flex;justify-content: center;flex-direction: column;align-items: center;}
   .business03 #sec02 ul {width: 100%;}
   .business03 #sec02 ul li, .business04 #sec02 ul li {width: calc(50% - 10px);}
   .business03 #sec02 ul li:nth-child(2), .business04 #sec02 ul li:nth-child(2) {margin-left:20px;}
   .gallery_box {display: flex;flex-wrap: nowrap;gap: 10px;width: 100%;max-width: 1024px;margin:0 auto;}
   .business .top h1 + span {margin-top: 15px;}
   .gallery_box > div {width: calc(50% - 5px);}
   .gallery_box .right_box {display: flex;flex-direction: column;gap:10px}
   .gallery_box.bot {margin-top:10px;}
   .gallery_box.bot .left_box {display: flex;flex-direction: column;gap:10px}
   .one_img {height: -webkit-fill-available;}
   .two_img {width:100%; height:295px;}
   .business03 #sec03.bs_03_gallery .top .one_img {background:url('../img/business/04/bs_gallery_01.jpg'); background-size:cover;}
   .business03 #sec03.bs_03_gallery .top .first {background:url('../img/business/04/bs_gallery_02.jpg'); background-size:cover;}
   .business03 #sec03.bs_03_gallery .top .last {background:url('../img/business/04/bs_gallery_03.jpg'); background-size:cover;}
   .business03 #sec03.bs_03_gallery .bot .first {background:url('../img/business/04/bs_gallery_04.jpg'); background-size:cover;}
   .business03 #sec03.bs_03_gallery .bot .last {background:url('../img/business/04/bs_gallery_05.jpg'); background-size:cover;}
   .business03 #sec03.bs_03_gallery .bot .one_img {background:url('../img/business/04/bs_gallery_06.jpg'); background-size:cover;}
   .business04 #sec03 div {display: flex;justify-content: center;}
   .business04 #sec04 {background-color: #f5f5f5;}
   .business04 #sec04 ul {display: flex;flex-wrap: nowrap;gap: 20px;}
   .business04 #sec04 ul:last-child {margin-top: 50px;}
   .business04 #sec04 ul li {width:calc(50% - 10px);}
   .business04 #sec04 ul li h4 {font-weight: 700;margin:15px 0 5px 0;}
   .business04 > div:not(#sec01,#bs_grid) ul {max-width: 1024px;margin:0 auto;}
   .business04 > div img {max-width: 1024px;}
   .business04 #sec04 ul:last-child li {display: flex;flex-wrap: wrap;gap: 50px;width: 100%;}
   .business04 #sec04 ul:last-child li > div {width: calc(50% - 25px);height:auto;padding-bottom: 0;}
   .business04 #sec04 ul:last-child li > div.img {border-radius: 0;}
   .business04 #sec04 ul:last-child li > div img {opacity: 1;}
   .business04 #sec04 ul:last-child span {padding-left:20px;}
   .business04 #sec04 ul:last-child span:before {content:'';display: block;width:5px;height:1px;background-color:#222;position: absolute;top:50%;left:5px;}
   .business04 #sec04 ul:last-child li > div.txt img {margin-top: 30px;}
   .business04 #sec05.bs_05_gallery .top .one_img {background:url('../img/business/05/bs_gallery_01.jpg'); background-size:cover;}
   .business04 #sec05.bs_05_gallery .top .first {background:url('../img/business/05/bs_gallery_02.jpg'); background-size:cover;}
   .business04 #sec05.bs_05_gallery .top .last {background:url('../img/business/05/bs_gallery_05.jpg'); background-size:cover;}
   .business04 #sec05.bs_05_gallery .bot .first {background:url('../img/business/05/bs_gallery_04.jpg'); background-size:cover;}
   .business04 #sec05.bs_05_gallery .bot .last {background:url('../img/business/05/bs_gallery_05.jpg'); background-size:cover;}
   .business04 #sec05.bs_05_gallery .bot .one_img {background:url('../img/business/05/bs_gallery_06.jpg'); background-size:cover;}
   .business05 #sec02.bs_06_gallery .top .one_img {background:url('../img/business/06/bs_gallery_01.jpg'); background-size:cover;}
   .business05 #sec02.bs_06_gallery .top .first {background:url('../img/business/06/bs_gallery_02.jpg'); background-size:cover;}
   .business05 #sec02.bs_06_gallery .top .last {background:url('../img/business/06/bs_gallery_05.jpg'); background-size:cover;}
   .business05 #sec02.bs_06_gallery .bot .first {background:url('../img/business/06/bs_gallery_04.jpg'); background-size:cover;}
   .business05 #sec02.bs_06_gallery .bot .last {background:url('../img/business/06/bs_gallery_05.jpg'); background-size:cover;}
   .business05 #sec02.bs_06_gallery .bot .one_img {background:url('../img/business/06/bs_gallery_06.jpg'); background-size:cover;}
   .business02 #sec05.bs_03_gallery .top .one_img {background:url('../img/business/03/bs_gallery_01.jpg'); background-size:cover;}
   .business02 #sec05.bs_03_gallery .top .first {background:url('../img/business/03/bs_gallery_02.jpg'); background-size:cover;}
   .business02 #sec05.bs_03_gallery .top .last {background:url('../img/business/03/bs_gallery_05.jpg'); background-size:cover;}
   .business02 #sec05.bs_03_gallery .bot .first {background:url('../img/business/03/bs_gallery_04.jpg'); background-size:cover;}
   .business02 #sec05.bs_03_gallery .bot .last {background:url('../img/business/03/bs_gallery_05.jpg'); background-size:cover;}
   .business02 #sec05.bs_03_gallery .bot .one_img {background:url('../img/business/03/bs_gallery_06.jpg'); background-size:cover;}
   .community .pc {display: block;}
   .community .m {display: none;}
   .community img {max-width: 1024px;margin:0 auto;}
   .community > div {padding:75px 100px !important;max-width: 1440px;width: 100%;margin:0 auto;}
   .community form ul {display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;background-color: #f2f2f2;padding:10px}
   .community form ul li {padding:0 30px;cursor: pointer;font-weight: 400;color:#333;}
   .community form ul li:after {display: none;}
   .community form ul li.active {color:#111;}
   .community form ul li:hover {color:#111;}
   .community #ext_search + ul {border-top:2px solid #111;}
   .community #ext_search + ul li {display: flex;flex-wrap: nowrap;justify-content: space-between;border-bottom: 1px solid #f2f2f2;}
   .community #ext_search + ul li > * {line-height: 60px;text-align: center;}
   .community .bbs_subject {font-weight: 700;text-align: left !important;width:calc(100% - 180px);}
   .community .bbsno {width:60px;}
   .community #sec02 .sub_slt {padding:0 0;}
   .community .bbsetc_dateof_write {opacity: 0.8;text-align: right;}
   .paging2 span a.on {border:1px solid #111 !important;background-color:#111 !important;}
   .community .title_wrapper {width: 100%;}
   #recruit_view .sub_wrap {max-width:1440px;margin:0 auto}

   
   @media (max-width:1440px){
    .header > .wrap {width:100%;}
    .header > .header-inner {padding:0 50px;}
    .sec01 {padding:100px 50px;}
    .sec01 h1, .company02 #sec01 h1, .business h1.eng, .sub_bnr .eng{font-size: 100px;}
    .sec03 h1, .sec04 h1, #footer .process h1, .company01 h1.eng, .sec01 h1, .company02 #sec01 h1, .business h1.eng, .sub_bnr .eng {font-size: 80px;}
    .sec03 .bs h2, .company01 #sec02 li p, .company01 #sec02 li p span{font-size: 50px;}
    .sec01 h2, .sec01 h2 span, .sec02 .swiper-slide .profile h1 span, #footer .contact h1, .contact h1 span, .sub h1, .sub_bnr + section h1, .company02 #sec01 ul p, .main-content-4 > .content-inner > .cell > a > .inner-txt > .tt, .sub_bnr + section h1 > span, .contact p.call {font-size:35px;}
    #sec01 .cont > ul li div .eng, .main-visual > .arrow-con > .arrows > .slick-arrow > i, .main-content > .content-inner > .st, .main-content-2 > .content-inner > .prod-slider .item > a > .prod-name > h5, .main-content-4 > .content-inner > .cell > a > .inner-txt > strong, .sub_bnr + section .cont, .company01 #sec03 li .txt p, .company02 #sec03 h1 + div li p, .sub_wrap .perfo_box li > a, .board_view .tit p, .sec04 .swiper-slide a, .sec04 p, .sec03 p, .contact h2, .board_list_load a, .business02 #sec02 li .txt h4, .business02 #sec02 > h1 + span, .business02 #sec04 .swiper-slide p, .company03 #sec01 .txt_box p span, .process > p, .sec01 ul li h2 + span {font-size:20px;}
    .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3, .header > .header-inner > .m-menu-wrap > .m-gnb > ul > li > p, .sec03 .left-area li *, .sec03 .bs h3, .sec03 .bs span, .contact .email, .contact h2 span, ul.sub_slt li, .company02 h2.eng, .company05 ul.info li dl *, .business #sec01 p, .business #bs_grid ul li a p span, .business a.more, .business02 #sec02 li .txt, .company03 #sec01 .txt_box, .process ul li .txt p, #footer .contact .button a, .community form ul li, .sec02 .swiper-slide .profile > span, .sec02 .swiper-slide .profile h1, .sec01 ul li h3 + span, .company01 #sec02 li > span, .company02 #sec02 li span {font-size: 17px;}
    .sec03 .bs a, .sec03 .left-area .police span, .copyright *, .sec04 .swiper-button > *, .sub_wrap .board_view .tit span, .sub_wrap .board_view .page_move a span, .sub_wrap .board_view .page_move .list_move, .company04 ul.step3 li h4 *, .sec02 .swiper-slide .profile, .process ul li .txt span, .community #ext_search + ul li, .process ul li h2{font-size:15px;}

    .sec01 ul li.right .img, .process ul {margin-top: 100px;}
    .sec02 .swiper-slide {width:20%}
    .sec02 .swiper-slide-active {width: 57%;}
    .sec02 .swiper-button {bottom:30px;right:100px;}
    .sec03 .left-area {padding:150px 50px;}
    #footer .contact {padding: 30px 50px 0 50px;}
    .process:after{border-top-left-radius: 70px;border-top-right-radius: 70px;height:70px;}
    #footer .copyright{padding:0 50px;}
    #footer .copyright .footer-header {height:120px;}
    .process{padding:120px 50px;}
    #footer .copyright .footer-cont {padding: 45px 0px;}
    h2 + span,.business01 h1 + span {margin-top: 10px;margin-bottom: 50px;}
    .eng {margin-bottom: 10px;}
    .company01 #sec03 li .icon img {max-width: 70px;width: 100%;}
    .sub_bnr + section .cont.w100 {
        padding: 100px 50px !important;
    }
    .company04 > div.cont.w100 {padding: 100px 100px 170px 100px !important}
    .company02 #sec03 h1 + div ul:before{width: calc(100% - 425px);}
    .company04 ul.step3:before{width: calc(100% - 270px);}
    .business #sec01 .cate {margin-top: 100px;}
    .sub_bnr + section h1 {margin: 0 auto 50px auto;}
    h2 + span, .company02 p + span, .business01 h1 + span {margin-top: 7px;}
    }
    @media (min-width:1221px){
        .header > .header-inner > .m-gnb-btn { display:none; }
        .header > .header-inner > .m-menu-wrap { display:none; }
        .sec02 .swiper-slide img {z-index: 1;}
        .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{width:80%;}
    }
    @media (max-width:1220px){
        .not-scroll-top-0 { box-shadow:1px 1px 3px rgba(0, 0, 0, .1); }
        .header > .header-inner > .header-gnb, .header > .header-inner > .header-util { display:none; }
    }
    @media (max-width:1024px) {
        .header.sub {top:0}
        .sub_bnr .eng {margin-top: 50px;}
        .sub_bnr .nav {margin: 35px 0;}
        .sec01 h1, .company02 #sec01 h1, .business h1.eng, .sub_bnr .eng, .sec03 h1, .sec04 h1, #footer .process h1, .company01 h1.eng, .sec01 h1, .company02 #sec01 h1, .business h1.eng, .sub_bnr .eng {font-size:70px;}
        .sec01 h2, .sec01 h2 span, .sec02 .swiper-slide .profile h1 span, #footer .contact h1, .contact h1 span, .sub h1, .sub_bnr + section h1, .company02 #sec01 ul p, .main-content-4 > .content-inner > .cell > a > .inner-txt > .tt, .sub_bnr + section h1 > span, .contact p.call, .sec03 .bs h2, .company01 #sec02 li p, .company01 #sec02 li p span {font-size:27px;}
        .online-inquiry > .inq-btn > i, .sec01 ul li.right .eng,#main_bnr .txt span {font-size:20px;}
        .loading > span, .header > .header-inner > .header-util > .sitemap-wrap > .sitemap-popup > .close-btn > i, .header > .header-inner > .header-util > .search-btn > i, .side_bnr li a i, #footer .copyright .footer-header .footer_link ul i {font-size: 20px;}
        #sec01 .cont > ul li div .eng, .main-visual > .arrow-con > .arrows > .slick-arrow > i, .main-content > .content-inner > .st, .main-content-2 > .content-inner > .prod-slider .item > a > .prod-name > h5, .main-content-4 > .content-inner > .cell > a > .inner-txt > strong, .sub_bnr + section .cont, .company01 #sec03 li .txt p, .company02 #sec03 h1 + div li p, .sub_wrap .perfo_box li > a, .board_view .tit p, .sec04 .swiper-slide a, .sec04 p, .sec03 p, .contact h2, .board_list_load a, .business02 #sec02 li .txt h4, .business02 #sec02 > h1 + span, .business02 #sec04 .swiper-slide p, .company03 #sec01 .txt_box p span, .process > p, .sec01 ul li h2 + span, ul.sub_slt li {font-size:18px}
        .header > .header-inner > .m-menu-wrap > .m-gnb > ul ul > li > a, .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3, .header > .header-inner > .m-menu-wrap > .m-gnb > ul > li > p,.header > .header-inner > .m-menu-wrap > .m-gnb > ul > li > a, .sec03 .left-area li *, .sec03 .bs h3, .sec03 .bs span, .contact .email, .contact h2 span, .company02 h2.eng, .company05 ul.info li dl *, .business #sec01 p, .business #bs_grid ul li a p span, .business a.more, .business02 #sec02 li .txt, .company03 #sec01 .txt_box, .process ul li .txt p, #footer .contact .button a, .community form ul li, .sec02 .swiper-slide .profile > span, .sec02 .swiper-slide .profile h1, .sec01 ul li h3 + span, .company01 #sec02 li > span, .company02 #sec02 li span {font-size:15px}
        #footer .copyright .footer-cont span, .copyright * {font-size: 13px;}
        #main_bnr .txt {width: max-content;}
        #main_bnr .txt img {width: 50%;}
        .header.fixed {top: 0;}
        .header > .header-inner > .m-menu-wrap > .m-gnb > ul ul {display: block;}
        .header > .header-inner > .m-menu-wrap {width: 100%;padding:0;background-color: rgba(0,0,0,0.5);display: flex;justify-content: end;}
        .header > .header-inner > .m-menu-wrap .m-gnb {width: 30%;padding:55px 30px;background-color: #222;height:100vh;}
        .header > .header-inner > .m-menu-wrap > .m-gnb li {width: 100%;}
        .header > .header-inner > .m-menu-wrap > .m-gnb li > p, .header > .header-inner > .m-menu-wrap > .m-gnb li > a {text-align: left;}
        .header > .header-inner > .m-menu-wrap .gnb-2depth {max-height: 0;overflow: hidden;transition: all 0.25s ease;}
        .header > .header-inner > .m-menu-wrap li p, .header > .header-inner > .m-menu-wrap > .m-gnb > ul > li > a {color:#fff;padding: 10px 0;display: flex;flex-wrap: nowrap;justify-content: space-between;}
        .header > .header-inner > .m-menu-wrap li.active .gnb-2depth {max-height:700px;}    
        .header > .header-inner > .m-menu-wrap li p:after {content:'+';display: inline-block;}
        .header > .header-inner {height:70px;padding:0 30px;}
        .header > .header-inner .police {height:60px;margin-right:30px;}
        .header.fixed > .header-inner {height:50px;}
        .header.fixed > .header-inner .header-logo {height:30px;}
        .header.fixed > .header-inner .header-logo img {height:100%;width: auto;}
        .header.fixed > .header-inner .police {height:30px;}
        .header.fixed > .header-inner .police br {display: none;}
        .sub_bnr {margin-top: 110px;}
        .sec01 ul li.right .wrap {margin-top: 70px;}
        .sec01 ul li.right ul li {padding:15px;}
        .side_bnr li a {line-height: 30px;}
        .side_bnr li a img {width: 20px;}
        .side_bnr{width: 40px;;}
        .sec01 li.left h2 + span {margin:100px 0 15px;}
        .sec01 ul .img , .sec04 .swiper-slide a div, .sub_wrap .perfo_box > li div, .board_list_load li div, .process ul li .txt,.company01 #sec01 > ul li, .company03 #sec01 li .img_box, .company04 li, .company04 ul.step3 li h4, .business #bs_grid ul li a, .business02 #sec05 ul li a, .business .img, .business02 #sec04 .swiper-slide img {border-radius: 15px;}
        .sec01 {padding: 100px 30px;}
        .sec01 > ul {gap: 15px;}
        .sec01 ul li {width: calc(50% - 7.5px);}
        .sec02 .swiper-slide {width: 23%;}
        .sec02 .swiper-slide-active {width:70%;align-items: center;}
        .sec02 .swiper-slide-active img {width: 40%;padding-right:15px;}
        .sec02 .swiper-slide-active .profile {width: 60%;margin-top: initial;}
        .sec02 {background-image: linear-gradient(to bottom, transparent 10px, #13151b 10px);}
        .sec02 .swiper-slide .profile > span {margin-bottom: 5px;}
        .sec02:before {height: calc(100% - 50px);}
        .sec02 .swiper-button {right: 20px;bottom: 20px;}
        .sec02 .swiper-button div {width: 30px;height:30px;;}
        .sec02 .swiper-button div i {font-size: 20px;}
        .sec03 .left-area{padding:100px 30px;}
        .sec03 .bs > div{padding:50px 30px;}
        .sec03 .bs p {margin: 30px 0;}
        .sec04 {margin: 100px 0;}
        .sec04 .eng, .process .eng {line-height: 1;}
        .sec04 .swiper-button {padding-right:50px;margin: 20px 0;}
        .sec04 .swiper-slide {margin: 0 10px;}
        .sec04 .perfo_box {margin: 0px 0 70px 0;}
        .sec04 .swiper-button > * {margin-left:5px;line-height: 30px;padding:0 10px;}
        .sec04 .swiper-pagination, .business02 .swiper-pagination {max-width: 80%;height: 3px !important;}
        .process ul li .txt{flex-grow: 1;}
        .process ul {margin-top: 50px;}
        .process:after {border-top-left-radius: 50px;border-top-right-radius: 50px;height: 50px;}
        #footer .contact li:last-child img {width: 100%;}
        #footer .copyright .footer-header {height: 100px;}
        .contact p.call{margin:5px 0;}
        #footer .contact li a{width:150px;line-height: 40px;}
        #footer .contact .button{margin: 30px 0 50px 0;}
        #footer .copyright .footer-header .footer_link ul li a {width:20px;height:20px;}
        #footer .copyright .footer-header .footer_link ul{gap:15px}

        .sub_bnr + section .cont.w100 {padding: 100px 30px !important;}        
        .company04 > div.cont.w100 {padding: 100px 80px 170px 80px !important}
        .sub_bnr + section h1{max-width: 100%;margin: 0 auto 50px auto;}
        .company01 #sec03 li .icon img {max-width: 50px;}
        .company02 #sec02 h1 + div {padding: 0 50px;}
        .company02 #sec02 {background-size: 55vw;}
        .company02 #sec02 li:nth-child(2) {right: 37px;top: -50px;}
        .company02 #sec03 h1 + div ul:before {width: calc(100% - 305px);}
        .company02 #sec03 h1 + div ul:after{height: 170px;top: -45px;}
        .company04 ul.step3:before {width: calc(100% - 195px);}
        .company05 ul.info {gap: 30px;margin-bottom: 100px;}
        .company05 ul.info li {width: calc(50% - 15px);}
        .business04 #sec01 .top {padding-left: 50px;;}
        .sub_wrap {padding: 0 50px;}
        .company04 li {height:70px;}
        .company04 li, .company04 ul.step3 li h4 {padding:15px;}
        .company04 li span {font-size:13px;}
        .company04 ul {gap: 15px;}
        .company04 ul.step2:before {top:35px;height:240px}
        .company04 li p {white-space: nowrap;}
        .company04 ul.step2 li:before, .company04 ul.step3 li:before,.company04 ul.step1 li:nth-child(2):before, .company04 ul.step1 li:nth-child(3):before, .company04 ul.step1 li:nth-child(1):after, .company04 ul.step1 li:nth-child(2):after, .company04 ul.step1:before, .company04 ul.step3:before {top:35px;}
        .company04 ul.step1:before, .company04 ul.step1:after, .company04 ul.step3:before {height:85px}
        .company04 ul.step1:after {bottom:33px;}
        .company04 ul.step2:before {height: 170px;}
        .business #bs_grid ul li a p {padding:15px;}
        
    }
    @media (max-width:800px) {
        .sec01 h1, .company02 #sec01 h1, .business h1.eng, .sub_bnr .eng, .sec03 h1, .sec04 h1, #footer .process h1, .company01 h1.eng, .sec01 h1, .company02 #sec01 h1, .business h1.eng, .sub_bnr .eng, .company01 #sec02 li p, .company01 #sec02 li p span {font-size: 60px;}
        .sec01 h2, .sec01 h2 span, .sec02 .swiper-slide .profile h1 span, #footer .contact h1, .contact h1 span, .sub h1, .sub_bnr + section h1, .company02 #sec01 ul p, .main-content-4 > .content-inner > .cell > a > .inner-txt > .tt, .sub_bnr + section h1 > span, .contact p.call, .sec03 .bs h2 {font-size: 24px;}
        #sec01 .cont > ul li div .eng, .main-visual > .arrow-con > .arrows > .slick-arrow > i, .main-content > .content-inner > .st, .main-content-2 > .content-inner > .prod-slider .item > a > .prod-name > h5, .main-content-4 > .content-inner > .cell > a > .inner-txt > strong, .sub_bnr + section .cont, .company01 #sec03 li .txt p, .company02 #sec03 h1 + div li p, .sub_wrap .perfo_box li > a, .board_view .tit p, .sec04 .swiper-slide a, .sec04 p, .sec03 p, .contact h2, .board_list_load a, .business02 #sec02 li .txt h4, .business02 #sec02 > h1 + span, .business02 #sec04 .swiper-slide p, .company03 #sec01 .txt_box p span, .process > p, .sec01 ul li h2 + span, ul.sub_slt li {font-size: 16px;}
        .header > .header-inner > .m-menu-wrap > .m-gnb > ul ul > li > a, .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3, .header > .header-inner > .m-menu-wrap > .m-gnb > ul > li > p,.header > .header-inner > .m-menu-wrap > .m-gnb > ul > li > a, .sec03 .left-area li *, .sec03 .bs h3, .sec03 .bs span, .contact .email, .contact h2 span, .company02 h2.eng, .company05 ul.info li dl *, .business #sec01 p, .business #bs_grid ul li a p span, .business a.more, .business02 #sec02 li .txt, .company03 #sec01 .txt_box, .process ul li .txt p, #footer .contact .button a, .community form ul li, .sec02 .swiper-slide .profile > span, .sec02 .swiper-slide .profile h1, .sec01 ul li h3 + span, .company01 #sec02 li > span, .company02 #sec02 li span {font-size: 15px;}
        .header > .header-inner > .header-gnb > ul .gnb-2depth > ul > li > a, .footer > .footer-inner > .ft-add > span, .footer > .footer-inner > .ft-copy, .sub_bnr .nav *, .company01 #sec03 li .txt .point, .sub_bnr .nav .arrow, form#sf select, form#sf input[type=submit], form#sf input[type=text], .header > .header-inner .police span, .community .bbsetc_dateof_write {font-size: 14px;}
        #main_bnr .txt {width: 80%;}
        #main_bnr li {height:50vh;}
        #main_bnr .txt span:after {height: 15px;}
        .sec01 ul li.right ul {flex-direction: column;border-bottom: 1px solid #222;}
        .sec01 ul li.right .img, .process ul, .sec01 ul li.right .wrap {margin-top: 40px;}
        .sec01 ul li.right ul li {width: 100%;border-right: 0;border-bottom: 1px solid #222;}
        .sec01 ul li.right ul li br {display: none;}
        .eng, .sec02 .swiper-slide .profile h1 {margin-bottom: 7px;}
        .sec01 li.left h2 + span {margin: 50px 0 15px;}
        .sec02 .swiper-slide {width:100%;display: flex;flex-direction: row-reverse;align-items: center;padding:0 30px;}
        .sec02 .swiper-slide img {padding-right: 15px;}
        .sec02 .swiper-slide .profile {display: flex;width: 50%;flex-direction: column;}
        .sec02 {background-image: linear-gradient(to bottom, transparent 50px, #13151b 50px);padding:0 15px}
        .sec03 .left-area li * {margin-left:50px;}
        .sec03 .left-area li:before {width: 20px;height: 20px;left: 20px;}
        .sec03 .left-area .police {width:100%;max-width: 100%;position: relative;display: flex;flex-wrap: nowrap;right: initial;bottom: initial;align-items: center;}
        .sec03 .left-area .police > * {width: 50%;}
        .sec03 .left-area .police img {max-width:100px}
        .sec03 .bs > div {height: 50vh;}
        .header > .header-inner > .m-menu-wrap .m-gnb {width: 50%;}

        .sub_bnr .eng {margin-top: 50px;}
        .sub_bnr .nav {margin:30px 0;}
        .company01 #sec01 > ul {gap: 30px;}
        .company01 #sec02 ul {flex-wrap: wrap;gap:30px;}
        .company01 #sec02 li {width:calc(50% - 15px)}

        h2 + span, .company02 p + span, .business01 h1 + span{margin-top: 5px;}
        .company01 #sec03 ul {gap:30px;background-color: transparent;padding:0 50px;}
        .company01 #sec03 ul li {width: calc(50% - 15px);margin-right: 0;}
        .company02 #sec01 h1 + ul {padding-left:30px}
        .company02 ul div ul, .business .top div ul {gap: 10px;}
        .company02 ul div li, .business01 .top div li {width:calc(50% - 5px);}
        .company02 #sec01 ul p + span, .business #sec01 h1 + span {margin-bottom: 30px;}
        .sub_bnr + section .cont.w100 {padding: 70px 30px !important;}
        .company02 #sec02 h1 + div {padding:0 0;}
        .company02 #sec02 li:nth-child(2){right: 0;}
        .company02 #sec02 li {width: 33.33%;}
        .company02 #sec02 li:nth-child(3){bottom: -55px;}
        .company02 #sec03 h1 + div li {padding:15px}
        .company02 #sec03 h1 + div ul {padding-top: 70px;}
        .company02 #sec03 h1 + div ul:before {width: calc(100% - 215px);}
        .company03 #sec01 li .img_box {aspect-ratio: 1/1;}
        .company03 #sec01 li:before{height: 60%;}
        .company04 li {padding:20px 50px;}
        .company04 ul {width: calc(33.33% - 20px);}
        .company04 ul.step2 {margin: 0 15px 0 45px;}
        .company04 > div.cont.w100 {padding: 100px 50px 170px 50px !important;}
        .company04 ul.step1:after,.company04 ul.step2:before, .company04 ul.step1 li:nth-child(2):before, .company04 ul.step1 li:nth-child(3):before,.company04 ul.step2 li:before, .company04 ul.step3:before, .company04 ul.step3 li:before {left:-15px;}
        .company04 ul.step1:before, .company04 ul.step1 li:nth-child(1):after, .company04 ul.step1 li:nth-child(2):after, .company04 ul.step2 li:last-child:after {right:-15px;}
        .company04 li, .company04 ul.step3 li h4 {padding:15px;}
        .company04 ul.step3:before {width: calc(100% - 145px);}
        .company04 ul.step2:before, .company04 ul.step1 li:nth-child(2):before, .company04 ul.step1 li:nth-child(3):before, .company04 ul.step1 li:nth-child(1):after, .company04 ul.step1 li:nth-child(2):after, .company04 ul.step2 li:before, .company04 ul.step3 li:before, .company04 ul.step2 li:last-child:after {width: 15px;}
        .company04 ul.step2 li:nth-child(2):before {width: 30px;left: -30px;}
        .company04 ul.step3 li h4 {top: calc(100% + 10px);}
        .company05 ul.info li{width: 100%;;}
        .company05 ul.info {gap: 0;flex-direction: column;}
        .company05 ul.info li.txt {margin-top: 30px;}
        .business #sec01 .cate {gap: 20px 10px;margin-top: 50px;}
        .business li {width: calc(50% - 5px);}
        .business #bs_grid ul, .business02 #sec05 ul {gap: 10px;}
        .business #bs_grid a.more, .business02 #sec05 a.more {margin-top: 50px;}
        .business02 #sec02 ul {gap: 30px;margin-top: 30px;}
        .business02 #sec02 li{width: calc(50% - 15px);}
        .business02 #sec03 > h1, .business03 #sec02 > h1, .business04 #sec02 > h1, .business04 #sec04 > h1, .business02 #sec04 ul {margin-bottom: 30px;}
        .business02 #sec03 ul + p, .business03 #sec02 ul + p, .business04 #sec02 ul + p {margin-top: 30px;}
        .business02 #sec04 h1 {margin: 0 auto 30px auto;}
        .business02 #sec04 .swiper-slide {margin:0 10px;}
        .business .bs_gallery .gallery_box {width: 100%;}
        .sub_wrap {padding: 0 30px;}
        .sub_wrap .perfo_box li > a {margin-bottom: 30px !important;}
        .paging2 {margin: 0 auto 70px auto !important;}
        .paging2 span a, .process ul li h2 {font-size: 12px !important;}
        ul.sub_slt li {padding:0 0;}
        .community > .cont form#sf {margin:0 0 70px 0;}
        .community #sec02 .sub_slt {margin-bottom: 50px;}
        .company05 ul.map {gap: 30px;}
        .company05 ul.map li {width: calc(50% - 15px);}
        .header.sub.active > .header-inner > .m-gnb-btn span {background-color: #9ed5ff;}
    }
    @media screen and (max-width:550px) {
        * {line-height: 1.2;}
        .sec01 h1, .company02 #sec01 h1, .business h1.eng, .sub_bnr .eng, .sec03 h1, .sec04 h1, #footer .process h1, .company01 h1.eng, .sec01 h1, .company02 #sec01 h1, .business h1.eng, .sub_bnr .eng, .company01 #sec02 li p, .company01 #sec02 li p span {font-size:40px;}
        .sec01 h2, .sec01 h2 span, .sec02 .swiper-slide .profile h1 span, #footer .contact h1, .contact h1 span, .sub h1, .sub_bnr + section h1, .company02 #sec01 ul p, .main-content-4 > .content-inner > .cell > a > .inner-txt > .tt, .sub_bnr + section h1 > span, .contact p.call, .sec03 .bs h2 {font-size: 20px;}
        #sec01 .cont > ul li div .eng, .main-visual > .arrow-con > .arrows > .slick-arrow > i, .main-content > .content-inner > .st, .main-content-2 > .content-inner > .prod-slider .item > a > .prod-name > h5, .main-content-4 > .content-inner > .cell > a > .inner-txt > strong, .sub_bnr + section .cont, .company01 #sec03 li .txt p, .company02 #sec03 h1 + div li p, .sub_wrap .perfo_box li > a, .board_view .tit p, .sec04 .swiper-slide a, .sec04 p, .sec03 p, .contact h2, .board_list_load a, .business02 #sec02 li .txt h4, .business02 #sec02 > h1 + span, .business02 #sec04 .swiper-slide p, .company03 #sec01 .txt_box p span, .process > p, .sec01 ul li h2 + span {font-size: 17px;}
        .header > .header-inner > .m-menu-wrap > .m-gnb > ul ul > li > a, .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3, .header > .header-inner > .m-menu-wrap > .m-gnb > ul > li > p, .header > .header-inner > .m-menu-wrap > .m-gnb > ul > li > a, .sec03 .left-area li *, .sec03 .bs h3, .sec03 .bs span, .contact .email, .contact h2 span, ul.sub_slt li, .company02 h2.eng, .company05 ul.info li dl *, .business #sec01 p, .business #bs_grid ul li a p span, .business a.more, .business02 #sec02 li .txt, .company03 #sec01 .txt_box, .process ul li .txt p, #footer .contact .button a, .community form ul li, .sec02 .swiper-slide .profile > span, .sec02 .swiper-slide .profile h1, .sec01 ul li h3 + span, .company01 #sec02 li > span, .company02 #sec02 li span, #sec01 .cont > ul li div .eng, .main-visual > .arrow-con > .arrows > .slick-arrow > i, .main-content > .content-inner > .st, .main-content-2 > .content-inner > .prod-slider .item > a > .prod-name > h5, .main-content-4 > .content-inner > .cell > a > .inner-txt > strong, .sub_bnr + section .cont, .company01 #sec03 li .txt p, .company02 #sec03 h1 + div li p, .sub_wrap .perfo_box li > a, .board_view .tit p, .sec04 .swiper-slide a, .sec04 p, .sec03 p, .contact h2, .board_list_load a, .business02 #sec02 li .txt h4, .business02 #sec02 > h1 + span, .business02 #sec04 .swiper-slide p, .company03 #sec01 .txt_box p span, .process > p, .sec01 ul li h2 + span, ul.sub_slt li, #main_bnr .txt span {font-size: 15px;}
        .header > .header-inner {padding:0 15px 15px 15px;}
        .header > .header-inner > .m-menu-wrap .m-gnb {width: 100%;}
        .header > .header-inner {flex-wrap: wrap;height: auto;}
        .header > .header-inner .police{margin-right:0;width:100%;height: 50px;}
        .header > .header-inner .police span {width: 100%;text-align: center;}
        .header > .header-inner .police span br {display: none;}
        .header > .header-inner > .header-logo-con > .header-logo {height:50px;padding:15px 0;}
        .header > .header-inner > .header-logo-con > .header-logo  a {height: 100%;}
        .header > .header-inner > .header-logo-con > .header-logo img {height: 100%;width: auto;}
        .header > .header-inner > .m-gnb-btn {right:15px;top:0;height:50px;transform: initial;}
        .header.sub.active .header-logo .main {display: none;}
        .header.sub.active .header-logo .sub {display: block;}
        .header.active > .header-inner > .m-gnb-btn > span {background-color: #9ed5ff;}
        .header.sub.active > .header-inner > .m-gnb-btn > span {background-color: #286abd;}
        .header.fixed > .header-inner {height: fit-content;padding-bottom: 15px;}
        #main_bnr + .sec01 h2 + span {margin-bottom: 15px;;}
        #main_bnr .txt span {margin-top: 0;}
        #main_bnr .txt p {margin-top: 10px;}
        #main_bnr .txt span:after {height: 10px;}
        
        #main_bnr .txt span:nth-child(3) {padding-right: 0;}
        #main_bnr .txt span:nth-child(3):after {display: none;}
        .header.sub {position: relative;}
        .header.sub.active {background-color: transparent;}
        .header.sub.active .header-gnb > ul > li > a {color:initial}
        .header.sub.active > .header-inner .police  {border:1px solid #000}
        .header.sub.active > .header-inner .police span {color:initial}
        .sub_bnr {margin-top: 0;}
        .sec01 ul {flex-wrap: wrap;}
        .sec01 ul li{width: 100%;}
        .sec01 {padding: 50px 15px;}
        .sec01 h1.eng{position: relative;}
        .sec01 li.left {flex-wrap: wrap;}
        .sec01 ul li.right ul li * {text-align: center;display: block;}
        .sec01 ul li.right .img, .process ul, .sec01 ul li.right .wrap {margin-top: 20px;}
        .sec02{padding: 0 0 ;background-image: linear-gradient(to bottom, transparent 0, #13151b 0);padding-top: 50px;height:155vw;overflow: hidden;}
        .sec02 .swiper-slide > * {width: 100%;}
        .sec02 .swiper-slide {width: 60%;display: flex;align-items: center;justify-content: space-between;flex-direction: column}
        .sec02 .swiper-slide-active img {width: 100%;max-width: initial;padding-right: 0;}
        .sec02 .swiper-slide .profile {display: block;opacity: 0;;}
        .sec02 .swiper-slide-active .profile {width: 150%;text-align: left;margin-bottom: 0;opacity: 1;;}
        .sec02 .swiper-slide-active .profile  span {display: block;}
        .sec02:before {opacity: 0.3;}
        .sec03 > ul {flex-direction: column;}
        .sec03 > ul > li{width: 100%;}
        .sec03 .left-area {position: relative;height: fit-content;padding: 70px 15px;}
        .sec03 .left-area ul {display: flex;flex-wrap: wrap;gap:10px;}
        .sec03 .left-area ul li {width: calc(50% - 5px);}
        .sec03 .left-area li:before {position: relative;top: initial;left: 50%;transform: translateX(-50%);}
        .sec03 .left-area li *{text-align: center;margin-left:0;}
        .sec03 .left-area li:after {width: 100%;height:calc(100% - 10px);top: 10px;}
        .sec03 .left-area li {padding:20px 10px;}
        .sec03 .left-area .police span {text-align: left;}
        .sec03 .left-area div {margin-top: 30px;;}
        .sec03 .bs > div {height: fit-content;}
        .sec04 {margin: 70px 0;}
        .sec04 .swiper-slide {margin:0 5px;width: 50%;}
        .sec04 .swiper-button {justify-content: center;padding-right: 0;}
        .sec04 .perfo_box {margin: 0px 0 30px 0;}
        .process {padding: 70px 30px;}
        .process ul {flex-direction: column;margin-bottom: 0;margin-top: 15px;}
        .process ul li {width: 100%;margin-right:0;flex-direction: row;margin-bottom: 10px;}
        .process ul li:last-child {margin-bottom: 0;}
        .process ul li .txt {width: calc(100% - 35px);}
        .process ul li h2 {margin-bottom: 0;margin-right: 10px;}
        .process ul li:before {display: none;}
        .process ul:before {content: '';display: block;width: 1px;height: calc(100% - 100px);border-left: 1px dashed rgba(255, 255, 255, 0.8);position: absolute;left: 12.5px;top: 50%;transform: translateY(-50%);}
        .process:after {border-top-left-radius: 30px;border-top-right-radius: 30px;height: 30px;}
        #footer .contact {padding: 30px 30px 0 30px;}
        #footer .contact ul {flex-direction: column;}
        #footer .contact li {width: 100%;}
        #footer .contact li:first-child {margin-bottom: 30px;}
        #footer .contact li:first-child > *:not(.button) {display: block;text-align: center;}
        #footer .contact .button {justify-content: center;margin: 15px 0 30px 0;}
        #footer .copyright {padding: 0 15px;}
        #footer .copyright .footer-header {height: 70px;}
        #footer .copyright .footer-cont {padding: 30px 10px;}
        .img-box > img {max-height: 20px;}
        .side_bnr {top: initial;left:50%;bottom: 0;transform: translateX(-50%);width: fit-content;padding:10px 20px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
        .side_bnr ul {display: flex;flex-wrap: nowrap;align-items: center;gap:15px}
        .side_bnr li a {line-height: 1;height: 20px;}
        .side_bnr.add {right:initial;bottom:-50px;}
        br.m {display: block;}

        .sub_bnr .eng {margin-top: 30px;}
        ul.sub_slt {gap:10px;}
        ul.sub_slt li {padding:0 0;}
        .sub_bnr + section .cont.w100 {padding: 50px 15px !important;}
        .company01 #sec01 > ul {flex-direction: column;}
        .company01 #sec01 > ul li:nth-child(2) {transform: initial;}
        .company01 #sec02 li {width: 100%;}
        .company01 #sec02 li p {height: fit-content;}
        .company01 #sec02 li img {max-width: 120px;}
        .company01 #sec01 > ul li {aspect-ratio: 1/1;}
        .company01 .swiper_btn {display: flex;flex-wrap: nowrap;justify-content: center;margin-top: 30px;gap: 20px;}
        .company01 .swiper_btn i {color:#333;font-size:20px;}
        .company01 #sec03 ul {flex-wrap: nowrap;gap: 0;padding:0 0;}
        .company01 #sec03 ul li {width: 50%;margin:0 10px;border:1px solid #333;}
        .company01 > div#sec03 {background-color: transparent;}
        .company01 > div#sec03 h1 {color:#333}
        .company01 #sec01 > ul li:nth-child(2).aos-animate {transform: translateY(0px) perspective(2500px) rotateY(0);}
        .company02 #sec01, .business01 #sec01 {flex-direction: column;}
        .company02 #sec01 > * {width: 100%;}
        .sub_bnr + section h1 {margin:0 auto;}
        .business #sec01 > h1, .business #sec01 .top {width: 100%;}
        .business01 #sec01 ul.top h1 {margin-top: 0 !important;}
        .company02 #sec01 h1 + ul, .business01 #sec01 ul.top, .business #sec01 .top h1 {padding-left: 0;margin-top: 50px;text-align: right;width: 100%;}/* 1. 부모 그리드 설정 */
        .business #sec01 h1 + span{text-align: right;}
        .business #bs_grid a.more, .business02 #sec05 a.more{margin-top: 30px;}
        .business #bs_grid ul li a p {padding:10px;}
        .company02 #sec02 > div > ul {
            display: grid;
            grid-template-columns: 1fr 1fr; /* 1:1 비율의 2열 구조 */
            gap: 10px; /* margin 대신 gap 사용 권장 */
            padding: 0;
            list-style: none;
        }
    
        /* 2. 공통 li 설정 */
        .company02 #sec02 li {
            width: 100%; /* 부모 그리드 칸에 꽉 차게 */
            position: relative;
            margin: 0; /* gap을 사용하므로 margin 제거 */
        }
    
        /* 3. 첫 번째 li (상단 중앙 배치 핵심) */
        .company02 #sec02 li:first-child {
            grid-column: 1 / 3;    /* 1열부터 3열 전(끝)까지 차지 */
            justify-self: center;  /* 스스로를 가로 중앙에 정렬 */
            width: calc(50% - 5px); /* 아래 아이템들과 크기 맞춤 */
            
            /* 기존 transform, left 속성 초기화 (필요시) */
            transform: none; 
            left: auto !important;
        }
    
        /* 나머지 배경 및 섹션 설정 */
        .company02 #sec02 { background: none; }
        .company02 #sec02 > div {
            background-image: url(/img/company/company02_sec02_bg.jpg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            margin-top: 20px;
        }
    
        /* 섹션 03 설정 */
        .company02 #sec03 h1 + div ul { flex-direction: column; }
        .company02 #sec03 h1 + div li { width: 100%; margin-bottom: 30px; }
        .company02 #sec03 h1 + div li:last-child { margin-bottom: 0; }
        .company02 #sec03 h1 + div ul:before { display: none; }
        .company02 #sec03 h1 + div ul:after { height: calc(100% - 10px); top: initial; bottom: 0; }
        .company02 #sec02 li:nth-child(2) {top:0;}
        .company02 #sec02 li:nth-child(3) {bottom: 0;left:0;}
        .company03 #sec01 li > * {width: 100%;}
        .company03 #sec01 li{flex-direction: column;gap: 20px;margin-bottom: 30px;}
        .company03 #sec01 li:before{background-color: transparent;}
        .company03 #sec01 li > *.txt_box {padding:0 20px;}
        .company03 #sec01 li:nth-child(2n) {flex-direction: column;}
        .company03 #sec01 .txt_box p {margin-bottom: 7px;}
        .company04 > div.cont.w100 {padding: 70px 30px 120px 30px !important;}
        .company04 *:before, .company04 *:after {display: none !important;}
        .company04 > div.cont.w100 {background-image: url('/img/company/company04_line.png');background-repeat: no-repeat;background-position: 23px 64%;background-size: 61%;}
        .company04 ul.step2 {margin: 0 15px 0 15px;}        
        .company04 ul {width: calc(33.33% - 10px);}
        .sub_bnr + section.company04 h1 {margin:0 auto 30px auto;z-index: 9;}
        .company05 ul.info {margin-top: 30px;margin-bottom: 50px;}
        .business #sec01 .cate {gap: 20px 0;margin-top: 0;}
        .business li {width: 100%;text-align: center;}
        .business #bs_grid .board_list_load {margin-top: 30px;}
        .business #bs_grid ul, .business02 #sec05 ul {grid-template-columns: 1fr 1fr;grid-template-rows: auto auto auto;grid-template-areas:"a a" "b c" "d e";}
        .business li:not(.business li:first-child) {height: fit-content;}
        .business .bs_gallery .gallery_box {height: fit-content;aspect-ratio: 1 / 0.6;}
        .business .bs_gallery .gallery_box.top {margin-top: 30px;}
        .business02 #sec04 .swiper-slide {width: 50%; margin: 0 5px;}
        .business02 #sec02 ul {flex-direction: column;gap:0;;}
        .business02 #sec02 li {width: 100%;}
        .business04 #sec03 div.cont_box {margin-top: 30px;}
        .business04 #sec04 ul {flex-wrap: wrap;flex-direction: column;}
        .business04 #sec04 ul li {width: 100%;}
        .business04 #sec04 ul:last-child li {gap: 0;flex-direction: column;}
        .business04 #sec04 ul:last-child li div {width: 100%;}
        .sub_wrap {padding:0 15px;}
        form#sf {margin:50px 0;gap: 5px;}
        .sub_wrap .perfo_box {gap: 10px;}
        .sub_wrap .perfo_box > li, .board_list_load li {width:calc(50% - 5px);}
        .sub_wrap .perfo_box > li:nth-child(3n + 2), .board_list_load li:nth-child(3n + 2) {margin:0 0;}
        form#sf select[class="cateform"] {width: 50px;}
        form#sf input[type=text] {width: 200px;}
        .community #sec02 .sub_slt {padding:10px 10px}
        .community form ul li{padding:0 0;width: 25%;font-size: 14px !important;text-align: center;line-height: 1.2;}
        .community .bbsetc_dateof_write {display: none;}
        .community #ext_search + ul li > * {line-height: 40px;padding-left:5px;}
        .community .bbsno {width: 40px;}
        .community .bbs_subject {width:calc(100% - 40px);display: flex;align-items: center;}
        .community .bbs_subject a {text-align: left;display: block;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-break: keep-all;}
        .company01 .cont > h1 {margin-bottom: 30px;}
        .company01 #sec03 ul li {border-radius: 0;}
        .company03 > div > h1 {margin-bottom: 30px;}
        .business .top h1 + span {margin-top: 7px;}        
        .company05 ul.map {gap: 0px;flex-wrap: wrap;}
        .company05 ul.map li {width: 100%;}
        
       body > .popup {bottom: initial;right: initial;left:50%;top:50%;transform: translate(-50%, -50%) translateZ(0) !important;} 
       .company04 li p {white-space: normal;}
       .company04 li, .company04 ul.step3 li h4 {height: auto;}
       ul.sub_slt li {line-height: 38px;padding: 0 10px;}    
       .bs_menu .menu {
           width: 100%;
           overflow: hidden;
           position: relative;
           text-align: left; /* 중앙 정렬 방지 */
       }
       .bs_menu .sub_slt.swiper-wrapper {
           display: flex !important;
           flex-direction: row;
           justify-content: flex-start !important; /* 왼쪽부터 정렬 */
           align-items: center;
           gap:0
       }
       
       /* 개별 슬라이드: 글자 길이에 맞춰 너비 자동 조절 */
       .bs_menu .sub_slt li.swiper-slide {
           width: auto !important; /* 이게 없으면 Swiper가 너비를 0으로 잡을 수 있음 */
           flex-shrink: 0;         /* 슬라이드가 찌그러지지 않게 방지 */
       }
    }
@media screen and (max-width:415px) {
    .sec03 .bs a, .sec03 .left-area .police span, .copyright *, .sec04 .swiper-button > *, .sub_wrap .board_view .tit span, .sub_wrap .board_view .page_move a span, .sub_wrap .board_view .page_move .list_move, .company04 ul.step3 li h4 *, .sec02 .swiper-slide .profile, .process ul li .txt span, .community #ext_search + ul li, .process ul li h2, ul.sub_slt li {font-size:15px}
    .header > .header-inner > .m-menu-wrap > .m-gnb > ul ul > li > a, .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3, .header > .header-inner > .m-menu-wrap > .m-gnb > ul > li > p, .header > .header-inner > .m-menu-wrap > .m-gnb > ul > li > a, .sec03 .left-area li *, .sec03 .bs h3, .sec03 .bs span, .contact .email, .contact h2 span, .company02 h2.eng, .company05 ul.info li dl *, .business #sec01 p, .business #bs_grid ul li a p span, .business a.more, .business02 #sec02 li .txt, .company03 #sec01 .txt_box, .process ul li .txt p, #footer .contact .button a, .community form ul li, .sec02 .swiper-slide .profile > span, .sec02 .swiper-slide .profile h1, .sec01 ul li h3 + span, .company01 #sec02 li > span {font-size: 14px;}
    .eng, .sec02 .swiper-slide .profile h1 {margin-bottom: 5px;}
    .sec01 ul li.right .img {padding-bottom: 100%;}
    .sec03 .bs a {line-height:45px;gap: 50px;}
    .sec03 .left-area li:before {margin-bottom: 5px;}
    .sec03 .bs span {line-height: 1.4;}
    .sec03 .bs h3 {margin-bottom: 3px;}
    .sec03 .bs p {margin: 20px 0;}
    .company01 #sec02 li {width: 100%;}
    ul.sub_slt{text-align: center;}
    body > .popup {max-width:calc(100% - 30px);}
    .company04 li, .company04 ul.step3 li h4 {padding:10px;}
}
@media screen and (max-width:375px) {
    .sec01 h1, .company02 #sec01 h1, .business h1.eng, .sub_bnr .eng, .sec03 h1, .sec04 h1, #footer .process h1, .company01 h1.eng, .sec01 h1, .company02 #sec01 h1, .business h1.eng, .sub_bnr .eng {font-size: 35px;}    
    #main_bnr .txt span:nth-child(2) {padding-right: 0;}
    #main_bnr .txt span:nth-child(2):after {display: none;} 
    #main_bnr .txt span:nth-child(3) {padding-right: 20px;}
    #main_bnr .txt span:nth-child(3):after {display: block;} 

    .company02 #sec01 h1 + ul {margin-top: 30px;}
    .company02 #sec02 > div > ul {display: flex;flex-direction: column;align-items: center;}
    .company02 #sec02 > div > ul li {width: 80% !important;}
    .company03 #sec01 .txt_box span:before{top:7px; transform: initial;}
    .business02 #sec02 li .txt {padding: 15px;}
    .business02 #sec02 li .txt br {display: none;}
    .form > div {max-width: calc(100% - 60px);overflow: hidden;}
    .form .btn {display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;width:30px;height:30px;overflow: hidden;position: relative;top:initial !important;left:initial !important;right:initial !important;margin-top: initial !important;}
    .form .btn svg {max-height: 15px;}
    .form {display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;}
    .company04 li {width: 100%;}
}
@media screen and (max-width:320px) {
    .header > .header-inner > .m-menu-wrap > .m-gnb > ul ul > li > a, .main-visual .main-slider .slider-visual > .visual-txt > .inner-txt-con > .inner-txt-3, .header > .header-inner > .m-menu-wrap > .m-gnb > ul > li > p, .header > .header-inner > .m-menu-wrap > .m-gnb > ul > li > a, .sec03 .left-area li *, .sec03 .bs h3, .sec03 .bs span, .contact .email, .contact h2 span, ul.sub_slt li, .company02 h2.eng, .company05 ul.info li dl *, .business #sec01 p, .business #bs_grid ul li a p span, .business a.more, .business02 #sec02 li .txt, .company03 #sec01 .txt_box, .process ul li .txt p, #footer .contact .button a, .community form ul li, .sec02 .swiper-slide .profile > span, .sec02 .swiper-slide .profile h1, .sec01 ul li h3 + span, .company01 #sec02 li > span, .company02 #sec02 li span, #footer .copyright .footer-cont span, .copyright * {font-size: 14px;}

    .header > .header-inner > .header-gnb > ul .gnb-2depth > ul > li > a, .footer > .footer-inner > .ft-add > span, .footer > .footer-inner > .ft-copy, .sub_bnr .nav *, .company01 #sec03 li .txt .point, .sub_bnr .nav .arrow, form#sf select, form#sf input[type=submit], form#sf input[type=text], .header > .header-inner .police span, .community .bbsetc_dateof_write{font-size:13px;}

    .sec04 .swiper-slide{width:70%}
    #footer .contact li a{width: 120px;}
    #footer .copyright .footer-cont {padding: 20px 5px;}
    #footer .copyright .footer-cont span {margin-left:0;}
    .header > .header-inner .police span {text-align: left;padding: 0 0;}
    ul.sub_slt li {white-space: nowrap;}
    form#sf {margin:50px 0 25px 0}
    form#sf input[type=text] {width: 150px;}
    form#sf input[type=submit] {padding:0 15px}
    form#sf * {height: 25px;line-height: 25px;}
    .sec01 ul .img, .sec04 .swiper-slide a div, .sub_wrap .perfo_box > li div, .board_list_load li div, .process ul li .txt, .company01 #sec01 > ul li, .company03 #sec01 li .img_box, .company04 li, .company04 ul.step3 li h4, .business #bs_grid ul li a, .business02 #sec05 ul li a, .business .img, .business02 #sec04 .swiper-slide img {border-radius: 10px;}
    .sub_wrap .perfo_box li > a {margin-bottom: 10px !important}
    .paging2 {margin: 0 auto 50px auto !important;}
    .company01 #sec03 li .icon {margin-bottom: 5px;}
    .company01 #sec03 ul li {margin:0 5px;padding:5px;aspect-ratio: 1 / 1.2;}
}