:root {
    --color-primary:#2E267B;
    --text-primary:#39374C;
    --color-line:#D6D6DD; 
    --text-secondary:#696682;
}


/* ====================================
    공통
==================================== */
body {font-size:16px; color:var(--text-primary); font-family: "Montserrat", sans-serif; letter-spacing:-0.2px; }
body * {font-family: "Montserrat", sans-serif; }
.overflow-hidden {overflow:hidden; }
.inner {width:1340px; max-width:100%; padding:0 12px; margin:0 auto; }
.inner_840 {width:860px; max-width:100%; padding:0 10px; margin:0 auto; }

#wrap.main {overflow:hidden; }

@keyframes zoomInUp {
    0% { transform: scale(1); }
    100% { transform: scale(1.05); }
}


header {z-index:100; position:fixed; top:0; left:0; width:100%; height:90px; border-bottom:1px solid transparent; background-color:transparent; transition:all 0.3s; }
header .logo img {display:block; filter:brightness(100); }
header .inner {display:flex; align-items:center; justify-content:space-between; height:100%; }
header .gnb > ul {display:flex; align-items:center; gap:0; }
header .gnb > ul > li {position:relative; padding:0 20px; }
header .gnb > ul > li > a {display:block; padding:8px 34px; font-size:17px; font-weight:400; color:#fff; border-radius:30px; transition:all 0.3s; }
header .gnb > ul > li:hover > a {background-color:rgba(255,255,255,0.8); color:#696682; }
header .gnb > ul > li.active > a {background-color:#fff; color:#696682; }
header .gnb .depth2 {position:absolute; left:0; top:100%; opacity:0; visibility:hidden; opacity:0; width:100%; padding:20px; background-color:#fff; border-radius:0 0 10px 10px; transition:all 0.3s; }
header .gnb .depth2 li a {display:block; border-bottom:1px solid transparent; padding:20px 0; font-size:13px; font-weight:400; color:#39374C; text-align:center; transition:all 0.3s; }
header .gnb .depth2 li a:hover {border-bottom:1px solid #2E267B; color:var(--color-primary); font-weight:700; }
header .gnb > ul > li:hover .depth2 {opacity:1; visibility:visible;}
header .right_link {display:flex; align-items:center; gap:16px; }
header .brand a {display:flex; align-items:center; gap:4px; padding:8px 23px; font-size:16px; color:var(--color-primary); background-color:#fff; border-radius:20px; }
header .brand a img {filter:brightness(0.25); }
header .ham_btn {display:none; flex-direction:column; align-items:center; justify-content:center; gap:7px; width:28px; height:28px; }
header .ham_btn i {display:block; width:21px; height:1.5px; background-color:#fff; transition:all 0.5s; }
header .ham_btn.active i:nth-of-type(1) {width:24px; transform:rotate(45deg) translate(3px,-2px); transform-origin:left top;}
header .ham_btn.active i:nth-of-type(2) {opacity:0; }
header .ham_btn.active i:nth-of-type(3) {width:24px; transform:rotate(-45deg) translate(2px,2px); transform-origin:left bottom;}

header.scroll,
header.on {border-bottom:1px solid #efefef; background-color:#fff; }
header.scroll .logo img,
header.on .logo img {filter:none; }
header.scroll .gnb > ul > li > a,
header.on .gnb > ul > li > a {color:var(--text-primary); }
header.scroll .gnb > ul > li:hover > a,
header.on .gnb > ul > li:hover > a {color:#fff; background-color:var(--color-primary); }
header.scroll .gnb > ul > li.active > a,
header.on .gnb > ul > li.active > a {color:#fff; background-color:var(--text-primary); }
header.scroll .brand a,
header.on .brand a {color:#fff; background-color:var(--color-primary);}
header.scroll .brand a img,
header.on .brand a img {filter:none; }
header.scroll .ham_btn i,
header.on .ham_btn i {background-color:var(--text-primary); }

@media all and (max-width:1100px){
    header .gnb > ul > li {padding:0 10px; }
    header .gnb > ul > li > a {padding:8px 15px; }
}
@media all and (max-width:767px){
    header {height:72px; }
    header .gnb {position:fixed; left:100%; top:72px; overflow-y:auto; display:block; width:100%; height:calc(100% - 72px); padding:30px 0; background-color:#fff; transition:all 0.5s; }
    header .gnb.active {left:0; }
    header .gnb > ul {display:flex; flex-direction:column; gap:10px; }
    header .gnb > ul > li {width:100%; }
    header .gnb > ul > li > a {position:relative; padding:12px 16px; font-size:24px; font-weight:500; color:var(--text-primary); }
    header .gnb > ul > li > a:not(.nolink):before {content:''; position:absolute; right:16px; top:calc(50% - 12px); width:24px; height:24px; background:url('../img/icon/header_arrow.svg') no-repeat center center; }
    header .gnb > ul > li:hover > a,
    header .gnb > ul > li.active > a {background-color:transparent; color:var(--text-primary); }
    header .gnb .depth2 {position:relative; top:0; opacity:1; visibility:visible; padding:0 0 10px 35px; }
    header .gnb .depth2 li a {position:relative; padding:10px 0; font-size:15px; text-align:left; }
    header .gnb .depth2 li a:before {content:''; position:absolute; right:18px; top:calc(50% - 10px); width:20px; height:20px; background:url('../img/icon/header_arrow.svg') no-repeat center center; }
    header .gnb .depth2 li a:hover {border-bottom:1px solid transparent; color:#39374C; font-weight:400; }

    header .brand a {padding:8px 11px; }
    header .ham_btn {display:flex; }

    header.active {background-color:#fff;}
    header.active .logo img {filter:none; }
    header.active .brand a {color:#fff; background-color:var(--color-primary);}
    header.active .brand a img {filter:none; }
    header.active .ham_btn i {background-color:var(--text-primary); }
}

#top_btn {z-index:50; position:fixed; right:50px; bottom:-70px; display:flex; flex-direction:column; align-items:center; justify-content:center; width:58px; height:58px; font-size:12px; line-height:1.5; color:#fff; background-color:var(--color-primary); border-radius:50%; cursor:pointer; transition:all 0.5s; }
#top_btn.on {bottom:50px; }

@media all and (max-width:767px){
    #top_btn {right:10px;}
    #top_btn.on {bottom:10px; }
}

footer {z-index:20; position:relative; border-top:1px solid #525252; color:#fff; background-color:#525252; text-transform:none; }
footer .info .logo {filter:brightness(10); }
footer .info {display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:80px 0 60px; }
footer .info p {font-size:16px; font-weight:300; line-height:1.75; text-align:left; }
footer .info p span {margin-left:10px; }
footer .info .insta {position:relative; padding-left:28px; margin-left:10px; text-transform:uppercase; }
footer .info .insta img {position:absolute; left:0; top:calc(50% - 11px);  display:block; }
footer .info .contact {display:flex; align-items:center; gap:10px; font-size:16px; }
footer .info .contact + .contact {margin-top:10px; }
footer .info .contact b {width:71px; font-size:14px; font-weight:600; color:#525252; text-align:center; background-color:#fff; }
footer .footer_bottom {border-top:1px solid rgba(255,255,255,0.3); padding:24px 0; text-align:center; }
footer .footer_bottom p {font-size:14px; line-height:1.4; }
footer .footer_bottom p + p {margin-top:10px; }

@media all and (max-width:767px){
    footer .info {flex-direction:column; gap:20px; padding:40px 0; }
    footer .info  .logo {height:35px; }
    footer .info p {font-size:14px; text-align:center; }
    footer .footer_bottom p {font-size:12px; }
}

#quick_menu {z-index:80; position:fixed; right:20px; top:50%; width:103px; transform:translateY(-50%); }
#quick_menu ul {overflow:hidden; position:relative; display:flex; flex-direction:column; padding:5px 12px 0; border-radius:50px 50px 0 0; background-color:#2E267B; }
#quick_menu ul li + li {border-top:0.2px solid #fff; }
#quick_menu ul li a {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; padding:20px; font-size:12px; color:#fff; text-align:center; font-weight:500; }
#quick_menu > a {display:block; width:100%; height:50px; border-radius:0 0 50px 50px; background-color:#333; }
#quick_menu > a img {display:block; margin:0 auto; }

@media all and (max-width:767px){
    #quick_menu {display:none; }
}

.modal {z-index:900; position:fixed; left:0; top:0; display:none; width:100%; height:100%; padding:50px; background-color:rgba(0,0,0,0.5); }
.modal.open {display:block; }
.modal .modal_close_btn {position:absolute; right:10px; top:10px; padding:15px; }
.modal .modal_wrap {width:100%; height:100%; text-align:center; }
.modal .modal_slide {display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; margin:0 auto; }
.modal .modal_slide ul {height:auto; align-items:center; }
.modal .modal_slide ul li {overflow:hidden; position:relative; display:none; width:500px; height:auto; border-radius:30px; }
.modal .modal_slide ul li.open {display:block; }
.modal .modal_slide ul li .img_box {overflow-y:auto; max-height:60dvh; }
.modal .modal_slide ul li .img_box a, 
.modal .modal_slide ul li .img_box img {display:block; }
.modal .modal_slide ul li .close_btn {position:absolute; right:5px; top:5px; padding:15px; }
.modal .modal_slide ul li .noToday_btn {width:100%; height:60px; font-size:17px; color:#fff; font-weight:600; text-align:center; background-color:#a9a9a9; cursor:pointer; }
.modal .modal_slide .pagination {display:flex; align-items:center; justify-content:center; padding:20px 0; }
.modal .modal_slide .pagination span {opacity:1; width:10px; height:10px; background-color:#d9d9d9; border-radius:20px; transition:all 0.5s; }
.modal .modal_slide .pagination span.swiper-pagination-bullet-active {width:40px; background-color:#fff; }


@media all and (max-width:767px){ 
    .modal {padding:50px 25px; }
    .modal .modal_slide ul li {width:100%; }
}

.fixed_modal {z-index:99; position:absolute; right:20px; top:109px; display:none; flex-direction:column; width:500px; max-width:90%; height:600px; max-height:75dvh; padding:20px; background-color:#fff; border-radius:10px; }
.fixed_modal.open {display:flex; }
.fixed_modal .modal_header {padding:20px 0; border-bottom:1px solid #a4a4a4; font-size:32px; font-weight:500; text-align:center; }
.fixed_modal .modal_body {overflow-y:auto; flex-grow:1; padding:30px 0; }
.fixed_modal .modal_body p {font-size:20px; }
.fixed_modal .modal_body p + p {margin-top:20px; }
.fixed_modal .modal_footer {display:flex; align-items:center; justify-content:space-between; padding-top:10px; }
.fixed_modal .modal_footer p input {display:none; }
.fixed_modal .modal_footer p label {display:flex; align-items:center; gap:10px; font-size:14px; }
.fixed_modal .modal_footer p input + label:before {content:''; width:16px; height:16px; background:#d9d9d9 ; border-radius:3px; }
.fixed_modal .modal_footer p input:checked + label:before {background:var(--color-primary) url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10.75%200.75L3.875%207.625L0.75%204.5%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E') no-repeat center center; }
.fixed_modal .modal_footer button {font-size:14px; }
.fixed_modal .modal_footer button img {width:10px; filter:brightness(0); }

@media all and (max-width:767px){ 
    .fixed_modal {top:auto; bottom:20px; right:0; left:0; height:500px; max-height:65dvh; margin:0 auto; padding:15px; }
    .fixed_modal .modal_header {padding:15px 0; font-size:28px; }
    .fixed_modal .modal_body {padding:20px 0; }
    .fixed_modal .modal_body p {font-size:16px; }
    .fixed_modal .modal_body p + p {margin-top:15px; }
}

.brand_modal {z-index:10000; opacity:0; visibility:hidden; position:fixed; left:0; top:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; background-color:rgba(0,0,0,0.5); backdrop-filter:blur(2px); transition:all 0.5s; }
.brand_modal.show {opacity:1; visibility:visible; }
.brand_modal .modal_wrap {opacity:0; transform:translateY(50px); overflow-y:auto; width:848px; max-width:90%; max-height:85dvh; border:1px solid #525252; padding:50px 100px; background-color:#000; border-radius:10px; transition:all 0.5s; box-shadow:0 4px 4px 0 rgba(0,0,0,0.25); }
.brand_modal.show .modal_wrap {opacity:1; transform:translateY(0); }
.brand_modal .title {display:flex; align-items:center; justify-content:space-between; margin-bottom:50px; }
.brand_modal .title h4 {font-size:20px; color:#d6d6dd; font-weight:300; }
.brand_modal .title button {padding:3px; }
.brand_modal .title button img {width:13px; }
.brand_modal dl {display:flex; align-items:flex-start; gap:50px; }
.brand_modal dl + dl {margin-top:50px; }
.brand_modal dl dt {flex-shrink:0; width:200px; }
.brand_modal dl dd {width:100%; }
.brand_modal dl dd .tit {font-size:16px; color:#fff; font-weight:600; }
.brand_modal dl dd .desc {margin:12px 0; font-size:14px; color:#d6d6dd; }
.brand_modal dl dd a {display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:10px 20px; border-radius:100px; background-color:rgba(255,255,255,0.8); }
.brand_modal dl dd a:hover {background-color:#fff; }

@media all and (max-width:950px){ 
    .brand_modal .modal_wrap {padding:25px 50px; }
}
@media all and (max-width:767px){ 
    .brand_modal .modal_wrap {padding:20px 20px; }
    .brand_modal .title {margin-bottom:30px; }
    .brand_modal dl {flex-direction:column; gap:20px; }
    .brand_modal dl + dl {margin-top:30px; }
    .brand_modal dl dt img {max-width:50%; }
    .brand_modal dl dd .tit {font-size:14px; }
    .brand_modal dl dd .desc {margin:10px 0; font-size:12px; }
    .brand_modal dl dd a {gap:5px; font-size:12px; }
}

/* btn */
.btn {display:inline-flex; align-items:center; justify-content:center; gap:6px; height:46px; padding:14px; font-size:15px; border-radius:54px; }
.btn-input {height:48px; font-size:16px; font-weight:300; border-radius:8px; }
.btn-primary-line {border:1px solid var(--color-primary); color:var(--color-primary); }
.btn-line {border:1px solid var(--color-line); background-color:#fff; }
.btn-secondary {border:1px solid var(--color-line); color:var(--text-secondary); background-color:#F5F6F9; }

@media all and (max-width:767px){
    .btn {font-size:15px; }
    .btn-input {font-size:14px; }
}
        

/* check_custom */
.check_custom_box {display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.check_custom {display:none; }
.check_custom + label {border:1px solid var(--color-line); padding:16px 22px; font-size:15px; color:var(--color-primary); border-radius:40px; }
.check_custom:checked + label {border-color:var(--color-primary); color:#fff; background-color:var(--color-primary); }

.check_custom_2 {display:none; }
.check_custom_2 + label {display:flex; align-items:center; gap:8px; }
.check_custom_2 + label:before {content:''; flex-shrink:0; width:24px; height:24px; border:1px solid var(--color-line); border-radius:50%; background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10.75%200.75L3.875%207.625L0.75%204.5%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") no-repeat center center; }
.check_custom_2:checked + label:before {color:#fff; border-color:var(--color-primary); background:var(--color-primary) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10.75%200.75L3.875%207.625L0.75%204.5%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") no-repeat center center;}

@media all and (max-width:767px){
    .check_custom_box {gap:6px; }
    .check_custom + label {padding:12px 18px; font-size:13px; }
}

/* form */
textarea {width:100%; height:240px; border:1px solid var(--color-line); padding:24px; resize:none; font-size:16px; font-weight:300; border-radius:8px; }
textarea::placeholder {color:var(--text-primary); }
textarea:focus {outline:0 none; border:1px solid var(--color-primary); }

input:not([type="checkbox"]):not([type="radio"]) {width:100%; height:48px; border:1px solid var(--color-line); padding:10px 14px; font-size:16px; font-weight:300; border-radius:8px; }
input::placeholder {color:var(--text-secondary); }
input:not([type="checkbox"]):not([type="radio"]):focus {outline:0 none; border:1px solid var(--color-primary); }

select {width:100%; height:48px; border:1px solid var(--color-line); padding:10px 14px; font-size:16px; font-weight:300; border-radius:8px; -webkit-appearance:none; appearance:none; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6%209L12%2015L18%209%22%20stroke%3D%22%23696682%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") no-repeat 98% center; }

textarea + .file_custom {margin-top:12px; }
.file_custom {display:flex; gap:10px; } 
.file_custom input[type="file"] {display:none; }
.file_custom label {flex-shrink:0; }
.file_custom .btn {flex-shrink:0; }

.nodata {display:block; width:100%; padding:24px; font-size:16px; text-align:center; font-weight:300; background-color:#f9f9f9; }

@media all and (max-width:767px){
    textarea {padding:14px; font-size:14px; }
    input:not([type="checkbox"]):not([type="radio"]) {font-size:14px; }
    
    .file_custom {flex-wrap:wrap;}
}


/* ====================================
    메인
==================================== */
#loading {z-index:1000; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#fff; }

.main_tit img {display:block; margin:0 auto 25px; }
.main_tit h3 {font-size:50px; font-weight:700; text-align:center; }

@media all and (max-width:767px){
    .main_tit img {height:40px; }
    .main_tit h3 {font-size:30px; }
    .main_tit h3 br {display:none; }
}

.main_visual {position:relative; width:100%; height:100dvh; padding:0; }
.main_visual .visual_box {position:relative; overflow:hidden; height:100%; }
.main_visual .back_video {z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.main_visual .txt {z-index:10; position:absolute; left:0; bottom:30px; width:100%; font-size:4.5vw; font-weight:600; text-align:center; color:var(--color-primary); line-height:1.4; }
.main_visual .drop_video {z-index:11; overflow:hidden; opacity:1; position:fixed; left:0; top:60px; right:0; bottom:0; height:50%; margin:auto; border-radius:50% !important; transform:scale(0.9);}
.main_visual .drop_video video {position:absolute; left:0; top:0; width:156%; height:100%; object-fit:cover; transform:scale(1.45);}

@media all and (max-width:767px){
    .main_visual .drop_video {position:absolute; top:-50px; }
    .main_visual .txt {font-size:30px; }
}

.main_card {overflow:hidden; position:relative; padding:180px 0; }
.main_card .main_tit {position:sticky; margin-bottom:60px; }
.main_card .main_tit h3 {color:var(--color-primary); text-transform:uppercase; }
.main_card .card_box ul li {overflow:hidden; position:relative; margin-bottom:20dvh; border-radius:30px; background-color:#444; }
.main_card .card_box ul li.last {margin-bottom:0; }
.main_card .card_box ul li.bg_dark:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 56.97%, rgba(0, 0, 0, 0.35) 100%); }
.main_card .card_box ul li .txt_box {z-index:1; position:absolute; left:60px; top:50%; transform:translateY(-50%); }
.main_card .card_box ul li .txt_box h5 {font-size:50px; font-weight:600; color:#fff; }
.main_card .card_box ul li .txt_box p {margin-top:10px; font-size:36px; font-weight:200; color:#fff; }
.main_card .card_box ul li img,
.main_card .card_box ul li video {display:block; width:100%; height:700px; object-fit:cover; }

@media all and (max-width:767px){
    .main_card {z-index:20; padding:100px 0 0; }
    .main_card .card_box ul li {margin-bottom:20px; border-radius:10px; }
    .main_card .card_box ul li .txt_box {left:20px; }
    .main_card .card_box ul li .txt_box h5 {font-size:16px; }
    .main_card .card_box ul li .txt_box p {font-size:14px; }
    .main_card .card_box ul li img,
    .main_card .card_box ul li video {height:auto; }
}


.main_medical {z-index:20; position:relative; }
.main_medical .medical_box {position:relative; height:764px; }
.main_medical .medical_box .img_box {position:absolute; left:0; top:0; width:100%; height:100%; }
.main_medical .medical_box .img_box img {opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all 0.8s; }
.main_medical .medical_box .img_box img.active {opacity:1; }
.main_medical .medical_box .inner {display:grid; grid-template-columns:repeat(3,1fr); height:100%; }
.main_medical .medical_box .box {z-index:10; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; transition:all 0.5s; }
.main_medical .medical_box .box:nth-of-type(1).active {background-color:rgba(255,255,255,0.8); }
.main_medical .medical_box .box:nth-of-type(2).active {background-color:rgba(230,22,115,0.8); }
.main_medical .medical_box .box:nth-of-type(3).active {background-color:rgba(201,160,99,0.8); }
.main_medical .medical_box .box .link_box {display:none; }
.main_medical .medical_box .box:nth-of-type(1) h4 img {height:44px; }
.main_medical .medical_box .box:nth-of-type(1) h4 img:nth-of-type(1) {display:none; }
.main_medical .medical_box .box:nth-of-type(1) h4 img:nth-of-type(2) {display:block; }
.main_medical .medical_box .box:nth-of-type(1).active h4 img:nth-of-type(1) {display:block; }
.main_medical .medical_box .box:nth-of-type(1).active h4 img:nth-of-type(2) {display:none; }
.main_medical .medical_box .box:nth-of-type(2) h4 img {height:40px; }
.main_medical .medical_box .box:nth-of-type(3) h4 img {height:45px; }
.main_medical .medical_box .box a {display:block; font-size:28px; font-weight:200; color:#fff; text-align:center; transition:all 0.5s; }
.main_medical .medical_box .box a + a {margin-top:20px; }
.main_medical .medical_box .box:nth-of-type(1) a {color:var(--text-primary); }

@media all and (max-width:767px){
    .main_medical {}
    .main_medical .medical_box {height:auto; padding:0; }
    .main_medical .medical_box .img_box {opacity:0; }
    .main_medical .medical_box .inner {grid-template-columns:repeat(1,1fr); padding:0; }
    .main_medical .medical_box .box {position:relative; height:270px; }
    .main_medical .medical_box .box:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; }
    .main_medical .medical_box .box .link_box {display:block !important; }
    .main_medical .medical_box .box:nth-of-type(1) {background:url('../img/main/medical_img_1.png') no-repeat center center / cover; }
    .main_medical .medical_box .box:nth-of-type(1):before {background-color:rgba(255,255,255,0.8) ; }
    .main_medical .medical_box .box:nth-of-type(2) {background:url('../img/main/medical_img_2.png') no-repeat center center / cover; }
    .main_medical .medical_box .box:nth-of-type(2):before {background-color:rgba(230,22,115,0.8); }
    .main_medical .medical_box .box:nth-of-type(3) {background:url('../img/main/medical_img_3.png') no-repeat center center / cover; }
    .main_medical .medical_box .box:nth-of-type(3):before {background-color:rgba(201,160,99,0.8); }
    .main_medical .medical_box .box h4 {z-index:5; position:relative; }
    .main_medical .medical_box .box h4 img {transform:scale(0.7); }
    .main_medical .medical_box .box a {z-index:5; position:relative; font-size:16px; }
    .main_medical .medical_box .box a + a {margin-top:5px; }
}

.main_global {z-index:20; position:relative; padding:160px 0; background-color:#fff; }
.main_global .main_tit {margin-bottom:120px; }
.main_global .box {display:flex; gap:0; margin-top:100px; }
.main_global .box .txt_box {position:relative; flex-shrink:0; width:48%; padding-right:60px; }
.main_global .box h5 {font-size:46px; font-weight:700; }
.main_global .box p {margin-top:24px; font-size:16px; color:var(--text-secondary); line-height:1.4; }
.main_global .box .img_box {display:flex; align-items:flex-end; width:52%; background-color:#fff; }

@media all and (max-width:1024px){
    .main_global .box h5 {font-size:36px; }
}
@media all and (max-width:767px){
    .main_global {padding:100px 0; }
    .main_global .main_tit {margin-bottom:80px; }
    .main_global .box {flex-direction:column; margin-top:60px; }
    .main_global .box .txt_box {width:100%; padding-right:0; }
    .main_global .box h5 {font-size:28px; }
    .main_global .box p {margin-top:20px; font-size:14px; }
    .main_global .box .img_box {width:100%; margin-top:30px; }
}

.main_partner {overflow:hidden; position:relative; width:100%; height:calc(100dvh - 90px); }
.main_partner:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/main/partner_bg.png') no-repeat center center / cover;   animation:zoomInUp 5s infinite alternate; }
.main_partner .inner {z-index:5; position:relative; display:flex; align-items:center; height:100%; }
.main_partner .txt_box {width:690px; max-width:100%; }
.main_partner .txt_box h5 {font-size:39px; color:#fff; font-weight:600; }
.main_partner .txt_box h6 {margin-top:20px; font-size:20px; font-weight:600; color:#fff; }
.main_partner .txt_box p {margin-top:20px; font-size:16px; color:#fff; font-weight:300; line-height:1.4; text-transform:none; }

@media all and (max-width:767px){
    .main_partner {height:calc(100dvh - 70px); }
    .main_partner .txt_box h5 {font-size:28px; }
    .main_partner .txt_box p {font-size:14px; }
}

.main_balance {overflow:hidden; position:relative; width:100%; height:calc(100dvh - 90px); }
.main_balance:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/main/balance_bg.png') no-repeat center center / cover;   animation:zoomInUp 5s infinite alternate; }
.main_balance .inner {z-index:5; position:relative; display:flex; align-items:center; justify-content:flex-end; height:100%; }
.main_balance .txt_box {width:690px; max-width:100%; text-align:right; }
.main_balance .txt_box h5 {font-size:39px; color:#fff; font-weight:600; }
.main_balance .txt_box h6 {margin-top:20px; font-size:20px; font-weight:600; color:#fff; }
.main_balance .txt_box p {margin-top:20px; font-size:16px; color:#fff; font-weight:300; line-height:1.4; text-transform:none; }

@media all and (max-width:767px){
    .main_balance {height:calc(100dvh - 70px); }
    .main_balance .txt_box h5 {font-size:28px; }
    .main_balance .txt_box h6 {font-size:16px; }
    .main_balance .txt_box p {font-size:14px; }
}


.main_news {z-index:20; position:relative; padding:160px 0; }
.main_news .main_news_list {margin-top:60px; }
.main_news .main_news_list ul li {border-top:1px solid var(--color-line); }
.main_news .main_news_list ul li:last-of-type {border-bottom:1px solid var(--color-line); }
.main_news .main_news_list ul li a {position:relative; display:block; padding:23px 60px 23px 20px; font-size:18px; font-weight:400; line-height:1.4; }
.main_news .main_news_list ul li a:before {content:''; position:absolute; right:20px; top:calc(50% - 18px); width:36px; height:36px; background:url('../img/main/news_arrow.svg') no-repeat center center; }
.main_news .main_news_list ul li a span {display:inline-flex; margin-right:16px; padding:9px 15px; font-size:16px; color:#fff; background-color:var(--color-primary); border-radius:40px; }

@media all and (max-width:767px){
    .main_news {padding:100px 0; }
    .main_news .main_news_list {margin-top:30px; }
    .main_news .main_news_list ul li a {display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:20px 5px; font-size:16px; }
    .main_news .main_news_list ul li a:before {right:5px; top:20px; width:30px; height:30px; background-size:100% 100%; }
    .main_news .main_news_list ul li a span {padding:6px 13px; font-size:14px; }
}

/* ====================================
    서브페이지
==================================== */
/* sub_visual */
.sub_visual {overflow:hidden; position:relative; width:100%; height:560px; }
.sub_visual .inner {height:100%; }
.sub_visual .visual_img {position:absolute; left:0; top:0; width:100%; height:100.3%; object-fit:cover; }
.sub_visual .txt_box {z-index:1; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; height:100%; padding-top:90px; text-align:center;}
.sub_visual .txt_box h3 {font-size:40px; color:#fff; font-weight:600; }
.sub_visual .txt_box p {font-size:18px; color:#fff; font-weight:400; }

@media all and (max-width:767px){
    .sub_visual {height:300px; }
    .sub_visual .txt_box {padding-top:50px; }
    .sub_visual .txt_box h3 {font-size:30px; }
    .sub_visual .txt_box p {font-size:15px; }
}

/* sub_link */
.sub_link ul {overflow:hidden; display:flex; border-radius:0 0 10px 10px; }
.sub_link ul li {width:100%; }
.sub_link ul li a {display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:60px; padding:0 12px; border-right:1px solid var(--color-line); font-size:20px; color:#696682; text-align:center; background-color:#F2F3F8; text-transform:uppercase; }
.sub_link ul li:last-of-type a {border-right:0 none; }
.sub_link ul li.active a {border-right:1px solid transparent; color:#fff; background-color:#333; }
.sub_link ul li.active a:before {content:'●'; }
.sub_link.sm ul li a {font-size:18px; }

@media all and (max-width:767px){
    /* .sub_link .inner_840 {padding:0; } */
    .sub_link ul li a {gap:5px; height:50px; font-size:14px; word-break:break-all; text-align:center; }
    .sub_link.type02 ul {flex-wrap:wrap; }
    .sub_link.type02 ul li a {border-right:0 none; border-bottom:1px solid var(--color-line); }
    .sub_link.type02 ul li:last-of-type a {border-bottom:0 none; }
    .sub_link.sm ul li a {height:40px; font-size:14px; }
}

/* sub_tit */
.sub_tit h3 {font-size:46px; font-weight:600; }
.sub_tit p {margin-top:10px; font-size:24px; color:var(--text-secondary); font-weight:300; }
.sub_tit.center {text-align:center; }

@media all and (max-width:767px){
    .sub_tit h3 {font-size:32px; }
    .sub_tit p {font-size:18px; }
}

/* pagination */
.pagination {display:flex; align-items:center; justify-content:center; gap:4px; margin-top:60px; }
.pagination .rotate-180 {transform:rotate(180deg); }
.pagination .number {display:flex; align-items:center; justify-content:center; margin:0 10px;}
.pagination .number a {display:flex; align-items:center; justify-content:center; gap:12px; width:36px; height:36px; border:1px solid transparent; border-radius:50%; }
.pagination .number a.active {border-color:var(--color-primary); }

@media all and (max-width:767px){
    .pagination img {height:32px; }
    .pagination .number a {display:none; width:32px; height:32px; font-size:14px; }
    .pagination .number a:has( + a.active),    
    .pagination .number a.active + a,
    .pagination .number a.active {display:flex; }
}

/* 카테고리 */
.cate_box {display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.cate_box a {padding:13px 22px; border:1px solid var(--color-line); font-size:15px; color:var(--color-primary);  border-radius:40px; transition:all 0.5s; }
.cate_box a.active {border-color:var(--color-primary); background-color:var(--color-primary); color:#fff; }

@media all and (max-width:767px){
    .cate_box {margin-top:30px; gap:7px; }
    .cate_box a {padding:10px 16px; font-size:14px; }
}


/* contact */
.form_box {padding:60px 0; }
.form_box dl dt {margin-bottom:14px; font-size:18px; }
.form_box dl dd {margin-bottom:40px; }
.form_box .input_box {display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.form_box .privacy_box {overflow-y:auto; width:100%; height:200px; padding:24px; border:1px solid var(--color-line); margin-bottom:14px; font-size:14px; color:var(--text-secondary); font-weight:300; border-radius:8px; background-color:#FCFCFC; text-transform:none; }
.form_box .agree_txt {font-size:16px; font-weight:500; letter-spacing:-0.44px; }
.form_box .btn_box {margin-top:60px; text-align:center; }
.form_box .btn_box button {width:204px; }

@media all and (max-width:767px){
    .form_box {padding:40px 0 60px; }
    .form_box dl dt {margin-bottom:10px; font-size:16px; }
    .form_box dl dd {margin-bottom:30px; }
    .form_box .input_box {grid-template-columns:repeat(1,1fr);}
    .form_box .privacy_box {padding:18px; }
}

/* product */
.product_cont {padding:120px 0 160px; }
.product_cont .banner_box {display:grid; grid-template-columns:repeat(4,1fr); width:100%; height:540px; margin-top:50px; }
.product_cont .banner_box div {position:relative; width:100%; height:100%; overflow:hidden; }
.product_cont .banner_box img,
.product_cont .banner_box video {position:absolute; left:0; top:0; width:auto; max-width:unset; height:100%; transform:translateX(-47%); }
.product_cont .banner_box p {z-index:10; position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:40px; color:#fff; font-weight:600; text-align:center; }

.product_cont .cate_box {z-index:40; position:sticky; top:90px; padding:15px 0; margin-top:35px; background-color:#fff;}

@media all and (max-width:767px){
    .product_cont {padding:80px 0 120px; }
    .product_cont .banner_box {grid-template-columns:repeat(2,1fr); height:300px; }
    .product_cont .banner_box img {width:100%; height:100%; object-fit:cover; transform:translateX(0); }
    .product_cont .banner_box p {font-size:24px; }

    .product_cont .cate_box {overflow-x:auto; top:72px; flex-wrap:nowrap; width:calc(100% + 24px); margin-left:-12px; padding:10px 12px; }
    .product_cont .cate_box a {white-space:nowrap; }
}

.prod_box {margin-top:120px; }
.prod_box .title {display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:60px; }
.prod_box .title h4 {font-size:60px; font-weight:700; }
.prod_box .title .arrow_box {display:flex; align-items:center; gap:35px; }
.prod_list {overflow:hidden; }
.prod_list li {display:flex; gap:105px; }
.prod_list li .txt_box {width:48%; }
.prod_list li .txt_box .prod_name {font-size:36px; font-weight:600; text-transform:none; }
.prod_list li .txt_box .prod_brand {font-size:24px; font-weight:500; }
.prod_list li .txt_box .prod_desc {margin:35px 0 40px; font-size:16px; color:var(--text-secondary); line-height:1.4; text-transform:none; }
.prod_list li .txt_box .keyword {position:relative; display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding-left:74px; margin-bottom:40px; }
.prod_list li .txt_box .keyword .icon {position:absolute; left:0; top:calc(50% - 32px); width:64px; height:64px; }
.prod_list li .txt_box .keyword span {font-size:20px; font-weight:600; }
.prod_list li .txt_box .keyword span:after {content:','; }
.prod_list li .txt_box .keyword span:last-of-type:after {content:''; }
.prod_list li .txt_box a {display:flex; align-items:center; justify-content:center; width:100%; height:56px; border:1px solid var(--color-line); font-size:18px; color:var(--text-secondary); } 
.prod_list li .txt_box a + a {margin-top:16px; }
.prod_list li .img_box {position:relative; width:52%; }
.prod_list li .img_box img {display:block; width:100%; height:100%; object-fit:cover;}
.prod_list li .img_box img.hover_img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:all 0.5s; }
.prod_list li .img_box:hover img.hover_img {opacity:1; }

@media all and (max-width:1000px){
    .prod_list li {gap:40px; }
}
@media all and (max-width:767px){
    .prod_box {margin-top:70px; }
    .prod_box .title {margin-bottom:25px; }
    .prod_box .title h4 {font-size:32px; }
    .prod_box .title h4 br {display:none; }
    .prod_box .title .arrow_box {display:none; }
    .prod_list li {flex-direction:column-reverse; gap:25px; }
    .prod_list li .txt_box {width:100%; }
    .prod_list li .txt_box .prod_name {font-size:24px; }
    .prod_list li .txt_box .prod_brand {font-size:18px; }
    .prod_list li .txt_box .prod_desc {margin:20px 0 25px; font-size:14px; }
    .prod_list li .txt_box .keyword {padding-left:40px; margin-bottom:30px; }
    .prod_list li .txt_box .keyword .icon {width:35px; height:35px; top:calc(50% - 17.5px); }
    .prod_list li .txt_box .keyword span {font-size:14px; }
    .prod_list li .txt_box a {height:48px; font-size:16px; }
    .prod_list li .txt_box a + a {margin-top:10px; }    
    .prod_list li .img_box {width:100%; }
}


ul.prod_area {display:grid; grid-template-columns:repeat(3,1fr); gap:140px 36px; margin-top:100px; }
ul.prod_area li {width:100%; }
ul.prod_area li .img_box {overflow:hidden; position:relative; width:100%; padding-bottom:100%; border-radius:20px; }
ul.prod_area li .img_box img {z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all 0.5s; }
ul.prod_area li .img_box img.hover_img {z-index:2; opacity:0; }
ul.prod_area li:hover .img_box img.hover_img {opacity:1; }
ul.prod_area li .txt_box {margin-top:16px; }
ul.prod_area li .txt_box .tit {display:flex; align-items:flex-start; justify-content:space-between; gap:15px; padding:0 6px; }
ul.prod_area li .txt_box .tit p {font-size:18px; font-weight:600; }
ul.prod_area li .txt_box .tit .cate {flex-shrink:0; padding:6px 8px; border:1px solid var(--color-line); font-size:12px; color:var(--text-secondary); border-radius:4px; }
ul.prod_area li .txt_box .text {margin-top:4px; font-size:16px; color:#696682; }
ul.prod_area li .txt_box .desc {margin:16px 0 15px; font-size:16px; color:#696682; line-height:1.4; }
ul.prod_area li .txt_box .keyword {display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:16px; padding:6px; background-color:#f9f9ff; border-radius:6px;}
ul.prod_area li .txt_box .keyword span {padding:8px 10px; font-size:12px; color:var(--text-secondary); background-color:#eaecf5; border-radius:20px; }
ul.prod_area li .txt_box .link_box {display:flex; align-items:center; gap:6px; margin-top:15px; }
ul.prod_area li .txt_box .link_box a {display:flex; align-items:center; justify-content:center; width:100%; height:46px; border:1px solid #d6d6dd; font-size:15px; color:#696682; border-radius:55px; background-color:#fff; transition:all 0.5s; }
ul.prod_area li .txt_box .link_box a:hover {border-color:var(--color-primary); color:#fff; background-color:var(--color-primary); }

@media all and (max-width:1000px){
    ul.prod_area {grid-template-columns:repeat(2,1fr); }
}
@media all and (max-width:767px){
    ul.prod_area {grid-template-columns:repeat(1,1fr); gap:50px; margin-top:50px; }
    ul.prod_area li .txt_box .link_box a {font-size:13px; }
}

/* news */
.news_cont {padding:120px 0 160px; }
.news_cont .cate_box {margin-top:50px; }
.news_list {margin-top:80px; }
.news_list ul {display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.news_list li {width:100%;}
.news_list li .img_box {overflow:hidden; position:relative; width:100%; padding-bottom:100%; border-radius:20px; }
.news_list li .img_box img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.news_list li .txt_box {margin-top:16px; }
.news_list li .txt_box .tit {display:flex; align-items:flex-start; justify-content:space-between; gap:15px; padding:0 6px; }
.news_list li .txt_box .tit p {font-size:18px; font-weight:600; }
.news_list li .txt_box .tit .cate {flex-shrink:0; padding:6px 8px; border:1px solid var(--color-line); font-size:12px; color:var(--text-secondary); border-radius:4px; }
.news_list li .txt_box .keyword {display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:16px; padding:6px; background-color:#f9f9ff; border-radius:6px;}
.news_list li .txt_box .keyword span {padding:8px 10px; font-size:12px; color:var(--text-secondary); background-color:#eaecf5; border-radius:20px; }

@media all and (max-width:1000px){
    .news_list ul {grid-template-columns:repeat(2,1fr);}
}
@media all and (max-width:767px){
    .news_cont {padding:80px 0 120px; }
    .news_cont .cate_box {margin-top:30px; }
    .news_list {margin-top:50px; }
    .news_list ul {grid-template-columns:repeat(1,1fr);}
}

.news_detail {padding:150px 0 160px; }
.news_detail .title {padding-bottom:60px; border-bottom:1px solid var(--color-line); }
.news_detail .title .top {display:flex; align-items:center; justify-content:space-between; }
.news_detail .title .top .cate {flex-shrink:0; padding:6px 8px; border:1px solid var(--color-line); font-size:12px; color:var(--text-secondary); border-radius:4px; }
.news_detail .title .top .date {display:none; font-size:14px; color:var(--text-secondary); }
.news_detail .title h3 {margin:16px 0; font-size:24px; font-weight:600; }
.news_detail .title .keyword {display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.news_detail .title .keyword span {padding:8px 10px; font-size:12px; color:var(--text-secondary); background-color:#eaecf5; border-radius:20px; }
.news_detail .content {padding:60px 0; border-bottom:1px solid var(--color-line); font-size:16px; font-weight:300; color:var(--text-secondary); text-transform: none; line-height:1.6; }
.news_detail .content img {display:block; margin:0 auto 20px; max-width:100%; }
.news_detail .bot {display:flex; align-items:center; justify-content:space-between; padding-top:60px; }
.news_detail .bot .prev {width:100px; padding-left:34px; color:var(--text-secondary); background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22.1465%2014.25H2.35359C1.90814%2014.25%201.68506%2013.7114%202.00004%2013.3964L5.64649%209.75%22%20stroke%3D%22%23696682%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E") no-repeat left center;}
.news_detail .bot .next {width:100px; padding-right:34px; text-align:right; color:var(--text-secondary); background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.85352%2014.25H21.6464C22.0919%2014.25%2022.3149%2013.7114%2022%2013.3964L18.3535%209.75%22%20stroke%3D%22%23696682%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E") no-repeat right center;}
.news_detail .bot .list {display:flex; align-items:center; justify-content:center; width:204px; max-width:35%; height:46px; border:1px solid var(--color-primary); font-size:15px; color:var(--color-primary); border-radius:54px; }

@media all and (max-width:767px){
    .news_detail {padding:130px 0 120px; }
    .news_detail .title {padding-bottom:30px; }
    .news_detail .content {padding:30px 0; font-size:14px; }
    .news_detail .bot {padding-top:30px; }
    .news_detail .bot .prev,
    .news_detail .bot .next {font-size:14px; }
}


/* company */
.company_cont {text-transform:none; }
.company_cont .sub_link {position:sticky; top:90px; }

@media all and (max-width:767px){
    .company_cont .sub_link {position:static; }
}

.company_con01 {padding:100px 0; line-height:1.4;}
.company_con01 .inner {display:flex; align-items:center; justify-content:space-between; }
.company_con01 .txt_box {width:690px; max-width:100%; }
.company_con01 span {font-size:16px; color:#696682; font-weight:600; }
.company_con01 b {display:block; padding:20px 0; font-size:46px; color:#39374c; font-weight:600; }
.company_con01 p {font-size:16px; color:#696682; }
.company_con01 img {display:block; max-width:50%; }

@media all and (max-width:767px){
    .company_con01 {padding:60px 0; }
    .company_con01 .inner {flex-direction:column; align-items:flex-start; gap:30px; }
    .company_con01 span {font-size:14px; }
    .company_con01 b {padding:12px 0; font-size:32px; }
    .company_con01 p {font-size:14px; }
}  

.company_con02 {padding:100px 0; background-color:#F6F6F6; }
.company_con02 .sub_tit {margin-bottom:60px; }
.company_con02 .box {display:flex; gap:35px; padding:60px 0; }
.company_con02 .box:nth-of-type(3) {flex-direction:row-reverse; }
.company_con02 .box + .box {border-top:1px solid #d6d6dd; }
.company_con02 .box .img {width:45%; }
.company_con02 .box .txt {width:55%; line-height:1.4; }
.company_con02 .box .txt h4 {margin-bottom:8px; font-size:36px; font-weight:600; }
.company_con02 .box .txt .tag {display:inline-block; padding:6px 10px; font-size:16px; color:#fff; background-color:var(--color-primary); border-radius:4px; }
.company_con02 .box .txt b {display:block; margin-top:20px; font-size:16px; }
.company_con02 .box .txt p {margin-top:8px; font-size:16px; color:var(--text-secondary); }

@media all and (max-width:767px){
    .company_con02 {padding:60px 0; }
    .company_con02 .sub_tit {margin-bottom:30px; }
    .company_con02 .box {padding:30px 0; }
    .company_con02 .box ,
    .company_con02 .box:nth-of-type(3) {flex-direction:column;}
    .company_con02 .box .img ,
    .company_con02 .box .txt {width:100%; }
    .company_con02 .box .txt h4 {font-size:28px; }
    .company_con02 .box .txt .tag {font-size:14px; }
    .company_con02 .box .txt b {font-size:14px; }
    .company_con02 .box .txt p {font-size:14px; }
}

.company_con03 {padding:100px 0; }
.company_con03 .box_area {display:flex; gap:30px; margin-top:30px; }
.company_con03 .box_area .box {padding:20px; background-color:#eff2f4; border-radius:10px; }
.company_con03 .box_area .box:nth-of-type(1) {width:45%; }
.company_con03 .box_area .box:nth-of-type(2) {width:55%; }
.company_con03 .box_area .box img {display:block; margin-bottom:35px; border-radius:30px; }
.company_con03 .box_area .box h4 {display:inline-block; padding:6px 10px; font-size:20px; font-weight:400; color:#fff; background-color:var(--color-primary); border-radius:4px; }
.company_con03 .box_area .box p {margin-top:15px; font-size:16px; color:var(--text-secondary); letter-spacing:-0.08px; line-height:1.45; }

@media all and (max-width:767px){
    .company_con03 {padding:60px 0; }
    .company_con03 .box_area {flex-direction:column; gap:20px; }
    .company_con03 .box_area .box {padding:15px; }
    .company_con03 .box_area .box:nth-of-type(1),
    .company_con03 .box_area .box:nth-of-type(2) {width:100%; }
    .company_con03 .box_area .box img {margin-bottom:20px; border-radius:15px; }
    .company_con03 .box_area .box h4 {font-size:16px; }
    .company_con03 .box_area .box p {margin-top:10px; font-size:14px; }
}


.company_con04 {padding:100px 0; background-color:#F6F6F6; }
.company_con04 .box_area {display:grid; grid-template-columns:repeat(3,1fr); gap:35px; margin-top:50px; }
.company_con04 .box_area .box {height:300px; padding:20px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); border-radius:10px; }
.company_con04 .box_area .box:nth-of-type(1) {background:url('../img/sub/work_1.png') no-repeat center center / cover; }
.company_con04 .box_area .box:nth-of-type(2) {background:url('../img/sub/work_2.png') no-repeat center center / cover; }
.company_con04 .box_area .box:nth-of-type(3) {background:url('../img/sub/work_3.png') no-repeat center center / cover; }
.company_con04 .box_area .box:nth-of-type(4) {background:url('../img/sub/work_4.png') no-repeat center center / cover; }
.company_con04 .box_area .box:nth-of-type(5) {background:url('../img/sub/work_5.png') no-repeat center center / cover; }
.company_con04 .box_area .box:nth-of-type(6) {background:url('../img/sub/work_6.png') no-repeat center center / cover; }
.company_con04 .box_area .box h5 {font-size:26px; color:#fff; font-weight:500; letter-spacing:-0.13px; }
.company_con04 .box_area .box p {padding-left:35px; margin-top:10px; font-size:16px; color:#fff; line-height:1.45; letter-spacing:-0.08px; }

@media all and (max-width:767px){
    .company_con04 {padding:60px 0; }
    .company_con04 .box_area {grid-template-columns:repeat(1,1fr); gap:15px; }
    .company_con04 .box_area .box {height:180px; }
    .company_con04 .box_area .box h5 {font-size:20px; }
    .company_con04 .box_area .box p {padding-left:25px; font-size:14px; }
}


.company_con05 {padding:100px 0; }
.company_con05 .sub_tit p {font-size:16px; color:var(--text-secondary); line-height:1.45; }
.company_con05 .box {display:flex; align-items:flex-start; gap:50px; margin-top:50px; }
.company_con05 .box .year {width:30%; border-top:5px solid var(--color-primary); font-size:36px; font-weight:700; color:var(--color-primary); }
.company_con05 .box .date {width:60%; }
.company_con05 .box .date dl {display:flex; align-items:flex-start; gap:10px; justify-content:end; flex-wrap:wrap; border-top:1px solid #000; padding-top:5px; }
.company_con05 .box .date dl dt {flex-shrink:0; width:50px; font-size:18px; color:var(--color-primary); font-weight:700; }
.company_con05 .box .date dl dd {display:flex; align-items:flex-start; gap:10px; width:calc(100% - 60px); margin-bottom:15px; }
.company_con05 .box .date dl dd b {flex-shrink:0; width:150px; font-size:18px; font-weight:700; }
.company_con05 .box .date dl dd p {font-size:16px; color:var(--text-secondary); font-weight:300; }

@media all and (max-width:767px){
    .company_con05 {padding:60px 0; }
    .company_con05 .box {flex-direction:column; gap:30px; }
    .company_con05 .box .year {width:100%; }
    .company_con05 .box .date {width:100%; }
    .company_con05 .box .date dl {gap:5px; }
    .company_con05 .box .date dl dt {width:40px; }
    .company_con05 .box .date dl dd {width:calc(100% - 45px); }
    .company_con05 .box .date dl dd b {width:130px; font-size:16px; }
    .company_con05 .box .date dl dd p {font-size:14px; }
}

.company_con06 {padding:0; background-color:#F6F6F6; }
.company_con06 .inner {padding:100px 12px 30px; }
.company_con06 .sub_tit {opacity:0; transform:translateY(50px); transition:all 1s 1s;}
.company_con06 .box {display:flex; gap:30px; margin-top:30px; opacity:0; transform:translateY(50px); transition:all 1s 1s;}
.company_con06 .box p {width:50%; font-size:32px; font-weight:500; }
.company_con06 .box .info {width:50%; }
.company_con06 .box .info dl {display:flex; font-size:20px; color:var(--text-secondary); font-weight:300; letter-spacing:-0.1px; }
.company_con06 .box .info dl + dl {margin-top:10px; }
.company_con06 .box .info dl dt {flex-shrink:0; width:100px; }
.company_con06 .map_box {margin-top:30px; border-top:1px solid #c8c8c8; padding-top:30px; opacity:0; transform:translateY(50px); transition:all 1s 1.1s;}
.company_con06 .map_box iframe {width:100%; height:450px; }

.fp-viewing-7 .company_con06 .sub_tit,
.fp-viewing-7 .company_con06 .box,
.fp-viewing-7 .company_con06 .map_box,
.fp-viewing-8 .company_con06 .sub_tit,
.fp-viewing-8 .company_con06 .box,
.fp-viewing-8 .company_con06 .map_box {opacity:1; transform:translateY(0); }

@media all and (max-width:767px){
    .company_con06 .inner {padding:60px 12px 20px; }
    .company_con06 .box {flex-direction:column; }
    .company_con06 .box p,
    .company_con06 .box .info {width:100%; }
    .company_con06 .box p {font-size:24px; }
    .company_con06 .box .info dl {font-size:16px; }
    .company_con06 .box .info dl dt {width:80px; }
    .company_con06 .map_box iframe {height:300px; }
}


/* company */
.company_cont01 {position:relative; overflow:hidden; text-align:center; }
.company_cont01:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/sub/company01_bg.png') no-repeat center center / cover; transform:scale(1.3); transition:all 3s; }
.company_cont01 .inner {z-index:2; position:relative; }
.company_cont01 h4 {font-size:46px; color:#fff; line-height:1.4; opacity:0; transform:translateY(50px); transition:all 1s 0.3s; }
.company_cont01 p {margin-top:20px; font-size:16px; color:#fff; line-height:1.4; opacity:0; transform:translateY(50px); transition:all 1s 0.5s; }

.company_cont01.on:before {transform:scale(1); }
.company_cont01.on h4 {opacity:1; transform:translateY(0); }
.company_cont01.on p {opacity:1; transform:translateY(0); }

@media all and (max-width:767px){
    .company_cont01 h4 {font-size:28px; }
    .company_cont01 p {margin-top:10px; font-size:14px; }
}

.company_cont02:before {background:url('../img/sub/company02_bg.png') no-repeat center center / cover; }
.company_cont03:before {background:url('../img/sub/company03_bg.png') no-repeat center center / cover; }
.company_cont04:before {background:url('../img/sub/company04_bg.png') no-repeat center center / cover; }

.company_cont {position:relative; overflow:hidden; }
.company_cont:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.3); transition:all 3s; }
.company_cont .inner {z-index:2; position:relative; }
.company_cont .txt_box {width:680px; max-width:100%; line-height:1.5; }
.company_cont .txt_box h4 {font-size:46px; color:#fff; font-weight:600; opacity:0; transform:translateY(50px); transition:all 1s; }
.company_cont .txt_box .cate {display:inline-block; margin-top:20px; padding:6px 10px; font-size:16px; color:var(--color-primary);  background-color:#fff; border-radius:4px; opacity:0; transform:translateY(50px); transition:all 1s 0.2s; }
.company_cont .txt_box h5 {margin-top:20px; font-size:16px; font-weight:600; color:#fff; opacity:0; transform:translateY(50px); transition:all 1s 0.3s; }
.company_cont .txt_box p {margin-top:10px; font-size:16px; color:#fff; opacity:0; transform:translateY(50px); transition:all 1s 0.4s; }

.company_cont03 .txt_box {text-align:right; margin-left:auto; }

.company_cont.active:before {transform:scale(1); }
.company_cont.fp-completely .txt_box h4,
.company_cont.fp-completely .txt_box .cate,
.company_cont.fp-completely .txt_box h5,
.company_cont.fp-completely .txt_box p {opacity:1; transform:translateY(0); }

@media all and (max-width:767px){
    .company_cont .txt_box h4 {font-size:28px; }
    .company_cont .txt_box .cate {margin-top:10px; padding:3px 5px; font-size:12px; }
    .company_cont .txt_box h5 {margin-top:10px; font-size:15px; }
    .company_cont .txt_box p {margin-top:5px; font-size:13px; }
}

.company_cont05 {position:relative; overflow:hidden; }
.company_cont05:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.3); transition:all 3s; background:url('../img/sub/company05_bg.png') no-repeat center center / cover; }
.company_cont05 .inner {z-index:2; position:relative; }
.company_cont05 .tit {text-align:center; opacity:0; transform:translateY(50px); transition:all 1s; }
.company_cont05 .tit h4 {font-size:50px; color:#fff; font-weight:600; letter-spacing:-0.25px; }
.company_cont05 .tit p {padding:20px 0; font-size:32px; color:#fff; font-weight:300; letter-spacing:-0.16px; }
.company_cont05 ul {display:grid; grid-template-columns:repeat(2,1fr); gap:150px; margin-top:30px; }
.company_cont05 ul li {padding:20px; text-align:center; line-height:1.45; }
.company_cont05 ul li img {display:block; margin:0 auto; }
.company_cont05 ul li h5 {margin-top:15px; font-size:26px; color:#fff; font-weight:500; letter-spacing:-0.13px; }
.company_cont05 ul li p {margin-top:15px; font-size:16px; color:#fff; font-weight:300; letter-spacing:-0.08px; }
.company_cont05 ul li:nth-of-type(1) {opacity:0; transform:translateY(50px); transition:all 1s 0.2s; }
.company_cont05 ul li:nth-of-type(2) {opacity:0; transform:translateY(50px); transition:all 1s 0.3s; }

.company_cont05.active:before {transform:scale(1); }
.company_cont05.fp-completely .tit,
.company_cont05.fp-completely ul li {opacity:1; transform:translateY(0); }

@media all and (max-width:1000px){
    .company_cont05 .inner {padding:80px 12px; }
    .company_cont05 ul {gap:30px; }
}
@media all and (max-width:767px){
    .company_cont05 .tit h4 {font-size:28px; }
    .company_cont05 .tit p {padding:10px 0; font-size:16px; }

    .company_cont05 ul {grid-template-columns:repeat(1,1fr); }
    .company_cont05 ul li {padding:10px; }
    .company_cont05 ul li img {width:35px; }
    .company_cont05 ul li h5 {margin-top:10px; font-size:20px; }
    .company_cont05 ul li p {margin-top:10px; font-size:13px; }
}


.company_cont06 {position:relative; overflow:hidden; }
.company_cont06:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.3); transition:all 3s; background:url('../img/sub/company06_bg.png') no-repeat center center / cover; }
.company_cont06 .inner {z-index:2; position:relative; }
.company_cont06 h4 {font-size:50px; color:#fff; font-weight:600; letter-spacing:-0.25px; text-align:center; opacity:0; transform:translateY(50px); transition:all 1s; }
.company_cont06 ul {display:grid; grid-template-columns:repeat(3,1fr); gap:60px 100px; margin-top:90px; }
.company_cont06 ul li {text-align:center; }
.company_cont06 ul li img {display:block; margin:0 auto; }
.company_cont06 ul li h5 {margin-top:30px; font-size:26px; font-weight:500; color:#fff; letter-spacing:-0.13px; }
.company_cont06 ul li p {margin-top:10px; font-size:16px; color:#fff; font-weight:300; letter-spacing:-0.08px; line-height:1.45; }
.company_cont06 ul li:nth-of-type(1) {opacity:0; transform:translateY(50px); transition:all 1s 0.1s; }
.company_cont06 ul li:nth-of-type(2) {opacity:0; transform:translateY(50px); transition:all 1s 0.15s; }
.company_cont06 ul li:nth-of-type(3) {opacity:0; transform:translateY(50px); transition:all 1s 0.2s; }
.company_cont06 ul li:nth-of-type(4) {opacity:0; transform:translateY(50px); transition:all 1s 0.25s; }
.company_cont06 ul li:nth-of-type(5) {opacity:0; transform:translateY(50px); transition:all 1s 0.3s; }
.company_cont06 ul li:nth-of-type(6) {opacity:0; transform:translateY(50px); transition:all 1s 0.35s; }

.company_cont06.active:before {transform:scale(1); }
.company_cont06.fp-completely h4,
.company_cont06.fp-completely ul li {opacity:1; transform:translateY(0); }

@media all and (max-width:1000px){
    .company_cont06 .inner {padding:80px 12px; }
    .company_cont06 ul {gap:40px 50px; }
}
@media all and (max-width:767px){
    .company_cont06 h4 {font-size:28px; }
    .company_cont06 ul {grid-template-columns:repeat(2,1fr); gap:30px 10px; margin-top:50px; }
    .company_cont06 ul li img {width:25px; }
    .company_cont06 ul li h5 {margin-top:15px; font-size:20px; }
    .company_cont06 ul li p {margin-top:5px; font-size:14px; }
    .company_cont06 ul li p br {display:none; }
}


.company_cont07 {background-color:#EDEDED; }
.company_cont07 .tit {text-align:center; opacity:0; transform:translateY(50px); transition:all 1s; }
.company_cont07 .tit h4 {font-size:50px; font-weight:600; color:#39374C; letter-spacing:-0.25px; }
.company_cont07 .tit p {margin-top:30px; font-size:16px; color:#39374C; letter-spacing:-0.08px; }
.company_cont07 .tab_box {display:flex; align-items:center; justify-content:center; gap:40px; flex-wrap:wrap; margin-top:70px; opacity:0; transform:translateY(50px); transition:all 1s 0.1s; }
.company_cont07 .tab_box button {position:relative; padding:10px; font-size:24px; color:#737583; font-weight:500; letter-spacing:-0.12px; }
.company_cont07 .tab_box button.active {color:#2e267b; }
.company_cont07 .tab_content > div {display:none; }
.company_cont07 .tab_content > div.active {display:block; }
.company_cont07 .tab_box button.active:before {content:''; position:absolute; left:calc(50% - 5px); top:-10px; width:10px; height:10px; background-color:var(--color-primary); border-radius:50%; }
.company_cont07 ul {display:grid; grid-template-columns:repeat(4,1fr); gap:37px; margin-top:50px; opacity:0; transform:translateY(50px); transition:all 1s 0.2s; }
.company_cont07 ul.grid1 {grid-template-columns:repeat(1, minmax(0, 300px)); justify-content:center; }
.company_cont07 ul.grid3 {grid-template-columns:repeat(3, minmax(0, 300px)); justify-content:center; }
.company_cont07 ul li {padding:20px; text-align:center; line-height:1.45; background-color:#fff; border-radius:8px; box-shadow:0 4px 5px 0 rgba(0,0,0,0.1); }
.company_cont07 ul li span {display:block; margin-bottom:20px; font-size:16px; letter-spacing:-0.08px; color:#2E267B; font-weight:700; }
.company_cont07 ul li i {display:flex; align-items:center; justify-content:center; width:100%; height:50px; }
.company_cont07 ul li img {display:block; max-height:100%; margin:0 auto; }
.company_cont07 ul li h5 {margin-top:20px; font-size:18px; color:#39374c; font-weight:700; letter-spacing:-0.09px; }
.company_cont07 ul li h5 sub {vertical-align:baseline; font-size:12px; }
.company_cont07 ul li p {font-size:16px; color:#696682; font-weight:300; letter-spacing:-0.08px; text-transform: capitalize;}

.company_cont07.fp-completely .tit,
.company_cont07.fp-completely .tab_box,
.company_cont07.fp-completely ul {opacity:1; transform:translateY(0);}

@media all and (max-width:1000px){
    .company_cont07 .inner {padding:100px 12px 50px; }
    .company_cont07 .tab_box {margin-top:40px; }
    .company_cont07 ul.grid3,
    .company_cont07 ul {grid-template-columns:repeat(3,1fr); gap:20px; margin-top:20px; }
}
@media all and (max-width:767px){
    .company_cont07 .tit h4 {font-size:28px; }
    .company_cont07 .tit p {margin-top:20px; font-size:14px; }

    .company_cont07 .tab_box {gap:10px; margin-top:30px; }
    .company_cont07 .tab_box button {padding:5px; font-size:20px; }
    .company_cont07 .tab_box button.active:before {left:calc(50% - 4px); top:-8px; width:8px; height:8px; }

    .company_cont07 ul.grid3, 
    .company_cont07 ul {grid-template-columns:repeat(2,1fr); gap:10px; }
    .company_cont07 ul li {padding:20px 10px; }
    .company_cont07 ul li i {height:30px; }
    .company_cont07 ul li img {max-width:50%; }
    .company_cont07 ul li h5 {font-size:16px; }
    .company_cont07 ul li p {font-size:14px; }
}


/* ====================================
    브랜드
==================================== */
.brand {line-height:1.5; }
.brand .section .inner {padding:80px 12px 0; }
@media all and (max-width:767px){
    .brand .section .inner {padding:80px 12px 50px; }
}

/* AMI */
.ami_cont01 {overflow:hidden; position:relative; }
.ami_cont01:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/brand/ami_01_bg.png') no-repeat center center / cover; transform:scale(1.3); transition:all 3s; }
.ami_cont01 .inner {z-index:2; position:relative; }
.ami_cont01 .txt_box {width:555px; max-width:90%; opacity:0; transform:translateY(50px); transition:all 1s 0.4s; }
.ami_cont01 .txt_box img {max-width:70%; }
.ami_cont01 .txt_box h4 {margin-top:40px; color:#fff; font-size:32px; font-weight:500; }
.ami_cont01 .txt_box p {margin-top:12px; color:#cbcbcb; font-size:16px; }

.ami_cont01.on:before {transform:scale(1); }
.ami_cont01.on .txt_box {opacity:1; transform:translateY(0); }

@media all and (max-width:767px){
    .ami_cont01 .txt_box h4 {margin-top:20px; font-size:28px; }
    .ami_cont01 .txt_box p {margin-top:10px; font-size:14px; }
}

.ami_cont02 {overflow:hidden; position:relative; }
.ami_cont02:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/brand/ami_02_bg.png') no-repeat center center / cover;  transform:scale(1.3); transition:all 3s; }
.ami_cont02 .inner {z-index:2; position:relative; display:flex; align-items:center; justify-content:space-between; height:100%; }
.ami_cont02 .img_box {opacity:0; transform:translateY(50px); transition:all 1s 0.2s; }
.ami_cont02 .txt_box {display:grid; grid-template-columns:repeat(2,1fr); width:500px; max-width:50%; opacity:0; transform:translateY(50px); transition:all 1s; }
.ami_cont02 .txt_box div {padding:30px 0; }
.ami_cont02 .txt_box img {display:block; margin:0 auto 30px; }
.ami_cont02 .txt_box p {font-size:16px; color:#fff; font-weight:500; text-align:center; }

.ami_cont02.active:before {transform:scale(1); }
.ami_cont02.fp-completely .img_box,
.ami_cont02.fp-completely .txt_box {opacity:1; transform:translateY(0); }

@media all and (max-width:767px){
    .ami_cont02 .inner {flex-direction:column-reverse; justify-content:center; gap:30px; }
    .ami_cont02 .txt_box {max-width:100%; }
    .ami_cont02 .txt_box div {padding:20px 0; }
    .ami_cont02 .txt_box img {height:35px; margin:0 auto 15px; }
    .ami_cont02 .txt_box p {font-size:14px; }
}

.ami_cont03 {overflow:hidden; position:relative; }
.ami_cont03:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/brand/ami_03_bg.png') no-repeat center center / cover;  transform:scale(1.3); transition:all 3s; }
.ami_cont03 .inner {z-index:2; position:relative;}
.ami_cont03 .txt_box {width:740px; max-width:100%;  }
.ami_cont03 .txt_box h4 {font-size:32px; color:#fff; font-weight:800; opacity:0; transform:translateY(50px); transition:all 1s; }
.ami_cont03 .txt_box p {max-width:90%; margin-top:12px; font-size:16px; color:rgba(255,255,255,0.8); font-weight:300; opacity:0; transform:translateY(50px); transition:all 1s; }
.ami_cont03 .txt_box ul {display:flex; align-items:flex-start; justify-content:center; gap:30px 0; flex-wrap:wrap; margin-top:60px; margin-left:-40px; opacity:0; transform:translateY(50px); transition:all 1s 0.2s; }
.ami_cont03 .txt_box ul li {width:33.33%; padding:0 20px; text-align:center; }
.ami_cont03 .txt_box ul li img {display:block; margin:0 auto 30px; }
.ami_cont03 .txt_box ul li b {display:block; font-size:16px; color:#fff; font-weight:500; }
.ami_cont03 .txt_box ul li span {display:block; margin-top:8px; font-size:14px; color:rgba(255,255,255,0.8); font-weight:300; }

.ami_cont03.active:before {transform:scale(1); }
.ami_cont03.fp-completely .txt_box h4,
.ami_cont03.fp-completely .txt_box p,
.ami_cont03.fp-completely .txt_box ul {opacity:1; transform:translateY(0); }

@media all and (max-width:767px){
    .ami_cont03 .txt_box h4 {font-size:28px; }
    .ami_cont03 .txt_box p {font-size:14px; }
    .ami_cont03 .txt_box ul {gap:15px 0; margin-left:0;}
    .ami_cont03 .txt_box ul li {width:50%; padding:0 10px; }
    .ami_cont03 .txt_box ul li img {height:35px; margin:0 auto 15px; }
    .ami_cont03 .txt_box ul li b {font-size:14px; }
    .ami_cont03 .txt_box ul li span {font-size:12px; }
}


/* rabianca */
.rabia .swiper-slide {height:100%; }
.rabia .slide_box {z-index:10; position:relative; height:100%; }
.rabia .slide_box .swiper-wrapper,
.rabia .slide_box .swiper-slide,
.rabia .slide_box .swiper-slide > div,
.rabia .slide_box .swiper-slide .inner {height:100%; }
.rabia .slide_box .arrow {z-index:5; position:absolute; top:calc(50% - 50px); width:100px; height:100px; background:url('../img/brand/arrow.svg') no-repeat center center / 100% 100%; cursor:pointer; }
.rabia .slide_box .arrow.swiper-button-disabled {display:none; }
.rabia .slide_box .arrow:hover {background:url('../img/brand/arrow_hover.svg') no-repeat center center / 100% 100%;}
.rabia .slide_box .arrow.prev {left:50px; transform:rotate(180deg); }
.rabia .slide_box .arrow.next {right:50px; }

@media all and (max-width:767px){
    .rabia .slide_box .arrow {top:auto; bottom:30px; width:40px; height:40px; }
    .rabia .slide_box .arrow.prev {left:30px; }
    .rabia .slide_box .arrow.next {right:30px; }
}

.rabia_cont01 {overflow:hidden; position:relative; }
.rabia_cont01:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:#000 url('../img/brand/rabia_01_bg.png') no-repeat center center / cover; transform:scale(1.3); transition:all 3s; }
.rabia_cont01 .inner {z-index:2; position:relative; display:flex; align-items:center; }
.rabia_cont01 .txt_box {width:360px; max-width:90%; opacity:0; transform:translateY(50px); transition:all 1s 0.4s; }
.rabia_cont01 .txt_box img {max-width:70%; }
.rabia_cont01 .txt_box h4 {margin-top:20px; color:#fff; font-size:20px; font-weight:500; }
.rabia_cont01 .txt_box p {margin-top:12px; color:#cbcbcb; font-size:16px; }

.on .rabia_cont01:before {transform:scale(1); }
.on .rabia_cont01 .txt_box {opacity:1; transform:translateY(0); }

@media all and (max-width:767px){
    .rabia_cont01 .txt_box h4 {font-size:18px; }
    .rabia_cont01 .txt_box p {margin-top:10px; font-size:14px; }
}

.rabia_cont02 {overflow:hidden; position:relative; }
.rabia_cont02:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:#000 url('../img/brand/rabia_02_bg.png') no-repeat center center / cover; transform:scale(1.3); transition:all 3s; }
.rabia_cont02 .inner {z-index:2; position:relative; display:flex; align-items:center; justify-content:space-between; height:100%; }
.rabia_cont02 .txt_box {width:740px; max-width:100%; opacity:0; transform:translateY(50px); transition:all 1s; }
.rabia_cont02 .txt_box ul {display:flex; align-items:flex-start; justify-content:center; gap:80px 0; flex-wrap:wrap; margin-top:60px; }
.rabia_cont02 .txt_box ul li {width:33.33%; padding:0 20px; text-align:center; }
.rabia_cont02 .txt_box ul li img {display:block; margin:0 auto 30px; }
.rabia_cont02 .txt_box ul li b {display:block; font-size:16px; color:#fff; font-weight:500; }
.rabia_cont02 .txt_box ul li span {display:block; margin-top:8px; font-size:14px; color:rgba(255,255,255,0.8); font-weight:300; }
.rabia_cont02 .img_box {opacity:0; transform:translateY(50px); transition:all 1s 0.2s; }
.rabia_cont02 .img_box img {display:block; max-width:100%; margin:0 auto; }
.rabia_cont02 .img_box p {width:100%; margin-top:30px; padding:7px 20px; color:#111; font-weight:600; text-align:center; background-color:#EEBC7B; border-radius:100px; }

.active .rabia_cont02:before {transform:scale(1); }
.fp-completely .rabia_cont02 .img_box,
.fp-completely .rabia_cont02 .txt_box {opacity:1; transform:translateY(0); }

@media all and (max-width:767px){
    .rabia_cont02 .inner {flex-direction:column-reverse; justify-content:center; gap:30px; }
    .rabia_cont02 .txt_box {max-width:100%; }
    .rabia_cont02 .txt_box ul {gap:15px 0; margin-top:30px; }
    .rabia_cont02 .txt_box ul li {width:50%; padding:0 10px; }
    .rabia_cont02 .txt_box ul li img {height:35px; margin:0 auto 15px; }
    .rabia_cont02 .txt_box ul li b {font-size:14px; }
    .rabia_cont02 .txt_box ul li span {font-size:12px; }
    .rabia_cont02 .img_box img {max-width:50%; }
}

.rabia_cont03 {overflow:hidden; position:relative; }
.rabia_cont03:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:#000 url('../img/brand/rabia_03_bg.png') no-repeat center center / cover; transform:scale(1.3); transition:all 3s; }
.rabia_cont03 .inner {z-index:2; position:relative; display:flex; align-items:center; }
.rabia_cont03 .txt_box {width:740px; max-width:100%; }
.rabia_cont03 .txt_box h4 {font-size:32px; color:#fff; font-weight:800; opacity:0; transform:translateY(50px); transition:all 1s; }
.rabia_cont03 .txt_box p {max-width:90%; margin-top:12px; font-size:16px; color:rgba(255,255,255,0.8); font-weight:300; opacity:0; transform:translateY(50px); transition:all 1s; }
.rabia_cont03 .txt_box ul {display:flex; align-items:flex-start; justify-content:center; gap:60px 0; flex-wrap:wrap; margin-top:60px; opacity:0; transform:translateY(50px); transition:all 1s 0.2s; }
.rabia_cont03 .txt_box ul li {width:33.33%; padding:0 20px; text-align:center; }
.rabia_cont03 .txt_box ul li img {display:block; margin:0 auto 30px; }
.rabia_cont03 .txt_box ul li b {display:block; font-size:16px; color:#fff; font-weight:500; }

.active .rabia_cont03:before {transform:scale(1); }
.fp-completely .rabia_cont03 .txt_box h4,
.fp-completely .rabia_cont03 .txt_box p,
.fp-completely .rabia_cont03 .txt_box ul {opacity:1; transform:translateY(0); }

@media all and (max-width:767px){
    .rabia_cont03 .txt_box h4 {font-size:28px; }
    .rabia_cont03 .txt_box p {font-size:14px; }
    .rabia_cont03 .txt_box ul {gap:15px 0; }
    .rabia_cont03 .txt_box ul li { padding:0 10px; }
    .rabia_cont03 .txt_box ul li img {margin:0 auto 15px; }
    .rabia_cont03 .txt_box ul li b {font-size:14px; }
}

/* rabianca hard */
.rabiah_cont01 {overflow:hidden; position:relative; }
.rabiah_cont01:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:#000 url('../img/brand/rabiah_01_bg.png') no-repeat center center / cover; transform:scale(1.3); transition:all 3s; }
.rabiah_cont01 .inner {z-index:2; position:relative; display:flex; align-items:center; }
.rabiah_cont01 .txt_box {width:430px; max-width:90%; opacity:0; transform:translateY(50px); transition:all 1s 0.4s; }
.rabiah_cont01 .txt_box img {max-width:70%; }
.rabiah_cont01 .txt_box h4 {margin-top:20px; color:#fff; font-size:20px; font-weight:500; }
.rabiah_cont01 .txt_box p {margin-top:12px; color:#cbcbcb; font-size:16px; }

.on .rabiah_cont01:before {transform:scale(1); }
.on .rabiah_cont01 .txt_box {opacity:1; transform:translateY(0); }

@media all and (max-width:767px){
    .rabiah_cont01 .txt_box h4 {font-size:18px; }
    .rabiah_cont01 .txt_box p {margin-top:10px; font-size:14px; }
}

.rabiah_cont02 {overflow:hidden; position:relative; }
.rabiah_cont02:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:#000 url('../img/brand/rabiah_02_bg.png') no-repeat center center / cover; transform:scale(1.3); transition:all 3s; }
.rabiah_cont02 .inner {z-index:2; position:relative; display:flex; align-items:center; justify-content:space-between; height:100%; }
.rabiah_cont02 .graph_box {margin:15px 0; opacity:0; transform:translateY(50px); transition:all 1s; }
.rabiah_cont02 .graph_box dl {display:flex; align-items:center; gap:16px; }
.rabiah_cont02 .graph_box dl + dl {margin-top:12px; }
.rabiah_cont02 .graph_box dl dt {flex-shrink:0; width:175px; padding:8px 16px; font-size:16px; color:#111; font-weight:600; text-align:center; background-color:#eebc7b; border-radius:80px; }
.rabiah_cont02 .graph_box dl dd {display:flex; align-items:center; gap:16px; text-aligN:center; }
.rabiah_cont02 .graph_box dl dd p {font-size:16px; color:#fff; font-weight:500; }
.rabiah_cont02 .graph_box dl dd p:first-of-type {width:95px; }
.rabiah_cont02 .graph_box dl dd p:last-of-type {width:167px; }
.rabiah_cont02 .graph_box dl dd p span {display:block; font-size:12px; font-weight:400; }
.rabiah_cont02 .txt_box .txt {margin-bottom:60px; opacity:0; transform:translateY(50px); transition:all 1s; }
.rabiah_cont02 .txt_box .txt p {font-size:12px; color:rgba(255,255,255,0.8); font-weight:300; }
.rabiah_cont02 .txt_box h5 {font-size:16px; color:#fff; font-weight:700; opacity:0; transform:translateY(50px); transition:all 1s; }
.rabiah_cont02 .txt_box .txt + h5 {opacity:0; transform:translateY(50px); transition:all 1s 0.2s; }
.rabiah_cont02 .txt_box .spec_box {width:570px; max-width:100%; margin-top:12px; opacity:0; transform:translateY(50px); transition:all 1s 0.2s; }
.rabiah_cont02 .txt_box .spec_box dl {display:flex; align-items:flex-start; padding:8px 0; border-top:0.5px solid #fff; }
.rabiah_cont02 .txt_box .spec_box dl:last-of-type {border-bottom:0.5px solid #fff; }
.rabiah_cont02 .txt_box .spec_box dl dt {width:155px; color:#fff; font-weight:500; }
.rabiah_cont02 .txt_box .spec_box dl dd {width:calc(100% - 155px); color:rgba(255,255,255,0.8); font-weight:300; }
.rabiah_cont02 .img_box {opacity:0; transform:translateY(50px); transition:all 1s 0.4s; }


.active .rabiah_cont02:before {transform:scale(1); }
.fp-completely .rabiah_cont02 .graph_box,
.fp-completely .rabiah_cont02 h5,
.fp-completely .rabiah_cont02 .txt,
.fp-completely .rabiah_cont02 .spec_box,
.fp-completely .rabiah_cont02 .img_box {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
    .rabiah_cont02 .inner {flex-direction:column-reverse; }
    .rabiah_cont02 .img_box img {display:block; max-width:50%; margin:0 auto; }
    .rabiah_cont02 .txt_box {margin-top:20px; }
    .rabiah_cont02 .graph_box dl {display:block; }
    .rabiah_cont02 .graph_box dl dt {margin-bottom:10px; font-size:14px; }
    .rabiah_cont02 .graph_box dl dd {gap:8px; width:100%; }
    .rabiah_cont02 .graph_box dl dd p {flex-shrink:0; font-size:12px; }
    .rabiah_cont02 .graph_box dl dd p span {font-size:10px; }
    .rabiah_cont02 .graph_box dl dd p:first-of-type {width:20%; }
    .rabiah_cont02 .graph_box dl dd p:last-of-type {width:30%; }
    .rabiah_cont02 .graph_box dl dd img {max-width:calc(50% - 16px); }
    .rabiah_cont02 .txt_box .spec_box {width:100%; }
    .rabiah_cont02 .txt_box .spec_box dl dt {width:100px; font-size:12px; }
    .rabiah_cont02 .txt_box .spec_box dl dd {width:calc(100% - 100px); font-size:12px; }
}

.rabiah_cont03 {overflow:hidden; position:relative; }
.rabiah_cont03:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:#000 url('../img/brand/rabiah_03_bg.png') no-repeat center center / cover; transform:scale(1.3); transition:all 3s; }
.rabiah_cont03 .inner {z-index:2; position:relative; display:flex; align-items:center; }
.rabiah_cont03 .txt_box {width:830px; max-width:100%; opacity:0; transform:translateY(50px); transition:all 1s; }
.rabiah_cont03 .txt_box ul {display:flex; align-items:flex-start; justify-content:center; gap:80px 0; flex-wrap:wrap; }
.rabiah_cont03 .txt_box ul li {width:50%; padding:0 20px; text-align:center; }
.rabiah_cont03 .txt_box ul li img {display:block; margin:0 auto 30px; }
.rabiah_cont03 .txt_box ul li b {display:block; font-size:16px; color:#fff; font-weight:500; }
.rabiah_cont03 .txt_box ul li span {display:block; margin-top:8px; font-size:14px; color:rgba(255,255,255,0.8); font-weight:300; }
.rabiah_cont03 .img_box img {display:block; max-width:100%; margin:0 auto; }

.active .rabiah_cont03:before {transform:scale(1); }
.fp-completely .rabiah_cont03 .txt_box {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
    .rabiah_cont03 .txt_box {max-width:100%; }
    .rabiah_cont03 .txt_box ul {gap:40px 0;}
    .rabiah_cont03 .txt_box ul li {width:50%; padding:0 10px; }
    .rabiah_cont03 .txt_box ul li img {height:35px; margin:0 auto 15px; }
    .rabiah_cont03 .txt_box ul li b {font-size:14px; }
    .rabiah_cont03 .txt_box ul li span {font-size:12px; }
    .rabiah_cont03 .img_box img {max-width:50%; }
}


/* nuvene */
.nuvene_cont01 {overflow:hidden; position:relative; }
.nuvene_cont01:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/brand/nuvene_01_bg.png') no-repeat center center / cover; transform:scale(1.3); transition:all 3s; }
.nuvene_cont01 .inner {z-index:2; position:relative; }
.nuvene_cont01 .txt_box {width:650px; max-width:90%; opacity:0; transform:translateY(50px); transition:all 1s 0.4s; }
.nuvene_cont01 .txt_box img {max-width:70%; }
.nuvene_cont01 .txt_box h4 {margin-top:50px; color:#fff; font-size:30px; font-weight:700; }
.nuvene_cont01 .txt_box p {margin-top:12px; color:#fff; font-size:16px; font-weight:300; }
.nuvene_cont01 .txt_box .box {display:flex; align-items:center; gap:50px; flex-wrap:wrap; margin-top:50px; }
.nuvene_cont01 .txt_box .box a {padding:10px 50px; font-size:20px; color:#fff; font-weight:600; background-color:#060606; border-radius:100px; }

.nuvene_cont01.on:before {transform:scale(1); }
.nuvene_cont01.on .txt_box {opacity:1; transform:translateY(0); }

@media all and (max-width:767px){
    .nuvene_cont01 .txt_box h4 {font-size:18px; }
    .nuvene_cont01 .txt_box p {margin-top:10px; font-size:14px; }
    .nuvene_cont01 .txt_box .box {gap:30px; margin-top:30px; }
    .nuvene_cont01 .txt_box .box img {height:40px; }
    .nuvene_cont01 .txt_box .box a {padding:8px 30px; font-size:18px; }
}

.nuvene_cont02 .slide_box {position:relative; width:100%; height:100%; }
.nuvene_cont02 .slide_box .arrow {z-index:5; position:absolute; top:calc(50% - 50px); width:100px; height:100px; background:url('../img/brand/arrow.svg') no-repeat center center / 100% 100%; cursor:pointer; }
.nuvene_cont02 .slide_box .arrow.swiper-button-disabled {display:none; }
.nuvene_cont02 .slide_box .arrow:hover {background:url('../img/brand/arrow_hover.svg') no-repeat center center / 100% 100%;}
.nuvene_cont02 .slide_box .arrow.prev {left:50px; transform:rotate(180deg); }
.nuvene_cont02 .slide_box .arrow.next {right:50px; }

.nuvene_cont02 .inner {display:flex; align-items:center; gap:25px; height:100%; }
.nuvene_cont02 .left_box {width:35%; opacity:0; transform:translateY(50px); transition:all 1s; }
.nuvene_cont02 .left_box img {display:block; max-width:70%; }
.nuvene_cont02 .left_box p {margin-top:40px; font-size:32px; color:#fff; text-transform:uppercase; }
.nuvene_cont02 .right_box {width:calc(65% - 25px); }
.nuvene_cont02 .right_box > img {display:block; margin:0 auto; opacity:0; transform:translateY(50px); transition:all 1s 0.2s; }
.nuvene_cont02 .right_box .txt_box {width:100%; margin-top:50px; opacity:0; transform:translateY(50px); transition:all 1s 0.2s; }
.nuvene_cont02 .right_box .txt_box dl {display:flex; align-items:center; gap:6%; }
.nuvene_cont02 .right_box .txt_box dl + dl {margin-top:12px; }
.nuvene_cont02 .right_box .txt_box dl dt {width:180px; padding:8px 16px; font-size:16px; text-align:center; font-weight:500; background-color:#fff; border-radius:80px; }
.nuvene_cont02 .right_box .txt_box dl dd {display:flex; align-items:center; justify-content:space-between; gap:6%; width:calc(100% - 180px); }
.nuvene_cont02 .right_box .txt_box dl dd p {flex-shrink:0; font-size:16px; color:#fff; text-align:center;  }
.nuvene_cont02 .right_box .txt_box dl dd p span {display:block; font-size:12px; }
.nuvene_cont02 .right_box .txt_box dl dd p:first-of-type {width:15%; }
.nuvene_cont02 .right_box .txt_box dl dd p:last-of-type {width:28%; }
.nuvene_cont02 .right_box .txt_box dl dd img {max-width:40%; }

.nuvene_cont02 .swiper-slide {overflow:hidden; position:relative; }
.nuvene_cont02 .swiper-slide:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.3); transition:all 3s; }
.nuvene_cont02 .swiper-slide .inner {z-index:2; position:relative; }
.nuvene_cont02 .nuvene_cont02_1:before {background:url('../img/brand/nuvene_cont02_1.png') no-repeat center center / cover;  }
.nuvene_cont02 .nuvene_cont02_1 .txt_box dl dt {color:#54B0AD; }
.nuvene_cont02 .nuvene_cont02_2:before {background:url('../img/brand/nuvene_cont02_2.png') no-repeat center center / cover;  }
.nuvene_cont02 .nuvene_cont02_2 .txt_box dl dt {color:#006CB8; }
.nuvene_cont02 .nuvene_cont02_3:before {background:url('../img/brand/nuvene_cont02_3.png') no-repeat center center / cover;  }
.nuvene_cont02 .nuvene_cont02_3 .txt_box dl dt {color:#EC6D74; }
.nuvene_cont02 .nuvene_cont02_4:before {background:url('../img/brand/nuvene_cont02_4.png') no-repeat center center / cover;  }
.nuvene_cont02 .nuvene_cont02_4 .txt_box dl dt {color:#61B7D9; }
.nuvene_cont02 .nuvene_cont02_5:before {background:url('../img/brand/nuvene_cont02_5.png') no-repeat center center / cover;  }
.nuvene_cont02 .nuvene_cont02_5 .txt_box dl dt {color:#F8B62D; }

.nuvene_cont02.active .swiper-slide:before {transform:scale(1); }
.nuvene_cont02.fp-completely .left_box,
.nuvene_cont02.fp-completely .right_box > img,
.nuvene_cont02.fp-completely .txt_box {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
    .nuvene_cont02 .slide_box .arrow {top:auto; bottom:30px; width:40px; height:40px; }
    .nuvene_cont02 .slide_box .arrow.prev {left:30px; }
    .nuvene_cont02 .slide_box .arrow.next {right:30px; }
    .nuvene_cont02 .inner {display:block; }
    .nuvene_cont02 .left_box {width:100%; text-align:center; }
    .nuvene_cont02 .left_box img {max-width:20%; margin:0 auto; }
    .nuvene_cont02 .left_box p {margin-top:10px; font-size:18px; }
    .nuvene_cont02 .right_box {width:100%; }
    .nuvene_cont02 .right_box > img {max-width:60%; }
    .nuvene_cont02 .right_box .txt_box {margin-top:30px; }
    .nuvene_cont02 .right_box .txt_box dl {display:block; }
    .nuvene_cont02 .right_box .txt_box dl + dl {margin-top:20px; }
    .nuvene_cont02 .right_box .txt_box dl dt {width:140px; padding:4px 8px; font-size:14px; }
    .nuvene_cont02 .right_box .txt_box dl dd {gap:10px; width:100%; padding-top:10px; }
    .nuvene_cont02 .right_box .txt_box dl dd p {font-size:12px; }
    .nuvene_cont02 .right_box .txt_box dl dd p span {font-size:10px; }
    .nuvene_cont02 .right_box .txt_box dl dd p:first-of-type {width:17%; }
    .nuvene_cont02 .right_box .txt_box dl dd p:last-of-type {width:28%; }
    .nuvene_cont02 .right_box .txt_box dl dd img {max-width:45%; }
}

.nuvene_cont03 {overflow:hidden; position:relative; }
.nuvene_cont03:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.3); transition:all 3s; background:#000 url('../img/brand/nuvene_03_bg.png') no-repeat center center / cover; }
.nuvene_cont03 .inner {z-index:2; position:relative; display:flex; align-items:center; justify-content:space-between; }
.nuvene_cont03 .txt_box {width:615px; max-width:100%; opacity:0; transform:translateY(50px); transition:all 1s; }
.nuvene_cont03 .txt_box b {display:block; font-size:50px; font-weight:700; color:#fff; }
.nuvene_cont03 .txt_box h4 {margin-top:30px; color:#fff; font-size:16px; font-weight:700; }
.nuvene_cont03 .txt_box p {margin-top:10px; color:#fff; font-size:14px; font-weight:300; }
.nuvene_cont03 .link_box {opacity:0; transform:translateY(50px); transition:all 1s 0.2s; }
.nuvene_cont03 .link_box a {display:flex; align-items:center; justify-content:center; gap:10px; width:300px; padding:10px; font-size:20px; color:#fff; font-weight:700; background-color:#060606; border-radius:100px; }
.nuvene_cont03 .link_box a + a {margin-top:20px; }
.nuvene_cont03 .link_box a:after {content:''; width:24px; height:24px; background:url('../img/brand/up_icon.svg') no-repeat center center / 100% 100%; }

.nuvene_cont03.active:before {transform:scale(1); }
.nuvene_cont03.fp-completely .txt_box,
.nuvene_cont03.fp-completely .link_box {opacity:1; transform:translateY(0);}

@media all and (max-width:767px){
    .nuvene_cont03 .inner {flex-direction:column; }
    .nuvene_cont03 .txt_box b {font-size:30px; }
    .nuvene_cont03 .txt_box h4 {font-size:14px; }
    .nuvene_cont03 .txt_box p {font-size:12px; }
    .nuvene_cont03 .link_box {margin-top:30px; }
    .nuvene_cont03 .link_box a {width:250px; font-size:14px; }
    .nuvene_cont03 .link_box a + a {margin-top:10px; }
    .nuvene_cont03 .link_box a:after {width:18px; height:18px; }
}