@charset "utf-8";

/* ------- COMMON ------- */
html.sr .load-hidden { visibility: hidden; }
[data-scroll-y="false"] { overflow-y: hidden; }
.wrap{ overflow: hidden; }
.wrap.main { opacity: 0; }
.main { overflow: hidden; }
.blind { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }
.inner { position: relative; margin-left: auto; margin-right: auto; max-width: 1600px; width: 90%; }
.inner--large { max-width: 1720px; }
.image-wrap { position: relative; }
.image-wrap img { max-width: 100%; }
.section-wrap img { vertical-align: middle;}
.color-primary { color: #e8442d; }
.color-secondary { color: #2abc3f; }
.color-dark3 { color: #333; }
.color-blue { color: #2a64d0; }
.color-red { color: #ff0101; }
.color-sky { color: #00a4e3; }
.pc, .mo { width: 100%; height: 100%;}
.sp, .mo { display: none; }
.text-center { text-align: center; }
.fw-light { font-weight: 200; }
.fw-bold { font-weight: bold; }
.fw-normal { font-weight: 400; }
.fw-medium { font-weight: 500; }
.fw-semibold { font-weight: 600; }
.w-auto { width: auto; }
.d-none { display: none !important; }
.pt0 { padding-top: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.heading, .title { color: #000; }
.notosanscjk { font-family: 'NotoSansCJK', sans-serif;}
.flex-box { display: flex;}


.swiper-container-horizontal>.swiper-scrollbar { height: 5px; }
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { left: 0; width: 100%; }
.swiper-container .swiper-scrollbar { left: 0; width: 100%; background: #eee; }
.swiper-scrollbar-drag { background: #e8442d; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: none; }

.popup.cookie { position: fixed; z-index: 1000; border:1px solid #000; display: flex; flex-direction: column; background: #fff; border-radius: 8px 8px 4px 4px; overflow: hidden;}
.popup.cookie .content-top { text-align: center; padding: 5px; border-bottom: 1px solid #000;}
.popup.cookie .content-page { flex-grow: 1; padding: 0px; overflow-y: auto;}
.popup.cookie .content-foot { border-top: 1px solid #000;}
.popup.cookie form { display: flex; justify-content: space-between; padding: 15px 10px; background: #e8442d;}
.popup.cookie form label { display: flex; align-items: center; padding: 0; color: #fff;}
.popup.cookie form label:before { content: ''; display: inline-block; background-image: url(/images/cookie-checkbox.png); width: 18px; height: 18px; background-size: cover; margin-right: 5px; margin-top: -2px;}
.popup.cookie form input[type='checkbox']:checked + label:before { background-image: url(/images/cookie-checkbox-active.png); border-color: #fff;}
.popup.cookie figure { margin: 0; padding: 0; height: 100%;}
.popup.cookie img { display: block; max-width: 100%; height: 100%;}
.popup.cookie button { color: #fff;}
@media all and (max-width: 768px) {
    .popup.cookie { width: 90% !important; left: 50% !important; transform: translateX(-50%) !important; height: auto !important;}
    .popup.cookie form { padding: 10px;}
    .popup.cookie img { height: auto;}
}

/* 바이두 */
.BMap_shadow,
img[src="http://api.map.baidu.com/images/iws3.png"] {display: none !important;}
.BMap_bubble_title { margin-bottom: 8px;}
.BMap_bubble_content { font-size: 16px; line-height: 1.3;}


/* Floating */
.floating-container { z-index: 10; position: fixed; bottom: 50px; right: 50px; }
.scroll-top { pointer-events: none; }
.scroll-top a { display: block; margin: auto; width: 50px; height: 50px; background: #e8442d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 -960 960 960' width='48' fill='%23fff'%3E%3Cpath d='M450-80v-686L242-558l-42-42 280-280 280 280-42 42-208-208v686h-60Z'/%3E%3C/svg%3E") no-repeat center / auto 43%; border-radius: 50%; opacity: 0; visibility: hidden; transition: ease .6s; }
.floating { display: block; transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) .35s; }
.floating-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 25px; width: 110px; height: 110px; background: linear-gradient(48deg, #e8442d, #ff7900); border-radius: 50%; box-shadow: 0px 4px 10px 0px rgba(108, 108, 108, 0.15), 0px 6px 16px 0px rgba(108, 108, 108, 0.25); transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) .35s; animation: .45s floating cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.5s forwards; opacity: 0; }
.floating .icon { display: block; margin: 0 auto 10px; width: 50px; height: 34px; background: url('/images/logo-symbol-light.svg') no-repeat center / auto 100%; }
.floating .text { text-align: center; font-size: 15px; color: #fff; font-weight: 700; }
[data-floating="false"] { position: absolute; }
[data-scroll-top="true"] .scroll-top a { opacity: 1; visibility: visible; transition: ease .3s; }
[data-scroll-top="true"] .scroll-top { pointer-events: auto; }
@keyframes floating {
    from { opacity: 0; transform: scale(0); }
    to { opacity: 1; transform: none; }
}

/* 다국어 숨김*/
html:not(html[lang='ko']) .footer-primary .links ul{ display: none; }
html[lang='en'] .header-primary .gnb .depth1 > li:nth-child(5) .depth2 li:nth-child(2) { display: none;}
html[lang='en'] .header-primary .gnb .depth1 > li:nth-child(6) .depth2 li:nth-child(2) { display: none;}
html[lang='en'] .footer-primary .sitemap > ul > li:nth-child(5) .depth2 li:nth-child(2) { display: none;}
html[lang='en'] .footer-primary .sitemap > ul > li:nth-child(6) .depth2 li:nth-child(2) { display: none;}

html[lang='zh'] .header-primary .gnb .depth1 > li:nth-child(5) .depth2 li:nth-child(2) { display: none;}
html[lang='zh'] .header-primary .gnb .depth1 > li:nth-child(6) { display: none;}
html[lang='zh'] .footer-primary .sitemap > ul > li:nth-child(5) .depth2 li:nth-child(2) { display: none;}
html[lang='zh'] .footer-primary .sitemap > ul > li:nth-child(6) { display: none;}

html[lang='ja'] *,
html[lang='zh'] *{ font-family: 'Poppins', 'Pretendard', sans-serif !important;}
html[lang='ja'] .header-primary .gnb .depth1 > li:nth-child(5) .depth2 li:nth-child(2) { display: none;}
html[lang='ja'] .header-primary .gnb .depth1 > li:nth-child(6) { display: none;}
html[lang='ja'] .footer-primary .sitemap > ul > li:nth-child(5) .depth2 li:nth-child(2) { display: none;}
html[lang='ja'] .footer-primary .sitemap > ul > li:nth-child(6) { display: none;}

.map-kr, .map-en, .map-zh { display: none;}
html[lang='ko'] .map-kr { display: block;}
html[lang='en'] .map-en { display: block;}
html[lang='zh'] .map-zh { display: block;}
html[lang='ja'] .map-en { display: block;}

/* Form */
.check { display: inline-flex; align-items: center; position: relative; user-select: none; }
.check label { padding-left: 10px; font-size: 16px; color: #3d3d40; cursor: pointer; }
.check i { display: inline-block; vertical-align: middle; position: relative; width: 26px; height: 26px; pointer-events: none; }
.check i::before,
.check i::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px; box-sizing: border-box; }
.check i::after { background-repeat: no-repeat; border: 1px solid #111; background-color: #111; background-image: url('/images/icon-checked.svg'); background-size: auto 16px; background-position: center; opacity: 0; }
.check i::before { border: 1px solid #dddddd; }
.check input { z-index: 2; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 26px; height: 26px; color: #fff; opacity: 0; cursor: pointer; }
.check input:checked ~ i::after { opacity: 1; }
.check a { background: linear-gradient(to bottom, #666, #666); background-size: 1px 1px; background-position: left bottom 3px; background-repeat: repeat-x; }
.check a span { vertical-align: baseline; }
.check-light label { color: #fff; cursor: pointer; }
.check-light i::after { background-color: #fff; background-image: url('/images/check-dark.png'); }
.check-light i::before { border-color: #fff; }
.radio { display: inline-flex; align-items: center; position: relative; user-select: none; }
.radio label { padding-left: 10px; font-size: 16px; color: #3d3d40; cursor: pointer; }
.radio i { display: inline-block; vertical-align: middle; position: relative; width: 18px; height: 18px; pointer-events: none; }
.radio i::before,
.radio i::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box; }
.radio i::after { padding: 4px; background-image: radial-gradient(circle at 50%, #e8442d 40%, #fff 46%); border: 1px solid #e8442d; opacity: 0; }
.radio i::before { border: 1px solid #dddddd; }
.radio input { z-index: 2; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 26px; height: 26px; color: #fff; opacity: 0; cursor: pointer; }
.radio input:checked ~ i::after { opacity: 1; }
.radio input:checked ~ label { color: #111; }
.input-block-group { display: flex; }
.input-block-group .radio-block { flex: 0 1 180px; display: inline-block; position: relative; margin-right: -1px; text-align: center; }
.input-block-group .radio-block:first-child i { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.input-block-group .radio-block:last-child i { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.input-block-group .radio-block i { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #e5e5e5; pointer-events: none; transition: all ease .15s; }
.input-block-group .radio-block input { position: absolute; opacity: 0; }
.input-block-group .radio-block input:checked ~ i { z-index: 2; border-color: #e8442d; }
.input-block-group .radio-block input:checked ~ label { color: #e8442d; }
.input-block-group .radio-block label { display: block; padding: 10px; font-size: 18px; color: #999999; font-weight: 500; cursor: pointer; transition: all ease .15s; }
.mobile-scroll-container img { max-width: 100%; }
@media screen and (pointer: fine) {
    .floating:hover { transform: scale(1.1); }
    .floating:hover .floating-wrap { box-shadow: -3px 3px 14px 0px rgba(234, 0, 44, 0.5), 3px -3px 14px 0px rgb(255, 121, 0, 0.5); }

    .check a:hover { color: #000; }
}
@media screen and (max-width:1024px){
    .inner { padding: 0; width: 90%; }
    .image-wrap.border:not(.full) { padding: 60px; }
    .pc { display: none; }
    .sp { display: block; }
    .section-main-visual .mo { display: block; }

    .floating-container { right: 5%; }
    .floating-wrap { margin-bottom: 15px; width: 75px; height: 75px; }
    .floating .icon { margin-bottom: 5px; width: 35px; height: 20px; }
    .floating .text { font-size: 12px; }

    .mobile-scroll-container { overflow: visible; position: relative; padding-bottom: 12px; }
    .mobile-scroll-container .swiper-slide { width: auto; }
    .mobile-scroll-container .image-wrap img { max-width: none; width: 1000px; }

    .scroll-top a { width: 55px; height: 55px; }

    .check i { width: 22px; height: 22px; }
    .check label { font-size: 15px; }
    .input-block-group .radio-block label { font-size: 16px; }
}
@media screen and (max-width:768px){
    .image-wrap.border:not(.full) { padding: 24px; }

    .mo { display: block; }

    .floating-container { bottom: 25px; }
    .scroll-top { bottom: 15px; }
    .scroll-top a { width: 45px; height: 45px; }

    .check i { width: 20px; height: 20px; }
    .check label { padding-left: 6px; font-size: 14px; }
    .input-block-group .radio-block label { font-size: 14px; }
}


/* Icons */
.icon-date::before { content: ''; display: inline-block; vertical-align: middle; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 358.4 358.4' enable-background='new 0 0 358.4 358.4' xml:space='preserve' fill='%23555555'%3E%3Cpath d='M179.2,0C80.4,0,0,80.4,0,179.2s80.4,179.2,179.2,179.2S358.4,278,358.4,179.2S278,0,179.2,0z M179.2,33.6 c80.6,0,145.6,65,145.6,145.6c0,80.6-65,145.6-145.6,145.6s-145.6-65-145.6-145.6C33.6,98.6,98.6,33.6,179.2,33.6z M179.2,71.6 c-9.3,0-16.8,7.5-16.8,16.8v90.8c0,9.3,7.5,16.8,16.8,16.8h79.6c9.3,0,16.8-7.5,16.8-16.8c0-9.3-7.5-16.8-16.8-16.8H196v-74 C196,79.1,188.5,71.6,179.2,71.6L179.2,71.6z'/%3E%3C/svg%3E"); }
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 768px) {
    .icon-date::before { width: 13px; height: 13px; }
}


/* ------- Button ------- */
.button { display: inline-block; padding: 13px 10px; line-height: 1.375; font-size: 16px; border: 1px solid transparent; transition: background ease .15s; }
.button-primary { font-weight: 700; color: #fff; background: #e8442d; }
.button-arrow { overflow: hidden; display: inline-block; position: relative; padding: 14px 30px 14px 20px; min-width: 220px; color: #fff; border: 1px solid #fff; transition: all ease .35s; }
.button-arrow::after { content: ''; position: absolute; top: 0; right: 30px; bottom: 0; margin: auto; display: block; width: 7px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 7.7 12.9' enable-background='new 0 0 7.7 12.9' xml:space='preserve' stroke='%23ffffff'%3E%3Cg%3E%3Cpath stroke-width='1.8' stroke-miterlimit='10' d='M5.7,6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='1.3' x2='6.4' y2='6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='11.6' x2='6.4' y2='6.4'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; }
.button-round { border-radius: 50px; }
.button-gradient { color: #fff; background-image: linear-gradient(48deg, #e8442d, #ff7900, #ff7900, #e8442d); background-size: 400% 100%; background-position: 0%; border-color: transparent; transition: background ease .3s; }
.button-dark { color: #fff; background: #333333; }
.button-border { color: #111; border-color: #111; }
.button-border-light { color: #fff; border-color: #fff; }
@media screen and (pointer: fine) {
    .button-primary:hover { background: #e85a4a; }
    .button-arrow:hover { color: #111; background: #fff; border-color: #fff; }
    .button-arrow:hover::after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 7.7 12.9' enable-background='new 0 0 7.7 12.9' xml:space='preserve' stroke='%23111'%3E%3Cg%3E%3Cpath stroke-width='1.8' stroke-miterlimit='10' d='M5.7,6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='1.3' x2='6.4' y2='6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='11.6' x2='6.4' y2='6.4'/%3E%3C/g%3E%3C/svg%3E"); }
    .button-gradient:hover { background-position: 20%; }
    .button-border:hover,
    .button-border-light:hover { color: #fff; background: #e8442d; border-color: #e8442d; }
}
@media screen and (max-width: 1024px) {
    .button { font-size: 15px; }
    .button-arrow { padding: 12px 40px 12px 30px; }
}
@media screen and (max-width: 768px) {
}


/* ------- Modal ------- */
.modal-container { display: none; z-index: 11; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); }
.modal-container .modal-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 5px; width: auto; height: 100%; min-height: calc(100% - 10px); max-height: calc(100% - 10px); }
.modal-container .modal { overflow: hidden; display: flex; flex-direction: column; justify-content: center; position: relative; padding: 0 60px; max-width: 800px; width: 100%; height: auto; }
.modal-container .head-title { margin-bottom: 15px; padding-bottom: 10px; text-align: center; font-size: 1.6rem; font-weight: 600; color: #111; border-bottom: 1px solid var(--border-c); }
.modal-container .modal-body { overflow-x: hidden; overflow-y: auto; padding: 24px 5%; min-height: 200px; background: #fff; }
.modal-container .modal-body p:not(.head-title) { margin: 14px 0; }
.modal-container .modal .close { display: block; position: absolute; top: -20px; right: 0; width: 60px; height: 60px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: auto 55%; }
.modal-container .modal img { max-width: 100%; }
.modal-container--auto .modal { max-width: 100%; width: auto; }
.modal-container--flat .modal-body { padding: 0; }
@media screen and (pointer: fine) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}


/* ------- Header ------- */
.header { z-index: 11; position: fixed; top: 0; left: 0; width: 100%; }
.header-primary { z-index: 2; position: relative; color: #fff; transition-property: background, box-shadow; transition-timing-function: ease; transition-duration: .3s; }
.header-primary-wrap { margin: auto; position: relative; max-width: 1720px; width: 90%; }
.header-primary .logo { z-index: 2; position: absolute; top: 30px; left: 0; width: 177px; height: 30px; background: url('/images/logo-light.svg') no-repeat center / auto 100%; }
.header-primary .language { z-index: 2; position: absolute; top: 33px; right: 47px; }
.header-primary .language .current { position: relative; padding: 2px 26px 0 14px; font-size: 16px; color: inherit; font-weight: 600; background: url('/images/language-arrow.png') no-repeat top 13px right 10px; border: 1px solid #000; border-radius: 30px; }
/*.header-primary .language .current::before { content: ''; position: absolute; top: 2px; left: 0; width: 18px; height: 18px; background: url('/images/language.png') no-repeat center / auto 100%; }*/
.header-primary .language ul { position: absolute; left: -3px; top: 100%; margin-top: 10px; width: 80px; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, .1); visibility: hidden; opacity: 0; }
.header-primary .language a { display: block; padding: 10px 0; text-align: center; font-size: 14px; color: #212227; transition: all ease .15s; }
.header-primary .language .current[aria-pressed="true"] + ul { visibility: visible; opacity: 1; }
.header-primary .search { z-index: 2; position: absolute; top: 34px; right: -5px; }
.header-primary .search .toggle { width: 30px; height: 30px; background: url('/images/search.png') no-repeat center / auto 24px; }
.header-primary .hamburger { display: none; position: absolute; top: 30px; right: 0; padding: 0 8px; width: 50px; height: 50px; }
.header-primary .hamburger a { overflow: hidden; display: block; position: relative; padding: 14px 0; width: 100%; height: 100%; }
.header-primary .hamburger .bar { display: flex; margin-top: 8px; width: 100%; height: 2px; }
.header-primary .hamburger .bar:first-child { margin-top: 0; }
.header-primary .hamburger .bar::before,
.header-primary .hamburger .bar::after { content: ''; flex: 1 0 auto; display: block; width: 100%; height: 100%; background: #fff; }
.header-primary .hamburger .bar::after { margin-left: 4px; }
.header-primary .hamburger .bar { transform: translateX(-6px); transition: transform linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%) .65s; }
.header-primary .hamburger .bar:nth-child(even) { transform: rotate(180deg) translateX(-6px); }
.header-primary .gnb .depth1 { display: flex;}
.header-primary .gnb .depth1 > li > a { display: block; position: relative; margin: 0 12px; padding: 35px 28px 25px; text-align: center; font-size: 18px; color: inherit; font-weight: 600; }
.header-primary .gnb .depth1 > li > a span { text-wrap: nowrap;}
.header-primary .gnb .depth2 { padding: 22px 0 40px; }
.header-primary .gnb .depth2 > li > a { display: block; padding: 5px 4px; text-align: center; font-size: 16px; }
.header-primary .gnb .depth3 { display: none; }
.header-primary .gnb .close { display: none; position: fixed; top: 10px; right: 5%; margin: auto -5px auto 0; width: 40px; height: 40px; }
.header-primary .gnb .close a { display: block; width: 100%; height: 100%; }
.header-primary .gnb .close .circle { display: block; position: relative; width: 100%; height: 100%; }
.header-primary .gnb .close .circle::before,
.header-primary .gnb .close .circle::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 26px; height: 2px; background: #212227; }
.header-primary .gnb .close .circle::before { transform: rotate(45deg); }
.header-primary .gnb .close .circle::after { transform: rotate(-45deg); }
[data-header-fullmenu] .header-primary .hamburger { display: block; }
[data-header-theme="light"] .header-primary,
[data-header-sticky="true"] .header-primary { background: #fff; }
[data-header-sticky="true"] .header-primary { box-shadow: 0px 0px 20px 0px rgba(10, 10, 10, .1); }
[data-hamburger="opened"] .header-primary .language .current::before,
[data-header-theme="black"] .header-primary .language .current::before,
[data-header-theme="light"] .header-primary .language .current::before,
[data-header-sticky="true"] .header-primary .language .current::before { background-image: url('/images/language-dark.png'); }
[data-header-menu="true"] .header-primary,
[data-header-theme="black"] .header-primary,
[data-header-theme="light"] .header-primary,
[data-header-sticky="true"] .header-primary { color: #111; }
[data-hamburger="opened"] .header-primary .logo,
[data-header-menu="true"] .header-primary .logo,
[data-header-theme="black"] .header-primary .logo,
[data-header-theme="light"] .header-primary .logo,
[data-header-sticky="true"] .header-primary .logo { background-image: url('/images/logo.svg'); }
/*[data-header-sticky="true"] .header-primary .language .current,*/
/*[data-header-theme="black"] .header-primary .language .current,*/
/*[data-header-theme="light"] .header-primary .language .current { background-image: url('/images/language-arrow-dark.png'); }*/
[data-header-theme="light"] .header-primary .hamburger .bar::before,
[data-header-theme="light"] .header-primary .hamburger .bar::after,
[data-header-sticky="true"] .header-primary .hamburger .bar::before,
[data-header-sticky="true"] .header-primary .hamburger .bar::after { background: #111; }
[data-header-sticky="true"] .header-primary .language .current,
[data-hamburger="opened"] .header-primary .language .current { color: #000 !important; background-image: url('/images/language-arrow.png') !important; border-color: #000 !important; }
[data-header-theme="transparent"] .header-primary .language .current { background-image: url('/images/language-arrow-light.png'); border-color: #fff; }
[data-header-sticky="true"] .header-primary .search .toggle { background-image: url('/images/search.png') !important; }
[data-header-theme="transparent"] .header-primary .search .toggle{ background-image: url('/images/search-light.png'); }
@media screen and (pointer: fine) {
    .header-primary .language a:hover { color: #fff; background: #e8442d; }
    .header-primary .gnb .depth1 > li:hover > a span::after { transform: scaleX(1); }
    .header-primary .gnb .depth1 > li:hover > a { color: #e8442d; }
    .header-primary .gnb .depth2 > li > a:hover { color: #e8442d; text-decoration: underline; text-underline-offset: 3px; }
    .header-primary .hamburger a:hover .bar { transform: translateX(calc(-100% + 2px)); }
    .header-primary .hamburger a:hover .bar:nth-child(even) { transform: rotate(180deg) translateX(calc(-100% + 2px)); }
}
@media screen and (min-width: 1025px) {
    .header > .background { z-index: 1; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transition: all ease .65s; pointer-events: none; }
    .header-primary::before { content: ''; position: absolute; top: 95px; left: 0; width: 100%; height: 1px; background: #f0f0f0; opacity: 0; transition: opacity ease .35s; }
    .header-primary .gnb { overflow: hidden; position: relative; display: flex; justify-content: center; margin-right: -40px; height: 110px; width: 86%; margin: 0 auto;}
    .header-primary .gnb .nav { width: 100%;}
    .header-primary .gnb .depth1 { width: 79%; justify-content: flex-end; margin: 0 auto;}
    .header-primary .gnb .depth1 > li { transition: all 1.4s cubic-bezier(.7, .1, .2, 1); width: 6em;}
    .header-primary .gnb .depth1 > li > a { transition-property: color, margin; transition-timing-function: ease, cubic-bezier(.7, .1, .2, 1); transition-duration: .15s, .8s; margin: 0;}
    .header-primary .gnb .depth1 > li > a::before { content: ''; z-index: 2; position: absolute; top: -2px; left: 0; right: 0; margin: auto; width: 7px; height: 7px; background: #e8442d; border-radius: 50%; opacity: 0; }
    .header-primary .gnb .depth1 > li > a::after { content: ''; z-index: 3; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: #e8442d; transform: scaleX(0); transform-origin: left; transition: transform ease .3s; }
    .header-primary .gnb .depth1 > li:last-child { margin-right: -9%;}
    .header-primary .gnb .depth1 > li.on > a { color: #e8442d; }
    .header-primary .gnb .depth1 > li.on > a::before { opacity: 1;}
    [data-header-gnb="opened"] > .background { opacity: 1; visibility: visible; }
    [data-header-gnb="opened"] .header-primary::before { opacity: 1; }
    /*[data-header-gnb="opened"] .header-primary .gnb .depth1 > li > a { margin: 0 40px; }*/
    /*[data-header-gnb="opened"] .header-primary .gnb .depth1 > li { width: 25%;}*/
    [data-header-gnb="opened"] .header-primary .gnb .depth1 > li { width: 25%;}
    [data-header-gnb="opened"] .header-primary .gnb .depth1 > li:last-child { margin: 0;}
    /* [data-header-gnb="opened"] .header-primary .gnb .background { opacity: 1; } */
    html[lang='en'] .header-primary .gnb .depth1 > li { width: 8.5em;}
    html[lang='en'] [data-header-gnb="opened"] .header-primary .gnb .depth1 > li { width: 25%;}
}
@media screen and (max-width: 1024px) {
    .header { height: 60px; }
    .header::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity ease .65s; pointer-events: none; }
    .header-primary { height: 100%; transition: background ease .3s; }
    .header-primary .logo { top: 10px; left: 0; width: 154px; height: 26px; }
    .header-primary .hamburger { display: block; top: 10px; right: -5px; padding: 0 6px; width: 40px; height: 40px; }
    .header-primary .hamburger a { padding: 11px 0; }
    .header-primary .hamburger .bar { margin-top: 6px; }
    .header-primary .search { top: 18px; right: calc(3% + 30px); }
    .header-primary .language { top: 18px; right: calc(3% + 70px); }
    .header-primary .language .current { padding: 4px 24px 5px 12px; line-height: 1; font-size: 13px; background-position: top 9px right 8px; }
    .header-primary .language .current::before { top: 0; width: 16px; height: 16px; }
    .header-primary .language a { font-size: 13px; }
    .header-primary .gnb { z-index: 1; overflow-y: auto; position: fixed; top: 0; right: -100%; padding: 100px 5%; width: 100%; height: 100vh !important; background: #fff; transition: all ease .6s; }
    .header-primary .gnb .depth1 { flex-direction: column; }
    .header-primary .gnb .depth1 > li:last-child { border-bottom: none; }
    .header-primary .gnb .depth1 > li > a { overflow: hidden; margin: 0; padding: 14px 0; text-align: left; font-weight: 600; }
    .header-primary .gnb .depth1 > li > a::after { content: ''; z-index: 2; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 26px; height: 26px; background-repeat: no-repeat; background-size: auto 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48' fill='212227'%3E%3Cpath d='m375 816-43-43 198-198-198-198 43-43 241 241-241 241Z'/%3E%3C/svg%3E"); transition: transform ease .15s; }
    .header-primary .gnb .depth2 { overflow: hidden; padding: 0; max-height: 0; opacity: 0; visibility: hidden; }
    .header-primary .gnb .depth2 > li:last-child { padding-bottom: 10px; }
    .header-primary .gnb .depth2 > li > a { padding: 10px 16px; text-align: left; font-size: 15px; }
    .header-primary .gnb .depth1 > li > a[aria-expanded="true"] { color: #e8442d; }
    .header-primary .gnb .depth1 > li > a[aria-expanded="true"]::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48' fill='%23e8442d'%3E%3Cpath d='m375 816-43-43 198-198-198-198 43-43 241 241-241 241Z'/%3E%3C/svg%3E"); transform: rotate(90deg); }
    [data-header-sticky="true"] .header-primary { background: rgba(255, 255, 255, 1); }

    [data-hamburger="opened"]::before { opacity: 1; }
    [data-hamburger="opened"] .header-primary .gnb { color: #212227; right: 0; }
    [data-hamburger="opened"] .header-primary .gnb .close { display: block; }
    /* [data-hamburger="opened"] .header-primary .logo { background-image: url('/images/logo-dark.svg'); } */
    /*[data-hamburger="opened"] .header-primary .language .current { color: #212227; background-image: url('/images/language-arrow-dark.png'); }*/
}
@media screen and (max-width: 768px) {
}


/* ------- Footer ------- */
.footer { padding: 70px 0; color: #808080; font-size: 16px; letter-spacing: -0.05em; background: #111111; }
.footer-primary { margin: auto; max-width: 1600px; width: 90%; }
.footer-primary .row { display: flex; justify-content: space-between; }
.footer-primary .row:last-child { margin-top: 53px; padding-top: 40px; border-top: 1px solid #333333; }
.footer-primary .right { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; }
.footer-primary .info { display: flex; flex-wrap: wrap; max-width: 500px; }
.footer-primary .info .col { display: flex; margin-top: 4px; margin-right: 30px; }
.footer-primary .info .col:first-child { width: 100%; }
.footer-primary .info dt { padding-right: 8px; color: #fff; font-weight: 700; }
.footer-primary .links ul { display: flex; flex-wrap: wrap; margin: 26px -8px 0; }
.footer-primary .links li { position: relative; padding: 0 8px; }
.footer-primary .links li:not(:last-child)::before { content: ''; position: absolute; top: 8px; right: 0; width: 1px; height: 11px; background: #4d4d4d; }
.footer-primary .links a { color: #fff; font-weight: 700; }
.footer-primary .links .icon-external-link { display: inline-block; margin-left: 5px; width: 14px; height: 14px; background: url('/images/external-link-light.svg') no-repeat center / auto 100%; }
.footer-primary .logo { margin-bottom: 10px; font-size: 20px; font-weight: 700; color: #fff; }
.footer-primary .copyright { margin-top: 17px; font-size: 15px; letter-spacing: -0.01em; }
.footer-primary .sitemap > ul { display: flex; }
.footer-primary .sitemap > ul > li { width: 120px; }
.footer-primary .sitemap span { font-size: 18px; color: #fff; font-weight: 700; }
.footer-primary .sitemap .depth2 a { display: block; margin-top: 17px; font-weight: 700; }
.footer-primary .sitemap .depth2 li:first-child a { margin-top: 18px; }
.family-site { position: relative; width: 760px; }
.family-site .toggle { display: block; position: relative; padding: 16px 40px 15px 20px; font-size: 14px; color: inherit; letter-spacing: 0.04em; border: 1px solid #333333; transition: all ease .3s; }
.family-site .toggle::after { content: ''; position: absolute; top: 0; right: 24px; bottom: 0; margin: auto; width: 22px; height: 22px; background: url('/images/family-site-arrow.svg') no-repeat center / auto 100%; transition: all ease .3s; }
.family-site .listbox { display: none; z-index: 11; position: absolute; bottom: 100%; left: 0; margin-bottom: -1px; padding: 10px 20px; width: 100%; background: #111111; border: 1px solid #555; }
.family-site .listbox li { display: block; padding: 2px 0; color: inherit; }
.family-site[aria-expanded="true"] .listbox { display: block; }
.family-site[aria-expanded="true"] .toggle { color: #fff; border-color: #555555; }
.family-site[aria-expanded="true"] .toggle::after { background-image: url('/images/family-site-arrow-light.svg'); }
@media screen and (pointer: fine) {
    .family-site .listbox li a:hover { color: #fff; }
    .family-site .toggle:hover { color: #fff; border-color: #555555; }
    .family-site .toggle:hover::after { background-image: url('/images/family-site-arrow-light.svg'); }
}
@media screen and (max-width: 1200px) {
    .footer { font-size: 14px; }
    .footer-primary .row { flex-direction: column; }
    .footer-primary .row:last-child { margin-top: 0; padding-top: 30px; }
    .footer-primary .left { flex-direction: column; align-items: flex-start; width: 100%; }
    .footer-primary .right { align-items: flex-start; margin-top: 20px; width: 100%; }
    .footer-primary .logo { width: 135px; height: 30px; font-size: 18px; }
    .footer-primary .copyright { margin-left: 0; font-size: 13px; }
    .footer-primary .links ul { margin: 20px -10px 0; }
    .footer-primary .links li { padding: 3px 10px; }
    .footer-primary .links .icon-external-link { width: 12px; height: 12px; }
    .footer-primary .info li::after { content: none; }
    .footer-primary .social ul { margin-bottom: 26px; }
    .footer-primary .social li img { width: 36px; }
    .family-site { width: 100%; }
    .family-site .listbox { padding: 10px 14px; }
    .family-site .listbox li { padding: 6px 0; line-height: 1.5; }
    .family-site .listbox li a { padding: 6px 24px; font-size: 14px; }
    .family-site .toggle { padding: 12px 46px 12px 14px; line-height: 1.5; width: 100%; font-size: 13px; background-position: right 10px center; border: 1px solid rgba(255, 255, 255, 0.5); }
    .family-site .toggle::after { right: 18px; width: 16px; height: 16px; }
    .footer-primary .copyright { margin-top: 0; }
    .footer { padding: 35px 0 60px; }
    .footer-primary .sitemap { display: none; }
}
@media screen and (max-width: 768px) {
    .footer { padding-bottom: 40px; }
    .footer-primary .logo { font-size: 16px; }
    .footer-primary .info .col { width: 100%; }
    .footer-primary .info li { width: 100%; }
    .footer-primary .info li:nth-child(3)::after,
    .footer-primary .info li:nth-child(4)::after { content: none; }
    .family-site { max-width: none; }
}


/* ======= Main ======= */
.section-main { padding-top: 165px; }
.section-main .button { min-width: 130px; text-align: center; }
.section-main .section-title { position: relative; margin-bottom: 70px; }
.section-main .section-title .heading { line-height: 0.77; font-family: 'Poppins', 'Pretendard', sans-serif; font-size: 60px; font-weight: 700; }
.section-main .section-title .text { margin-top: 30px; font-size: 20px; font-weight: 200; }

.section-main-visual { padding: 0 !important; color: #fff; background: #000; }
.section-main-visual .swiper-slide { height: 100vh; height: 100dvh; }
.section-main-visual .swiper-slide.video .image-wrap .background { display: none; }
.section-main-visual .controls { display: flex; align-items: center; justify-content: space-between; z-index: 2; position: absolute; left: 0; right: 0; bottom: 55px; margin: auto; max-width: 1600px; width: 90%; }
.section-main-visual .controls .scroll-down { display: flex; font-size: 15px; font-weight: 700; }
.section-main-visual .controls .scroll-down .icon-scroll { display: block; margin-top: 5px; margin-left: 8px; width: 14px; height: 14px; background: url('/images/main/icon-scroll.png') no-repeat center; }
.section-main-visual .controls .pagination { display: flex; align-items: center; margin: 0 -3px; width: auto; }
.section-main-visual .controls .swiper-pagination-bullet { display: flex; align-items: center; justify-content: center; position: relative; margin: 0 3px; width: 40px; height: 40px; background: transparent; opacity: 1; }
.section-main-visual .controls .swiper-pagination-bullet::before { content: ''; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e8442d; border-radius: 50%; transition: all ease .35s; transform: scale(0); opacity: 1; }
.section-main-visual .controls .swiper-pagination-bullet-active::before { transform: none; opacity: 1; }
.section-main-visual .image-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-main-visual .image-wrap .background { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.section-main-visual .image-wrap video { width: 100%; height: 100%; object-fit: cover;}
.section-main-visual .text-wrap { z-index: 2; display: flex; align-items: center; position: relative; height: 100%; }
.section-main-visual .heading { font-size: 80px; line-height: 1.175; font-weight: 700; color: inherit; }
.section-main-visual .text { margin: 30px 0 100px; font-size: 24px; font-weight: 500; }

.section-main-product .section-title { text-align: center; }
.section-main-product .product-slider-wrap { position: relative; }

.product-slider-thumbnail { overflow: visible; position: absolute; top: 0; left: 0; width: 100%; }
.product-slider-thumbnail .swiper-slide { width: auto; }
.product-slider-thumbnail .product-slider-head { width: 49.1%; }
.product-slider-thumbnail .image-wrap { overflow: hidden; max-width: 520px; border-radius: 20px; }
.product-slider-thumbnail .image-wrap::before { content: ''; display: block; padding-top: calc(640 / 520 * 100%); width: 100%; height: 0; }
.product-slider-thumbnail .image-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.product-slider-thumbnail .badge-wrap { display: flex; flex-wrap: wrap; align-items: center; position: absolute; top: 30px; left: 30px; opacity: 0; transition: all ease .35s; }
.product-slider-thumbnail .badge-wrap .badge { display: block; margin-right: 10px; padding: 10px; width: 75px; height: 35px; line-height: 1; text-align: center; font-family: 'Poppins', 'Pretendard', sans-serif; font-size: 16px; font-weight: 700; color: #fff; background: #000; border-radius: 35px; }
.product-slider-thumbnail .badge-wrap .badge-primary { background: #e8442d; }
.product-slider-thumbnail .swiper-slide-active .badge-wrap { opacity: 1; }
.product-slider-thumbnail .swiper-slide-active { width: 100%; }


/*.product-slider { overflow: visible; display: flex; padding-right: 250px; }*/
.product-slider { overflow: visible; display: flex; }
.product-slider .swiper-slide { display: flex; }
.product-slider .swiper-slide-active { z-index: 2; }
.product-slider .controls { z-index: 2; position: absolute; padding: 0 34px; width: 200px; text-align: center; bottom: 70px; right: 20%; }
.product-slider .controls .swiper-button-prev,
.product-slider .controls .swiper-button-next { top: -2px; margin: 0; width: 34px; height: 34px; background-repeat: no-repeat; background-position: center; background-size: auto 60%; }
.product-slider .controls .swiper-button-prev::after,
.product-slider .controls .swiper-button-next::after { content: none; }
.product-slider .controls .swiper-button-prev { left: 0; background-image: url('/images/arrow-left.svg'); }
.product-slider .controls .swiper-button-next { right: 0; background-image: url('/images/arrow-right.svg'); }
.product-slider .controls .pagination { font-family: 'Poppins', 'Pretendard', sans-serif; }
.product-slider .controls .pagination .icon { display: inline-block; margin: 0 10px; width: 12px; height: 12px; background: url('/images/icon-pagination-shape.png') no-repeat center / auto 100%; }
.product-slider .product-slider-head { position: relative; width: 49.1%; }
/*.product-slider .product-slider-body { flex: 1 1 auto; position: relative; margin-left: 49.1%; padding: 55px 40px 110px 60px; background: #fff; opacity: 0; transition: all ease .35s; }*/
/*.product-slider .product-slider-body { flex: 1 1 auto; position: relative; margin-left: 32.5%; padding: 55px 40px 110px 60px; height: 640px; background: #fff; transition: all ease .35s; opacity: 0.5; }*/
.product-slider .product-slider-body { flex: 1 1 auto; position: relative; margin-left: 35.8%; padding: 55px 40px 110px 60px; height: 640px; background: #fff; transition: all ease .35s; opacity: 0.5; }
.product-slider .image-wrap { overflow: hidden; max-width: 520px; border-radius: 20px; }
.product-slider .image-wrap::before { content: ''; display: block; padding-top: calc(640 / 520 * 100%); width: 100%; height: 0; }
.product-slider .image-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.product-slider .badge-wrap { display: flex; flex-wrap: wrap; align-items: center; position: absolute; top: 30px; left: 30px; opacity: 0; transition: all ease .35s; }
.product-slider .badge-wrap .badge { display: block; margin-right: 10px; padding: 10px; width: 75px; height: 35px; line-height: 1; text-align: center; font-family: 'Poppins', 'Pretendard', sans-serif; font-size: 16px; font-weight: 700; color: #fff; background: #000; border-radius: 35px; }
.product-slider .badge-wrap .badge-primary { background: #e8442d; }
.product-slider .text-wrap { margin-bottom: 40px; padding-bottom: 45px; font-family: 'Poppins', 'Pretendard', sans-serif; border-bottom: 1px solid #e6e6e6; }
.product-slider .text-wrap .category { line-height: 1; color: #e8442d; }
.product-slider .text-wrap .title { font-size: 46px; font-weight: 700; }
.product-slider .text-wrap .text { font-size: 20px; }
.product-slider .lists { display: flex; flex-wrap: wrap; }
.product-slider .lists li { position: relative; margin-top: 10px; padding-left: 15px; width: 50%; }
.product-slider .lists li::before { content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #666666; border-radius: 50%; }
.product-slider .button { position: absolute; left: 60px; bottom: 60px; width: 130px; }
.product-slider .swiper-slide-active .product-slider-body { opacity: 1; }
.product-slider .swiper-slide-active .badge-wrap { opacity: 1; }

.section-main-about .section-title { padding-right: 200px; }
.section-main-about .section-title .button { position: absolute; bottom: 15px; right: 0; }
.section-main-about .about-body section:last-child { position: relative; }
.section-main-about .about-body .background { content: ''; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: #f5f5f5; }
.section-main-about .about-foot { position: relative; padding: 110px 0; }
.section-main-about .about-foot .background { content: ''; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #f5f5f5; }
.section-main-about .image-wrap { overflow: hidden; position: relative; padding-top: calc(800 / 1600 * 100%); width: 100%; height: 0; border-radius: 20px; box-shadow: 0 8px 20px 0 rgb(0, 0, 0, 0.05), 0 16px 26px 0 rgb(0, 0, 0, 0.1); }
.section-main-about .image-wrap img,
.section-main-about .image-wrap video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.section-main-about .pagination { display: flex; align-items: center; margin: 0 -10px; }
.section-main-about li { display: flex; flex-direction: column; justify-content: space-between; position: relative; margin: 0 10px; padding: 30px 40px 25px; width: 33.33333%; height: 230px; background: #fff; border-radius: 20px; transition: all ease .35s; }
.section-main-about li .number { position: absolute; top: 25px; right: 40px; line-height: 1; font-family: 'Poppins', 'Pretendard', sans-serif; font-size: 100px; color: #f5f5f5; font-weight: 700; transition: color ease .35s; }
.section-main-about li .badge { z-index: 2; position: relative; font-family: 'Poppins', 'Pretendard', sans-serif; color: #ccc; font-weight: 500; transition: color ease .35s; }
.section-main-about li .title { z-index: 2; position: relative; font-size: 32px; font-weight: 700; transition: color ease .35s; }

.section-main-technology { position: relative; padding-top: 120px; color: #fff; }
.section-main-technology .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f5f5f5; }
/*.section-main-technology::before { content: ''; display: block; position: relative; top: -5px; height: 190px; background: linear-gradient(to bottom, #f5f5f5, #000); }*/
.section-main-technology::after { content: ''; display: block; position: absolute; bottom: -500px; left: 0; width: 100%; height: 500px; background: linear-gradient(to bottom, #000, rgba(0,0,0,0)); }
.section-main-technology .pin-spacer { z-index: 2 !important; }
.section-main-technology .section-title { padding-top: 80px; text-align: center; }
.section-main-technology .section-title .heading { color: inherit; }
.section-main-technology .sticky { height: max-content;}
.section-main-technology .section-technology-container { position: relative; }
.section-main-technology .technology { width: 100%; transform-origin: top center; }
.section-main-technology .technology:not(:first-child) { position: absolute; top: 0; left: 0; }
.section-main-technology .technology .link { display: block; position: relative; padding: 100px 80px 130px; color: #666; background: #f5f5f5; border-radius: 20px; box-shadow: 0 -4px 10px 0 rgba(0,0,0,.09), 0 0 36px 0 rgba(0,0,0,.09); transition: all ease .35s; }
.section-main-technology .technology .badge { line-height: 1; font-size: 22px; font-weight: 700; color: #e8442d; transition: all ease .35s; }
.section-main-technology .technology .title { margin-top: 35px; margin-left: -5px; line-height: 1; font-family: 'Poppins', 'Pretendard', sans-serif; font-size: 100px; font-weight: 700; transition: all ease .35s; }
.section-main-technology .technology .text { margin-top: 90px; padding-top: 70px; font-family: 'Poppins', 'Pretendard', sans-serif; font-size: 20px; border-top: 1px solid #e8442d; transition: all ease .35s; }
.section-main-technology .technology .icon-link { position: absolute; top: 160px; right: 80px; width: 100px; height: 100px; background: #000 url('/images/arrow-right-light.svg') no-repeat center / auto 34%; border-radius: 50%; transition: all ease .35s; }
.section-main-technology .technology[data-card-theme="primary"] .badge { color: #fff; }
.section-main-technology .technology[data-card-theme="primary"] .link { color: #fff; background: #e8442d; }
.section-main-technology .technology[data-card-theme="primary"] .title { color: inherit; }
.section-main-technology .technology[data-card-theme="primary"] .text { border-top-color: #f47d6c; }
.section-main-technology .technology[data-card-theme="primary"] .icon-link { background-color: #fff; background-image: url('/images/arrow-right-primary.svg'); }

.section-main-application { position: relative; margin-top: -200px; padding: 450px 0 105px; color: #fff; background: #000 url('/images/main/section-application-background.jpg') no-repeat bottom center / 100% auto; background-attachment: fixed; }
.section-main-application figure { margin: 0; padding: 0; position: absolute; top: 0px; left: 0; width: 100%;}
.section-main-application figure:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0px;left: 0;background: rgba(0, 0, 0, 0.5);}
.section-main-application figure.active { position: fixed; top: -70px;}
.section-main-application figure.ab { position: fixed; top: -70px;}
.section-main-application video { width: 100%; height: auto;}
.section-main-application .section-title { margin-bottom: 0px; width: max-content;}
.section-main-application .section-title.active { position: fixed; top: 150px;}
.section-main-application .section-title.ab { position: absolute; bottom: 0; margin: 0;}
.section-main-application .section-title .heading { color: inherit; }
.section-main-application .applications { display: flex; justify-content: flex-end; margin-top: 50px;}
.section-main-application .applications ul { width: 49.375%; }
.section-main-application .applications li { border-bottom: 1px solid #424242; }
.section-main-application .applications li:first-child { border-top: 1px solid #424242; }
.section-main-application .applications .link { display: block; position: relative; padding: 50px 0 40px 160px; }
.section-main-application .applications .number { line-height: 1; position: absolute; top: 50px; left: 0; font-family: 'Poppins', 'Pretendard', sans-serif; font-size: 40px; font-weight: 700; }
.section-main-application .applications .heading { line-height: 1; font-family: 'Poppins', 'Pretendard', sans-serif; font-size: 40px; font-weight: 700; color: inherit; }
.section-main-application .applications .title { margin: 65px 0 10px; font-size: 24px; font-weight: 700; color: inherit; }
.section-main-application .applications .text { font-size: 18px; font-weight: 500; color: #999999; }
.section-main-application .applications .icon-link { position: absolute; top: 45px; right: 0; width: 42px; height: 42px; background: transparent url('/images/arrow-right-light.svg') no-repeat center / auto 40%; border: 1px solid #fff; border-radius: 50%; transition: all ease .35s; }

.section-main-board { padding-bottom: 160px; background: #fff; z-index: 10; position: relative;}
.section-main-board .section-title .heading { text-wrap: nowrap; }
.section-main-board .inner { display: flex; flex-wrap: wrap; gap: 40px;}
.section-main-board .board-wrap { width: calc(50% - 20px);}
.section-main-board .bloque { margin-top: 90px; width: 100%;}
.section-main-board .section-title { padding-right: 200px; }
.section-main-board .section-title .button { position: absolute; bottom: 15px; right: 0; }

.main-board-container ul { display: flex; margin: 0 -20px; }
.main-board-container li { padding: 0 20px; width: 50%; flex-shrink: 0;}
.main-board-container .image-wrap { overflow: hidden; position: relative; border-radius: 20px; width: 100%; height: 0; padding-bottom: 70%;}
.main-board-container .image-wrap::before { content: ''; display: block; padding-top: calc(260 / 370 * 100%); width: 100%; height: 0; }
.main-board-container .image-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform ease .65s; }
.main-board-container .date { position: relative; margin-bottom: 38px; padding: 0 0 27px 25px; line-height: 1; font-family: 'Poppins', 'Pretendard', sans-serif; font-weight: 500; color: #111; transition: color ease .35s; }
.main-board-container .date::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #dedede; }
.main-board-container .date::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e8442d; transform-origin: left; transform: scaleX(0); transition: transform ease .65s; }
.main-board-container .date .icon { position: absolute; top: 0; left: 0; width: 14px; height: 14px; background: #111; border-radius: 50%; transition: background ease .35s; }
.main-board-container .title { overflow: hidden; margin: 28px 0 8px; line-height: 1; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; font-weight: 700; color: #111; }
.main-board-container .text { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 16px; }

.bloque-contact { position: relative; height: 345px; padding: 80px; color: #fff; border-radius: 20px; border: 1px solid #000;}
.bloque-contact .banner-bg { position: absolute; padding: 0px; top:0; right:0; width: 0%; height:100%; background: url('/images/bloque/bloque-contact-background_241104.jpg') no-repeat center / cover; border-radius: 20px;}
.bloque-contact .badge { line-height: 1; font-size: 20px; font-weight: 700; }
.bloque-contact .heading { margin: 14px 0 50px; font-family: 'Poppins', 'Pretendard', sans-serif; font-size: 30px; font-weight: 700; color: inherit; }
.bloque-contact .button { min-width: 110px; }
.banner-bg { width: 1%; padding: 0; transition: width 0.8s ease;}
.banner-bg.sr-animate {width: 100%; padding: 80px;}
@media screen and (pointer: fine) {
    .section-main-application .applications .link:hover .icon-link { background-color: #e8442d; border-color: #e8442d; }

    .product-slider .controls .swiper-button-prev:hover { background-image: url('/images/arrow-left-primary.svg'); }
    .product-slider .controls .swiper-button-next:hover { background-image: url('/images/arrow-right-primary.svg'); }

    .section-main-about li:hover { background: #e8442d; transform: translateY(-30px); box-shadow: 0 0 16px 0 rgba(232,68,45,0.55); }
    .section-main-about li:hover .number { color: #f7644f; }
    .section-main-about li:hover .badge { color: #fff; }
    .section-main-about li:hover .title { color: #fff; }

    .main-board-container .link:hover .image-wrap img { transform: scale(1.1); }
    .main-board-container .link:hover .date { color: #e8442d; }
    .main-board-container .link:hover .date::after { transform: none; }
    .main-board-container .link:hover .date .icon { background: #e8442d; }
}
@media screen and (max-width: 1500px) {
    .product-slider-thumbnail .product-slider-head { width: 39.1%;}
}
@media screen and (max-width: 1024px) {
    .section-main { padding-top: 135px; }
    .section-main .section-title { margin-bottom: 50px; }

    .section-main-visual .heading { font-size: 42px; }
    .section-main-visual .text { font-size: 18px; }
    .section-main-visual .controls .scroll-down { font-size: 14px; }
    .section-main-visual .controls .swiper-pagination-bullet { margin: 0 1px; width: 30px; height: 30px; font-size: 14px; }

    .product-slider-thumbnail { position: static; }
    .product-slider-thumbnail .product-slider-head { width: 100%; }
    .product-slider-thumbnail .badge-wrap { top: 20px; left: 20px; }
    .product-slider-thumbnail .badge-wrap .badge { margin-right: 5px; padding: 8px; width: 65px; height: 30px; font-size: 14px; }

    .product-slider { padding-right: 60px; }
    .product-slider .controls { display: none; }
    .product-slider .product-slider-body { margin-left: 0; padding: 30px 34px 0; height: auto; }
    .product-slider .badge-wrap { top: 20px; left: 20px; }
    .product-slider .badge-wrap .badge { margin-right: 5px; padding: 8px; width: 65px; height: 30px; font-size: 14px; }
    .product-slider .text-wrap { margin-bottom: 15px; padding-bottom: 25px; }
    .product-slider .text-wrap .title { font-size: 30px; }
    .product-slider .text-wrap .text { font-size: 18px; }
    .product-slider .lists li { margin-top: 5px; }
    .product-slider .lists li::before { top: 10px; }
    .product-slider .button { position: static; margin-top: 50px; }

    .section-main .section-title .heading { font-size: 36px; }
    .section-main .section-title .text { margin-top: 24px; font-size: 18px; }
    .section-main-about .about-foot { padding: 50px 0; }
    .section-main-about li { padding: 20px 26px 16px; height: 170px; border-radius: 12px; }
    .section-main-about li .title { font-size: 20px; }
    .section-main-about li .number { top: 15px; right: 30px; font-size: 60px; }

    .section-main-technology::before { height: 265px; }
    .section-main-technology .technology .link { padding: 60px 60px 80px; }
    .section-main-technology .technology .badge { font-size: 18px; }
    .section-main-technology .technology .title { margin-top: 30px; font-size: 60px; }
    .section-main-technology .technology .text { margin-top: 60px; padding-top: 40px; font-size: 18px; }
    .section-main-technology .technology .icon-link { top: 100px; right: 60px; width: 80px; height: 80px; }

    .section-main-application { margin-top: 0; padding-top: 175px; }
    .section-main-application .applications ul { width: 100%; }
    .section-main-application .applications .number { font-size: 30px; }
    .section-main-application .applications .heading { font-size: 30px; }
    .section-main-application .applications .title { margin-top: 45px; font-size: 22px; }
    .section-main-application .applications .text { font-size: 16px; }
    .section-main-application figure { display: none;}

    .section-main-board .board-wrap { width: 100%;}

    .main-board-container ul { margin: 0 -10px; }
    .main-board-container li { padding: 0 10px; }
    .main-board-container .title { font-size: 18px; }
    .main-board-container .text { font-size: 15px; }

    .bloque-contact { padding: 60px; }
    .bloque-contact .badge { font-size: 18px; }
    .bloque-contact .heading { font-size: 24px; }
}
@media screen and (max-width: 768px) {
    .section-main { padding-top: 100px; }
    .section-main .section-title .heading { font-size: 30px; }
    .section-main .section-title .text { margin-top: 18px; font-size: 16px; }

    .section-main-visual .heading { font-size: 34px; }
    .section-main-visual .text { font-size: 16px; }
    .section-main-visual .controls .scroll-down { font-size: 13px; }
    .section-main-visual .controls .swiper-pagination-bullet { font-size: 13px; }

    .product-slider-thumbnail .badge-wrap .badge { font-size: 13px; }
    .product-slider-thumbnail .swiper-slide-active .product-slider-head { opacity: 1; }

    .product-slider { padding-right: 0; }
    .product-slider .swiper-slide { flex-direction: column; }
    .product-slider .product-slider-head { width: 100%; opacity: 0.5; }
    .product-slider .product-slider-body { padding: 30px 0 0; }
    .product-slider .badge-wrap .badge { font-size: 13px; }
    .product-slider .text-wrap { margin-bottom: 12px; padding-bottom: 20px; }
    .product-slider .text-wrap .title { margin-top: 10px; font-size: 26px; }
    .product-slider .text-wrap .text { font-size: 16px; height: 82px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; white-space: normal;}
    .product-slider .lists li { margin-top: 10px; width: 100%; line-height: 1.4; }
    .product-slider .button { margin-top: 30px; }

    .section-main-about .section-title { padding-right: 0; }
    .section-main-about .section-title .button { position: static; margin-top: 30px; }
    .section-main-about .image-wrap { border-radius: 12px; }
    .section-main-about .about-foot { padding: 30px 0; }
    .section-main-about .pagination { flex-direction: column; margin: -10px 0; }
    .section-main-about li { margin: 5px 0; width: 100%; height: 120px; }
    .section-main-about li .title { font-size: 16px; }
    .section-main-about li .number { font-size: 40px; }

    .section-main-technology::before { height: 80px; }
    .section-main-technology::after { bottom: -100px; height: 100px; }
    .section-main-technology .section-title { padding-top: 50px; }
    .section-main-technology .section-technology-container { overflow: hidden; padding-bottom: 70px; }
    .section-main-technology .technology .link { padding: 36px 34px; min-height: 420px;}
    .section-main-technology .technology .badge { font-size: 16px; }
    .section-main-technology .technology .title { margin-top: 20px; font-size: 36px; }
    .section-main-technology .technology .text { margin-top: 40px; padding-top: 30px; font-size: 16px; }
    .section-main-technology .technology .icon-link { top: 74px; right: 34px; width: 40px; height: 40px; }

    .section-main-application { margin-top: -40px; padding-top: 135px; }
    .section-main-application .applications .link { padding: 36px 0; }
    .section-main-application .applications .number { display: block; position: static; margin-bottom: 12px; font-size: 24px; }
    .section-main-application .applications .heading { font-size: 24px; }
    .section-main-application .applications .title { margin-top: 30px; font-size: 20px; }
    .section-main-application .applications .text { font-size: 15px; }
    .section-main-application .applications .icon-link { top: 37px; width: 34px; height: 34px; }

    .main-board-container { overflow: scroll; margin-right: -5%; margin-left: -5%; padding-left: 5%; padding-right: 5%; }
    .main-board-container ul { margin: 0 -8px; }
    .main-board-container li { padding: 0 8px 15px; width: 70%; }
    .main-board-container .image-wrap { border-radius: 12px; }
    .main-board-container .title { font-size: 16px; }
    .main-board-container .text { font-size: 14px; }
    .main-board-container .date { padding: 0 0 20px 18px; }
    .main-board-container .date .icon { top: 2px; width: 10px; height: 10px; }

    .section-main-board { padding-bottom: 100px; }
    .section-main-board .section-title { padding-right: 0; }
    .section-main-board .section-title .button { position: static; margin-top: 30px; }
    .section-main-board .bloque { margin-top: 20px; background-position: center right 34%; }
    .banner-bg.sr-animate { padding: 50px 20px; }
    .bloque-contact { padding: 36px; border-radius: 12px; }
    .bloque-contact .badge { font-size: 16px; }
    .bloque-contact .heading { margin-bottom: 40px; font-size: 18px; }
}

/*  */
@media screen and (pointer: fine) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}

/* intro*/
.intro-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; background: #000000; z-index: 1001;}
.intro-wrap .inner { max-width: 490px; width: 95%; display: flex; flex-direction: column; align-items: center;}
.intro-wrap .inner .heading,
.intro-wrap .inner .text { overflow: hidden;}
.intro-wrap .inner .text span { display: block; font-size: 20px; color: #fff; font-weight: 600;}
@media all and (max-width: 480px) {
    .intro-wrap .inner .text span { font-size: 16px;}
}

/*search*/
/* 통합검색 */
.search-wrap { position: fixed; top: 0; width: 100%; z-index: 11; background: #FFFFFF; padding-top: 0; max-height: 0%; overflow: hidden; }
.search-wrap.result { position: static; background: #F7F7F7; }
.search-wrap.result .content-top { padding-top: 240px; width: 95%; margin: 0 auto; }
.search-wrap.result .content-top .text { display: block; }
.search-wrap.active { max-height: 100vh; transition: max-height 0.5s; }
.search-wrap .content-top { position: relative; padding-bottom: 20px; padding-top: 100px; max-width: 1720px; width: 90%; margin: 0 auto;}
.search-wrap h1 a { z-index: 2; position: absolute; top: 30px; left: 0; width: 177px; height: 30px; background: url(/images/logo.svg) no-repeat center / auto 100%;}
.search-wrap .content-top .text { font-size: 27px; font-weight: bold; text-align: center; margin-bottom: 70px; display: none; }
.search-wrap .content-top .text span { color: #00AFD7; }
.search-wrap .input-box { max-width: 440px; height: 100%; display: flex; margin: 0 auto; margin-bottom: 80px; }
.search-wrap .input-box input, .search-wrap .input-box button { height: 80px; background: #fff; border-bottom: 2px solid #000; }
.search-wrap .input-box input { padding: 23px 0px; border-radius: 0; font-size: 18px; width: 100%; border-left: none; border-right: none; border-top: none; height: 63px; }
.search-wrap .input-box input:focus { outline: none; }
.search-wrap .input-box input::placeholder { color: #666; font-size: 18px; }
.search-wrap .input-box button { width: 60px; height: 63px; padding: 20px; background-repeat: no-repeat; background-size: auto 30%; background-position: center; background-image: url(/images/search.png); border-radius: 0; border-left: none; }
.search-wrap .heading { font-size: 65px; font-weight: 400; text-align: center; margin-bottom: 50px; }
.search-wrap .close { width: 40px; height: 40px; position: absolute; right: 5%; top: 10%; }
.search-wrap .close span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 100%; height: 3px; background: #000; }
.search-wrap .close span:last-child { transform: translate(-50%, -50%) rotate(45deg); }
.sub-visual.sub-visual-search { display: none; }
.section-wrap.search { padding-bottom: 180px;}
.section-wrap.search .inner { max-width: 1220px;}
.section-wrap.search .content-top { padding-top: 100px; text-align: center; margin-bottom: 130px;}
.section-wrap.search .content-top .search-value-text { font-size: 50px; font-weight: bold; color: #000000; margin-bottom: 10px;}
.section-wrap.search .content-top .search-value-text-sub { font-size: 16px; color: #666666; margin-bottom: 60px;}
.section-wrap.search .content-top .search-value-text span.point,
.section-wrap.search .content-top .search-value-text-sub span.point { color: #e8442e; font-weight: bold;}
.section-wrap.search .input-box { max-width: 440px; height: 100%; display: flex; margin: 0 auto;}
.section-wrap.search .input-box input,
.section-wrap.search .input-box button { height: 50px; background: #fff; border: 2px solid #000;}
.section-wrap.search .input-box input { padding: 10px 20px; border-radius: 40px 0px 0px 40px; font-size: 18px; width: 100%; border-right: none;}
.section-wrap.search .input-box input:focus { outline: none;}
.section-wrap.search .input-box input::placeholder { color: #aaa; font-size: 18px;}
.section-wrap.search .input-box button { width: 60px; padding: 20px; background-repeat: no-repeat; background-size: auto 30%; background-position: center; background-image: url(/images/search.png); border-radius: 0 40px 40px 0; border-left: none;}
.section-wrap.search .content-tab { margin-bottom: 80px;}
.section-wrap.search .content-tab .swiper-slide { position: relative; font-size: 20px; color: #666666; width: 25%; text-align: center; padding: 30px 5px; box-sizing: border-box; border-bottom: 1px solid #ddd; cursor: pointer;}
.section-wrap.search .content-tab .swiper-slide.on { color: #e8442e; font-weight: bold; border: none;}
.section-wrap.search .content-tab .swiper-slide.on:before { content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background: #e8442e;}
.section-wrap.search .content-page:not(:first-child) { display: none;}
.section-wrap.search .content-page .page-wrap:only-child {margin-bottom: 100px;}
.section-wrap.search .content-page .page-wrap:not(:last-child) { margin-bottom: 100px;}
.section-wrap.search .content-page .heading { display: flex; align-items: center; font-size: 24px; line-height: 1; font-weight: bold; color: #000000; border-bottom: 2px solid #000; padding-bottom: 20px; margin-bottom: 50px;}
.section-wrap.search .content-page .plus { width: 20px; height: 20px; background: url("/images/icon-plus.png") no-repeat center/cover; margin-left: auto;}
.section-wrap.search .content-page .article-wrap.col { display: flex; flex-wrap: wrap; gap:55px;}
.section-wrap.search .content-page .article-wrap.col article { width: calc((100% - 110px) / 3);}
.section-wrap.search .content-page .article-wrap.col article .img-box { width: 100%; height: 0; padding-bottom: 76%; margin: 0; border-radius: 17px; overflow: hidden; margin-bottom: 28px;}
.section-wrap.search .content-page .article-wrap.col article .img-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.section-wrap.search .content-page .article-wrap.col article .sbj { font-size: 20px; font-weight: 500; color: #000000; margin-bottom: 30px;}
.section-wrap.search .content-page .article-wrap.col article .desc { font-size: 16px; color: #666666; font-family: 'Poppins', 'Pretendard', sans-serif;}
.section-wrap.search .content-page .article-wrap.row { display: flex; flex-direction: column;}
.section-wrap.search .content-page .article-wrap.row article { padding: 30px 0; }
.section-wrap.search .content-page .article-wrap.row article:first-child{ padding-top: 0;}
.section-wrap.search .content-page .article-wrap.row article:not(:last-child) { border-bottom: 1px solid #e5e5e5;}
.section-wrap.search .content-page .article-wrap.row .flex-box { display: flex; gap: 43px;}
.section-wrap.search .content-page .article-wrap.row .flex-box .col.left { width: 28%; flex-shrink: 0;}
.section-wrap.search .content-page .article-wrap.row .img-box { margin: 0; width: 100%; height: 0; padding-bottom: 62%; position: relative; border-radius: 20px; overflow: hidden;}
.section-wrap.search .content-page .article-wrap.row .img-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.section-wrap.search .content-page .article-wrap.row .title { font-size: 22px; margin-bottom: 14px; text-align: left; margin-top: 28px;}
.section-wrap.search .content-page .article-wrap.row .sbj, .section-wrap.search .content-page .article-vwrap.row .desc { font-size: 16px;}
.section-wrap.search .content-page .article-wrap.row .sbj { margin-bottom: 50px; width: 80%;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.section-wrap.search .content-page .article-wrap.row .desc { font-family: 'Poppins', 'Pretendard', sans-serif;}
.section-wrap.search .content-page .article-wrap.row .title span,
.section-wrap.search .content-page .article-wrap.row .sbj span,
.section-wrap.search .content-page .article-wrap.row .desc span { color: #e8442e;}
@media all and (max-width: 1024px) { }
@media all and (max-width: 767px){
    .search-wrap.result .content-top { padding-top: 190px; }
    .search-wrap .heading { font-size: 32px; margin-bottom: 20px; }
    .search-wrap .input-box { margin-bottom: 50px; }
    .search-wrap .content-top .text { margin-bottom: 50px; }
    .search-wrap .input-box input, .search-wrap .input-box button { height: 50px; }
    .section-wrap.search { padding-bottom: 80px;}
    .section-wrap.search .content-top { margin-bottom: 40px;}
    .section-wrap.search .content-top .search-value-text { font-size: 30px;}
    .section-wrap.search .content-top .search-value-text-sub { font-size: 14px; margin-bottom: 30px;}
    .section-wrap.search .content-tab { margin-bottom: 40px;}
    .section-wrap.search .content-tab .swiper-slide { width: auto; font-size: 16px; padding: 15px 10%;}
    .section-wrap.search .content-page .page-wrap:not(:last-child) { margin-bottom: 50px;}
    .section-wrap.search .content-page .plus { width: 14px; height: 14px;}
    .section-wrap.search .content-page .heading { font-size: 18px; padding-bottom: 10px; margin-bottom: 30px;}
    .section-wrap.search .content-page .article-wrap.col { gap:30px;}
    .section-wrap.search .content-page .article-wrap.col article { width: 100%;}
    .section-wrap.search .content-page .article-wrap.col article .sbj { font-size: 18px; line-height: 1.5;}
    .section-wrap.search .content-page .article-wrap.col article .img-box { margin-bottom: 10px;}
    .section-wrap.search .content-page .article-wrap.row .flex-box { flex-wrap: wrap; gap: 20px;}
    .section-wrap.search .content-page .article-wrap.row .flex-box .col.left { width: 100%;}
    .section-wrap.search .content-page .article-wrap.row .img-box { padding-bottom: 70%;}
    .section-wrap.search .content-page .article-wrap.row .title { margin-top: 0; line-height: 1.3; font-size: 20px;}
    .section-wrap.search .content-page .article-wrap.row .sbj { width: 100%; margin-bottom: 20px;}
}