.company-film {display:block;width:100%;height:auto;margin:0 auto 40px;}
.company-film-youtube {position:relative;aspect-ratio:16/9;background:#000;}
.company-film-youtube iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}
.page-pending {padding:60px 20px;text-align:center;font-size:18px;}
.quote-guide {max-width:980px;margin:0 auto 40px;padding:0 10px;}
.quote-guide-intro {padding:42px 44px;border-top:3px solid #174ea6;background:#f7f9fd;}
.quote-eyebrow {margin:0 0 10px;color:#174ea6;font-size:13px;font-weight:700;letter-spacing:0;}
.quote-guide-intro h3 {margin:0 0 18px;color:#202635;font-size:28px;font-weight:700;line-height:1.4;}
.quote-guide-intro p {margin:8px 0 0;color:#555;font-size:16px;line-height:1.75;}
.quote-contact-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;}
.quote-contact-card {padding:22px 24px;border:1px solid #e0e5ef;background:#fff;}
.quote-contact-label {display:block;margin-bottom:8px;color:#8791a5;font-size:13px;font-weight:600;}
.quote-contact-card a,
.quote-contact-card span:not(.quote-contact-label) {color:#202635;font-size:20px;font-weight:700;text-decoration:none;word-break:break-all;}
.quote-contact-card a:hover {color:#174ea6;text-decoration:underline;}
.quote-copy-row {display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.quote-copy-button {height:28px;padding:0 10px;border:1px solid #cfd8e8;border-radius:4px;background:#f7f9fd;color:#174ea6;font-size:12px;font-weight:700;line-height:26px;cursor:pointer;}
.quote-copy-button:hover {background:#174ea6;color:#fff;border-color:#174ea6;}
.quote-copy-toast {position:absolute;z-index:99999;min-width:150px;padding:10px 16px;border-radius:8px;background:rgba(32,38,53,.94);box-shadow:0 8px 20px rgba(0,0,0,.18);color:#fff;font-size:14px;font-weight:600;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;}
.quote-copy-toast.is-active {opacity:1;visibility:visible;transform:translate(-50%,0);}
.quote-map-row {display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.quote-map-buttons {display:flex;align-items:center;gap:6px;}
.quote-contact-card .quote-map-button {display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:4px;color:#fff;font-size:12px;font-weight:700;line-height:28px;text-decoration:none;}
.quote-contact-card .quote-map-button:hover {color:#fff;text-decoration:none;filter:brightness(.94);}
.quote-map-button.naver {background:#03c75a;}
.quote-map-button.google {background:#4285f4;}
.quote-note {margin-top:22px;padding:24px 28px;border:1px solid #e5e8ef;background:#fff;}
.quote-note strong {display:block;margin-bottom:12px;color:#202635;font-size:17px;}
.quote-note ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0;padding-left:18px;color:#555;font-size:15px;line-height:1.6;}
.hd_pops_con {overflow:hidden;background:#fff;}
.hd_pops_con > a {display:block;width:100%;height:100%;}
.hd_pops_con img {display:block;width:100%;height:100%;object-fit:contain;}
@media(max-width:767px) {
 .hd_pops {position:fixed!important;top:70px!important;left:10px!important;right:10px!important;width:auto!important;}
 .hd_pops_con {width:100%!important;height:auto!important;max-height:calc(100vh - 150px);}
 .hd_pops_con > a {height:auto;}
 .hd_pops_con img {height:auto;max-height:calc(100vh - 150px);}
}
.notice-file-badge {display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:2px 6px;border:1px solid #dce2ee;border-radius:12px;background:#f6f8fc;color:#405189;font-size:12px;font-weight:500;vertical-align:middle;}
.notice-file-badge i {font-size:12px;}
.notice-view {border-top:2px solid #1f2f5f;background:#fff;}
.notice-view #bo_v_title {margin:0;padding:42px 30px 30px;border-bottom:1px solid #e6e8ee;text-align:center;background:linear-gradient(180deg,#fbfcff 0%,#fff 100%);}
.notice-view #bo_v_title .bo_v_tit {display:block;padding:0;font-size:30px;font-weight:600;line-height:1.4;color:#202635;word-break:keep-all;}
.notice-view #bo_v_title .bo_v_tit:before {display:none;}
.notice-view #bo_v_info {display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:0 0 34px;padding:15px 20px;border:0;border-bottom:1px solid #e6e8ee;background:#f7f8fb;color:#687085;}
.notice-view #bo_v_info span {margin:0;color:#8b93a5;font-size:14px;}
.notice-view #bo_v_info strong {margin:0;color:#374151;font-size:14px;font-weight:500;}
.notice-view #bo_v_info strong i {display:inline-block;margin-right:4px;color:#405189;}
.notice-view #bo_v_file {margin:0 0 30px;border:1px solid #dfe3ec;border-radius:8px;overflow:hidden;background:#fff;}
.notice-view #bo_v_file h2 {padding:13px 18px;background:#f5f7fb;border-bottom:1px solid #e8ebf2;font-size:15px;font-weight:600;color:#202635;}
.notice-view #bo_v_file ul {padding:8px 18px;}
.notice-view #bo_v_file li {padding:9px 0;border-top:1px dashed #e1e5ee;}
.notice-view #bo_v_file li:first-child {border-top:0;}
.notice-view #bo_v_file a {display:flex;align-items:center;gap:8px;color:#253858;text-decoration:none;}
.notice-view #bo_v_file a:hover {color:#405189;text-decoration:underline;}
.notice-view #bo_v_file strong {margin-left:auto;color:#8b93a5;font-size:12px;font-weight:400;}
.notice-view #bo_v_atc {min-height:260px;padding:0 20px 34px;border-bottom:1px solid #e6e8ee;}
.notice-view #bo_v_con {max-width:980px;margin:0 auto;min-height:220px;color:#333;font-size:16px;line-height:1.85;word-break:normal;overflow:visible;}
.notice-view #bo_v_con p {margin:0 0 14px;}
.notice-view #bo_v_con img {display:block;max-width:100%;height:auto;margin:18px auto;}
.notice-view #bo_v_top {padding-top:24px;}
.notice-view .bo_v_com {display:flex;float:none;clear:both;justify-content:flex-end;margin:0 0 26px;text-align:right;}
.notice-view .bo_v_com li {float:none;margin:0;padding:0;border:0;list-style:none;}
.notice-view .bo_v_com .btn_b01 {display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 18px;border-radius:4px;background:#253858;color:#fff;line-height:42px;text-decoration:none;}
.notice-view .bo_v_com .btn_b01:hover {background:#405189;color:#fff;}
.notice-view .bo_v_nb {clear:both;margin:0;border:1px solid #e0e4ed;border-radius:8px;overflow:hidden;}
.notice-view .bo_v_nb li {display:flex;align-items:center;gap:14px;padding:14px 18px;border:0;border-top:1px solid #e0e4ed;background:#fff;}
.notice-view .bo_v_nb li:first-child {border-top:0;}
.notice-view .bo_v_nb li:hover {background:#f8f9fc;}
.notice-view .bo_v_nb li .nb_tit {min-width:82px;padding:0;color:#405189;font-weight:600;}
.notice-view .bo_v_nb li a {flex:1;color:#303744;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.notice-view .bo_v_nb li a:hover {color:#405189;text-decoration:underline;}
.notice-view .bo_v_nb li .nb_date {float:none;margin-left:auto;color:#8b93a5;font-size:13px;}
#gnbM .gnbDiv .direct-menu {padding:15px;font-size:16px;color:#333;border-bottom:1px solid #d9d9d9;font-weight:normal;}
.top_btn_wrap .admin-top-links {display:inline-flex;align-items:center;gap:8px;margin-left:8px;font-size:13px;line-height:1;color:#555;vertical-align:middle;}
.top_btn_wrap .admin-top-links a,
.top_btn_wrap .admin-top-links button {padding:0;border:0;background:none;color:#555;font:inherit;line-height:1;cursor:pointer;text-decoration:none;}
.top_btn_wrap .admin-top-links a:hover,
.top_btn_wrap .admin-top-links button:hover {color:#111;}
.top_btn_wrap .admin-top-links form {display:inline;margin:0;padding:0;}
#cssmenu > ul > li > a.quote-menu-link {font-weight:700;color:#174ea6;}
#gnbM .gnbDiv .quote-menu-link {font-weight:700;color:#174ea6;}
@media (max-width:767px) {
 #hd_pops_2 {left:12px!important;top:90px!important;max-width:calc(100vw - 24px);}
 #hd_pops_2 .hd_pops_con {width:100%!important;height:auto!important;min-height:200px;}
 #hd_pops_2 img {max-width:100%;height:auto;}
 #hd_pops_2 .hd_pops_footer {display:flex;justify-content:space-between;}
 .quote-guide {padding:0;}
 .quote-guide-intro {padding:30px 20px;}
 .quote-guide-intro h3 {font-size:22px;}
 .quote-guide-intro p {font-size:15px;}
 .quote-contact-grid {grid-template-columns:1fr;}
 .quote-contact-card {padding:18px 20px;}
 .quote-contact-card a,
 .quote-contact-card span:not(.quote-contact-label) {font-size:18px;}
 .quote-note {padding:20px;}
 .quote-note ul {grid-template-columns:1fr;}
 .notice-view #bo_v_title {padding:30px 14px 22px;}
 .notice-view #bo_v_title .bo_v_tit {font-size:22px;line-height:1.45;}
 .notice-view #bo_v_info {gap:10px;padding:12px;}
 .notice-view #bo_v_atc {padding:0 10px 26px;}
 .notice-view #bo_v_con {font-size:15px;line-height:1.75;}
 .notice-view .bo_v_nb li {display:block;padding:13px 14px;}
 .notice-view .bo_v_nb li .nb_tit {display:block;margin-bottom:5px;}
 .notice-view .bo_v_nb li a {display:block;white-space:normal;}
 .notice-view .bo_v_nb li .nb_date {display:block;margin:6px 0 0;}
}
/* Keep pinned and hover-open desktop submenus at the same position. */
#cssmenu > ul > li:first-child > ul.s1 { left: -2px; }
#cssmenu > ul > li:nth-child(2) > ul.s2 { left: -23px; }
#cssmenu > ul > li:nth-child(3) > ul.s3,
#cssmenu > ul > li:nth-child(3):hover > ul { left: -13px; }
#cssmenu > ul > li:nth-child(4) > ul.s4 { left: -5px; }
#cssmenu > ul > li:nth-child(5) > ul.s5 { left: -5px; }

/* Keep pinned and hover-open desktop submenu rows at the same spacing. */
#cssmenu > ul > li > ul > li,
#cssmenu > ul > li:hover > ul > li {
  height: 30px;
}
#cssmenu > ul > li > ul > li > a {
  padding: 0 15px;
  line-height: 30px;
}

.news-view-thumbnail {max-width:860px;margin:0 auto 28px;text-align:center;}
.news-view-thumbnail img {max-width:100%;height:auto;border:1px solid #e4e7ef;background:#fff;}


.bo_big_wrap {background:#fff;}
.news-list-wrap,
.news-list-wrap #bo_gall,
.news-list-wrap #fboardlist,
.news-list-wrap .gall_row {background:#fff;}


.sub_content_wr + .bo_big_wrap .news-list-wrap {border-top:1px solid #e5e5e5;padding-top:18px;}
.sub_content_wr + .bo_big_wrap {margin-top:0;}

/* Jukwang news list: article cards, five items per row. */
.news-list-wrap {max-width:1500px;margin:0 auto;}
.news-article-grid {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:46px 28px;margin:30px 0 0!important;padding:0!important;list-style:none!important;}
.news-article-item {min-width:0;margin:0!important;padding:0!important;list-style:none!important;}
.news-article-link {display:block;color:#3c3c3c;text-decoration:none;}
.news-article-link:hover {text-decoration:none;}
.news-article-thumb {display:block;position:relative;width:100%;aspect-ratio:1/0.78;overflow:hidden;background:transparent;}
.news-article-thumb img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease;}
.news-article-link:hover .news-article-thumb img {transform:scale(1.045);filter:saturate(1.04) contrast(1.02);}
.news-article-date {display:block;margin-top:26px;color:#1f63c8;font-size:20px;font-weight:800;line-height:1.2;letter-spacing:-.02em;}
.news-article-title {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:58px;margin-top:20px;color:#3f3f3f;font-size:21px;font-weight:700;line-height:1.38;letter-spacing:-.045em;word-break:keep-all;overflow:hidden;transition:color .2s ease;}
.news-article-summary {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:76px;margin-top:16px;color:#777;font-size:15px;font-weight:400;line-height:1.7;letter-spacing:-.035em;word-break:keep-all;overflow:hidden;}
.news-article-more {display:inline-flex;align-items:center;gap:16px;margin-top:26px;color:#155fc4;font-size:13px;font-weight:800;letter-spacing:-.02em;}
.news-article-more i {display:inline-block;width:38px;height:1px;background:#155fc4;position:relative;}
.news-article-more i:after {content:"";position:absolute;right:0;top:-4px;width:9px;height:9px;border-top:1px solid #155fc4;border-right:1px solid #155fc4;transform:rotate(45deg);}
.news-article-link:hover .news-article-title {color:#155fc4;}
.news-article-link:hover .news-article-more i {width:48px;transition:width .2s ease;}
.jukwang-news-pager {margin:48px 0 10px;text-align:center;}
.jukwang-news-pager .pagination {display:inline-flex;gap:6px;margin:0;padding:0;list-style:none;}
.jukwang-news-pager .page-link {display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 11px;border:1px solid #dde3ee;border-radius:999px;background:#fff;color:#475467;font-size:14px;text-decoration:none;box-shadow:0 3px 10px rgba(17,24,39,.04);}
.jukwang-news-pager .active .page-link,
.jukwang-news-pager .page-link:hover {background:#174ea6;border-color:#174ea6;color:#fff;}
@media (max-width:1280px) {.news-article-grid {grid-template-columns:repeat(4,minmax(0,1fr));}.news-article-title {font-size:19px;}.news-article-date {font-size:18px;}}
@media (max-width:1024px) {.news-article-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px;}}
@media (max-width:767px) {.news-list-wrap {padding:0 12px;} .news-article-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px;} .news-article-date {margin-top:16px;font-size:15px;} .news-article-title {min-height:44px;margin-top:10px;font-size:15px;line-height:1.45;} .news-article-summary {min-height:60px;margin-top:8px;font-size:13px;line-height:1.55;} .news-article-more {margin-top:14px;font-size:11px;gap:10px;} .news-article-more i {width:26px;}}

.news-title-wrap {padding-bottom:18px!important;}
.news-title-wrap .page_title {margin-bottom:0!important;}
.news-title-wrap + .bo_big_wrap .news-list-wrap {padding-top:12px;}
.news-title-wrap + .bo_big_wrap .news-article-grid {margin-top:18px!important;}

.footer-company-info {margin:22px 0 8px;text-align:center;color:#b9c0cc;font-size:14px;line-height:1.7;}
.footer-company-info dl {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;}
.footer-company-info dt {font-weight:700;color:#fff;}
.footer-company-info dd {margin:0;color:#cdd3dc;}
.footer-company-info a {color:#cdd3dc;text-decoration:none;}
.footer-company-info a:hover {color:#fff;text-decoration:underline;}
@media (max-width:767px) {.footer-company-info dl {display:block;} .footer-company-info dt {margin-top:6px;}}

/* Keep uploaded product images inside the existing main-page thumbnail boxes. */
.main #section1 .pic_lt li .lt_img {
  overflow: hidden;
}
.main #section1 .pic_lt li .lt_img img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 751px) {
  .main #section1 .m_pro_wr .pro_tab_cont {
    height: min(500px, calc(100vh - 285px));
    min-height: 360px;
  }
  .main #section1 .pic_lt,
  .main #section1 .pic_lt ul {
    height: 100%;
  }
  .main #section1 .pic_lt li {
    height: 50%;
  }
}
@media (min-width: 1251px) {
  .main #section1 .pro_tab {
    display: flex;
    width: 640px;
  }
  .main #section1 .pro_tab::before {
    right: 10%;
    left: 10%;
    width: auto;
    margin-left: 0;
  }
  .main #section1 .pro_tab .tablinks {
    flex: 1 1 20%;
    margin: 0;
    text-align: center;
  }
}

/* English landing page */
#engStyle #cssmenu > ul > li > a {padding:0 18px;font-size:16px;letter-spacing:-.2px;}
#engStyle #cssmenu > ul > li:hover > ul {left:50%;transform:translateX(-50%);}
#engStyle #cssmenu > ul > li > ul > li > a {width:250px;white-space:nowrap;}
@media (min-width:951px) {#engStyle #cssmenu h1.logo img {width:auto;height:33px;}}
.english-main .mVisual .mCopy {text-align:left;}
.english-main .phil_bx .txt {line-height:1.2;word-break:keep-all;}
.english-main .phil_bx .on_txt {font-size:15px;line-height:1.55;}
.english-main .pro_tab .tablinks {word-break:keep-all;}
@media (min-width:1251px) {
  .english-main #section1 .pro_tab {display:flex;width:760px;}
  .english-main #section1 .pro_tab::before {right:10%;left:10%;width:auto;margin-left:0;}
  .english-main #section1 .pro_tab .tablinks {flex:1 1 20%;margin:0;text-align:center;}
}
@media (max-width:750px) {
  .english-main .mVisual .mCopy {padding:0 22px;}
  .english-main .pro_tab .tablinks {margin:0 4px;font-size:10px;}
}